npm - @health-samurai/react-components - Versions diffs - 0.0.0-alpha.1 → 0.0.0-alpha.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (217) hide show

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

@@ -1,19 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CircleX, Copy, Mail } from "lucide-react";
-import { Badge } from "#shadcn/components/ui/badge";
-import { Input } from "#shadcn/components/ui/input";
-import { Label } from "#shadcn/components/ui/label";
-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 (_jsx("div", { className: "flex w-full", children: _jsxs("div", { className: "space-y-2 w-full", children: [_jsx(Label, { children: label }), _jsx(Input, { placeholder: placeholder, leftSlot: leftSlot, rightSlot: rightSlot, ...(suffix && { suffix }), invalid: invalid, disabled: disabled }), _jsx("p", { className: `typo-body ${descriptionColor}`, children: description })] }) }));
+import { Badge } from "./badge.js";
+import { Input } from "./input.js";
+import { Label } from "./label.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", {
+        className: "flex w-full",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "space-y-2 w-full",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    children: label
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    placeholder: placeholder,
+                    leftSlot: leftSlot,
+                    rightSlot: rightSlot,
+                    ...suffix && {
+                        suffix
+                    },
+                    invalid: invalid,
+                    disabled: disabled
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: `typo-body ${descriptionColor}`,
+                    children: description
+                })
+            ]
+        })
+    });
 }
 const meta = {
     title: "Component/Input",
-    component: Input,
+    component: Input
 };
 export default meta;
 export const Default = {
@@ -21,19 +41,367 @@ export const Default = {
         type: "text",
         placeholder: "Placeholder",
         leftSlot: undefined,
-        rightSlot: undefined,
-    },
+        rightSlot: undefined
+    }
 };
 export const Demo = {
-    render: () => (_jsx("div", { className: "p-6 min-h-screen flex justify-center items-center", children: _jsxs("div", { className: "rounded-lg p-6 shadow-sm w-280", children: [_jsxs("div", { className: "flex items-center mb-4 justify-between", children: [_jsx("div", { className: "w-40 text-left", children: "Inputs without labels" }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs ml-2", children: "false" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs ml-2", children: "true" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Disabled:", _jsx(Badge, { variant: "outline", className: "text-xs ml-2", children: "true" })] })] }), ["none", "left", "right", "both", "left-double-right"].map((variant) => {
-                    const variantLabel = {
-                        none: "None",
-                        left: "leftSlot",
-                        right: "rightSlot",
-                        both: "leftSlot + rightSlot",
-                        "left-double-right": "BothPlusExtra",
-                    }[variant];
-                    return (_jsx("div", { className: "items-center gap-3 py-3 border-gray-l00 border-t border-border-separator", children: _jsxs("div", { className: "flex gap-3 items-center py-2 justify-between", children: [_jsx("div", { className: "w-40 text-sm text-text-secondary", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-15", children: "Slots:" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: variantLabel })] }) }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && _jsx(Input, { placeholder: "Placeholder" }), variant === "left" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}) })), variant === "right" && (_jsx(Input, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}) })), variant === "both" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}) })), variant === "left-double-right" && (_jsx(Input, { placeholder: "Placeholder", className: "pr-15", leftSlot: _jsx(Mail, {}), rightSlot: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CircleX, {}), _jsx(Copy, {})] }), suffix: "milliseconds" }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(Input, { placeholder: "Placeholder", invalid: true })), variant === "left" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), invalid: true })), variant === "right" && (_jsx(Input, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "both" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "left-double-right" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", invalid: true }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(Input, { placeholder: "Aidbox", disabled: true })), variant === "left" && (_jsx(Input, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), disabled: true })), variant === "right" && (_jsx(Input, { placeholder: "Aidbox", rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "both" && (_jsx(Input, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "left-double-right" && (_jsx(Input, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", disabled: true }))] })] }) }, variant));
-                }), _jsxs("div", { className: "mt-8", children: [_jsxs("div", { className: "flex items-center mb-4 justify-between", children: [_jsx("div", { className: "w-40 text-left", children: "Input + Label + Description" }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "false" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "true" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Disabled:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "true" })] })] }), ["none", "left", "right", "both", "left-double-right"].map((variant) => (_jsx("div", { className: "items-center gap-3 py-3 border-gray-l00 border-t border-border-separator", children: _jsxs("div", { className: "flex gap-3 items-center py-2 justify-between", children: [_jsx("div", { className: "w-40 text-sm text-text-secondary", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-15", children: "Slots:" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: variant })] }) }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(InputWithLabel, { placeholder: "Placeholder" })), variant === "left" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}) })), variant === "right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}) })), variant === "both" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}) })), variant === "left-double-right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds" }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(InputWithLabel, { placeholder: "Placeholder", invalid: true })), variant === "left" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), invalid: true })), variant === "right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "both" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "left-double-right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", invalid: true }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(InputWithLabel, { placeholder: "Aidbox", disabled: true })), variant === "left" && (_jsx(InputWithLabel, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), disabled: true })), variant === "right" && (_jsx(InputWithLabel, { placeholder: "Aidbox", rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "both" && (_jsx(InputWithLabel, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "left-double-right" && (_jsx(InputWithLabel, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", disabled: true }))] })] }) }, `label-${variant}`)))] })] }) })),
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "p-6 min-h-screen flex justify-center items-center",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "rounded-lg p-6 shadow-sm w-280",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center mb-4 justify-between",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "w-40 text-left",
+                                children: "Inputs without labels"
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "w-70 text-left text-sm text-text-secondary",
+                                children: [
+                                    "Invalid:",
+                                    /*#__PURE__*/ _jsx(Badge, {
+                                        variant: "outline",
+                                        className: "text-xs ml-2",
+                                        children: "false"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "w-70 text-left text-sm text-text-secondary",
+                                children: [
+                                    "Invalid:",
+                                    /*#__PURE__*/ _jsx(Badge, {
+                                        variant: "outline",
+                                        className: "text-xs ml-2",
+                                        children: "true"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "w-70 text-left text-sm text-text-secondary",
+                                children: [
+                                    "Disabled:",
+                                    /*#__PURE__*/ _jsx(Badge, {
+                                        variant: "outline",
+                                        className: "text-xs ml-2",
+                                        children: "true"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    [
+                        "none",
+                        "left",
+                        "right",
+                        "both",
+                        "left-double-right"
+                    ].map((variant)=>{
+                        const variantLabel = {
+                            none: "None",
+                            left: "leftSlot",
+                            right: "rightSlot",
+                            both: "leftSlot + rightSlot",
+                            "left-double-right": "BothPlusExtra"
+                        }[variant];
+                        return /*#__PURE__*/ _jsx("div", {
+                            className: "items-center gap-3 py-3 border-gray-l00 border-t border-border-separator",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex gap-3 items-center py-2 justify-between",
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "w-40 text-sm text-text-secondary",
+                                        children: /*#__PURE__*/ _jsxs("div", {
+                                            className: "flex",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: "w-15",
+                                                    children: "Slots:"
+                                                }),
+                                                /*#__PURE__*/ _jsx(Badge, {
+                                                    variant: "outline",
+                                                    className: "text-xs",
+                                                    children: variantLabel
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "w-70 flex gap-3 justify-center",
+                                        children: [
+                                            variant === "none" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder"
+                                            }),
+                                            variant === "left" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {})
+                                            }),
+                                            variant === "right" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                            }),
+                                            variant === "both" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                            }),
+                                            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",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        /*#__PURE__*/ _jsx(Copy, {})
+                                                    ]
+                                                }),
+                                                suffix: "milliseconds"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "w-70 flex gap-3 justify-center",
+                                        children: [
+                                            variant === "none" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                invalid: true
+                                            }),
+                                            variant === "left" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                invalid: true
+                                            }),
+                                            variant === "right" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                invalid: true
+                                            }),
+                                            variant === "both" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                invalid: true
+                                            }),
+                                            variant === "left-double-right" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Placeholder",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                suffix: "milliseconds",
+                                                invalid: true
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "w-70 flex gap-3 justify-center",
+                                        children: [
+                                            variant === "none" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Aidbox",
+                                                disabled: true
+                                            }),
+                                            variant === "left" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Aidbox",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                disabled: true
+                                            }),
+                                            variant === "right" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Aidbox",
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                disabled: true
+                                            }),
+                                            variant === "both" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Aidbox",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                disabled: true
+                                            }),
+                                            variant === "left-double-right" && /*#__PURE__*/ _jsx(Input, {
+                                                placeholder: "Aidbox",
+                                                leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                suffix: "milliseconds",
+                                                disabled: true
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }, variant);
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "mt-8",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center mb-4 justify-between",
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "w-40 text-left",
+                                        children: "Input + Label + Description"
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "w-70 text-left text-sm text-text-secondary",
+                                        children: [
+                                            "Invalid:",
+                                            /*#__PURE__*/ _jsx(Badge, {
+                                                variant: "outline",
+                                                className: "text-xs",
+                                                children: "false"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "w-70 text-left text-sm text-text-secondary",
+                                        children: [
+                                            "Invalid:",
+                                            /*#__PURE__*/ _jsx(Badge, {
+                                                variant: "outline",
+                                                className: "text-xs",
+                                                children: "true"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "w-70 text-left text-sm text-text-secondary",
+                                        children: [
+                                            "Disabled:",
+                                            /*#__PURE__*/ _jsx(Badge, {
+                                                variant: "outline",
+                                                className: "text-xs",
+                                                children: "true"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            [
+                                "none",
+                                "left",
+                                "right",
+                                "both",
+                                "left-double-right"
+                            ].map((variant)=>/*#__PURE__*/ _jsx("div", {
+                                    className: "items-center gap-3 py-3 border-gray-l00 border-t border-border-separator",
+                                    children: /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex gap-3 items-center py-2 justify-between",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: "w-40 text-sm text-text-secondary",
+                                                children: /*#__PURE__*/ _jsxs("div", {
+                                                    className: "flex",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            className: "w-15",
+                                                            children: "Slots:"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(Badge, {
+                                                            variant: "outline",
+                                                            className: "text-xs",
+                                                            children: variant
+                                                        })
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "w-70 flex gap-3 justify-center",
+                                                children: [
+                                                    variant === "none" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder"
+                                                    }),
+                                                    variant === "left" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {})
+                                                    }),
+                                                    variant === "right" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                                    }),
+                                                    variant === "both" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {})
+                                                    }),
+                                                    variant === "left-double-right" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        suffix: "milliseconds"
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "w-70 flex gap-3 justify-center",
+                                                children: [
+                                                    variant === "none" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        invalid: true
+                                                    }),
+                                                    variant === "left" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        invalid: true
+                                                    }),
+                                                    variant === "right" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        invalid: true
+                                                    }),
+                                                    variant === "both" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        invalid: true
+                                                    }),
+                                                    variant === "left-double-right" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Placeholder",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        suffix: "milliseconds",
+                                                        invalid: true
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "w-70 flex gap-3 justify-center",
+                                                children: [
+                                                    variant === "none" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Aidbox",
+                                                        disabled: true
+                                                    }),
+                                                    variant === "left" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Aidbox",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        disabled: true
+                                                    }),
+                                                    variant === "right" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Aidbox",
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        disabled: true
+                                                    }),
+                                                    variant === "both" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Aidbox",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        disabled: true
+                                                    }),
+                                                    variant === "left-double-right" && /*#__PURE__*/ _jsx(InputWithLabel, {
+                                                        placeholder: "Aidbox",
+                                                        leftSlot: /*#__PURE__*/ _jsx(Mail, {}),
+                                                        rightSlot: /*#__PURE__*/ _jsx(CircleX, {}),
+                                                        suffix: "milliseconds",
+                                                        disabled: true
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                }, `label-${variant}`))
+                        ]
+                    })
+                ]
+            })
+        })
 };
 //# sourceMappingURL=input.stories.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"names":[],"mappings":"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"}
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":";AACA,SAASA,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,eAAe;AACnD,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AAapD,SAASC,eAAe,EACvBC,QAAQ,OAAO,EACfC,cAAc,mCAAmC,EACjDC,UAAU,KAAK,EACfC,WAAW,KAAK,EAChBC,cAAc,aAAa,EAC3BC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACe;IACrB,MAAMC,mBAAmBN,UACtB,4BACAC,WACC,uBACA;IAEJ,qBACC,KAACM;QAAIC,WAAU;kBACd,cAAA,MAACD;YAAIC,WAAU;;8BACd,KAACZ;8BAAOE;;8BACR,KAACH;oBACAO,aAAaA;oBACbC,UAAUA;oBACVC,WAAWA;oBACV,GAAIC,UAAU;wBAAEA;oBAAO,CAAC;oBACzBL,SAASA;oBACTC,UAAUA;;8BAEX,KAACQ;oBAAED,WAAW,CAAC,UAAU,EAAEF,kBAAkB;8BAAGP;;;;;AAIpD;AAEA,MAAMW,OAAO;IACZC,OAAO;IACPC,WAAWjB;AACZ;AACA,eAAee,KAAK;AAIpB,OAAO,MAAMG,UAAU;IACtBC,MAAM;QACLC,MAAM;QACNb,aAAa;QACbC,UAAUa;QACVZ,WAAWY;IACZ;AACD,EAAkB;AAElB,OAAO,MAAMC,OAAO;IACnBC,QAAQ,kBACP,KAACX;YAAIC,WAAU;sBACd,cAAA,MAACD;gBAAIC,WAAU;;kCACd,MAACD;wBAAIC,WAAU;;0CACd,KAACD;gCAAIC,WAAU;0CAAiB;;0CAChC,MAACD;gCAAIC,WAAU;;oCAA6C;kDAE3D,KAACd;wCAAMyB,SAAQ;wCAAUX,WAAU;kDAAe;;;;0CAInD,MAACD;gCAAIC,WAAU;;oCAA6C;kDAE3D,KAACd;wCAAMyB,SAAQ;wCAAUX,WAAU;kDAAe;;;;0CAInD,MAACD;gCAAIC,WAAU;;oCAA6C;kDAE3D,KAACd;wCAAMyB,SAAQ;wCAAUX,WAAU;kDAAe;;;;;;oBAMlD;wBAAC;wBAAQ;wBAAQ;wBAAS;wBAAQ;qBAAoB,CAAWY,GAAG,CACrE,CAACD;wBACA,MAAME,eAAe;4BACpBC,MAAM;4BACNC,MAAM;4BACNC,OAAO;4BACPC,MAAM;4BACN,qBAAqB;wBACtB,CAAC,CAACN,QAAQ;wBAEV,qBACC,KAACZ;4BACAC,WAAU;sCAGV,cAAA,MAACD;gCAAIC,WAAU;;kDACd,KAACD;wCAAIC,WAAU;kDACd,cAAA,MAACD;4CAAIC,WAAU;;8DACd,KAACD;oDAAIC,WAAU;8DAAO;;8DACtB,KAACd;oDAAMyB,SAAQ;oDAAUX,WAAU;8DACjCa;;;;;kDAMJ,MAACd;wCAAIC,WAAU;;4CACbW,YAAY,wBAAU,KAACxB;gDAAMO,aAAY;;4CACzCiB,YAAY,wBACZ,KAACxB;gDAAMO,aAAY;gDAAcC,wBAAU,KAACV;;4CAE5C0B,YAAY,yBACZ,KAACxB;gDACAO,aAAY;gDACZE,yBAAW,KAACb;;4CAGb4B,YAAY,wBACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXW,yBAAW,KAACb;;4CAGb4B,YAAY,qCACZ,KAACxB;gDACAO,aAAY;gDACZM,WAAU;gDACVL,wBAAU,KAACV;gDACXW,yBACC,MAACG;oDAAIC,WAAU;;sEACd,KAACjB;sEACD,KAACC;;;gDAGHa,QAAO;;;;kDAMV,MAACE;wCAAIC,WAAU;;4CACbW,YAAY,wBACZ,KAACxB;gDAAMO,aAAY;gDAAcF,OAAO;;4CAExCmB,YAAY,wBACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXO,OAAO;;4CAGRmB,YAAY,yBACZ,KAACxB;gDACAO,aAAY;gDACZE,yBAAW,KAACb;gDACZS,OAAO;;4CAGRmB,YAAY,wBACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXW,yBAAW,KAACb;gDACZS,OAAO;;4CAGRmB,YAAY,qCACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXW,yBAAW,KAACb;gDACZc,QAAO;gDACPL,OAAO;;;;kDAMV,MAACO;wCAAIC,WAAU;;4CACbW,YAAY,wBACZ,KAACxB;gDAAMO,aAAY;gDAASD,QAAQ;;4CAEpCkB,YAAY,wBACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXQ,QAAQ;;4CAGTkB,YAAY,yBACZ,KAACxB;gDACAO,aAAY;gDACZE,yBAAW,KAACb;gDACZU,QAAQ;;4CAGTkB,YAAY,wBACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXW,yBAAW,KAACb;gDACZU,QAAQ;;4CAGTkB,YAAY,qCACZ,KAACxB;gDACAO,aAAY;gDACZC,wBAAU,KAACV;gDACXW,yBAAW,KAACb;gDACZc,QAAO;gDACPJ,QAAQ;;;;;;2BAtHPkB;oBA6HR;kCAID,MAACZ;wBAAIC,WAAU;;0CACd,MAACD;gCAAIC,WAAU;;kDACd,KAACD;wCAAIC,WAAU;kDAAiB;;kDAChC,MAACD;wCAAIC,WAAU;;4CAA6C;0DAE3D,KAACd;gDAAMyB,SAAQ;gDAAUX,WAAU;0DAAU;;;;kDAI9C,MAACD;wCAAIC,WAAU;;4CAA6C;0DAE3D,KAACd;gDAAMyB,SAAQ;gDAAUX,WAAU;0DAAU;;;;kDAI9C,MAACD;wCAAIC,WAAU;;4CAA6C;0DAE3D,KAACd;gDAAMyB,SAAQ;gDAAUX,WAAU;0DAAU;;;;;;4BAO9C;gCAAC;gCAAQ;gCAAQ;gCAAS;gCAAQ;6BAAoB,CACrDY,GAAG,CAAC,CAACD,wBACN,KAACZ;oCACAC,WAAU;8CAGV,cAAA,MAACD;wCAAIC,WAAU;;0DACd,KAACD;gDAAIC,WAAU;0DACd,cAAA,MAACD;oDAAIC,WAAU;;sEACd,KAACD;4DAAIC,WAAU;sEAAO;;sEACtB,KAACd;4DAAMyB,SAAQ;4DAAUX,WAAU;sEACjCW;;;;;0DAMJ,MAACZ;gDAAIC,WAAU;;oDACbW,YAAY,wBACZ,KAACtB;wDAAeK,aAAY;;oDAE5BiB,YAAY,wBACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;;oDAGZ0B,YAAY,yBACZ,KAACtB;wDACAK,aAAY;wDACZE,yBAAW,KAACb;;oDAGb4B,YAAY,wBACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXW,yBAAW,KAACb;;oDAGb4B,YAAY,qCACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXW,yBAAW,KAACb;wDACZc,QAAO;;;;0DAMV,MAACE;gDAAIC,WAAU;;oDACbW,YAAY,wBACZ,KAACtB;wDAAeK,aAAY;wDAAcF,OAAO;;oDAEjDmB,YAAY,wBACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXO,OAAO;;oDAGRmB,YAAY,yBACZ,KAACtB;wDACAK,aAAY;wDACZE,yBAAW,KAACb;wDACZS,OAAO;;oDAGRmB,YAAY,wBACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXW,yBAAW,KAACb;wDACZS,OAAO;;oDAGRmB,YAAY,qCACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXW,yBAAW,KAACb;wDACZc,QAAO;wDACPL,OAAO;;;;0DAMV,MAACO;gDAAIC,WAAU;;oDACbW,YAAY,wBACZ,KAACtB;wDAAeK,aAAY;wDAASD,QAAQ;;oDAE7CkB,YAAY,wBACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXQ,QAAQ;;oDAGTkB,YAAY,yBACZ,KAACtB;wDACAK,aAAY;wDACZE,yBAAW,KAACb;wDACZU,QAAQ;;oDAGTkB,YAAY,wBACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXW,yBAAW,KAACb;wDACZU,QAAQ;;oDAGTkB,YAAY,qCACZ,KAACtB;wDACAK,aAAY;wDACZC,wBAAU,KAACV;wDACXW,yBAAW,KAACb;wDACZc,QAAO;wDACPJ,QAAQ;;;;;;mCArHP,CAAC,MAAM,EAAEkB,SAAS;;;;;;AAgI9B,EAAkB"}

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

