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

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

@@ -1,19 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
-import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
-import { Label } from "#shadcn/components/ui/label";
-import { cn } from "#shadcn/lib/utils";
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
+import { Label } from "./label.js";
+import { cn } from "../../lib/utils.js";
 const Form = FormProvider;
-const FormFieldContext = React.createContext({});
-const FormField = ({ ...props }) => {
-    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+const FormFieldContext = /*#__PURE__*/ React.createContext({});
+const FormField = ({ ...props })=>{
+    return /*#__PURE__*/ _jsx(FormFieldContext.Provider, {
+        value: {
+            name: props.name
+        },
+        children: /*#__PURE__*/ _jsx(Controller, {
+            ...props
+        })
+    });
 };
-const useFormField = () => {
+const useFormField = ()=>{
     const fieldContext = React.useContext(FormFieldContext);
     const itemContext = React.useContext(FormItemContext);
     const { getFieldState } = useFormContext();
-    const formState = useFormState({ name: fieldContext.name });
+    const formState = useFormState({
+        name: fieldContext.name
+    });
     const fieldState = getFieldState(fieldContext.name, formState);
     if (!fieldContext) {
         throw new Error("useFormField should be used within <FormField>");
@@ -25,27 +35,51 @@ const useFormField = () => {
         formItemId: `${id}-form-item`,
         formDescriptionId: `${id}-form-item-description`,
         formMessageId: `${id}-form-item-message`,
-        ...fieldState,
+        ...fieldState
     };
 };
-const FormItemContext = React.createContext({});
+const FormItemContext = /*#__PURE__*/ React.createContext({});
 function FormItem({ className, ...props }) {
     const id = React.useId();
-    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
+    return /*#__PURE__*/ _jsx(FormItemContext.Provider, {
+        value: {
+            id
+        },
+        children: /*#__PURE__*/ _jsx("div", {
+            "data-slot": "form-item",
+            className: cn("grid gap-2", className),
+            ...props
+        })
+    });
 }
 function FormLabel({ className, ...props }) {
     const { error, formItemId } = useFormField();
-    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
+    return /*#__PURE__*/ _jsx(Label, {
+        "data-slot": "form-label",
+        "data-error": !!error,
+        className: cn("data-[error=true]:text-destructive", className),
+        htmlFor: formItemId,
+        ...props
+    });
 }
 function FormControl({ ...props }) {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return (_jsx(Slot, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error
-            ? `${formDescriptionId}`
-            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+    return /*#__PURE__*/ _jsx(Slot, {
+        "data-slot": "form-control",
+        id: formItemId,
+        "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+        "aria-invalid": !!error,
+        ...props
+    });
 }
 function FormDescription({ className, ...props }) {
     const { formDescriptionId } = useFormField();
-    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-muted-foreground text-sm", className), ...props }));
+    return /*#__PURE__*/ _jsx("p", {
+        "data-slot": "form-description",
+        id: formDescriptionId,
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
 }
 function FormMessage({ className, ...props }) {
     const { error, formMessageId } = useFormField();
@@ -53,7 +87,14 @@ function FormMessage({ className, ...props }) {
     if (!body) {
         return null;
     }
-    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-destructive text-sm", className), ...props, children: body }));
+    return /*#__PURE__*/ _jsx("p", {
+        "data-slot": "form-message",
+        id: formMessageId,
+        className: cn("text-destructive text-sm", className),
+        ...props,
+        children: body
+    });
 }
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
+
 //# sourceMappingURL=form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/form.tsx"],"sourcesContent":["\"use client\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\tFormProvider,\n\tuseFormContext,\n\tuseFormState,\n} from \"react-hook-form\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n\tname: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n\t{} as FormFieldContextValue,\n);\n\nconst FormField = <\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n\t...props\n}: ControllerProps<TFieldValues, TName>) => {\n\treturn (\n\t\t<FormFieldContext.Provider value={{ name: props.name }}>\n\t\t\t<Controller {...props} />\n\t\t</FormFieldContext.Provider>\n\t);\n};\n\nconst useFormField = () => {\n\tconst fieldContext = React.useContext(FormFieldContext);\n\tconst itemContext = React.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\n\tif (!fieldContext) {\n\t\tthrow new Error(\"useFormField should be used within <FormField>\");\n\t}\n\n\tconst { id } = itemContext;\n\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState,\n\t};\n};\n\ntype FormItemContextValue = {\n\tid: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n\t{} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst id = React.useId();\n\n\treturn (\n\t\t<FormItemContext.Provider value={{ id }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"form-item\"\n\t\t\t\tclassName={cn(\"grid gap-2\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</FormItemContext.Provider>\n\t);\n}\n\nfunction FormLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\tconst { error, formItemId } = useFormField();\n\n\treturn (\n\t\t<Label\n\t\t\tdata-slot=\"form-label\"\n\t\t\tdata-error={!!error}\n\t\t\tclassName={cn(\"data-[error=true]:text-destructive\", className)}\n\t\t\thtmlFor={formItemId}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } =\n\t\tuseFormField();\n\n\treturn (\n\t\t<Slot\n\t\t\tdata-slot=\"form-control\"\n\t\t\tid={formItemId}\n\t\t\taria-describedby={\n\t\t\t\t!error\n\t\t\t\t\t? `${formDescriptionId}`\n\t\t\t\t\t: `${formDescriptionId} ${formMessageId}`\n\t\t\t}\n\t\t\taria-invalid={!!error}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { formDescriptionId } = useFormField();\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-description\"\n\t\t\tid={formDescriptionId}\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-message\"\n\t\t\tid={formMessageId}\n\t\t\tclassName={cn(\"text-destructive text-sm\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{body}\n\t\t</p>\n\t);\n}\n\nexport {\n\tuseFormField,\n\tForm,\n\tFormItem,\n\tFormLabel,\n\tFormControl,\n\tFormDescription,\n\tFormMessage,\n\tFormField,\n};\n"],"names":["Slot","React","Controller","FormProvider","useFormContext","useFormState","Label","cn","Form","FormFieldContext","createContext","FormField","props","Provider","value","name","useFormField","fieldContext","useContext","itemContext","FormItemContext","getFieldState","formState","fieldState","Error","id","formItemId","formDescriptionId","formMessageId","FormItem","className","useId","div","data-slot","FormLabel","error","data-error","htmlFor","FormControl","aria-describedby","aria-invalid","FormDescription","p","FormMessage","body","String","message","children"],"mappings":"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"}

package/dist/src/shadcn/components/ui/form.stories.js

@@ -2,30 +2,64 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
-import { Button } from "#shadcn/components/ui/button";
-import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "#shadcn/components/ui/form";
-import { Input } from "#shadcn/components/ui/input";
+import { Button } from "./button.js";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "./form.js";
+import { Input } from "./input.js";
 const formSchema = z.object({
     username: z.string().min(2, {
-        message: "Username must be at least 2 characters.",
-    }),
+        message: "Username must be at least 2 characters."
+    })
 });
 const meta = {
-    title: "Component/Form",
+    title: "Component/Form"
 };
 export default meta;
 export const Demo = {
-    render: () => {
+    render: ()=>{
         const form = useForm({
             resolver: zodResolver(formSchema),
             defaultValues: {
-                username: "",
-            },
+                username: ""
+            }
         });
         function onSubmit(values) {
             console.log(values);
         }
-        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-8", children: [_jsx(FormField, { control: form.control, name: "username", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Username" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "shadcn", ...field }) }), _jsx(FormDescription, { children: "This is your public display name." }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
-    },
+        return /*#__PURE__*/ _jsx(Form, {
+            ...form,
+            children: /*#__PURE__*/ _jsxs("form", {
+                onSubmit: form.handleSubmit(onSubmit),
+                className: "space-y-8",
+                children: [
+                    /*#__PURE__*/ _jsx(FormField, {
+                        control: form.control,
+                        name: "username",
+                        render: ({ field })=>/*#__PURE__*/ _jsxs(FormItem, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(FormLabel, {
+                                        children: "Username"
+                                    }),
+                                    /*#__PURE__*/ _jsx(FormControl, {
+                                        children: /*#__PURE__*/ _jsx(Input, {
+                                            placeholder: "shadcn",
+                                            ...field
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(FormDescription, {
+                                        children: "This is your public display name."
+                                    }),
+                                    /*#__PURE__*/ _jsx(FormMessage, {})
+                                ]
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "submit",
+                        children: "Submit"
+                    })
+                ]
+            })
+        });
+    }
 };
+
 //# sourceMappingURL=form.stories.js.map

package/dist/src/shadcn/components/ui/form.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;QAC3B,OAAO,EAAE,yCAAyC;KAClD,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;CACR,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,IAAI,GAAG,OAAO,CAA6B;YAChD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC;YACjC,aAAa,EAAE;gBACd,QAAQ,EAAE,EAAE;aACZ;SACD,CAAC,CAAC;QAEH,SAAS,QAAQ,CAAC,MAAkC;YACnD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC;QAED,OAAO,CACN,KAAC,IAAI,OAAK,IAAI,YACb,gBAAM,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,WAAW,aACjE,KAAC,SAAS,IACT,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACtB,MAAC,QAAQ,eACR,KAAC,SAAS,2BAAqB,EAC/B,KAAC,WAAW,cACX,KAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,KAAK,KAAK,GAAI,GAC5B,EACd,KAAC,eAAe,oDAEE,EAClB,KAAC,WAAW,KAAG,IACL,CACX,GACA,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,uBAAgB,IAC/B,GACD,CACP,CAAC;IACH,CAAC;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/form.stories.tsx"],"sourcesContent":["import { zodResolver } from \"@hookform/resolvers/zod\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { useForm } from \"react-hook-form\";\nimport { z } from \"zod\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tForm,\n\tFormControl,\n\tFormDescription,\n\tFormField,\n\tFormItem,\n\tFormLabel,\n\tFormMessage,\n} from \"#shadcn/components/ui/form\";\nimport { Input } from \"#shadcn/components/ui/input\";\n\nconst formSchema = z.object({\n\tusername: z.string().min(2, {\n\t\tmessage: \"Username must be at least 2 characters.\",\n\t}),\n});\n\nconst meta = {\n\ttitle: \"Component/Form\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst form = useForm<z.infer<typeof formSchema>>({\n\t\t\tresolver: zodResolver(formSchema),\n\t\t\tdefaultValues: {\n\t\t\t\tusername: \"\",\n\t\t\t},\n\t\t});\n\n\t\tfunction onSubmit(values: z.infer<typeof formSchema>) {\n\t\t\tconsole.log(values);\n\t\t}\n\n\t\treturn (\n\t\t\t<Form {...form}>\n\t\t\t\t<form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8\">\n\t\t\t\t\t<FormField\n\t\t\t\t\t\tcontrol={form.control}\n\t\t\t\t\t\tname=\"username\"\n\t\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t\t<FormItem>\n\t\t\t\t\t\t\t\t<FormLabel>Username</FormLabel>\n\t\t\t\t\t\t\t\t<FormControl>\n\t\t\t\t\t\t\t\t\t<Input placeholder=\"shadcn\" {...field} />\n\t\t\t\t\t\t\t\t</FormControl>\n\t\t\t\t\t\t\t\t<FormDescription>\n\t\t\t\t\t\t\t\t\tThis is your public display name.\n\t\t\t\t\t\t\t\t</FormDescription>\n\t\t\t\t\t\t\t\t<FormMessage />\n\t\t\t\t\t\t\t</FormItem>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button type=\"submit\">Submit</Button>\n\t\t\t\t</form>\n\t\t\t</Form>\n\t\t);\n\t},\n} satisfies Story;\n"],"names":["zodResolver","useForm","z","Button","Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","Input","formSchema","object","username","string","min","message","meta","title","Demo","render","form","resolver","defaultValues","onSubmit","values","console","log","handleSubmit","className","control","name","field","placeholder","type"],"mappings":";AAAA,SAASA,WAAW,QAAQ,0BAA0B;AAEtD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,CAAC,QAAQ,MAAM;AACxB,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,IAAI,EACJC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,WAAW,QACL,YAA6B;AACpC,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,aAAaV,EAAEW,MAAM,CAAC;IAC3BC,UAAUZ,EAAEa,MAAM,GAAGC,GAAG,CAAC,GAAG;QAC3BC,SAAS;IACV;AACD;AAEA,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAMC,OAAOrB,QAAoC;YAChDsB,UAAUvB,YAAYY;YACtBY,eAAe;gBACdV,UAAU;YACX;QACD;QAEA,SAASW,SAASC,MAAkC;YACnDC,QAAQC,GAAG,CAACF;QACb;QAEA,qBACC,KAACtB;YAAM,GAAGkB,IAAI;sBACb,cAAA,MAACA;gBAAKG,UAAUH,KAAKO,YAAY,CAACJ;gBAAWK,WAAU;;kCACtD,KAACvB;wBACAwB,SAAST,KAAKS,OAAO;wBACrBC,MAAK;wBACLX,QAAQ,CAAC,EAAEY,KAAK,EAAE,iBACjB,MAACzB;;kDACA,KAACC;kDAAU;;kDACX,KAACJ;kDACA,cAAA,KAACM;4CAAMuB,aAAY;4CAAU,GAAGD,KAAK;;;kDAEtC,KAAC3B;kDAAgB;;kDAGjB,KAACI;;;;kCAIJ,KAACP;wBAAOgC,MAAK;kCAAS;;;;;IAI1B;AACD,EAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAIzD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAezD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAIzD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAezD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1,14 +1,31 @@
+"use client";
 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":["\"use client\";\nimport * 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;;AACA,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"}