ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/IconButton-DwkpNgn3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-DwkpNgn3.js","sources":["../src/components/button/icon-button/IconButton.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { ButtonBase, ButtonBaseProps, ButtonBaseVariants } from \"../button-base/ButtonBase\";\nimport { Icon } from \"@/components/icon/Icon\";\nimport { LucideIcon } from \"lucide-react\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\ntype IconButtonVariants = Pick<ButtonBaseVariants, \"size\">;\n\nconst iconButtonVariants = tv({\n\tslots: {\n\t\tcontainer: \"aspect-square\",\n\t\ticon: \"h-4 w-4\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\txs: { container: \"p-1.5\", icon: \"h-3 w-3\" },\n\t\t\tsm: { container: \"p-2\", icon: \"h-3.5 w-3.5\" },\n\t\t\tmd: { container: \"p-2.5\" },\n\t\t\tlg: { container: \"p-3\" },\n\t\t\txl: { container: \"p-3\", icon: \"h-5 w-5\" }\n\t\t}\n\t} satisfies VariantsConfig<IconButtonVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type IconButtonProps = ButtonBaseProps &\n\tIconButtonVariants & {\n\t\ticon: LucideIcon;\n\t\ticonClassName?: string;\n\t};\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, PropsWithChildren<IconButtonProps>>(\n\t({ icon, size, className, iconClassName, ...props }, ref) => {\n\t\tconst { container, icon: iconClass } = iconButtonVariants({ size });\n\n\t\treturn (\n\t\t\t<ButtonBase className={container({ class: className })} size={size} ref={ref} {...props}>\n\t\t\t\t<Icon className={iconClass({ size, className: iconClassName })} icon={icon} />\n\t\t\t</ButtonBase>\n\t\t);\n\t}\n);\n\nIconButton.displayName = \"IconButton\";\n"],"names":["iconButtonVariants","tv","IconButton","React","icon","size","className","iconClassName","props","ref","container","iconClass","jsx","ButtonBase","Icon"],"mappings":";;;;;AASA,MAAMA,IAAqBC,EAAG;AAAA,EAC7B,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,WAAW,SAAS,MAAM,UAAU;AAAA,MAC1C,IAAI,EAAE,WAAW,OAAO,MAAM,cAAc;AAAA,MAC5C,IAAI,EAAE,WAAW,QAAQ;AAAA,MACzB,IAAI,EAAE,WAAW,MAAM;AAAA,MACvB,IAAI,EAAE,WAAW,OAAO,MAAM,UAAU;AAAA,IAAA;AAAA,EAE1C;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAQYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,WAAAC,GAAW,eAAAC,GAAe,GAAGC,EAAM,GAAGC,MAAQ;AACtD,UAAA,EAAE,WAAAC,GAAW,MAAMC,MAAcX,EAAmB,EAAE,MAAAK,GAAM;AAGjE,WAAA,gBAAAO,EAACC,GAAW,EAAA,WAAWH,EAAU,EAAE,OAAOJ,GAAW,GAAG,MAAAD,GAAY,KAAAI,GAAW,GAAGD,GACjF,UAAC,gBAAAI,EAAAE,GAAA,EAAK,WAAWH,EAAU,EAAE,MAAAN,GAAM,WAAWE,EAAe,CAAA,GAAG,MAAAH,EAAA,CAAY,EAC7E,CAAA;AAAA,EAAA;AAGH;AAEAF,EAAW,cAAc;"}

package/dist/IconTooltip-CKJKGHbk.js

@@ -0,0 +1,11 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { I as l } from "./Icon-DH3ev9GK.js";
+import { a as n, T as c, b as p, c as m } from "./Tooltip-C4rVuWr4.js";
+const I = ({ content: r, icon: s, iconClassName: t, iconSize: i = "sm", contentClassName: e }) => /* @__PURE__ */ o(n, { children: /* @__PURE__ */ a(c, { children: [
+  /* @__PURE__ */ o(p, { type: "button", children: /* @__PURE__ */ o(l, { size: i, className: t, icon: s }) }),
+  /* @__PURE__ */ o(m, { className: e, children: r })
+] }) });
+export {
+  I
+};
+//# sourceMappingURL=IconTooltip-CKJKGHbk.js.map

package/dist/IconTooltip-CKJKGHbk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTooltip-CKJKGHbk.js","sources":["../src/components/icon-tooltip/IconTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon } from \"@/components/icon/Icon\";\nimport { LucideIcon } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip/Tooltip\";\n\nexport interface IconTooltipProps {\n\tcontent: React.ReactNode;\n\ticon: LucideIcon;\n\ticonSize?: \"sm\" | \"md\" | \"lg\";\n\ticonClassName?: string;\n\tcontentClassName?: string;\n}\n\nexport const IconTooltip = ({ content, icon, iconClassName, iconSize = \"sm\", contentClassName }: IconTooltipProps) => {\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger type=\"button\">\n\t\t\t\t\t<Icon size={iconSize} className={iconClassName} icon={icon} />\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t<TooltipContent className={contentClassName}>{content}</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t);\n};\n"],"names":["IconTooltip","content","icon","iconClassName","iconSize","contentClassName","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Icon","TooltipContent"],"mappings":";;;AAaa,MAAAA,IAAc,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,eAAAC,GAAe,UAAAC,IAAW,MAAM,kBAAAC,QAE3E,gBAAAC,EAACC,GACA,EAAA,UAAA,gBAAAC,EAACC,GACA,EAAA,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAe,MAAK,UACpB,UAAC,gBAAAJ,EAAAK,GAAA,EAAK,MAAMP,GAAU,WAAWD,GAAe,MAAAD,EAAA,CAAY,EAC7D,CAAA;AAAA,EACC,gBAAAI,EAAAM,GAAA,EAAe,WAAWP,GAAmB,UAAQJ,EAAA,CAAA;AAAA,EAAA,CACvD,EACD,CAAA;"}

