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

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

@@ -1,8 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
 import { CircleX, Copy, Mail } from "lucide-react";
 import { Badge } from "./badge.js";
 import { Input } from "./input.js";
 import { Label } from "./label.js";
+import { IconButton } from "../../../components/icon-button.js";
 function InputWithLabel({ label = "Label", description = "This is a hint text to help user.", invalid = false, disabled = false, placeholder = "Placeholder", leftSlot, rightSlot, suffix }) {
     const descriptionColor = invalid ? "text-text-error-primary" : disabled ? "text-text-disabled" : "text-text-secondary";
     return /*#__PURE__*/ _jsx("div", {
@@ -24,7 +26,7 @@ function InputWithLabel({ label = "Label", description = "This is a hint text to
                     disabled: disabled
                 }),
                 /*#__PURE__*/ _jsx("p", {
-                    className: `typo-body ${descriptionColor}`,
+                    className: `typo-body-xs ${descriptionColor}`,
                     children: description
                 })
             ]
@@ -33,18 +35,75 @@ function InputWithLabel({ label = "Label", description = "This is a hint text to
 }
 const meta = {
     title: "Component/Input",
-    component: Input
-};
-export default meta;
-export const Default = {
+    component: Input,
+    parameters: {
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
+    argTypes: {
+        type: {
+            control: "select",
+            options: [
+                "text",
+                "password"
+            ]
+        },
+        placeholder: {
+            control: "text"
+        },
+        invalid: {
+            control: "boolean"
+        },
+        disabled: {
+            control: "boolean"
+        },
+        hasPrefix: {
+            control: "boolean",
+            name: "hasPrefix"
+        },
+        hasSuffix: {
+            control: "boolean",
+            name: "hasSuffix"
+        }
+    },
     args: {
         type: "text",
         placeholder: "Placeholder",
-        leftSlot: undefined,
-        rightSlot: undefined
+        invalid: false,
+        disabled: false,
+        hasPrefix: false,
+        hasSuffix: false
+    }
+};
+export default meta;
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: (args)=>{
+        const { hasPrefix, hasSuffix, ...rest } = args;
+        return /*#__PURE__*/ _jsx(Input, {
+            ...rest,
+            ...hasPrefix && {
+                prefixValue: "https://"
+            },
+            ...hasSuffix && {
+                suffix: ".com"
+            }
+        });
     }
 };
 export const Demo = {
+    tags: [
+        "!autodocs"
+    ],
     render: ()=>/*#__PURE__*/ _jsx("div", {
             className: "p-6 min-h-screen flex justify-center items-center",
             children: /*#__PURE__*/ _jsxs("div", {
@@ -140,22 +199,37 @@ export const Demo = {
                                             }),
                                             variant === "right" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Placeholder",
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                                rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                    "aria-label": "Clear",
+                                                    variant: "link"
+                                                })
                                             }),
                                             variant === "both" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Placeholder",
                                                 leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                                rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                    "aria-label": "Clear",
+                                                    variant: "link"
+                                                })
                                             }),
                                             variant === "left-double-right" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Placeholder",
                                                 className: "pr-15",
                                                 leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                rightSlot: /*#__PURE__*/ _jsxs("div", {
-                                                    className: "flex items-center gap-2",
+                                                rightSlot: /*#__PURE__*/ _jsxs(_Fragment, {
                                                     children: [
-                                                        /*#__PURE__*/ _jsx(CircleX, {}),
-                                                        /*#__PURE__*/ _jsx(Copy, {})
+                                                        /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(Copy, {}),
+                                                            "aria-label": "Copy",
+                                                            variant: "link"
+                                                        })
                                                     ]
                                                 }),
                                                 suffix: "milliseconds"
@@ -176,19 +250,41 @@ export const Demo = {
                                             }),
                                             variant === "right" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Placeholder",
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                    "aria-label": "Clear",
+                                                    variant: "link"
+                                                }),
                                                 invalid: true
                                             }),
                                             variant === "both" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Placeholder",
                                                 leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                    "aria-label": "Clear",
+                                                    variant: "link"
+                                                }),
                                                 invalid: true
                                             }),
                                             variant === "left-double-right" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Placeholder",
