@mehdashti/ui 0.1.0

package/dist/components/input.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+/**
+ * Input component for text, email, password, etc.
+ *
+ * @example
+ * ```tsx
+ * <Input type="email" placeholder="Enter email" />
+ * ```
+ */
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [border-radius:var(--radius-md)]", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ref: ref, ...props }));
+});
+Input.displayName = "Input";
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC;;;;;;;GAOG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,kdAAkd,EACld,+EAA+E,EAC/E,wGAAwG,EACxG,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/input.stories.d.ts

@@ -0,0 +1,80 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+        placeholder: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default input with text type
+ */
+export declare const Default: Story;
+/**
+ * Email input type
+ */
+export declare const Email: Story;
+/**
+ * Password input type
+ */
+export declare const Password: Story;
+/**
+ * Number input type
+ */
+export declare const Number: Story;
+/**
+ * Search input type
+ */
+export declare const Search: Story;
+/**
+ * Disabled state
+ */
+export declare const Disabled: Story;
+/**
+ * With default value
+ */
+export declare const WithValue: Story;
+/**
+ * Error state using aria-invalid
+ */
+export declare const Error: Story;
+/**
+ * File input type
+ */
+export declare const File: Story;
+/**
+ * Date input type
+ */
+export declare const Date: Story;
+/**
+ * Time input type
+ */
+export declare const Time: Story;
+/**
+ * Input with Label component
+ */
+export declare const WithLabel: Story;
+/**
+ * Form example with multiple inputs
+ */
+export declare const FormExample: Story;
+/**
+ * All input types showcase
+ */
+export declare const AllTypes: Story;
+//# sourceMappingURL=input.stories.d.ts.map

package/dist/components/input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../src/components/input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmBoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA"}

package/dist/components/input.stories.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from './input';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Input',
+    component: Input,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        type: {
+            control: 'select',
+            options: ['text', 'email', 'password', 'number', 'search', 'tel', 'url', 'date', 'time', 'file'],
+        },
+        disabled: {
+            control: 'boolean',
+        },
+        placeholder: {
+            control: 'text',
+        },
+    },
+};
+export default meta;
+/**
+ * Default input with text type
+ */
+export const Default = {
+    args: {
+        type: 'text',
+        placeholder: 'Enter text...',
+    },
+};
+/**
+ * Email input type
+ */
+export const Email = {
+    args: {
+        type: 'email',
+        placeholder: 'Enter email...',
+    },
+};
+/**
+ * Password input type
+ */
+export const Password = {
+    args: {
+        type: 'password',
+        placeholder: 'Enter password...',
+    },
+};
+/**
+ * Number input type
+ */
+export const Number = {
+    args: {
+        type: 'number',
+        placeholder: 'Enter number...',
+    },
+};
+/**
+ * Search input type
+ */
+export const Search = {
+    args: {
+        type: 'search',
+        placeholder: 'Search...',
+    },
+};
+/**
+ * Disabled state
+ */
+export const Disabled = {
+    args: {
+        type: 'text',
+        placeholder: 'Disabled input',
+        disabled: true,
+    },
+};
+/**
+ * With default value
+ */
+export const WithValue = {
+    args: {
+        type: 'text',
+        defaultValue: 'Hello World',
+    },
+};
+/**
+ * Error state using aria-invalid
+ */
+export const Error = {
+    args: {
+        type: 'email',
+        placeholder: 'invalid@email',
+        defaultValue: 'invalid-email',
+        'aria-invalid': true,
+    },
+};
+/**
+ * File input type
+ */
+export const File = {
+    args: {
+        type: 'file',
+    },
+};
+/**
+ * Date input type
+ */
+export const Date = {
+    args: {
+        type: 'date',
+    },
+};
+/**
+ * Time input type
+ */
+export const Time = {
+    args: {
+        type: 'time',
+    },
+};
+/**
+ * Input with Label component
+ */
+export const WithLabel = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", placeholder: "Enter your email..." })] })),
+};
+/**
+ * Form example with multiple inputs
+ */
+export const FormExample = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', width: '300px' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", type: "text", placeholder: "John Doe" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "email-form", children: "Email" }), _jsx(Input, { id: "email-form", type: "email", placeholder: "john@example.com" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "password-form", children: "Password" }), _jsx(Input, { id: "password-form", type: "password", placeholder: "Enter password..." })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "phone", children: "Phone" }), _jsx(Input, { id: "phone", type: "tel", placeholder: "+1 (555) 000-0000" })] })] })),
+};
+/**
+ * All input types showcase
+ */
+export const AllTypes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', width: '300px' }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Text" }), _jsx(Input, { type: "text", placeholder: "Text input" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Email" }), _jsx(Input, { type: "email", placeholder: "email@example.com" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Password" }), _jsx(Input, { type: "password", placeholder: "Password" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Number" }), _jsx(Input, { type: "number", placeholder: "42" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Search" }), _jsx(Input, { type: "search", placeholder: "Search..." })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Tel" }), _jsx(Input, { type: "tel", placeholder: "+1 (555) 000-0000" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "URL" }), _jsx(Input, { type: "url", placeholder: "https://example.com" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Date" }), _jsx(Input, { type: "date" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Time" }), _jsx(Input, { type: "time" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "File" }), _jsx(Input, { type: "file" })] })] })),
+};
+//# sourceMappingURL=input.stories.js.map