package/dist/Indicator-AqxHWPA9.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { T as m } from "./index-BVqs-uqP.js";
+const l = m({
+  base: "rounded-xs",
+  variants: {
+    size: {
+      "3xs": "h-[3px] w-[3px]",
+      "2xs": "h-1 w-1",
+      xs: "h-1.5 w-1.5",
+      sm: "h-2 w-2",
+      md: "h-2.5 w-2.5",
+      lg: "h-3 w-3",
+      xl: "h-3.5 w-3.5",
+      "2xl": "h-[1.125rem] w-[1.125rem]"
+    },
+    rounded: { true: "rounded-full" }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), n = i.forwardRef(
+  ({ className: r, size: s, rounded: a, children: e, ...d }, o) => /* @__PURE__ */ t("div", { ref: o, className: l({ className: r, size: s, rounded: a }), ...d, children: e })
+);
+n.displayName = "Indicator";
+export {
+  n as I
+};
+//# sourceMappingURL=Indicator-AqxHWPA9.js.map

package/dist/Indicator-AqxHWPA9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator-AqxHWPA9.js","sources":["../src/components/indicator/Indicator.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface IndicatorVariants {\n\tsize?: \"3xs\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\trounded?: boolean;\n}\n\nconst indicatorStyles = tv({\n\tbase: \"rounded-xs\",\n\tvariants: {\n\t\tsize: {\n\t\t\t\"3xs\": \"h-[3px] w-[3px]\",\n\t\t\t\"2xs\": \"h-1 w-1\",\n\t\t\txs: \"h-1.5 w-1.5\",\n\t\t\tsm: \"h-2 w-2\",\n\t\t\tmd: \"h-2.5 w-2.5\",\n\t\t\tlg: \"h-3 w-3\",\n\t\t\txl: \"h-3.5 w-3.5\",\n\t\t\t\"2xl\": \"h-[1.125rem] w-[1.125rem]\"\n\t\t},\n\t\trounded: { true: \"rounded-full\" }\n\t} satisfies VariantsConfig<IndicatorVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type IndicatorProps = React.ComponentPropsWithoutRef<\"div\"> & IndicatorVariants;\n\nexport const Indicator = React.forwardRef<HTMLDivElement, IndicatorProps>(\n\t({ className, size, rounded, children, ...props }, ref) => (\n\t\t<div ref={ref} className={indicatorStyles({ className, size, rounded })} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t)\n);\n\nIndicator.displayName = \"Indicator\";\n"],"names":["indicatorStyles","tv","Indicator","React","className","size","rounded","children","props","ref","jsx"],"mappings":";;;AASA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACR;AAAA,IACA,SAAS,EAAE,MAAM,eAAe;AAAA,EACjC;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAIYC,IAAYC,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAClD,gBAAAC,EAAC,SAAI,KAAAD,GAAU,WAAWT,EAAgB,EAAE,WAAAI,GAAW,MAAAC,GAAM,SAAAC,GAAS,GAAI,GAAGE,GAC3E,UAAAD,EACF,CAAA;AAEF;AAEAL,EAAU,cAAc;"}

package/dist/InputGroup-BvD9Igmt.js

@@ -0,0 +1,137 @@
+import { jsx as n } from "react/jsx-runtime";
+import s, { useRef as d } from "react";
+import { T as u } from "./index-BVqs-uqP.js";
+import { u as l, i as b } from "./inputBaseStyles-DbzD_jvq.js";
+import { u as f } from "./useMergeRefs-qoKniYqT.js";
+import { I as c } from "./IconButton-DwkpNgn3.js";
+const h = u({
+  extend: b,
+  base: [
+    "group/input-group flex h-10 px-0 py-0 lg:h-9 lg:py-0",
+    "has-[input:focus]:border-secondary-border has-[input:focus]:bg-secondary-bg has-[input:focus]:shadow-focus",
+    "has-[div[data-input-group-element='contenteditable']:focus]:border-secondary-border has-[div[data-input-group-element='contenteditable']:focus]:bg-secondary-bg has-[div[data-input-group-element='contenteditable']:focus]:shadow-focus",
+    // Стили для обычных read-only input'ов (исключая file)
+    "has-[input:read-only:not([type='file'])]:border-primary-border",
+    "has-[input:read-only:not([type='file'])]:bg-secondary-bg-hover",
+    "has-[input:read-only:not([type='file'])]:shadow-soft-sm",
+    "has-[input:read-only:not([type='file'])]:hover:bg-secondary-bg-hover",
+    "has-[input:read-only:not([type='file'])]:has-[input:focus]:!bg-secondary-bg-hover",
+    "has-[input:read-only:not([type='file'])]:has-[input:focus]:shadow-focus",
+    "has-[input:disabled]:border-primary-border",
+    "has-[input:disabled]:bg-secondary-bg-hover",
+    "has-[input:disabled]:shadow-soft-sm",
+    "has-[input:invalid]:border-status-error-secondary-border",
+    "has-[input:invalid]:shadow-soft-base",
+    "has-[input:invalid]:hover:border-status-error-primary-border",
+    "has-[input:invalid]:hover:shadow-soft-base",
+    "has-[input:invalid]:has-[input:focus]:border-status-error-secondary-border",
+    "has-[input:invalid]:has-[input:focus]:shadow-focus-error",
+    "has-[input[aria-invalid=true]]:border-status-error-secondary-border",
+    "has-[input[aria-invalid=true]]:shadow-soft-base",
+    "has-[input[aria-invalid=true]]:hover:border-status-error-primary-border",
+    "has-[input[aria-invalid=true]]:hover:shadow-soft-base",
+    "has-[input[aria-invalid=true]]:has-[input:focus]:border-status-error-secondary-border",
+    "has-[input[aria-invalid=true]]:has-[input:focus]:shadow-focus-error",
+    // Стили для автозаполнения - применяем фон ко всей группе
+    "has-[input:-webkit-autofill]:bg-[hsl(var(--autofill-bg))]",
+    "has-[input:-webkit-autofill]:has-[input:focus]:bg-[hsl(var(--autofill-bg))]"
+  ]
+}), y = s.forwardRef(
+  ({ className: e, children: t, ...a }, r) => {
+    const o = h({ className: e });
+    return /* @__PURE__ */ n("div", { ref: r, className: o, ...a, children: t });
+  }
+);
+y.displayName = "InputGroup";
+const m = u({
+  base: [
+    "min-w-5 flex-1 rounded-lg bg-transparent py-2.5 pl-3 lg:py-2",
+    "outline-none placeholder:text-muted focus:outline-none",
+    // Градиентная маска для плавного обрезания текста слева
+    "[mask-image:linear-gradient(to_left,rgba(255,255,255,0),#fff_15%)]",
+    // Стили для автозаполнения - убираем фон у самого input'а
+    "[-webkit-autofill]:bg-transparent",
+    "[-webkit-autofill]:shadow-none"
+  ]
+}), g = s.forwardRef(
+  ({ className: e, error: t, ...a }, r) => {
+    const o = m({ className: e }), i = d(null), p = f(i, r);
+    return l(i, t), /* @__PURE__ */ n(
+      "input",
+      {
+        ref: p,
+        className: o,
+        "aria-invalid": !!t,
+        "data-input-group-element": "input",
+        ...a
+      }
+    );
+  }
+);
+g.displayName = "InputGroup.Input";
+const v = u({
+  base: [
+    "flex h-full items-center border-l border-secondary-border px-3 text-secondary-fg first:border-l-0",
+    // Правая граница, если следующий элемент НЕ InputGroupText
+    "[&[data-input-group-element='text']:has(+_:not([data-input-group-element='text']))]:border-r"
+  ],
+  variants: {
+    type: {
+      primary: "rounded-l-lg bg-secondary-bg-hover"
+    }
+  }
+}), w = s.forwardRef(({ className: e, type: t, ...a }, r) => {
+  const o = v({ className: e, type: t });
+  return /* @__PURE__ */ n("div", { ref: r, className: o, "data-input-group-element": "text", ...a });
+});
+w.displayName = "InputGroup.Text";
+const x = u({
+  base: ["bg-transparent py-2.5 pl-3 lg:py-2", "outline-none focus:outline-none"]
+}), I = s.forwardRef(
+  ({ className: e, error: t, ...a }, r) => {
+    const o = x({ className: e });
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: r,
+        className: o,
+        contentEditable: !0,
+        role: "textbox",
+        "aria-invalid": !!t,
+        "data-input-group-element": "contenteditable",
+        suppressContentEditableWarning: !0,
+        ...a
+      }
+    );
+  }
+);
+I.displayName = "InputGroup.ContentEditable";
+const G = u({
+  base: ["aspect-auto h-full px-1.5 py-2.5 first:pl-2.5 last:pr-2.5 lg:py-2"]
+}), N = s.forwardRef(
+  ({ icon: e, className: t, ...a }, r) => {
+    const o = G({ className: t });
+    return /* @__PURE__ */ n(
+      c,
+      {
+        ref: r,
+        icon: e,
+        className: o,
+        variant: "text",
+        size: "md",
+        "data-input-group-element": "button",
+        type: "button",
+        ...a
+      }
+    );
+  }
+);
+N.displayName = "InputGroup.Button";
+export {
+  I,
+  y as a,
+  g as b,
+  w as c,
+  N as d
+};
+//# sourceMappingURL=InputGroup-BvD9Igmt.js.map