+                                                className: "pr-15",
                                                 leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                rightSlot: /*#__PURE__*/ _jsxs(_Fragment, {
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(Copy, {}),
+                                                            "aria-label": "Copy",
+                                                            variant: "link"
+                                                        })
+                                                    ]
+                                                }),
                                                 suffix: "milliseconds",
                                                 invalid: true
                                             })
@@ -208,19 +304,45 @@ export const Demo = {
                                             }),
                                             variant === "right" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Aidbox",
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                    "aria-label": "Clear",
+                                                    variant: "link",
+                                                    disabled: true
+                                                }),
                                                 disabled: true
                                             }),
                                             variant === "both" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Aidbox",
                                                 leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                    "aria-label": "Clear",
+                                                    variant: "link",
+                                                    disabled: true
+                                                }),
                                                 disabled: true
                                             }),
                                             variant === "left-double-right" && /*#__PURE__*/ _jsx(Input, {
                                                 placeholder: "Aidbox",
+                                                className: "pr-15",
                                                 leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                rightSlot: /*#__PURE__*/ _jsxs(_Fragment, {
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link",
+                                                            disabled: true
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(Copy, {}),
+                                                            "aria-label": "Copy",
+                                                            variant: "link",
+                                                            disabled: true
+                                                        })
+                                                    ]
+                                                }),
                                                 suffix: "milliseconds",
                                                 disabled: true
                                             })
@@ -315,17 +437,38 @@ export const Demo = {
                                                     }),
                                                     variant === "right" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Placeholder",
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                                        rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link"
+                                                        })
                                                     }),
                                                     variant === "both" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Placeholder",
                                                         leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                                        rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link"
+                                                        })
                                                     }),
                                                     variant === "left-double-right" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Placeholder",
                                                         leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsxs(_Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(IconButton, {
+                                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                                    "aria-label": "Clear",
+                                                                    variant: "link"
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(IconButton, {
+                                                                    icon: /*#__PURE__*/ _jsx(Copy, {}),
+                                                                    "aria-label": "Copy",
+                                                                    variant: "link"
+                                                                })
+                                                            ]
+                                                        }),
                                                         suffix: "milliseconds"
                                                     })
                                                 ]
@@ -344,19 +487,40 @@ export const Demo = {
                                                     }),
                                                     variant === "right" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Placeholder",
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link"
+                                                        }),
                                                         invalid: true
                                                     }),
                                                     variant === "both" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Placeholder",
                                                         leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link"
+                                                        }),
                                                         invalid: true
                                                     }),
                                                     variant === "left-double-right" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Placeholder",
                                                         leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsxs(_Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(IconButton, {
+                                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                                    "aria-label": "Clear",
+                                                                    variant: "link"
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(IconButton, {
+                                                                    icon: /*#__PURE__*/ _jsx(Copy, {}),
+                                                                    "aria-label": "Copy",
+                                                                    variant: "link"
+                                                                })
+                                                            ]
+                                                        }),
                                                         suffix: "milliseconds",
                                                         invalid: true
                                                     })
