@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-alpha.2

package/dist/src/shadcn/components/ui/hover-card.js

@@ -1,14 +1,30 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function HoverCard({ ...props }) {
-    return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+    return /*#__PURE__*/ _jsx(HoverCardPrimitive.Root, {
+        "data-slot": "hover-card",
+        ...props
+    });
 }
 function HoverCardTrigger({ ...props }) {
-    return (_jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props }));
+    return /*#__PURE__*/ _jsx(HoverCardPrimitive.Trigger, {
+        "data-slot": "hover-card-trigger",
+        ...props
+    });
 }
 function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
-    return (_jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
+    return /*#__PURE__*/ _jsx(HoverCardPrimitive.Portal, {
+        "data-slot": "hover-card-portal",
+        children: /*#__PURE__*/ _jsx(HoverCardPrimitive.Content, {
+            "data-slot": "hover-card-content",
+            align: align,
+            sideOffset: sideOffset,
+            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+            ...props
+        })
+    });
 }
 export { HoverCard, HoverCardTrigger, HoverCardContent };
+
 //# sourceMappingURL=hover-card.js.map

package/dist/src/shadcn/components/ui/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,YAAY,KAAK,KAAK,GAAI,CAAC;AACtE,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACiD;IACzD,OAAO,CACN,KAAC,kBAAkB,CAAC,OAAO,iBAAW,oBAAoB,KAAK,KAAK,GAAI,CACxE,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACiD;IACzD,OAAO,CACN,KAAC,kBAAkB,CAAC,MAAM,iBAAW,mBAAmB,YACvD,KAAC,kBAAkB,CAAC,OAAO,iBAChB,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACZ,meAAme,EACne,SAAS,CACT,KACG,KAAK,GACR,GACyB,CAC5B,CAAC;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"sourcesContent":["import * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction HoverCard({\n\t...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n\treturn <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({\n\t...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n\treturn (\n\t\t<HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n\t);\n}\n\nfunction HoverCardContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n\treturn (\n\t\t<HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n\t\t\t<HoverCardPrimitive.Content\n\t\t\t\tdata-slot=\"hover-card-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</HoverCardPrimitive.Portal>\n\t);\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":["HoverCardPrimitive","cn","HoverCard","props","Root","data-slot","HoverCardTrigger","Trigger","HoverCardContent","className","align","sideOffset","Portal","Content"],"mappings":";AAAA,YAAYA,wBAAwB,6BAA6B;AAGjE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,UAAU,EAClB,GAAGC,OACmD;IACtD,qBAAO,KAACH,mBAAmBI,IAAI;QAACC,aAAU;QAAc,GAAGF,KAAK;;AACjE;AAEA,SAASG,iBAAiB,EACzB,GAAGH,OACsD;IACzD,qBACC,KAACH,mBAAmBO,OAAO;QAACF,aAAU;QAAsB,GAAGF,KAAK;;AAEtE;AAEA,SAASK,iBAAiB,EACzBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACsD;IACzD,qBACC,KAACH,mBAAmBY,MAAM;QAACP,aAAU;kBACpC,cAAA,KAACL,mBAAmBa,OAAO;YAC1BR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWR,GACV,qeACAQ;YAEA,GAAGN,KAAK;;;AAIb;AAEA,SAASD,SAAS,EAAEI,gBAAgB,EAAEE,gBAAgB,GAAG"}

package/dist/src/shadcn/components/ui/hover-card.stories.js