package/dist/InputGroup-BvD9Igmt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup-BvD9Igmt.js","sources":["../src/components/input/input-group/InputGroup.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { inputBaseElementStyles } from \"../styles/inputBaseStyles\";\nimport { useMergeRefs } from \"@/hooks/useMergeRefs\";\nimport { useCustomValidity } from \"@/hooks/useCustomValidity\";\nimport { IconButton } from \"@/components/button\";\nimport { LucideIcon } from \"lucide-react\";\nimport { ButtonBaseProps } from \"@/components/button/button-base/ButtonBase\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nconst inputGroupStyles = tv({\n\textend: inputBaseElementStyles,\n\tbase: [\n\t\t\"group/input-group flex h-10 px-0 py-0 lg:h-9 lg:py-0\",\n\t\t\"has-[input:focus]:border-secondary-border has-[input:focus]:bg-secondary-bg has-[input:focus]:shadow-focus\",\n\t\t\"has-[div[data-input-group-element='contenteditable']:focus]:border-secondary-border has-[div[data-input-group-element='contenteditable']:focus]:bg-secondary-bg has-[div[data-input-group-element='contenteditable']:focus]:shadow-focus\",\n\n\t\t// Стили для обычных read-only input'ов (исключая file)\n\t\t\"has-[input:read-only:not([type='file'])]:border-primary-border\",\n\t\t\"has-[input:read-only:not([type='file'])]:bg-secondary-bg-hover\",\n\t\t\"has-[input:read-only:not([type='file'])]:shadow-soft-sm\",\n\t\t\"has-[input:read-only:not([type='file'])]:hover:bg-secondary-bg-hover\",\n\t\t\"has-[input:read-only:not([type='file'])]:has-[input:focus]:!bg-secondary-bg-hover\",\n\t\t\"has-[input:read-only:not([type='file'])]:has-[input:focus]:shadow-focus\",\n\n\t\t\"has-[input:disabled]:border-primary-border\",\n\t\t\"has-[input:disabled]:bg-secondary-bg-hover\",\n\t\t\"has-[input:disabled]:shadow-soft-sm\",\n\t\t\"has-[input:invalid]:border-status-error-secondary-border\",\n\t\t\"has-[input:invalid]:shadow-soft-base\",\n\t\t\"has-[input:invalid]:hover:border-status-error-primary-border\",\n\t\t\"has-[input:invalid]:hover:shadow-soft-base\",\n\t\t\"has-[input:invalid]:has-[input:focus]:border-status-error-secondary-border\",\n\t\t\"has-[input:invalid]:has-[input:focus]:shadow-focus-error\",\n\t\t\"has-[input[aria-invalid=true]]:border-status-error-secondary-border\",\n\t\t\"has-[input[aria-invalid=true]]:shadow-soft-base\",\n\t\t\"has-[input[aria-invalid=true]]:hover:border-status-error-primary-border\",\n\t\t\"has-[input[aria-invalid=true]]:hover:shadow-soft-base\",\n\t\t\"has-[input[aria-invalid=true]]:has-[input:focus]:border-status-error-secondary-border\",\n\t\t\"has-[input[aria-invalid=true]]:has-[input:focus]:shadow-focus-error\",\n\n\t\t// Стили для автозаполнения - применяем фон ко всей группе\n\t\t\"has-[input:-webkit-autofill]:bg-[hsl(var(--autofill-bg))]\",\n\t\t\"has-[input:-webkit-autofill]:has-[input:focus]:bg-[hsl(var(--autofill-bg))]\"\n\t]\n});\n\n/**\n * Контейнер для группировки инпутов с дополнительными элементами (текст, кнопки).\n * Позволяет создавать композиции из инпутов, текстовых блоков и кнопок.\n */\nconst InputGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n\t({ className, children, ...props }, ref) => {\n\t\tconst styles = inputGroupStyles({ className });\n\n\t\treturn (\n\t\t\t<div ref={ref} className={styles} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nInputGroup.displayName = \"InputGroup\";\n\nconst inputGroupInputStyles = tv({\n\tbase: [\n\t\t\"min-w-5 flex-1 rounded-lg bg-transparent py-2.5 pl-3 lg:py-2\",\n\t\t\"outline-none placeholder:text-muted focus:outline-none\",\n\t\t// Градиентная маска для плавного обрезания текста слева\n\t\t\"[mask-image:linear-gradient(to_left,rgba(255,255,255,0),#fff_15%)]\",\n\t\t// Стили для автозаполнения - убираем фон у самого input'а\n\t\t\"[-webkit-autofill]:bg-transparent\",\n\t\t\"[-webkit-autofill]:shadow-none\"\n\t]\n});\n\nexport interface InputGroupInputProps extends React.ComponentProps<\"input\"> {\n\terror?: string;\n}\n\n/**\n * Инпут для использования в группе.\n */\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n\t({ className, error, ...props }, ref) => {\n\t\tconst styles = inputGroupInputStyles({ className });\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\n\t\tconst mergedRef = useMergeRefs(inputRef, ref);\n\n\t\tuseCustomValidity(inputRef, error);\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\tref={mergedRef}\n\t\t\t\tclassName={styles}\n\t\t\t\taria-invalid={!!error}\n\t\t\t\tdata-input-group-element=\"input\"\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t}\n);\n\nInputGroupInput.displayName = \"InputGroup.Input\";\n\ntype InputGroupTextVariants = {\n\ttype?: \"primary\";\n};\n\nconst inputGroupTextStyles = tv({\n\tbase: [\n\t\t\"flex h-full items-center border-l border-secondary-border px-3 text-secondary-fg first:border-l-0\",\n\t\t// Правая граница, если следующий элемент НЕ InputGroupText\n\t\t\"[&[data-input-group-element='text']:has(+_:not([data-input-group-element='text']))]:border-r\"\n\t],\n\tvariants: {\n\t\ttype: {\n\t\t\tprimary: \"rounded-l-lg bg-secondary-bg-hover\"\n\t\t}\n\t} satisfies VariantsConfig<InputGroupTextVariants>\n});\n\ntype InputGroupTextProps = React.ComponentProps<\"div\"> & InputGroupTextVariants;\n\n/**\n * Текстовый элемент для отображения префикса или суффикса в группе инпутов.\n */\nconst InputGroupText = React.forwardRef<HTMLDivElement, InputGroupTextProps>(({ className, type, ...props }, ref) => {\n\tconst styles = inputGroupTextStyles({ className, type });\n\treturn <div ref={ref} className={styles} data-input-group-element=\"text\" {...props} />;\n});\n\nInputGroupText.displayName = \"InputGroup.Text\";\n\nconst inputGroupContentEditableStyles = tv({\n\tbase: [\"bg-transparent py-2.5 pl-3 lg:py-2\", \"outline-none focus:outline-none\"]\n});\n\nexport interface InputGroupContentEditableProps extends React.ComponentProps<\"div\"> {\n\terror?: string;\n}\n\n/**\n * Contenteditable элемент для использования в группе.\n */\nconst InputGroupContentEditable = React.forwardRef<HTMLDivElement, InputGroupContentEditableProps>(\n\t({ className, error, ...props }, ref) => {\n\t\tconst styles = inputGroupContentEditableStyles({ className });\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={styles}\n\t\t\t\tcontentEditable\n\t\t\t\trole=\"textbox\"\n\t\t\t\taria-invalid={!!error}\n\t\t\t\tdata-input-group-element=\"contenteditable\"\n\t\t\t\tsuppressContentEditableWarning={true}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t}\n);\n\nInputGroupContentEditable.displayName = \"InputGroup.ContentEditable\";\n\nconst inputGroupButtonStyles = tv({\n\tbase: [\"aspect-auto h-full px-1.5 py-2.5 first:pl-2.5 last:pr-2.5 lg:py-2\"]\n});\n\ntype InputGroupButtonProps = ButtonBaseProps & {\n\ticon: LucideIcon;\n\ticonClassName?: string;\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n\t({ icon, className, ...props }, ref) => {\n\t\tconst styles = inputGroupButtonStyles({ className });\n\t\treturn (\n\t\t\t<IconButton\n\t\t\t\tref={ref}\n\t\t\t\ticon={icon}\n\t\t\t\tclassName={styles}\n\t\t\t\tvariant=\"text\"\n\t\t\t\tsize=\"md\"\n\t\t\t\tdata-input-group-element=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t}\n);\n\nInputGroupButton.displayName = \"InputGroup.Button\";\n\nexport { InputGroupText, InputGroupInput, InputGroup, InputGroupButton, InputGroupContentEditable };\n"],"names":["inputGroupStyles","tv","inputBaseElementStyles","InputGroup","React","className","children","props","ref","styles","inputGroupInputStyles","InputGroupInput","error","inputRef","useRef","mergedRef","useMergeRefs","useCustomValidity","jsx","inputGroupTextStyles","InputGroupText","type","inputGroupContentEditableStyles","InputGroupContentEditable","inputGroupButtonStyles","InputGroupButton","icon","IconButton"],"mappings":";;;;;;AAUA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,QAAQC;AAAA,EACR,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GAMKC,IAAaC,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC3C,UAAMC,IAAST,EAAiB,EAAE,WAAAK,GAAW;AAE7C,6BACE,OAAI,EAAA,KAAAG,GAAU,WAAWC,GAAS,GAAGF,GACpC,UAAAD,GACF;AAAA,EAAA;AAGH;AAEAH,EAAW,cAAc;AAEzB,MAAMO,IAAwBT,EAAG;AAAA,EAChC,MAAM;AAAA,IACL;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GASKU,IAAkBP,EAAM;AAAA,EAC7B,CAAC,EAAE,WAAAC,GAAW,OAAAO,GAAO,GAAGL,EAAA,GAASC,MAAQ;AACxC,UAAMC,IAASC,EAAsB,EAAE,WAAAL,GAAW,GAC5CQ,IAAWC,EAAyB,IAAI,GACxCC,IAAYC,EAAaH,GAAUL,CAAG;AAE5C,WAAAS,EAAkBJ,GAAUD,CAAK,GAGhC,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAKH;AAAA,QACL,WAAWN;AAAA,QACX,gBAAc,CAAC,CAACG;AAAA,QAChB,4BAAyB;AAAA,QACxB,GAAGL;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAI,EAAgB,cAAc;AAM9B,MAAMQ,IAAuBlB,EAAG;AAAA,EAC/B,MAAM;AAAA,IACL;AAAA;AAAA,IAEA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,EACV;AAEF,CAAC,GAOKmB,IAAiBhB,EAAM,WAAgD,CAAC,EAAE,WAAAC,GAAW,MAAAgB,GAAM,GAAGd,EAAM,GAAGC,MAAQ;AACpH,QAAMC,IAASU,EAAqB,EAAE,WAAAd,GAAW,MAAAgB,GAAM;AAChD,SAAA,gBAAAH,EAAC,SAAI,KAAAV,GAAU,WAAWC,GAAQ,4BAAyB,QAAQ,GAAGF,GAAO;AACrF,CAAC;AAEDa,EAAe,cAAc;AAE7B,MAAME,IAAkCrB,EAAG;AAAA,EAC1C,MAAM,CAAC,sCAAsC,iCAAiC;AAC/E,CAAC,GASKsB,IAA4BnB,EAAM;AAAA,EACvC,CAAC,EAAE,WAAAC,GAAW,OAAAO,GAAO,GAAGL,EAAA,GAASC,MAAQ;AACxC,UAAMC,IAASa,EAAgC,EAAE,WAAAjB,GAAW;AAG3D,WAAA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAV;AAAA,QACA,WAAWC;AAAA,QACX,iBAAe;AAAA,QACf,MAAK;AAAA,QACL,gBAAc,CAAC,CAACG;AAAA,QAChB,4BAAyB;AAAA,QACzB,gCAAgC;AAAA,QAC/B,GAAGL;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAgB,EAA0B,cAAc;AAExC,MAAMC,IAAyBvB,EAAG;AAAA,EACjC,MAAM,CAAC,mEAAmE;AAC3E,CAAC,GAOKwB,IAAmBrB,EAAM;AAAA,EAC9B,CAAC,EAAE,MAAAsB,GAAM,WAAArB,GAAW,GAAGE,EAAA,GAASC,MAAQ;AACvC,UAAMC,IAASe,EAAuB,EAAE,WAAAnB,GAAW;AAElD,WAAA,gBAAAa;AAAA,MAACS;AAAA,MAAA;AAAA,QACA,KAAAnB;AAAA,QACA,MAAAkB;AAAA,QACA,WAAWjB;AAAA,QACX,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,4BAAyB;AAAA,QACzB,MAAK;AAAA,QACJ,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAkB,EAAiB,cAAc;"}