@@ -376,19 +540,44 @@ export const Demo = {
                                                     }),
                                                     variant === "right" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Aidbox",
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link",
+                                                            disabled: true
+                                                        }),
                                                         disabled: true
                                                     }),
                                                     variant === "both" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Aidbox",
                                                         leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(IconButton, {
+                                                            icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                            "aria-label": "Clear",
+                                                            variant: "link",
+                                                            disabled: true
+                                                        }),
                                                         disabled: true
                                                     }),
                                                     variant === "left-double-right" && /*#__PURE__*/ _jsx(InputWithLabel, {
                                                         placeholder: "Aidbox",
                                                         leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
-                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsxs(_Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(IconButton, {
+                                                                    icon: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                                    "aria-label": "Clear",
+                                                                    variant: "link",
+                                                                    disabled: true
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(IconButton, {
+                                                                    icon: /*#__PURE__*/ _jsx(Copy, {}),
+                                                                    "aria-label": "Copy",
+                                                                    variant: "link",
+                                                                    disabled: true
+                                                                })
+                                                            ]
+                                                        }),
                                                         suffix: "milliseconds",
                                                         disabled: true
                                                     })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { CircleX, Copy, Mail } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\ninterface InputWithLabelProps {\n\tlabel?: string;\n\tdescription?: string;\n\tinvalid?: boolean;\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tleftSlot?: React.ReactNode;\n\trightSlot?: React.ReactNode;\n\tsuffix?: string;\n}\n\nfunction InputWithLabel({\n\tlabel = \"Label\",\n\tdescription = \"This is a hint text to help user.\",\n\tinvalid = false,\n\tdisabled = false,\n\tplaceholder = \"Placeholder\",\n\tleftSlot,\n\trightSlot,\n\tsuffix,\n}: InputWithLabelProps) {\n\tconst descriptionColor = invalid\n\t\t? \"text-text-error-primary\"\n\t\t: disabled\n\t\t\t? \"text-text-disabled\"\n\t\t\t: \"text-text-secondary\";\n\n\treturn (\n\t\t<div className=\"flex w-full\">\n\t\t\t<div className=\"space-y-2 w-full\">\n\t\t\t\t<Label>{label}</Label>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tleftSlot={leftSlot}\n\t\t\t\t\trightSlot={rightSlot}\n\t\t\t\t\t{...(suffix && { suffix })}\n\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t/>\n\t\t\t\t<p className={`typo-body ${descriptionColor}`}>{description}</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/Input\",\n\tcomponent: Input,\n} satisfies Meta<typeof Input>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\targs: {\n\t\ttype: \"text\",\n\t\tplaceholder: \"Placeholder\",\n\t\tleftSlot: undefined,\n\t\trightSlot: undefined,\n\t},\n} satisfies Story;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"p-6 min-h-screen flex justify-center items-center\">\n\t\t\t<div className=\"rounded-lg p-6 shadow-sm w-280\">\n\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t<div className=\"w-40 text-left\">Inputs without labels</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{([\"none\", \"left\", \"right\", \"both\", \"left-double-right\"] as const).map(\n\t\t\t\t\t(variant) => {\n\t\t\t\t\t\tconst variantLabel = {\n\t\t\t\t\t\t\tnone: \"None\",\n\t\t\t\t\t\t\tleft: \"leftSlot\",\n\t\t\t\t\t\t\tright: \"rightSlot\",\n\t\t\t\t\t\t\tboth: \"leftSlot + rightSlot\",\n\t\t\t\t\t\t\t\"left-double-right\": \"BothPlusExtra\",\n\t\t\t\t\t\t}[variant];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\t\t\tkey={variant}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"flex gap-3 items-center py-2 justify-between\">\n\t\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Slots:</div>\n\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{variantLabel}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Default Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && <Input placeholder=\"Placeholder\" />}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Placeholder\" leftSlot={<Mail />} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-15\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CircleX />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Copy />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Critical Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Placeholder\" invalid />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Disabled Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Aidbox\" disabled />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t)}\n\n\t\t\t\t{/* Label + Description Section */}\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t\t<div className=\"w-40 text-left\">Input + Label + Description</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(\n\t\t\t\t\t\t[\"none\", \"left\", \"right\", \"both\", \"left-double-right\"] as const\n\t\t\t\t\t).map((variant) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\t\tkey={`label-${variant}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex gap-3 items-center py-2 justify-between\">\n\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Slots:</div>\n\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t{variant}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Default Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Placeholder\" />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Critical Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Placeholder\" invalid />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Disabled Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Aidbox\" disabled />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["CircleX","Copy","Mail","Badge","Input","Label","InputWithLabel","label","description","invalid","disabled","placeholder","leftSlot","rightSlot","suffix","descriptionColor","div","className","p","meta","title","component","Default","args","type","undefined","Demo","render","variant","map","variantLabel","none","left","right","both"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { CircleX, Copy, Mail } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { IconButton } from \"../../../components/icon-button\";\n\ninterface InputWithLabelProps {\n\tlabel?: string;\n\tdescription?: string;\n\tinvalid?: boolean;\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tleftSlot?: React.ReactNode;\n\trightSlot?: React.ReactNode;\n\tsuffix?: string;\n}\n\nfunction InputWithLabel({\n\tlabel = \"Label\",\n\tdescription = \"This is a hint text to help user.\",\n\tinvalid = false,\n\tdisabled = false,\n\tplaceholder = \"Placeholder\",\n\tleftSlot,\n\trightSlot,\n\tsuffix,\n}: InputWithLabelProps) {\n\tconst descriptionColor = invalid\n\t\t? \"text-text-error-primary\"\n\t\t: disabled\n\t\t\t? \"text-text-disabled\"\n\t\t\t: \"text-text-secondary\";\n\n\treturn (\n\t\t<div className=\"flex w-full\">\n\t\t\t<div className=\"space-y-2 w-full\">\n\t\t\t\t<Label>{label}</Label>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tleftSlot={leftSlot}\n\t\t\t\t\trightSlot={rightSlot}\n\t\t\t\t\t{...(suffix && { suffix })}\n\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t/>\n\t\t\t\t<p className={`typo-body-xs ${descriptionColor}`}>{description}</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/Input\",\n\tcomponent: Input,\n\tparameters: {\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\ttype: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"text\", \"password\"],\n\t\t},\n\t\tplaceholder: {\n\t\t\tcontrol: \"text\",\n\t\t},\n\t\tinvalid: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\tdisabled: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\thasPrefix: {\n\t\t\tcontrol: \"boolean\",\n\t\t\tname: \"hasPrefix\",\n\t\t},\n\t\thasSuffix: {\n\t\t\tcontrol: \"boolean\",\n\t\t\tname: \"hasSuffix\",\n\t\t},\n\t},\n\targs: {\n\t\ttype: \"text\",\n\t\tplaceholder: \"Placeholder\",\n\t\tinvalid: false,\n\t\tdisabled: false,\n\t\thasPrefix: false,\n\t\thasSuffix: false,\n\t},\n} satisfies Meta<typeof Input>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: (args) => {\n\t\tconst { hasPrefix, hasSuffix, ...rest } = args as typeof args & {\n\t\t\thasPrefix?: boolean;\n\t\t\thasSuffix?: boolean;\n\t\t};\n\t\treturn (\n\t\t\t<Input\n\t\t\t\t{...rest}\n\t\t\t\t{...(hasPrefix && { prefixValue: \"https://\" })}\n\t\t\t\t{...(hasSuffix && { suffix: \".com\" })}\n\t\t\t/>\n\t\t);\n\t},\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\n\trender: () => (\n\t\t<div className=\"p-6 min-h-screen flex justify-center items-center\">\n\t\t\t<div className=\"rounded-lg p-6 shadow-sm w-280\">\n\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t<div className=\"w-40 text-left\">Inputs without labels</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{([\"none\", \"left\", \"right\", \"both\", \"left-double-right\"] as const).map(\n\t\t\t\t\t(variant) => {\n\t\t\t\t\t\tconst variantLabel = {\n\t\t\t\t\t\t\tnone: \"None\",\n\t\t\t\t\t\t\tleft: \"leftSlot\",\n\t\t\t\t\t\t\tright: \"rightSlot\",\n\t\t\t\t\t\t\tboth: \"leftSlot + rightSlot\",\n\t\t\t\t\t\t\t\"left-double-right\": \"BothPlusExtra\",\n\t\t\t\t\t\t}[variant];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\t\t\tkey={variant}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"flex gap-3 items-center py-2 justify-between\">\n\t\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Slots:</div>\n\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{variantLabel}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Default Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && <Input placeholder=\"Placeholder\" />}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Placeholder\" leftSlot={<Mail />} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-15\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<Copy />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Critical Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Placeholder\" invalid />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-15\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<Copy />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Disabled Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Aidbox\" disabled />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-15\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<Copy />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t)}\n\n\t\t\t\t{/* Label + Description Section */}\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t\t<div className=\"w-40 text-left\">Input + Label + Description</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(\n\t\t\t\t\t\t[\"none\", \"left\", \"right\", \"both\", \"left-double-right\"] as const\n\t\t\t\t\t).map((variant) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\t\tkey={`label-${variant}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex gap-3 items-center py-2 justify-between\">\n\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Slots:</div>\n\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t{variant}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Default Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Placeholder\" />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<Copy />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Critical Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Placeholder\" invalid />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<Copy />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Disabled Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Aidbox\" disabled />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Clear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={<Copy />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Controls","Primary","Title","CircleX","Copy","Mail","Badge","Input","Label","IconButton","InputWithLabel","label","description","invalid","disabled","placeholder","leftSlot","rightSlot","suffix","descriptionColor","div","className","p","meta","title","component","parameters","docs","page","argTypes","type","control","options","hasPrefix","name","hasSuffix","args","Default","tags","render","rest","prefixValue","Demo","variant","map","variantLabel","none","left","right","both","icon","aria-label"],"mappings":"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"}