package/dist/components/input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../src/components/input.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/label.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/components/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,KAAK,4PAWT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/label.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, "data-slot": "label", className: cn(labelVariants(), className), ...props })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,aAAa,GAAG,GAAG,CACvB,4FAA4F,CAC7F,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,eACE,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/label.stories.d.ts

@@ -0,0 +1,52 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic label
+ */
+export declare const Default: Story;
+/**
+ * Label with Input
+ */
+export declare const WithInput: Story;
+/**
+ * Label with Select
+ */
+export declare const WithSelect: Story;
+/**
+ * Label with disabled input (demonstrates peer-disabled styling)
+ */
+export declare const WithDisabledInput: Story;
+/**
+ * Label with required indicator
+ */
+export declare const Required: Story;
+/**
+ * Label with helper text
+ */
+export declare const WithHelperText: Story;
+/**
+ * Label with error message
+ */
+export declare const WithError: Story;
+/**
+ * Form with multiple labeled fields
+ */
+export declare const FormExample: Story;
+/**
+ * Label alignment variations
+ */
+export declare const AlignmentVariations: Story;
+/**
+ * All label variations showcase
+ */
+export declare const Showcase: Story;
+//# sourceMappingURL=label.stories.d.ts.map

package/dist/components/label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../src/components/label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,QAAA,MAAM,IAAI;;;;;;;CAOoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA+CzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA8CjC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAyDtB,CAAA"}