package/dist/InputOTP-B2e1nfSO.js

@@ -0,0 +1,259 @@
+import { jsxs as Re, jsx as _ } from "react/jsx-runtime";
+import * as t from "react";
+import K from "react";
+import { T as ne } from "./index-BVqs-uqP.js";
+import { c as Ie } from "./createLucideIcon-DwBrHnj9.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const De = Ie("Dot", [
+  ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
+]);
+var je = Object.defineProperty, We = Object.defineProperties, Ae = Object.getOwnPropertyDescriptors, Q = Object.getOwnPropertySymbols, he = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable, ve = (n, r, l) => r in n ? je(n, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[r] = l, Be = (n, r) => {
+  for (var l in r || (r = {})) he.call(r, l) && ve(n, l, r[l]);
+  if (Q) for (var l of Q(r)) ge.call(r, l) && ve(n, l, r[l]);
+  return n;
+}, Ne = (n, r) => We(n, Ae(r)), _e = (n, r) => {
+  var l = {};
+  for (var i in n) he.call(n, i) && r.indexOf(i) < 0 && (l[i] = n[i]);
+  if (n != null && Q) for (var i of Q(n)) r.indexOf(i) < 0 && ge.call(n, i) && (l[i] = n[i]);
+  return l;
+};
+function Fe(n) {
+  let r = setTimeout(n, 0), l = setTimeout(n, 10), i = setTimeout(n, 50);
+  return [r, l, i];
+}
+function He(n) {
+  let r = t.useRef();
+  return t.useEffect(() => {
+    r.current = n;
+  }), r.current;
+}
+var Le = 18, be = 40, Ge = `${be}px`, $e = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function ze({ containerRef: n, inputRef: r, pushPasswordManagerStrategy: l, isFocused: i }) {
+  let [f, p] = t.useState(!1), [k, P] = t.useState(!1), [y, F] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && f && k, [f, k, l]), W = t.useCallback(() => {
+    let v = n.current, C = r.current;
+    if (!v || !C || y || l === "none") return;
+    let b = v, E = b.getBoundingClientRect().left + b.offsetWidth, A = b.getBoundingClientRect().top + b.offsetHeight / 2, s = E - Le, L = A;
+    document.querySelectorAll($e).length === 0 && document.elementFromPoint(s, L) === v || (p(!0), F(!0));
+  }, [n, r, y, l]);
+  return t.useEffect(() => {
+    let v = n.current;
+    if (!v || l === "none") return;
+    function C() {
+      let E = window.innerWidth - v.getBoundingClientRect().right;
+      P(E >= be);
+    }
+    C();
+    let b = setInterval(C, 1e3);
+    return () => {
+      clearInterval(b);
+    };
+  }, [n, l]), t.useEffect(() => {
+    let v = i || document.activeElement === r.current;
+    if (l === "none" || !v) return;
+    let C = setTimeout(W, 0), b = setTimeout(W, 2e3), E = setTimeout(W, 5e3), A = setTimeout(() => {
+      F(!0);
+    }, 6e3);
+    return () => {
+      clearTimeout(C), clearTimeout(b), clearTimeout(E), clearTimeout(A);
+    };
+  }, [r, i, l, W]), { hasPWMBadge: f, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Ge };
+}
+var we = t.createContext({}), ye = t.forwardRef((n, r) => {
+  var l = n, { value: i, onChange: f, maxLength: p, textAlign: k = "left", pattern: P, placeholder: y, inputMode: F = "numeric", onComplete: H, pushPasswordManagerStrategy: W = "increase-width", pasteTransformer: v, containerClassName: C, noScriptCSSFallback: b = Ve, render: E, children: A } = l, s = _e(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, re, ae, le, oe;
+  let [Se, Pe] = t.useState(typeof s.defaultValue == "string" ? s.defaultValue : ""), u = i ?? Se, O = He(u), G = t.useCallback((e) => {
+    f?.(e), Pe(e);
+  }, [f]), S = t.useMemo(() => P ? typeof P == "string" ? new RegExp(P) : P : null, [P]), c = t.useRef(null), U = t.useRef(null), X = t.useRef({ value: u, onChange: G, isIOS: typeof window < "u" && ((re = (L = window?.CSS) == null ? void 0 : L.supports) == null ? void 0 : re.call(L, "-webkit-touch-callout", "none")) }), Z = t.useRef({ prev: [(ae = c.current) == null ? void 0 : ae.selectionStart, (le = c.current) == null ? void 0 : le.selectionEnd, (oe = c.current) == null ? void 0 : oe.selectionDirection] });
+  t.useImperativeHandle(r, () => c.current, []), t.useEffect(() => {
+    let e = c.current, a = U.current;
+    if (!e || !a) return;
+    X.current.value !== e.value && X.current.onChange(e.value), Z.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
+    function d() {
+      if (document.activeElement !== e) {
+        z(null), V(null);
+        return;
+      }
+      let o = e.selectionStart, m = e.selectionEnd, J = e.selectionDirection, w = e.maxLength, I = e.value, x = Z.current.prev, T = -1, M = -1, D;
+      if (I.length !== 0 && o !== null && m !== null) {
+        let Me = o === m, ke = o === I.length && I.length < w;
+        if (Me && !ke) {
+          let j = o;
+          if (j === 0) T = 0, M = 1, D = "forward";
+          else if (j === w) T = j - 1, M = j, D = "backward";
+          else if (w > 1 && I.length > 1) {
+            let te = 0;
+            if (x[0] !== null && x[1] !== null) {
+              D = j < x[1] ? "backward" : "forward";
+              let Oe = x[0] === x[1] && x[0] < w;
+              D === "backward" && !Oe && (te = -1);
+            }
+            T = te + j, M = te + j + 1;
+          }
+        }
+        T !== -1 && M !== -1 && T !== M && c.current.setSelectionRange(T, M, D);
+      }
+      let me = T !== -1 ? T : o, fe = M !== -1 ? M : m, Te = D ?? J;
+      z(me), V(fe), Z.current.prev = [me, fe, Te];
+    }
+    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && Y(!0), !document.getElementById("input-otp-style")) {
+      let o = document.createElement("style");
+      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
+        let m = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
+        q(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), q(o.sheet, `[data-input-otp]:autofill { ${m} }`), q(o.sheet, `[data-input-otp]:-webkit-autofill { ${m} }`), q(o.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), q(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+      }
+    }
+    let h = () => {
+      a && a.style.setProperty("--root-height", `${e.clientHeight}px`);
+    };
+    h();
+    let g = new ResizeObserver(h);
+    return g.observe(e), () => {
+      document.removeEventListener("selectionchange", d, { capture: !0 }), g.disconnect();
+    };
+  }, []);
+  let [ie, se] = t.useState(!1), [$, Y] = t.useState(!1), [R, z] = t.useState(null), [B, V] = t.useState(null);
+  t.useEffect(() => {
+    Fe(() => {
+      var e, a, d, h;
+      (e = c.current) == null || e.dispatchEvent(new Event("input"));
+      let g = (a = c.current) == null ? void 0 : a.selectionStart, o = (d = c.current) == null ? void 0 : d.selectionEnd, m = (h = c.current) == null ? void 0 : h.selectionDirection;
+      g !== null && o !== null && (z(g), V(o), Z.current.prev = [g, o, m]);
+    });
+  }, [u, $]), t.useEffect(() => {
+    O !== void 0 && u !== O && O.length < p && u.length === p && H?.(u);
+  }, [p, H, O, u]);
+  let N = ze({ containerRef: U, inputRef: c, pushPasswordManagerStrategy: W, isFocused: $ }), ue = t.useCallback((e) => {
+    let a = e.currentTarget.value.slice(0, p);
+    if (a.length > 0 && S && !S.test(a)) {
+      e.preventDefault();
+      return;
+    }
+    typeof O == "string" && a.length < O.length && document.dispatchEvent(new Event("selectionchange")), G(a);
+  }, [p, G, O, S]), ce = t.useCallback(() => {
+    var e;
+    if (c.current) {
+      let a = Math.min(c.current.value.length, p - 1), d = c.current.value.length;
+      (e = c.current) == null || e.setSelectionRange(a, d), z(a), V(d);
+    }
+    Y(!0);
+  }, [p]), pe = t.useCallback((e) => {
+    var a, d;
+    let h = c.current;
+    if (!v && (!X.current.isIOS || !e.clipboardData || !h)) return;
+    let g = e.clipboardData.getData("text/plain"), o = v ? v(g) : g;
+    e.preventDefault();
+    let m = (a = c.current) == null ? void 0 : a.selectionStart, J = (d = c.current) == null ? void 0 : d.selectionEnd, w = (m !== J ? u.slice(0, m) + o + u.slice(J) : u.slice(0, m) + o + u.slice(m)).slice(0, p);
+    if (w.length > 0 && S && !S.test(w)) return;
+    h.value = w, G(w);
+    let I = Math.min(w.length, p - 1), x = w.length;
+    h.setSelectionRange(I, x), z(I), V(x);
+  }, [p, G, S, u]), Ee = t.useMemo(() => ({ position: "relative", cursor: s.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [s.disabled]), de = t.useMemo(() => ({ position: "absolute", inset: 0, width: N.willPushPWMBadge ? `calc(100% + ${N.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: N.willPushPWMBadge ? `inset(0 ${N.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: k, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [N.PWM_BADGE_SPACE_WIDTH, N.willPushPWMBadge, k]), xe = t.useMemo(() => t.createElement("input", Ne(Be({ autoComplete: s.autoComplete || "one-time-code" }, s), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": R, "data-input-otp-mse": B, inputMode: F, pattern: S?.source, "aria-placeholder": y, style: de, maxLength: p, value: u, ref: c, onPaste: (e) => {
+    var a;
+    pe(e), (a = s.onPaste) == null || a.call(s, e);
+  }, onChange: ue, onMouseOver: (e) => {
+    var a;
+    se(!0), (a = s.onMouseOver) == null || a.call(s, e);
+  }, onMouseLeave: (e) => {
+    var a;
+    se(!1), (a = s.onMouseLeave) == null || a.call(s, e);
+  }, onFocus: (e) => {
+    var a;
+    ce(), (a = s.onFocus) == null || a.call(s, e);
+  }, onBlur: (e) => {
+    var a;
+    Y(!1), (a = s.onBlur) == null || a.call(s, e);
+  } })), [ue, ce, pe, F, de, p, B, R, s, S?.source, u]), ee = t.useMemo(() => ({ slots: Array.from({ length: p }).map((e, a) => {
+    var d;
+    let h = $ && R !== null && B !== null && (R === B && a === R || a >= R && a < B), g = u[a] !== void 0 ? u[a] : null, o = u[0] !== void 0 ? null : (d = y?.[a]) != null ? d : null;
+    return { char: g, placeholderChar: o, isActive: h, hasFakeCaret: h && g === null };
+  }), isFocused: $, isHovering: !s.disabled && ie }), [$, ie, p, B, R, s.disabled, u]), Ce = t.useMemo(() => E ? E(ee) : t.createElement(we.Provider, { value: ee }, A), [A, ee, E]);
+  return t.createElement(t.Fragment, null, b !== null && t.createElement("noscript", null, t.createElement("style", null, b)), t.createElement("div", { ref: U, "data-input-otp-container": !0, style: Ee, className: C }, Ce, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, xe)));
+});
+ye.displayName = "Input";
+function q(n, r) {
+  try {
+    n.insertRule(r);
+  } catch {
+    console.error("input-otp could not insert CSS rule:", r);
+  }
+}
+var Ve = `
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;
+const qe = ne({
+  slots: {
+    container: "relative flex h-10 w-10 items-center justify-center border-y border-r border-secondary-border bg-secondary-bg text-sm shadow-soft-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+    caretWrapper: "pointer-events-none absolute inset-0 flex items-center justify-center",
+    caret: "animate-caret-blink h-4 w-px bg-foreground duration-1000"
+  },
+  variants: {
+    isActive: {
+      true: {
+        container: "z-10 !shadow-focus"
+      }
+    }
+  }
+}), Ze = K.forwardRef(({ index: n, className: r, ...l }, i) => {
+  const f = K.useContext(we), { char: p, hasFakeCaret: k, isActive: P } = f.slots[n], y = qe();
+  return /* @__PURE__ */ Re("div", { ref: i, className: y.container({ isActive: P, className: r }), ...l, children: [
+    p,
+    k && /* @__PURE__ */ _("div", { className: y.caretWrapper(), children: /* @__PURE__ */ _("div", { className: y.caret() }) })
+  ] });
+});
+Ze.displayName = "InputOTPSlot";
+const Je = K.forwardRef(
+  ({ ...n }, r) => /* @__PURE__ */ _("div", { ref: r, role: "separator", ...n, children: /* @__PURE__ */ _(De, {}) })
+);
+Je.displayName = "InputOTPSeparator";
+const Ke = ne({
+  base: "flex items-center"
+}), Qe = K.forwardRef(
+  ({ className: n, ...r }, l) => /* @__PURE__ */ _("div", { ref: l, className: Ke({ className: n }), ...r })
+);
+Qe.displayName = "InputOTPGroup";
+const Ue = ne({
+  slots: {
+    container: "flex items-center gap-2 has-[:disabled]:opacity-50",
+    input: "disabled:cursor-not-allowed"
+  }
+}), Xe = t.forwardRef(({ className: n, containerClassName: r, ...l }, i) => {
+  const f = Ue();
+  return /* @__PURE__ */ _(
+    ye,
+    {
+      ref: i,
+      containerClassName: f.container({ className: r }),
+      className: f.input({ className: n }),
+      ...l
+    }
+  );
+});
+Xe.displayName = "InputOTP";
+export {
+  Ze as I,
+  Je as a,
+  Qe as b,
+  Xe as c
+};
+//# sourceMappingURL=InputOTP-B2e1nfSO.js.map

package/dist/InputOTP-B2e1nfSO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP-B2e1nfSO.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js","../node_modules/.pnpm/input-otp@1.4.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/input-otp/dist/index.mjs","../src/components/input-otp/components/input-otp-slot/InputOTPSlot.tsx","../src/components/input-otp/components/input-otp-separator/InputOTPSeparator.tsx","../src/components/input-otp/components/input-otp-group/InputOTPGroup.tsx","../src/components/input-otp/InputOTP.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Dot = createLucideIcon(\"Dot\", [\n  [\"circle\", { cx: \"12.1\", cy: \"12.1\", r: \"1\", key: \"18d7e5\" }]\n]);\n\nexport { Dot as default };\n//# sourceMappingURL=dot.js.map\n","var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var vt=(r,s,e)=>s in r?Bt(r,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[s]=e,St=(r,s)=>{for(var e in s||(s={}))gt.call(s,e)&&vt(r,e,s[e]);if(Y)for(var e of Y(s))Et.call(s,e)&&vt(r,e,s[e]);return r},bt=(r,s)=>At(r,kt(s));var Pt=(r,s)=>{var e={};for(var u in r)gt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&Y)for(var u of Y(r))s.indexOf(u)<0&&Et.call(r,u)&&(e[u]=r[u]);return e};import*as n from\"react\";function ht(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return[s,e,u]}import*as U from\"react\";function _t(r){let s=U.useRef();return U.useEffect(()=>{s.current=r}),s.current}import*as S from\"react\";var Ot=18,wt=40,Gt=`${wt}px`,xt=[\"[data-lastpass-icon-root]\",\"com-1password-button\",\"[data-dashlanecreated]\",'[style$=\"2147483647 !important;\"]'].join(\",\");function Tt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let[P,D]=S.useState(!1),[G,H]=S.useState(!1),[F,W]=S.useState(!1),Z=S.useMemo(()=>e===\"none\"?!1:(e===\"increase-width\"||e===\"experimental-no-flickering\")&&P&&G,[P,G,e]),T=S.useCallback(()=>{let f=r.current,h=s.current;if(!f||!h||F||e===\"none\")return;let a=f,B=a.getBoundingClientRect().left+a.offsetWidth,A=a.getBoundingClientRect().top+a.offsetHeight/2,z=B-Ot,q=A;document.querySelectorAll(xt).length===0&&document.elementFromPoint(z,q)===f||(D(!0),W(!0))},[r,s,F,e]);return S.useEffect(()=>{let f=r.current;if(!f||e===\"none\")return;function h(){let A=window.innerWidth-f.getBoundingClientRect().right;H(A>=wt)}h();let a=setInterval(h,1e3);return()=>{clearInterval(a)}},[r,e]),S.useEffect(()=>{let f=u||document.activeElement===s.current;if(e===\"none\"||!f)return;let h=setTimeout(T,0),a=setTimeout(T,2e3),B=setTimeout(T,5e3),A=setTimeout(()=>{W(!0)},6e3);return()=>{clearTimeout(h),clearTimeout(a),clearTimeout(B),clearTimeout(A)}},[s,u,e,T]),{hasPWMBadge:P,willPushPWMBadge:Z,PWM_BADGE_SPACE_WIDTH:Gt}}var jt=n.createContext({}),Lt=n.forwardRef((A,B)=>{var z=A,{value:r,onChange:s,maxLength:e,textAlign:u=\"left\",pattern:P,placeholder:D,inputMode:G=\"numeric\",onComplete:H,pushPasswordManagerStrategy:F=\"increase-width\",pasteTransformer:W,containerClassName:Z,noScriptCSSFallback:T=Nt,render:f,children:h}=z,a=Pt(z,[\"value\",\"onChange\",\"maxLength\",\"textAlign\",\"pattern\",\"placeholder\",\"inputMode\",\"onComplete\",\"pushPasswordManagerStrategy\",\"pasteTransformer\",\"containerClassName\",\"noScriptCSSFallback\",\"render\",\"children\"]);var X,lt,ut,dt,ft;let[q,nt]=n.useState(typeof a.defaultValue==\"string\"?a.defaultValue:\"\"),i=r!=null?r:q,I=_t(i),x=n.useCallback(t=>{s==null||s(t),nt(t)},[s]),m=n.useMemo(()=>P?typeof P==\"string\"?new RegExp(P):P:null,[P]),l=n.useRef(null),K=n.useRef(null),J=n.useRef({value:i,onChange:x,isIOS:typeof window!=\"undefined\"&&((lt=(X=window==null?void 0:window.CSS)==null?void 0:X.supports)==null?void 0:lt.call(X,\"-webkit-touch-callout\",\"none\"))}),V=n.useRef({prev:[(ut=l.current)==null?void 0:ut.selectionStart,(dt=l.current)==null?void 0:dt.selectionEnd,(ft=l.current)==null?void 0:ft.selectionDirection]});n.useImperativeHandle(B,()=>l.current,[]),n.useEffect(()=>{let t=l.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),V.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){L(null),N(null);return}let c=t.selectionStart,b=t.selectionEnd,mt=t.selectionDirection,v=t.maxLength,C=t.value,_=V.current.prev,g=-1,E=-1,w;if(C.length!==0&&c!==null&&b!==null){let Dt=c===b,Ht=c===C.length&&C.length<v;if(Dt&&!Ht){let y=c;if(y===0)g=0,E=1,w=\"forward\";else if(y===v)g=y-1,E=y,w=\"backward\";else if(v>1&&C.length>1){let et=0;if(_[0]!==null&&_[1]!==null){w=y<_[1]?\"backward\":\"forward\";let Wt=_[0]===_[1]&&_[0]<v;w===\"backward\"&&!Wt&&(et=-1)}g=et+y,E=et+y+1}}g!==-1&&E!==-1&&g!==E&&l.current.setSelectionRange(g,E,w)}let pt=g!==-1?g:c,Rt=E!==-1?E:b,yt=w!=null?w:mt;L(pt),N(Rt),V.current.prev=[pt,Rt,yt]}if(document.addEventListener(\"selectionchange\",d,{capture:!0}),d(),document.activeElement===t&&Q(!0),!document.getElementById(\"input-otp-style\")){let c=document.createElement(\"style\");if(c.id=\"input-otp-style\",document.head.appendChild(c),c.sheet){let b=\"background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;\";$(c.sheet,\"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }\"),$(c.sheet,`[data-input-otp]:autofill { ${b} }`),$(c.sheet,`[data-input-otp]:-webkit-autofill { ${b} }`),$(c.sheet,\"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }\"),$(c.sheet,\"[data-input-otp] + * { pointer-events: all !important; }\")}}let R=()=>{o&&o.style.setProperty(\"--root-height\",`${t.clientHeight}px`)};R();let p=new ResizeObserver(R);return p.observe(t),()=>{document.removeEventListener(\"selectionchange\",d,{capture:!0}),p.disconnect()}},[]);let[ot,rt]=n.useState(!1),[j,Q]=n.useState(!1),[M,L]=n.useState(null),[k,N]=n.useState(null);n.useEffect(()=>{ht(()=>{var R,p,c,b;(R=l.current)==null||R.dispatchEvent(new Event(\"input\"));let t=(p=l.current)==null?void 0:p.selectionStart,o=(c=l.current)==null?void 0:c.selectionEnd,d=(b=l.current)==null?void 0:b.selectionDirection;t!==null&&o!==null&&(L(t),N(o),V.current.prev=[t,o,d])})},[i,j]),n.useEffect(()=>{I!==void 0&&i!==I&&I.length<e&&i.length===e&&(H==null||H(i))},[e,H,I,i]);let O=Tt({containerRef:K,inputRef:l,pushPasswordManagerStrategy:F,isFocused:j}),st=n.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&m&&!m.test(o)){t.preventDefault();return}typeof I==\"string\"&&o.length<I.length&&document.dispatchEvent(new Event(\"selectionchange\")),x(o)},[e,x,I,m]),at=n.useCallback(()=>{var t;if(l.current){let o=Math.min(l.current.value.length,e-1),d=l.current.value.length;(t=l.current)==null||t.setSelectionRange(o,d),L(o),N(d)}Q(!0)},[e]),ct=n.useCallback(t=>{var g,E;let o=l.current;if(!W&&(!J.current.isIOS||!t.clipboardData||!o))return;let d=t.clipboardData.getData(\"text/plain\"),R=W?W(d):d;t.preventDefault();let p=(g=l.current)==null?void 0:g.selectionStart,c=(E=l.current)==null?void 0:E.selectionEnd,v=(p!==c?i.slice(0,p)+R+i.slice(c):i.slice(0,p)+R+i.slice(p)).slice(0,e);if(v.length>0&&m&&!m.test(v))return;o.value=v,x(v);let C=Math.min(v.length,e-1),_=v.length;o.setSelectionRange(C,_),L(C),N(_)},[e,x,m,i]),It=n.useMemo(()=>({position:\"relative\",cursor:a.disabled?\"default\":\"text\",userSelect:\"none\",WebkitUserSelect:\"none\",pointerEvents:\"none\"}),[a.disabled]),it=n.useMemo(()=>({position:\"absolute\",inset:0,width:O.willPushPWMBadge?`calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})`:\"100%\",clipPath:O.willPushPWMBadge?`inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:\"100%\",display:\"flex\",textAlign:u,opacity:\"1\",color:\"transparent\",pointerEvents:\"all\",background:\"transparent\",caretColor:\"transparent\",border:\"0 solid transparent\",outline:\"0 solid transparent\",boxShadow:\"none\",lineHeight:\"1\",letterSpacing:\"-.5em\",fontSize:\"var(--root-height)\",fontFamily:\"monospace\",fontVariantNumeric:\"tabular-nums\"}),[O.PWM_BADGE_SPACE_WIDTH,O.willPushPWMBadge,u]),Mt=n.useMemo(()=>n.createElement(\"input\",bt(St({autoComplete:a.autoComplete||\"one-time-code\"},a),{\"data-input-otp\":!0,\"data-input-otp-placeholder-shown\":i.length===0||void 0,\"data-input-otp-mss\":M,\"data-input-otp-mse\":k,inputMode:G,pattern:m==null?void 0:m.source,\"aria-placeholder\":D,style:it,maxLength:e,value:i,ref:l,onPaste:t=>{var o;ct(t),(o=a.onPaste)==null||o.call(a,t)},onChange:st,onMouseOver:t=>{var o;rt(!0),(o=a.onMouseOver)==null||o.call(a,t)},onMouseLeave:t=>{var o;rt(!1),(o=a.onMouseLeave)==null||o.call(a,t)},onFocus:t=>{var o;at(),(o=a.onFocus)==null||o.call(a,t)},onBlur:t=>{var o;Q(!1),(o=a.onBlur)==null||o.call(a,t)}})),[st,at,ct,G,it,e,k,M,a,m==null?void 0:m.source,i]),tt=n.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{var c;let d=j&&M!==null&&k!==null&&(M===k&&o===M||o>=M&&o<k),R=i[o]!==void 0?i[o]:null,p=i[0]!==void 0?null:(c=D==null?void 0:D[o])!=null?c:null;return{char:R,placeholderChar:p,isActive:d,hasFakeCaret:d&&R===null}}),isFocused:j,isHovering:!a.disabled&&ot}),[j,ot,e,k,M,a.disabled,i]),Ct=n.useMemo(()=>f?f(tt):n.createElement(jt.Provider,{value:tt},h),[h,tt,f]);return n.createElement(n.Fragment,null,T!==null&&n.createElement(\"noscript\",null,n.createElement(\"style\",null,T)),n.createElement(\"div\",{ref:K,\"data-input-otp-container\":!0,style:It,className:Z},Ct,n.createElement(\"div\",{style:{position:\"absolute\",inset:0,pointerEvents:\"none\"}},Mt)))});Lt.displayName=\"Input\";function $(r,s){try{r.insertRule(s)}catch(e){console.error(\"input-otp could not insert CSS rule:\",s)}}var Nt=`\n[data-input-otp] {\n  --nojs-bg: white !important;\n  --nojs-fg: black !important;\n\n  background-color: var(--nojs-bg) !important;\n  color: var(--nojs-fg) !important;\n  caret-color: var(--nojs-fg) !important;\n  letter-spacing: .25em !important;\n  text-align: center !important;\n  border: 1px solid var(--nojs-fg) !important;\n  border-radius: 4px !important;\n  width: 100% !important;\n}\n@media (prefers-color-scheme: dark) {\n  [data-input-otp] {\n    --nojs-bg: black !important;\n    --nojs-fg: white !important;\n  }\n}`;var Kt=\"^\\\\d+$\",Jt=\"^[a-zA-Z]+$\",Qt=\"^[a-zA-Z0-9]+$\";export{Lt as OTPInput,jt as OTPInputContext,Jt as REGEXP_ONLY_CHARS,Kt as REGEXP_ONLY_DIGITS,Qt as REGEXP_ONLY_DIGITS_AND_CHARS};\n//# sourceMappingURL=index.mjs.map","import { OTPInputContext } from \"input-otp\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst inputOTPSlotStyles = tv({\n\tslots: {\n\t\tcontainer:\n\t\t\t\"relative flex h-10 w-10 items-center justify-center border-y border-r border-secondary-border bg-secondary-bg text-sm shadow-soft-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n\t\tcaretWrapper: \"pointer-events-none absolute inset-0 flex items-center justify-center\",\n\t\tcaret: \"animate-caret-blink h-4 w-px bg-foreground duration-1000\"\n\t},\n\tvariants: {\n\t\tisActive: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"z-10 !shadow-focus\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport const InputOTPSlot = React.forwardRef<\n\tReact.ElementRef<\"div\">,\n\tReact.ComponentPropsWithoutRef<\"div\"> & { index: number }\n>(({ index, className, ...props }, ref) => {\n\tconst inputOTPContext = React.useContext(OTPInputContext);\n\tconst { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\tconst styles = inputOTPSlotStyles();\n\n\treturn (\n\t\t<div ref={ref} className={styles.container({ isActive, className })} {...props}>\n\t\t\t{char}\n\t\t\t{hasFakeCaret && (\n\t\t\t\t<div className={styles.caretWrapper()}>\n\t\t\t\t\t<div className={styles.caret()} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n","import { Dot } from \"lucide-react\";\nimport React from \"react\";\n\nexport const InputOTPSeparator = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n\t({ ...props }, ref) => (\n\t\t<div ref={ref} role=\"separator\" {...props}>\n\t\t\t<Dot />\n\t\t</div>\n\t)\n);\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst inputOTPGroupStyles = tv({\n\tbase: \"flex items-center\"\n});\n\nexport const InputOTPGroup = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n\t({ className, ...props }, ref) => <div ref={ref} className={inputOTPGroupStyles({ className })} {...props} />\n);\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n","import * as React from \"react\";\nimport { OTPInput } from \"input-otp\";\nimport { tv } from \"tailwind-variants\";\n\nconst inputOTPStyles = tv({\n\tslots: {\n\t\tcontainer: \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n\t\tinput: \"disabled:cursor-not-allowed\"\n\t}\n});\n\nexport const InputOTP = React.forwardRef<\n\tReact.ElementRef<typeof OTPInput>,\n\tReact.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => {\n\tconst styles = inputOTPStyles();\n\n\treturn (\n\t\t<OTPInput\n\t\t\tref={ref}\n\t\t\tcontainerClassName={styles.container({ className: containerClassName })}\n\t\t\tclassName={styles.input({ className })}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nInputOTP.displayName = \"InputOTP\";\n"],"names":["Dot","createLucideIcon","Bt","At","kt","Y","gt","Et","vt","r","s","e","St","bt","Pt","u","ht","_t","U","Ot","wt","Gt","xt","Tt","P","D","S","G","H","F","W","Z","T","f","h","a","B","z","q","A","jt","n","Lt","Nt","X","lt","ut","dt","ft","nt","i","I","x","t","m","l","K","J","V","o","L","N","c","b","mt","v","C","_","g","E","w","Dt","Ht","y","et","Wt","pt","Rt","yt","Q","$","R","p","ot","rt","j","M","k","d","O","st","at","ct","It","it","Mt","tt","Ct","inputOTPSlotStyles","tv","InputOTPSlot","React","index","className","props","ref","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","styles","jsxs","jsx","InputOTPSeparator","inputOTPGroupStyles","InputOTPGroup","inputOTPStyles","InputOTP","containerClassName","OTPInput"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/Loader-BpHiL6W-.js

@@ -0,0 +1,58 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import n from "react";
+import { T as l } from "./index-BVqs-uqP.js";
+import { I as m } from "./Icon-DH3ev9GK.js";
+import { L as x } from "./loader-circle-D1YXTEGq.js";
+const d = l({
+  base: "flex flex-col items-center justify-center gap-2 overflow-hidden px-3 text-primary-fg",
+  slots: {
+    icon: "",
+    iconWrapper: "animate-spin"
+  },
+  variants: {
+    size: {
+      xs: {
+        icon: "h-3 w-3",
+        base: "text-xs"
+      },
+      sm: {
+        icon: "h-3.5 w-3.5",
+        base: "text-xs"
+      },
+      md: {
+        icon: "h-4 w-4",
+        base: "text-sm"
+      },
+      lg: {
+        icon: "h-6 w-6",
+        base: "text-sm"
+      },
+      xl: {
+        icon: "h-8 w-8",
+        base: "text-base"
+      },
+      "2xl": {
+        icon: "h-10 w-10",
+        base: "text-xl"
+      },
+      "3xl": {
+        icon: "h-12 w-12",
+        base: "text-xl"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), p = n.forwardRef(({ className: a, size: t, children: o, ...i }, r) => {
+  const e = d({ size: t });
+  return /* @__PURE__ */ c("div", { ref: r, className: e.base({ className: a }), ...i, children: [
+    /* @__PURE__ */ s("div", { className: e.iconWrapper(), children: /* @__PURE__ */ s(m, { icon: x, className: e.icon() }) }),
+    o
+  ] });
+});
+p.displayName = "Loader";
+export {
+  p as L
+};
+//# sourceMappingURL=Loader-BpHiL6W-.js.map

package/dist/Loader-BpHiL6W-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader-BpHiL6W-.js","sources":["../src/components/loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Icon } from \"../icon/Icon\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface LoaderVariants {\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n}\n\nconst loaderStyles = tv({\n\tbase: \"flex flex-col items-center justify-center gap-2 overflow-hidden px-3 text-primary-fg\",\n\tslots: {\n\t\ticon: \"\",\n\t\ticonWrapper: \"animate-spin\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\txs: {\n\t\t\t\ticon: \"h-3 w-3\",\n\t\t\t\tbase: \"text-xs\"\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\ticon: \"h-3.5 w-3.5\",\n\t\t\t\tbase: \"text-xs\"\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\ticon: \"h-4 w-4\",\n\t\t\t\tbase: \"text-sm\"\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\ticon: \"h-6 w-6\",\n\t\t\t\tbase: \"text-sm\"\n\t\t\t},\n\t\t\txl: {\n\t\t\t\ticon: \"h-8 w-8\",\n\t\t\t\tbase: \"text-base\"\n\t\t\t},\n\t\t\t\"2xl\": {\n\t\t\t\ticon: \"h-10 w-10\",\n\t\t\t\tbase: \"text-xl\"\n\t\t\t},\n\t\t\t\"3xl\": {\n\t\t\t\ticon: \"h-12 w-12\",\n\t\t\t\tbase: \"text-xl\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<LoaderVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type LoaderProps = React.HTMLAttributes<HTMLDivElement> & LoaderVariants;\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(({ className, size, children, ...props }, ref) => {\n\tconst styles = loaderStyles({ size });\n\treturn (\n\t\t<div ref={ref} className={styles.base({ className })} {...props}>\n\t\t\t<div className={styles.iconWrapper()}>\n\t\t\t\t<Icon icon={LoaderCircle} className={styles.icon()} />\n\t\t\t</div>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\n\nLoader.displayName = \"Loader\";\n"],"names":["loaderStyles","tv","Loader","React","className","size","children","props","ref","styles","jsxs","jsx","Icon","LoaderCircle"],"mappings":";;;;;AAUA,MAAMA,IAAeC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,OAAO;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAIYC,IAASC,EAAM,WAAwC,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACrH,QAAMC,IAAST,EAAa,EAAE,MAAAK,GAAM;AAEnC,SAAA,gBAAAK,EAAC,OAAI,EAAA,KAAAF,GAAU,WAAWC,EAAO,KAAK,EAAE,WAAAL,EAAW,CAAA,GAAI,GAAGG,GACzD,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAI,EAAA,WAAWF,EAAO,YAAA,GACtB,UAAA,gBAAAE,EAACC,GAAK,EAAA,MAAMC,GAAc,WAAWJ,EAAO,KAAA,EAAQ,CAAA,GACrD;AAAA,IACCH;AAAA,EAAA,GACF;AAEF,CAAC;AAEDJ,EAAO,cAAc;"}