package/dist/src/shadcn/components/ui/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAWlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAwBpC,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAQlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -1,10 +1,18 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cn } from "../../lib/utils.js";
+// Label styles
+const labelStyles = cn(// Layout
+"flex", "items-center", "gap-2", // Typography
+"text-text-primary", "body14", "leading-none", // Interaction
+"select-none", // Group disabled states
+"group-data-[disabled=true]:pointer-events-none", "group-data-[disabled=true]:opacity-50", // Peer disabled states
+"peer-disabled:cursor-not-allowed", "peer-disabled:opacity-50");
 function Label({ className, ...props }) {
     return /*#__PURE__*/ _jsx(LabelPrimitive.Root, {
         "data-slot": "label",
-        className: cn("flex items-center gap-2 text-text-primary typo-label leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+        className: cn(labelStyles, className),
         ...props
     });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Label({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\treturn (\n\t\t<LabelPrimitive.Root\n\t\t\tdata-slot=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center gap-2 text-text-primary typo-label leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Label };\n"],"names":["LabelPrimitive","cn","Label","className","props","Root","data-slot"],"mappings":";AAAA,YAAYA,oBAAoB,wBAAwB;AAGxD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,MAAM,EACdC,SAAS,EACT,GAAGC,OAC+C;IAClD,qBACC,KAACJ,eAAeK,IAAI;QACnBC,aAAU;QACVH,WAAWF,GACV,gOACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,KAAK,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Label styles\nconst labelStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"gap-2\",\n\t// Typography\n\t\"text-text-primary\",\n\t\"body14\",\n\t\"leading-none\",\n\t// Interaction\n\t\"select-none\",\n\t// Group disabled states\n\t\"group-data-[disabled=true]:pointer-events-none\",\n\t\"group-data-[disabled=true]:opacity-50\",\n\t// Peer disabled states\n\t\"peer-disabled:cursor-not-allowed\",\n\t\"peer-disabled:opacity-50\",\n);\n\nfunction Label({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\treturn (\n\t\t<LabelPrimitive.Root\n\t\t\tdata-slot=\"label\"\n\t\t\tclassName={cn(labelStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Label };\n"],"names":["LabelPrimitive","cn","labelStyles","Label","className","props","Root","data-slot"],"mappings":"AAAA;;AACA,YAAYA,oBAAoB,wBAAwB;AAGxD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,eAAe;AACf,MAAMC,cAAcD,GACnB,SAAS;AACT,QACA,gBACA,SACA,aAAa;AACb,qBACA,UACA,gBACA,cAAc;AACd,eACA,wBAAwB;AACxB,kDACA,yCACA,uBAAuB;AACvB,oCACA;AAGD,SAASE,MAAM,EACdC,SAAS,EACT,GAAGC,OAC+C;IAClD,qBACC,KAACL,eAAeM,IAAI;QACnBC,aAAU;QACVH,WAAWH,GAAGC,aAAaE;QAC1B,GAAGC,KAAK;;AAGZ;AAEA,SAASF,KAAK,GAAG"}

package/dist/src/shadcn/components/ui/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAmLpC,iBAAS,OAAO,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAQpD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAErD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,2CAI1D;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAe,EACf,WAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAavD;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,KAAK,EACL,OAAmB,EACnB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACpC,2CAUA;AAED,iBAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,YAAY,CAAC,2CAe5D;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAezD;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,2CASA;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQzD;AAED,iBAAS,eAAe,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAQ9B;AAED,iBAAS,UAAU,CAAC,EACnB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG,CAAC,2CAEnD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,GAAG;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,2CAYA;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,2CAQ1D;AAED,OAAO,EACN,OAAO,EACP,aAAa,EACb,WAAW,EACX,cAAc,EACd,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,iBAAiB,GACjB,CAAC"}