@@ -1,8 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Label({ className, ...props }) {
-    return (_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), ...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),
+        ...props
+    });
 }
 export { Label };
 //# sourceMappingURL=label.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"label.js","~~sourceRoot~~":"","~~sources~~":["~~../../../../../src/~~shadcn/~~components~~/~~ui/label~~.~~tsx~~"],"names":[],"mappings":";AAAA,~~OAAO~~,~~KAAK~~,~~cAAc,MAAM,uBAAuB,CAAC~~;AAGxD,~~OAAO~~,EAAE,~~EAAE~~,~~EAAE,MAAM,mBAAmB,CAAC~~;AAEvC,~~SAAS~~,~~KAAK~~,~~CAAC~~,~~EACd,~~SAAS,EACT,~~GAAG~~,~~KAAK,EAC0C~~;IAClD,~~OAAO~~,~~CACN~~,~~KAAC~~,~~cAAc,CAAC,~~IAAI,~~iBACT~~,~~OAAO~~,~~EACjB~~,~~SAAS~~,~~EAAE~~,~~EAAE,CACZ,8NAA8N,EAC9N,SAAS,CACT,KACG,~~KAAK~~,GACR,CACF,CAAC~~;~~AACH~~,~~CAAC;AAED~~,~~OAAO,EAAE,~~KAAK,~~EAAE,CAAC~~"}
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"}

