'use strict';

var reactSlot = require('@radix-ui/react-slot');
var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');
require('lodash-es');
var react = require('@tw-classed/react');
var core = require('@tw-classed/core');
require('clsx');
var createVariatGroupTransfomer = require('tailwind-group-variant');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var createVariatGroupTransfomer__default = /*#__PURE__*/_interopDefault(createVariatGroupTransfomer);

// src/components/Icon/SvgIconWrapper.tsx
var SvgIconWrapper = ({
  children,
  asChild,
  autoSize = true,
  viewbox = "20",
  className,
  svgProps,
  strokeWidth,
  rounded,
  ...props
}) => {
  const Svg = asChild ? reactSlot.Slot : "svg";
  const size = autoSize ? "100%" : viewbox;
  const { className: roundedClassName, ...roundedProps } = (rounded ? {
    className: "rounded-full",
    strokeLinejoin: "round",
    strokeLinecap: "round"
  } : void 0) ?? {};
  return /* @__PURE__ */ jsxRuntime.jsx(
    Svg,
    {
      className: tailwindMerge.twMerge(roundedClassName, className),
      xmlns: "http://www.w3.org/2000/svg",
      viewBox: `0 0 ${viewbox} ${viewbox}`,
      height: size,
      width: size,
      fill: "currentColor",
      stroke: "currentColor",
      ...roundedProps,
      strokeWidth,
      ...props,
      children
    }
  );
};
var svgIcon = (svg, defaultProps) => {
  const SvgIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(SvgIconWrapper, { ...props, ...defaultProps, asChild: true, children: svg });
  return SvgIcon;
};
var VerticalResizeIcon = svgIcon(
  /* @__PURE__ */ jsxRuntime.jsx("svg", { children: /* @__PURE__ */ jsxRuntime.jsx(
    "path",
    {
      fill: "currentColor",
      d: "M8,18H11V15H2V13H22V15H13V18H16L12,22L8,18M12,2L8,6H11V9H2V11H22V9H13V6H16L12,2Z"
    }
  ) }),
  {
    autoSize: true
  }
);
var HorizontalResizeIcon = svgIcon(
  /* @__PURE__ */ jsxRuntime.jsx("svg", { children: /* @__PURE__ */ jsxRuntime.jsx(
    "path",
    {
      fill: "currentColor",
      d: "M18,16V13H15V22H13V2H15V11H18V8L22,12L18,16M2,12L6,16V13H9V22H11V2H9V11H6V8L2,12Z"
    }
  ) }),
  { autoSize: true }
);
var twMerge2 = tailwindMerge.extendTailwindMerge({
  classGroups: {
    "font-size": [
      {
        // Fixes incorect merging of text size
        text: ["h1", "h2", "h3", "h4", "h5", "h6"]
      }
    ]
  }
});
var { classed } = react.createClassed({ merger: twMerge2 });
core.createClassed({ merger: twMerge2 });
createVariatGroupTransfomer__default.default({});

// src/components/Icon/IconContainer.tsx
var GlyphContainerElement = classed(
  "div",
  "relative text-boundary-intense/90",
  "rounded-md",
  "ring-1 ring-highlight-weak",
  "bg-gradient-surface-dark-to-light-t",
  {
    variants: {}
  }
);

exports.GlyphContainerElement = GlyphContainerElement;
exports.HorizontalResizeIcon = HorizontalResizeIcon;
exports.SvgIconWrapper = SvgIconWrapper;
exports.VerticalResizeIcon = VerticalResizeIcon;
exports.svgIcon = svgIcon;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.cjs.map