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

// src/components/Icon/SvgIconWrapper.tsx
var SvgIconWrapper = ({
  children,
  asChild,
  autoSize = true,
  viewbox = "20",
  className,
  svgProps,
  strokeWidth,
  rounded,
  ...props
}) => {
  const Svg = asChild ? Slot : "svg";
  const size = autoSize ? "100%" : viewbox;
  const { className: roundedClassName, ...roundedProps } = (rounded ? {
    className: "rounded-full",
    strokeLinejoin: "round",
    strokeLinecap: "round"
  } : void 0) ?? {};
  return /* @__PURE__ */ jsx(
    Svg,
    {
      className: 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__ */ jsx(SvgIconWrapper, { ...props, ...defaultProps, asChild: true, children: svg });
  return SvgIcon;
};
var VerticalResizeIcon = svgIcon(
  /* @__PURE__ */ jsx("svg", { children: /* @__PURE__ */ jsx(
    "path",
    {
      fill: "currentColor",
      d: "M8,18H11V15H2V13H22V15H13V18H16L12,22L8,18M12,2L8,6H11V9H2V11H22V9H13V6H16L12,2Z"
    }
  ) }),
  {
    autoSize: true
  }
);
var HorizontalResizeIcon = svgIcon(
  /* @__PURE__ */ jsx("svg", { children: /* @__PURE__ */ jsx(
    "path",
    {
      fill: "currentColor",
      d: "M18,16V13H15V22H13V2H15V11H18V8L22,12L18,16M2,12L6,16V13H9V22H11V2H9V11H6V8L2,12Z"
    }
  ) }),
  { autoSize: true }
);
var twMerge2 = extendTailwindMerge({
  classGroups: {
    "font-size": [
      {
        // Fixes incorect merging of text size
        text: ["h1", "h2", "h3", "h4", "h5", "h6"]
      }
    ]
  }
});
var { classed } = createClassed({ merger: twMerge2 });
createClassed$1({ merger: twMerge2 });
createVariatGroupTransfomer({});

// 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: {}
  }
);

export { GlyphContainerElement, HorizontalResizeIcon, SvgIconWrapper, VerticalResizeIcon, svgIcon };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map