package/dist/src/shadcn/components/ui/label.stories.js CHANGED Viewed

@@ -1,11 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from "#shadcn/components/ui/checkbox";
-import { Label } from "#shadcn/components/ui/label";
+import { Checkbox } from "./checkbox.js";
+import { Label } from "./label.js";
 const meta = {
-    title: "Component/Label",
+    title: "Component/Label"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsx("div", { children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", children: "Accept terms and conditions" })] }) })),
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center space-x-2",
+                children: [
+                    /*#__PURE__*/ _jsx(Checkbox, {
+                        id: "terms"
+                    }),
+                    /*#__PURE__*/ _jsx(Label, {
+                        htmlFor: "terms",
+                        children: "Accept terms and conditions"
+                    })
+                ]
+            })
+        })
 };
 //# sourceMappingURL=label.stories.js.map

package/dist/src/shadcn/components/ui/label.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"label.stories.js","~~sourceRoot~~":"","~~sources~~":["~~../../../../../src~~/shadcn/components/ui/label~~.stories.tsx~~"],"names":[],"mappings":";AACA,~~OAAO~~,~~EAAE~~,QAAQ,~~EAAE,MAAM,gCAAgC,CAAC~~;AAC1D,~~OAAO~~,~~EAAE,~~KAAK,~~EAAE~~,~~MAAM,6BAA6B,CAAC~~;AAEpD,~~MAAM~~,~~IAAI,GAAG~~;~~IACZ~~,~~KAAK,EAAE,iBAAiB~~;~~CACT,CAAC~~;~~AACjB~~,~~eAAe~~,~~IAAI,CAAC~~;AAIpB,~~MAAM~~,~~CAAC~~,~~MAAM,IAAI,GAAG~~;~~IACnB~~,~~MAAM,EAAE,GAAG,EAAE,CAAC,CACb,wBACC,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,~~QAAQ,~~IAAC~~,~~EAAE~~,~~EAAC~~,~~OAAO~~,~~GAAG~~,~~EACvB~~,~~KAAC~~,~~KAAK~~,~~IAAC,OAAO,EAAC,OAAO,4CAAoC,IACrD,GACD,CACN~~;~~CACe~~,~~CAAC~~"}
1	+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/label.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Checkbox } from \"#shadcn/components/ui/checkbox\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Label\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div>\n\t\t\t<div className=\"flex items-center space-x-2\">\n\t\t\t\t<Checkbox id=\"terms\" />\n\t\t\t\t<Label htmlFor=\"terms\">Accept terms and conditions</Label>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Checkbox","Label","meta","title","Demo","render","div","className","id","htmlFor"],"mappings":";AACA,SAASA,QAAQ,QAAQ,gBAAiC;AAC1D,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACC;sBACA,cAAA,MAACA;gBAAIC,WAAU;;kCACd,KAACP;wBAASQ,IAAG;;kCACb,KAACP;wBAAMQ,SAAQ;kCAAQ;;;;;AAI3B,EAAkB"}