import clsx from 'clsx';
import { mapValues } from 'lodash-es';
import { extendTailwindMerge } from 'tailwind-merge';
import { createClassed } from '@tw-classed/react';
import { createClassed as createClassed$1 } from '@tw-classed/core';
import createVariatGroupTransfomer from 'tailwind-group-variant';
import { jsx } from 'react/jsx-runtime';

// src/styles/position.variants.ts
var positionVariants = {
  "top-center": "-translate-y-1/2 translate-x-1/2 right-1/2",
  "top-left": "-translate-y-1/2 -translate-x-1/2 right-auto top-0 left-0",
  "top-right": "-translate-y-1/2 translate-x-1/2 left-auto top-0 right-0",
  "middle-center": "-translate-y-1/2 -translate-x-1/2 top-2/4 left-1/2",
  "middle-left": "-translate-y-1/2 -translate-x-1/2 right-auto left-0 top-2/4",
  "middle-right": "-translate-y-1/2 translate-x-1/2 left-auto right-0 top-2/4",
  "bottom-center": "translate-y-1/2 translate-x-1/2 bottom-0 right-1/2",
  "bottom-left": "translate-y-1/2 -translate-x-1/2 right-auto bottom-0 left-0",
  "bottom-right": "translate-y-1/2 translate-x-1/2 left-auto bottom-0 right-0"
};
mapValues(
  positionVariants,
  (className) => clsx(className, "absolute")
);
var twMerge = extendTailwindMerge({
  classGroups: {
    "font-size": [
      {
        // Fixes incorect merging of text size
        text: ["h1", "h2", "h3", "h4", "h5", "h6"]
      }
    ]
  }
});
var { classed } = createClassed({ merger: twMerge });
createClassed$1({ merger: twMerge });
createVariatGroupTransfomer({});
var PositionElement = classed("div", "absolute", {
  variants: {
    position: positionVariants
  }
});
var Position = (props) => {
  return /* @__PURE__ */ jsx(PositionElement, { ...props });
};

export { Position };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map