@@ -1,12 +1,58 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, AvatarFallback, AvatarImage, } from "#shadcn/components/ui/avatar";
-import { Button } from "#shadcn/components/ui/button";
-import { HoverCard, HoverCardContent, HoverCardTrigger, } from "#shadcn/components/ui/hover-card";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
+import { Button } from "./button.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card.js";
 const meta = {
-    title: "Component/Hover card",
+    title: "Component/Hover card"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(HoverCard, { children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx(Button, { variant: "link", children: "@nextjs" }) }), _jsx(HoverCardContent, { className: "w-80", children: _jsxs("div", { className: "flex justify-between gap-4", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/vercel.png" }), _jsx(AvatarFallback, { children: "VC" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-sm font-semibold", children: "@nextjs" }), _jsx("p", { className: "text-sm", children: "The React Framework \u2013 created and maintained by @vercel." }), _jsx("div", { className: "text-muted-foreground text-xs", children: "Joined December 2021" })] })] }) })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(HoverCard, {
+            children: [
+                /*#__PURE__*/ _jsx(HoverCardTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "link",
+                        children: "@nextjs"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(HoverCardContent, {
+                    className: "w-80",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex justify-between gap-4",
+                        children: [
+                            /*#__PURE__*/ _jsxs(Avatar, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(AvatarImage, {
+                                        src: "https://github.com/vercel.png"
+                                    }),
+                                    /*#__PURE__*/ _jsx(AvatarFallback, {
+                                        children: "VC"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "space-y-1",
+                                children: [
+                                    /*#__PURE__*/ _jsx("h4", {
+                                        className: "text-sm font-semibold",
+                                        children: "@nextjs"
+                                    }),
+                                    /*#__PURE__*/ _jsx("p", {
+                                        className: "text-sm",
+                                        children: "The React Framework – created and maintained by @vercel."
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "text-muted-foreground text-xs",
+                                        children: "Joined December 2021"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=hover-card.stories.js.map

package/dist/src/shadcn/components/ui/hover-card.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,MAAM,EACN,cAAc,EACd,WAAW,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GAChB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;CACd,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,SAAS,eACT,KAAC,gBAAgB,IAAC,OAAO,kBACxB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,wBAAiB,GACrB,EACnB,KAAC,gBAAgB,IAAC,SAAS,EAAC,MAAM,YACjC,eAAK,SAAS,EAAC,4BAA4B,aAC1C,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,GAAG,EACnD,KAAC,cAAc,qBAAoB,IAC3B,EACT,eAAK,SAAS,EAAC,WAAW,aACzB,aAAI,SAAS,EAAC,uBAAuB,wBAAa,EAClD,YAAG,SAAS,EAAC,SAAS,8EAElB,EACJ,cAAK,SAAS,EAAC,+BAA+B,qCAExC,IACD,IACD,GACY,IACR,CACZ;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/hover-card.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"#shadcn/components/ui/avatar\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tHoverCard,\n\tHoverCardContent,\n\tHoverCardTrigger,\n} from \"#shadcn/components/ui/hover-card\";\n\nconst meta = {\n\ttitle: \"Component/Hover card\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<HoverCard>\n\t\t\t<HoverCardTrigger asChild>\n\t\t\t\t<Button variant=\"link\">@nextjs</Button>\n\t\t\t</HoverCardTrigger>\n\t\t\t<HoverCardContent className=\"w-80\">\n\t\t\t\t<div className=\"flex justify-between gap-4\">\n\t\t\t\t\t<Avatar>\n\t\t\t\t\t\t<AvatarImage src=\"https://github.com/vercel.png\" />\n\t\t\t\t\t\t<AvatarFallback>VC</AvatarFallback>\n\t\t\t\t\t</Avatar>\n\t\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t\t<h4 className=\"text-sm font-semibold\">@nextjs</h4>\n\t\t\t\t\t\t<p className=\"text-sm\">\n\t\t\t\t\t\t\tThe React Framework – created and maintained by @vercel.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div className=\"text-muted-foreground text-xs\">\n\t\t\t\t\t\t\tJoined December 2021\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</HoverCardContent>\n\t\t</HoverCard>\n\t),\n} satisfies Story;\n"],"names":["Avatar","AvatarFallback","AvatarImage","Button","HoverCard","HoverCardContent","HoverCardTrigger","meta","title","Demo","render","asChild","variant","className","div","src","h4","p"],"mappings":";AACA,SACCA,MAAM,EACNC,cAAc,EACdC,WAAW,QACL,cAA+B;AACtC,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,SAAS,EACTC,gBAAgB,EAChBC,gBAAgB,QACV,kBAAmC;AAE1C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACN;;8BACA,KAACE;oBAAiBK,OAAO;8BACxB,cAAA,KAACR;wBAAOS,SAAQ;kCAAO;;;8BAExB,KAACP;oBAAiBQ,WAAU;8BAC3B,cAAA,MAACC;wBAAID,WAAU;;0CACd,MAACb;;kDACA,KAACE;wCAAYa,KAAI;;kDACjB,KAACd;kDAAe;;;;0CAEjB,MAACa;gCAAID,WAAU;;kDACd,KAACG;wCAAGH,WAAU;kDAAwB;;kDACtC,KAACI;wCAAEJ,WAAU;kDAAU;;kDAGvB,KAACC;wCAAID,WAAU;kDAAgC;;;;;;;;;AAQrD,EAAkB"}

package/dist/src/shadcn/components/ui/input-otp.js

@@ -2,24 +2,52 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
 import * as React from "react";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function InputOTP({ className, containerClassName, ...props }) {
-    return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props }));
+    return /*#__PURE__*/ _jsx(OTPInput, {
+        "data-slot": "input-otp",
+        containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
+        className: cn("disabled:cursor-not-allowed", className),
+        ...props
+    });
 }
 function InputOTPGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "input-otp-group",
+        className: cn("flex items-center", className),
+        ...props
+    });
 }
 function InputOTPSlot({ index, className, ...props }) {
     const inputOTPContext = React.useContext(OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }))] }));
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-slot": "input-otp-slot",
+        "data-active": isActive,
+        className: cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", className),
+        ...props,
+        children: [
+            char,
+            hasFakeCaret && /*#__PURE__*/ _jsx("div", {
+                className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "animate-caret-blink bg-foreground h-4 w-px duration-1000"
+                })
+            })
+        ]
+    });
 }
 function InputOTPSeparator({ ...props }) {
-    return (
-    // biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
+    return(// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
     // biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
     // biome-ignore lint/a11y/useAriaPropsForRole: FIXME: unchanged shadcn
-    _jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
+    /*#__PURE__*/ _jsx("div", {
+        "data-slot": "input-otp-separator",
+        role: "separator",
+        ...props,
+        children: /*#__PURE__*/ _jsx(MinusIcon, {})
+    }));
 }
 export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+
 //# sourceMappingURL=input-otp.js.map

package/dist/src/shadcn/components/ui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input-otp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,QAAQ,CAAC,EACjB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EAGR;IACA,OAAO,CACN,KAAC,QAAQ,iBACE,WAAW,EACrB,kBAAkB,EAAE,EAAE,CACrB,iDAAiD,EACjD,kBAAkB,CAClB,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC1E,OAAO,CACN,2BACW,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACrB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EAGR;IACA,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE7E,OAAO,CACN,4BACW,gBAAgB,iBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CACZ,0fAA0f,EAC1f,SAAS,CACT,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CAChB,cAAK,SAAS,EAAC,uEAAuE,YACrF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GACvE,CACN,IACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAA+B;IACnE,OAAO;IACN,0EAA0E;IAC1E,sEAAsE;IACtE,sEAAsE;IACtE,2BAAe,qBAAqB,EAAC,IAAI,EAAC,WAAW,KAAK,KAAK,YAC9D,KAAC,SAAS,KAAG,GACR,CACN,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/input-otp.tsx"],"sourcesContent":["import { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction InputOTP({\n\tclassName,\n\tcontainerClassName,\n\t...props\n}: React.ComponentProps<typeof OTPInput> & {\n\tcontainerClassName?: string;\n}) {\n\treturn (\n\t\t<OTPInput\n\t\t\tdata-slot=\"input-otp\"\n\t\t\tcontainerClassName={cn(\n\t\t\t\t\"flex items-center gap-2 has-disabled:opacity-50\",\n\t\t\t\tcontainerClassName,\n\t\t\t)}\n\t\t\tclassName={cn(\"disabled:cursor-not-allowed\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"input-otp-group\"\n\t\t\tclassName={cn(\"flex items-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputOTPSlot({\n\tindex,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tindex: number;\n}) {\n\tconst inputOTPContext = React.useContext(OTPInputContext);\n\tconst { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"input-otp-slot\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{char}\n\t\t\t{hasFakeCaret && (\n\t\t\t\t<div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n\t\t\t\t\t<div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t// biome-ignore lint/a11y/useAriaPropsForRole: FIXME: unchanged shadcn\n\t\t<div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n\t\t\t<MinusIcon />\n\t\t</div>\n\t);\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"names":["OTPInput","OTPInputContext","MinusIcon","React","cn","InputOTP","className","containerClassName","props","data-slot","InputOTPGroup","div","InputOTPSlot","index","inputOTPContext","useContext","char","hasFakeCaret","isActive","slots","data-active","InputOTPSeparator","role"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,eAAe,QAAQ,YAAY;AACtD,SAASC,SAAS,QAAQ,eAAe;AACzC,YAAYC,WAAW,QAAQ;AAE/B,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,SAAS,EACjBC,SAAS,EACTC,kBAAkB,EAClB,GAAGC,OAGH;IACA,qBACC,KAACR;QACAS,aAAU;QACVF,oBAAoBH,GACnB,mDACAG;QAEDD,WAAWF,GAAG,+BAA+BE;QAC5C,GAAGE,KAAK;;AAGZ;AAEA,SAASE,cAAc,EAAEJ,SAAS,EAAE,GAAGE,OAAoC;IAC1E,qBACC,KAACG;QACAF,aAAU;QACVH,WAAWF,GAAG,qBAAqBE;QAClC,GAAGE,KAAK;;AAGZ;AAEA,SAASI,aAAa,EACrBC,KAAK,EACLP,SAAS,EACT,GAAGE,OAGH;IACA,MAAMM,kBAAkBX,MAAMY,UAAU,CAACd;IACzC,MAAM,EAAEe,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAE,GAAGJ,iBAAiBK,KAAK,CAACN,MAAM,IAAI,CAAC;IAE3E,qBACC,MAACF;QACAF,aAAU;QACVW,eAAaF;QACbZ,WAAWF,GACV,4fACAE;QAEA,GAAGE,KAAK;;YAERQ;YACAC,8BACA,KAACN;gBAAIL,WAAU;0BACd,cAAA,KAACK;oBAAIL,WAAU;;;;;AAKpB;AAEA,SAASe,kBAAkB,EAAE,GAAGb,OAAoC;IACnE,OACC,0EAA0E;IAC1E,sEAAsE;IACtE,sEAAsE;kBACtE,KAACG;QAAIF,aAAU;QAAsBa,MAAK;QAAa,GAAGd,KAAK;kBAC9D,cAAA,KAACN;;AAGJ;AAEA,SAASG,QAAQ,EAAEK,aAAa,EAAEE,YAAY,EAAES,iBAAiB,GAAG"}

package/dist/src/shadcn/components/ui/input-otp.stories.js

@@ -1,10 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from "#shadcn/components/ui/input-otp";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./input-otp.js";
 const meta = {
-    title: "Component/Input OTP",
+    title: "Component/Input OTP"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(InputOTP, { maxLength: 6, children: [_jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }), _jsx(InputOTPSeparator, {}), _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(InputOTP, {
+            maxLength: 6,
+            children: [
+                /*#__PURE__*/ _jsxs(InputOTPGroup, {
+                    children: [
+                        /*#__PURE__*/ _jsx(InputOTPSlot, {
+                            index: 0
+                        }),
+                        /*#__PURE__*/ _jsx(InputOTPSlot, {
+                            index: 1
+                        }),
+                        /*#__PURE__*/ _jsx(InputOTPSlot, {
+                            index: 2
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(InputOTPSeparator, {}),
+                /*#__PURE__*/ _jsxs(InputOTPGroup, {
+                    children: [
+                        /*#__PURE__*/ _jsx(InputOTPSlot, {
+                            index: 3
+                        }),
+                        /*#__PURE__*/ _jsx(InputOTPSlot, {
+                            index: 4
+                        }),
+                        /*#__PURE__*/ _jsx(InputOTPSlot, {
+                            index: 5
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=input-otp.stories.js.map

package/dist/src/shadcn/components/ui/input-otp.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input-otp.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,YAAY,GACZ,MAAM,iCAAiC,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;CACb,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,aACrB,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,EAChB,KAAC,iBAAiB,KAAG,EACrB,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,IACN,CACX;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/input-otp.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tInputOTP,\n\tInputOTPGroup,\n\tInputOTPSeparator,\n\tInputOTPSlot,\n} from \"#shadcn/components/ui/input-otp\";\n\nconst meta = {\n\ttitle: \"Component/Input OTP\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<InputOTP maxLength={6}>\n\t\t\t<InputOTPGroup>\n\t\t\t\t<InputOTPSlot index={0} />\n\t\t\t\t<InputOTPSlot index={1} />\n\t\t\t\t<InputOTPSlot index={2} />\n\t\t\t</InputOTPGroup>\n\t\t\t<InputOTPSeparator />\n\t\t\t<InputOTPGroup>\n\t\t\t\t<InputOTPSlot index={3} />\n\t\t\t\t<InputOTPSlot index={4} />\n\t\t\t\t<InputOTPSlot index={5} />\n\t\t\t</InputOTPGroup>\n\t\t</InputOTP>\n\t),\n} satisfies Story;\n"],"names":["InputOTP","InputOTPGroup","InputOTPSeparator","InputOTPSlot","meta","title","Demo","render","maxLength","index"],"mappings":";AACA,SACCA,QAAQ,EACRC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,QACN,iBAAkC;AAEzC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACP;YAASQ,WAAW;;8BACpB,MAACP;;sCACA,KAACE;4BAAaM,OAAO;;sCACrB,KAACN;4BAAaM,OAAO;;sCACrB,KAACN;4BAAaM,OAAO;;;;8BAEtB,KAACP;8BACD,MAACD;;sCACA,KAACE;4BAAaM,OAAO;;sCACrB,KAACN;4BAAaM,OAAO;;sCACrB,KAACN;4BAAaM,OAAO;;;;;;AAIzB,EAAkB"}

package/dist/src/shadcn/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 const iconBaseClasses = "absolute top-1/2 -translate-y-1/2 cursor-pointer z-10 flex items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0";
 const iconLeftPosition = "left-3 hover:text-text-tertiary hover:cursor-default transition-colors duration-300";
 const iconRightContainer = "absolute right-3 top-1/2 -translate-y-1/2 flex gap-2 z-10";
@@ -15,65 +15,84 @@ const suffixInvalidClasses = "border-border-error bg-bg-secondary flex items-cen
 const inputVariants = cva(cn("h-9 file:text-text-primary placeholder:text-text-quternary disabled:placeholder:text-text-disabled selection:bg-bg-primary selection:text-text-primary-foreground border-border-primary hover:border-border-primary_hover flex w-full min-w-0 border bg-transparent px-3 py-2 typo-body text-base transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-md file:font-medium disabled:bg-bg-secondary disabled:cursor-not-allowed disabled:border-border-primary md:text-md selection:bg-selection", "focus-visible:ring-4 focus-visible:ring-ring-blue focus-visible:border-border-link", "aria-invalid:ring-destructive aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary", "", "rounded-md"), {
     variants: {
         hasLeftSlot: {
-            true: "pl-9",
+            true: "pl-9"
         },
         hasRightSlot: {
-            true: "pr-9",
+            true: "pr-9"
         },
         hasSuffix: {
-            true: "border-r-0 focus-visible:ring-offset-0 rounded-l-md rounded-r-none focus-visible:border-r-1",
+            true: "border-r-0 focus-visible:ring-offset-0 rounded-l-md rounded-r-none focus-visible:border-r-1"
         },
         invalid: {
-            true: "border-border-error focus-visible:ring-4 focus-visible:ring-ring-red focus-visible:border-border-error hover:border-border-error_inverse transition-all duration-300",
-        },
+            true: "border-border-error focus-visible:ring-4 focus-visible:ring-ring-red focus-visible:border-border-error hover:border-border-error_inverse transition-all duration-300"
+        }
     },
     defaultVariants: {
         hasSuffix: false,
-        invalid: false,
-    },
+        invalid: false
+    }
 });
 function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props }) {
     const processedLeftSlot = leftSlot === "None" ? undefined : leftSlot;
     const processedRightSlot = rightSlot === "None" ? undefined : rightSlot;
-    const hasLeftIcon = processedLeftSlot &&
-        processedLeftSlot !== null &&
-        processedLeftSlot !== undefined;
-    const hasRightIcon = processedRightSlot &&
-        processedRightSlot !== null &&
-        processedRightSlot !== undefined;
-    const renderLeftSlot = () => {
-        if (!hasLeftIcon)
-            return null;
-        const colorClasses = props.disabled
-            ? iconDisabledColor
-            : invalid
-                ? iconInvalidColor
-                : iconNormalColor;
-        return (_jsx("div", { className: `${iconBaseClasses} ${iconLeftPosition} ${colorClasses}`, children: _jsx("div", { className: iconWrapperClasses, children: processedLeftSlot }) }));
+    const hasLeftIcon = processedLeftSlot && processedLeftSlot !== null && processedLeftSlot !== undefined;
+    const hasRightIcon = processedRightSlot && processedRightSlot !== null && processedRightSlot !== undefined;
+    const renderLeftSlot = ()=>{
+        if (!hasLeftIcon) return null;
+        const colorClasses = props.disabled ? iconDisabledColor : invalid ? iconInvalidColor : iconNormalColor;
+        return /*#__PURE__*/ _jsx("div", {
+            className: `${iconBaseClasses} ${iconLeftPosition} ${colorClasses}`,
+            children: /*#__PURE__*/ _jsx("div", {
+                className: iconWrapperClasses,
+                children: processedLeftSlot
+            })
+        });
     };
-    const renderRightSlot = () => {
-        if (!hasRightIcon)
-            return null;
-        const colorClasses = props.disabled
-            ? iconDisabledColor
-            : invalid
-                ? iconInvalidColor
-                : iconNormalColor;
-        return (_jsx("div", { className: `${iconRightContainer} ${iconBaseClasses}`, children: hasRightIcon && (_jsx("div", { className: `${iconRightItemClasses} ${colorClasses}`, children: _jsx("div", { className: iconWrapperClasses, children: processedRightSlot }) })) }));
+    const renderRightSlot = ()=>{
+        if (!hasRightIcon) return null;
+        const colorClasses = props.disabled ? iconDisabledColor : invalid ? iconInvalidColor : iconNormalColor;
+        return /*#__PURE__*/ _jsx("div", {
+            className: `${iconRightContainer} ${iconBaseClasses}`,
+            children: hasRightIcon && /*#__PURE__*/ _jsx("div", {
+                className: `${iconRightItemClasses} ${colorClasses}`,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: iconWrapperClasses,
+                    children: processedRightSlot
+                })
+            })
+        });
     };
     // Input tag
-    const inputElement = (_jsx("input", { type: type, "data-slot": "input", className: cn(inputVariants({
+    const inputElement = /*#__PURE__*/ _jsx("input", {
+        type: type,
+        "data-slot": "input",
+        className: cn(inputVariants({
             invalid,
             hasLeftSlot: !!leftSlot,
             hasRightSlot: !!rightSlot,
             hasSuffix: !!suffix,
-            className,
-        })), ...props }));
-    return (_jsxs("div", { className: "flex w-full min-w-0", children: [_jsxs("div", { className: "flex-1 relative", children: [renderLeftSlot(), inputElement, renderRightSlot()] }), suffix && (_jsx("div", { className: props.disabled
-                    ? suffixDisabledClasses
-                    : invalid
-                        ? suffixInvalidClasses
-                        : suffixClasses, children: suffix }))] }));
+            className
+        })),
+        ...props
+    });
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex w-full min-w-0",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex-1 relative",
+                children: [
+                    renderLeftSlot(),
+                    inputElement,
+                    renderRightSlot()
+                ]
+            }),
+            suffix && /*#__PURE__*/ _jsx("div", {
+                className: props.disabled ? suffixDisabledClasses : invalid ? suffixInvalidClasses : suffixClasses,
+                children: suffix
+            })
+        ]
+    });
 }
 export { Input, inputVariants };
+
 //# sourceMappingURL=input.js.map

package/dist/src/shadcn/components/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst iconBaseClasses =\n\t\"absolute top-1/2 -translate-y-1/2 cursor-pointer z-10 flex items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0\";\n\nconst iconLeftPosition =\n\t\"left-3 hover:text-text-tertiary hover:cursor-default transition-colors duration-300\";\n\nconst iconRightContainer =\n\t\"absolute right-3 top-1/2 -translate-y-1/2 flex gap-2 z-10\";\n\nconst iconNormalColor =\n\t\"text-text-tertiary hover:text-fg-secondary transition-colors duration-300\";\nconst iconInvalidColor =\n\t\"text-fg-tertiary hover:text-fg-secondary transition-colors duration-300\";\nconst iconDisabledColor =\n\t\"text-text-disabled hover:cursor-not-allowed transition-colors duration-300\";\n\nconst iconWrapperClasses = \"[&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.5]\";\n\nconst iconRightItemClasses =\n\t\"cursor-pointer flex items-center justify-center transition-colors duration-300\";\n\nconst suffixClasses =\n\t\"border-border-primary bg-bg-tertiary text-text-tertiary flex items-center rounded-r-md border px-3 py-1 typo-body cursor-default transition-colors duration-300\";\n\nconst suffixDisabledClasses =\n\t\"border-border-primary bg-bg-tertiary text-text-disabled flex items-center rounded-r-md border px-3 py-1 typo-body hover:cursor-not-allowed transition-colors duration-300\";\n\nconst suffixInvalidClasses =\n\t\"border-border-error bg-bg-secondary flex items-center rounded-r-md border px-3 py-1 text-text-tertiary typo-body cursor-default transition-colors duration-300\";\n\nconst inputVariants = cva(\n\tcn(\n\t\t\"h-9 file:text-text-primary placeholder:text-text-quternary disabled:placeholder:text-text-disabled selection:bg-bg-primary selection:text-text-primary-foreground border-border-primary hover:border-border-primary_hover flex w-full min-w-0 border bg-transparent px-3 py-2 typo-body text-base transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-md file:font-medium disabled:bg-bg-secondary disabled:cursor-not-allowed disabled:border-border-primary md:text-md selection:bg-selection\",\n\t\t\"focus-visible:ring-4 focus-visible:ring-ring-blue focus-visible:border-border-link\",\n\t\t\"aria-invalid:ring-destructive aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary\",\n\t\t\"\",\n\t\t\"rounded-md\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\thasLeftSlot: {\n\t\t\t\ttrue: \"pl-9\",\n\t\t\t},\n\t\t\thasRightSlot: {\n\t\t\t\ttrue: \"pr-9\",\n\t\t\t},\n\t\t\thasSuffix: {\n\t\t\t\ttrue: \"border-r-0 focus-visible:ring-offset-0 rounded-l-md rounded-r-none focus-visible:border-r-1\",\n\t\t\t},\n\t\t\tinvalid: {\n\t\t\t\ttrue: \"border-border-error focus-visible:ring-4 focus-visible:ring-ring-red focus-visible:border-border-error hover:border-border-error_inverse transition-all duration-300\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\thasSuffix: false,\n\t\t\tinvalid: false,\n\t\t},\n\t},\n);\n\ninterface InputProps\n\textends React.ComponentProps<\"input\">,\n\t\tVariantProps<typeof inputVariants> {\n\ttype?: \"text\" | \"password\";\n\tsuffix?: string;\n\tinvalid?: boolean;\n\tleftSlot?: React.ReactNode;\n\trightSlot?: React.ReactNode;\n}\n\nfunction Input({\n\tclassName,\n\ttype,\n\tinvalid,\n\tsuffix,\n\tleftSlot,\n\trightSlot,\n\t...props\n}: InputProps) {\n\tconst processedLeftSlot = leftSlot === \"None\" ? undefined : leftSlot;\n\tconst processedRightSlot = rightSlot === \"None\" ? undefined : rightSlot;\n\n\tconst hasLeftIcon =\n\t\tprocessedLeftSlot &&\n\t\tprocessedLeftSlot !== null &&\n\t\tprocessedLeftSlot !== undefined;\n\tconst hasRightIcon =\n\t\tprocessedRightSlot &&\n\t\tprocessedRightSlot !== null &&\n\t\tprocessedRightSlot !== undefined;\n\n\tconst renderLeftSlot = () => {\n\t\tif (!hasLeftIcon) return null;\n\t\tconst colorClasses = props.disabled\n\t\t\t? iconDisabledColor\n\t\t\t: invalid\n\t\t\t\t? iconInvalidColor\n\t\t\t\t: iconNormalColor;\n\t\treturn (\n\t\t\t<div className={`${iconBaseClasses} ${iconLeftPosition} ${colorClasses}`}>\n\t\t\t\t<div className={iconWrapperClasses}>{processedLeftSlot}</div>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst renderRightSlot = () => {\n\t\tif (!hasRightIcon) return null;\n\n\t\tconst colorClasses = props.disabled\n\t\t\t? iconDisabledColor\n\t\t\t: invalid\n\t\t\t\t? iconInvalidColor\n\t\t\t\t: iconNormalColor;\n\n\t\treturn (\n\t\t\t<div className={`${iconRightContainer} ${iconBaseClasses}`}>\n\t\t\t\t{hasRightIcon && (\n\t\t\t\t\t<div className={`${iconRightItemClasses} ${colorClasses}`}>\n\t\t\t\t\t\t<div className={iconWrapperClasses}>{processedRightSlot}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\t// Input tag\n\tconst inputElement = (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\tinputVariants({\n\t\t\t\t\tinvalid,\n\t\t\t\t\thasLeftSlot: !!leftSlot,\n\t\t\t\t\thasRightSlot: !!rightSlot,\n\t\t\t\t\thasSuffix: !!suffix,\n\t\t\t\t\tclassName,\n\t\t\t\t}),\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className=\"flex w-full min-w-0\">\n\t\t\t<div className=\"flex-1 relative\">\n\t\t\t\t{renderLeftSlot()}\n\t\t\t\t{inputElement}\n\t\t\t\t{renderRightSlot()}\n\t\t\t</div>\n\t\t\t{suffix && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t? suffixDisabledClasses\n\t\t\t\t\t\t\t: invalid\n\t\t\t\t\t\t\t\t? suffixInvalidClasses\n\t\t\t\t\t\t\t\t: suffixClasses\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{suffix}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport { Input, inputVariants };\n"],"names":["cva","cn","iconBaseClasses","iconLeftPosition","iconRightContainer","iconNormalColor","iconInvalidColor","iconDisabledColor","iconWrapperClasses","iconRightItemClasses","suffixClasses","suffixDisabledClasses","suffixInvalidClasses","inputVariants","variants","hasLeftSlot","true","hasRightSlot","hasSuffix","invalid","defaultVariants","Input","className","type","suffix","leftSlot","rightSlot","props","processedLeftSlot","undefined","processedRightSlot","hasLeftIcon","hasRightIcon","renderLeftSlot","colorClasses","disabled","div","renderRightSlot","inputElement","input","data-slot"],"mappings":";AAAA,SAASA,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,kBACL;AAED,MAAMC,mBACL;AAED,MAAMC,qBACL;AAED,MAAMC,kBACL;AACD,MAAMC,mBACL;AACD,MAAMC,oBACL;AAED,MAAMC,qBAAqB;AAE3B,MAAMC,uBACL;AAED,MAAMC,gBACL;AAED,MAAMC,wBACL;AAED,MAAMC,uBACL;AAED,MAAMC,gBAAgBb,IACrBC,GACC,8hBACA,sFACA,+GACA,IACA,eAED;IACCa,UAAU;QACTC,aAAa;YACZC,MAAM;QACP;QACAC,cAAc;YACbD,MAAM;QACP;QACAE,WAAW;YACVF,MAAM;QACP;QACAG,SAAS;YACRH,MAAM;QACP;IACD;IACAI,iBAAiB;QAChBF,WAAW;QACXC,SAAS;IACV;AACD;AAaD,SAASE,MAAM,EACdC,SAAS,EACTC,IAAI,EACJJ,OAAO,EACPK,MAAM,EACNC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACS;IACZ,MAAMC,oBAAoBH,aAAa,SAASI,YAAYJ;IAC5D,MAAMK,qBAAqBJ,cAAc,SAASG,YAAYH;IAE9D,MAAMK,cACLH,qBACAA,sBAAsB,QACtBA,sBAAsBC;IACvB,MAAMG,eACLF,sBACAA,uBAAuB,QACvBA,uBAAuBD;IAExB,MAAMI,iBAAiB;QACtB,IAAI,CAACF,aAAa,OAAO;QACzB,MAAMG,eAAeP,MAAMQ,QAAQ,GAChC5B,oBACAY,UACCb,mBACAD;QACJ,qBACC,KAAC+B;YAAId,WAAW,GAAGpB,gBAAgB,CAAC,EAAEC,iBAAiB,CAAC,EAAE+B,cAAc;sBACvE,cAAA,KAACE;gBAAId,WAAWd;0BAAqBoB;;;IAGxC;IAEA,MAAMS,kBAAkB;QACvB,IAAI,CAACL,cAAc,OAAO;QAE1B,MAAME,eAAeP,MAAMQ,QAAQ,GAChC5B,oBACAY,UACCb,mBACAD;QAEJ,qBACC,KAAC+B;YAAId,WAAW,GAAGlB,mBAAmB,CAAC,EAAEF,iBAAiB;sBACxD8B,8BACA,KAACI;gBAAId,WAAW,GAAGb,qBAAqB,CAAC,EAAEyB,cAAc;0BACxD,cAAA,KAACE;oBAAId,WAAWd;8BAAqBsB;;;;IAK1C;IAEA,YAAY;IACZ,MAAMQ,6BACL,KAACC;QACAhB,MAAMA;QACNiB,aAAU;QACVlB,WAAWrB,GACVY,cAAc;YACbM;YACAJ,aAAa,CAAC,CAACU;YACfR,cAAc,CAAC,CAACS;YAChBR,WAAW,CAAC,CAACM;YACbF;QACD;QAEA,GAAGK,KAAK;;IAIX,qBACC,MAACS;QAAId,WAAU;;0BACd,MAACc;gBAAId,WAAU;;oBACbW;oBACAK;oBACAD;;;YAEDb,wBACA,KAACY;gBACAd,WACCK,MAAMQ,QAAQ,GACXxB,wBACAQ,UACCP,uBACAF;0BAGJc;;;;AAKN;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}