package/dist/components/label.stories.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from './label';
+import { Input } from './input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';
+const meta = {
+    title: 'Components/Label',
+    component: Label,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+/**
+ * Basic label
+ */
+export const Default = {
+    render: () => _jsx(Label, { children: "Email" }),
+};
+/**
+ * Label with Input
+ */
+export const WithInput = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsx(Label, { htmlFor: "email", children: "Email Address" }), _jsx(Input, { id: "email", type: "email", placeholder: "john@example.com" })] })),
+};
+/**
+ * Label with Select
+ */
+export const WithSelect = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsx(Label, { htmlFor: "country", children: "Country" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "country", children: _jsx(SelectValue, { placeholder: "Select a country" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "us", children: "United States" }), _jsx(SelectItem, { value: "uk", children: "United Kingdom" }), _jsx(SelectItem, { value: "ca", children: "Canada" })] })] })] })),
+};
+/**
+ * Label with disabled input (demonstrates peer-disabled styling)
+ */
+export const WithDisabledInput = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsx(Label, { htmlFor: "disabled-input", className: "peer", children: "Disabled Field" }), _jsx(Input, { id: "disabled-input", disabled: true, placeholder: "This field is disabled" })] })),
+};
+/**
+ * Label with required indicator
+ */
+export const Required = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsxs(Label, { htmlFor: "required-field", children: ["Email Address ", _jsx("span", { style: { color: 'hsl(var(--destructive))' }, children: "*" })] }), _jsx(Input, { id: "required-field", type: "email", placeholder: "john@example.com", required: true })] })),
+};
+/**
+ * Label with helper text
+ */
+export const WithHelperText = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsx(Label, { htmlFor: "username", children: "Username" }), _jsx(Input, { id: "username", placeholder: "johndoe" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "Choose a unique username for your account." })] })),
+};
+/**
+ * Label with error message
+ */
+export const WithError = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '300px' }, children: [_jsx(Label, { htmlFor: "error-field", children: "Email Address" }), _jsx(Input, { id: "error-field", type: "email", placeholder: "john@example.com", defaultValue: "invalid-email", "aria-invalid": true }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--destructive))' }, children: "Please enter a valid email address." })] })),
+};
+/**
+ * Form with multiple labeled fields
+ */
+export const FormExample = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', width: '400px' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsxs(Label, { htmlFor: "form-name", children: ["Full Name ", _jsx("span", { style: { color: 'hsl(var(--destructive))' }, children: "*" })] }), _jsx(Input, { id: "form-name", placeholder: "John Doe", required: true })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsxs(Label, { htmlFor: "form-email", children: ["Email ", _jsx("span", { style: { color: 'hsl(var(--destructive))' }, children: "*" })] }), _jsx(Input, { id: "form-email", type: "email", placeholder: "john@example.com", required: true }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "We'll never share your email with anyone else." })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "form-phone", children: "Phone Number" }), _jsx(Input, { id: "form-phone", type: "tel", placeholder: "+1 (555) 000-0000" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "Optional" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "form-country", children: "Country" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "form-country", children: _jsx(SelectValue, { placeholder: "Select your country" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "us", children: "United States" }), _jsx(SelectItem, { value: "uk", children: "United Kingdom" }), _jsx(SelectItem, { value: "ca", children: "Canada" }), _jsx(SelectItem, { value: "au", children: "Australia" })] })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "form-notes", children: "Additional Notes" }), _jsx(Input, { id: "form-notes", placeholder: "Any additional information..." })] })] })),
+};
+/**
+ * Label alignment variations
+ */
+export const AlignmentVariations = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2rem', width: '400px' }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '600', marginBottom: '1rem' }, children: "Vertical (Default)" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "vertical", children: "Email" }), _jsx(Input, { id: "vertical", type: "email", placeholder: "john@example.com" })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '600', marginBottom: '1rem' }, children: "Horizontal (Inline)" }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '1rem' }, children: [_jsx(Label, { htmlFor: "horizontal", style: { minWidth: '100px' }, children: "Email" }), _jsx(Input, { id: "horizontal", type: "email", placeholder: "john@example.com" })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '600', marginBottom: '1rem' }, children: "Grid Layout" }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '120px 1fr', gap: '1rem' }, children: [_jsx(Label, { htmlFor: "grid-name", style: { paddingTop: '0.5rem' }, children: "Name" }), _jsx(Input, { id: "grid-name", placeholder: "John Doe" }), _jsx(Label, { htmlFor: "grid-email", style: { paddingTop: '0.5rem' }, children: "Email" }), _jsx(Input, { id: "grid-email", type: "email", placeholder: "john@example.com" }), _jsx(Label, { htmlFor: "grid-phone", style: { paddingTop: '0.5rem' }, children: "Phone" }), _jsx(Input, { id: "grid-phone", type: "tel", placeholder: "+1 (555) 000-0000" })] })] })] })),
+};
+/**
+ * All label variations showcase
+ */
+export const Showcase = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1.5rem', width: '350px' }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Basic Label" }), _jsx(Label, { children: "Label Text" })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "With Input" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "showcase-1", children: "Email" }), _jsx(Input, { id: "showcase-1", type: "email", placeholder: "email@example.com" })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Required" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsxs(Label, { htmlFor: "showcase-2", children: ["Password ", _jsx("span", { style: { color: 'hsl(var(--destructive))' }, children: "*" })] }), _jsx(Input, { id: "showcase-2", type: "password", placeholder: "Enter password" })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "With Helper" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "showcase-3", children: "Username" }), _jsx(Input, { id: "showcase-3", placeholder: "johndoe" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "Choose a unique username." })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "With Error" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "showcase-4", children: "Email" }), _jsx(Input, { id: "showcase-4", defaultValue: "invalid", "aria-invalid": true }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--destructive))' }, children: "Invalid email format." })] })] })] })),
+};
+//# sourceMappingURL=label.stories.js.map

package/dist/components/label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../src/components/label.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/select.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAoCjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKA0BxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKA0B1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JA8BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAiCd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}

package/dist/components/select.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { cn } from "../lib/utils.js";
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, "data-slot": "select-trigger", className: cn("flex h-9 w-full items-center justify-between border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none [border-radius:var(--radius-md)]", "placeholder:text-muted-foreground", "focus:border-ring focus:ring-ring/50 focus:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "[&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-50", children: _jsx("path", { d: "m6 9 6 6 6-6" }) }) })] })));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m18 15-6-6-6 6" }) }) })));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m6 9 6 6 6-6" }) }) })));
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-md [border-radius:var(--radius-md)]", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex w-full cursor-default select-none items-center py-1.5 pl-2 pr-8 text-sm outline-none [border-radius:var(--radius-sm)]", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props })));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/select.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("@radix-ui/react-select").SelectProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic select with simple options
+ */
+export declare const Default: Story;
+/**
+ * Select with default value
+ */
+export declare const WithDefaultValue: Story;
+/**
+ * Disabled select
+ */
+export declare const Disabled: Story;
+/**
+ * Select with grouped options
+ */
+export declare const WithGroups: Story;
+/**
+ * Select with many options (scroll behavior)
+ */
+export declare const WithManyOptions: Story;
+/**
+ * Select with disabled items
+ */
+export declare const WithDisabledItems: Story;
+/**
+ * Select with Label component
+ */
+export declare const WithLabel: Story;
+/**
+ * Form example with multiple selects
+ */
+export declare const FormExample: Story;
+/**
+ * All select variants showcase
+ */
+export declare const Showcase: Story;
+//# sourceMappingURL=select.stories.d.ts.map

package/dist/components/select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../src/components/select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAatD,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA+DzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAyEtB,CAAA"}