@mehdashti/ui 0.1.0

package/dist/components/__tests__/label.test.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { Label } from '../label';
+import { Input } from '../input';
+describe('Label', () => {
+    describe('Rendering', () => {
+        it('renders label text', () => {
+            render(_jsx(Label, { children: "Email Address" }));
+            expect(screen.getByText('Email Address')).toBeInTheDocument();
+        });
+        it('renders with children', () => {
+            render(_jsxs(Label, { children: ["Username ", _jsx("span", { className: "required", children: "*" })] }));
+            expect(screen.getByText('Username')).toBeInTheDocument();
+            expect(screen.getByText('*')).toBeInTheDocument();
+        });
+        it('applies custom className', () => {
+            render(_jsx(Label, { className: "custom-class", children: "Label" }));
+            const label = screen.getByText('Label');
+            expect(label).toHaveClass('custom-class');
+        });
+        it('has data-slot attribute', () => {
+            render(_jsx(Label, { "data-testid": "label", children: "Label" }));
+            const label = screen.getByTestId('label');
+            expect(label).toHaveAttribute('data-slot', 'label');
+        });
+    });
+    describe('HTML Attributes', () => {
+        it('accepts htmlFor attribute', () => {
+            render(_jsx(Label, { htmlFor: "input-id", children: "Label" }));
+            const label = screen.getByText('Label');
+            expect(label).toHaveAttribute('for', 'input-id');
+        });
+        it('connects to input via htmlFor', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "test-input", children: "Email" }), _jsx(Input, { id: "test-input", type: "email" })] }));
+            const input = screen.getByLabelText('Email');
+            expect(input).toBeInTheDocument();
+            expect(input).toHaveAttribute('type', 'email');
+        });
+        it('accepts id attribute', () => {
+            render(_jsx(Label, { id: "label-id", children: "Label" }));
+            const label = screen.getByText('Label');
+            expect(label).toHaveAttribute('id', 'label-id');
+        });
+        it('accepts custom data attributes', () => {
+            render(_jsx(Label, { "data-custom": "value", children: "Label" }));
+            const label = screen.getByText('Label');
+            expect(label).toHaveAttribute('data-custom', 'value');
+        });
+    });
+    describe('Accessibility', () => {
+        it('renders as label element', () => {
+            render(_jsx(Label, { children: "Accessible Label" }));
+            const label = screen.getByText('Accessible Label');
+            expect(label.tagName).toBe('LABEL');
+        });
+        it('associates with input via htmlFor and id', () => {
+            render(_jsxs("div", { children: [_jsx(Label, { htmlFor: "username", children: "Username" }), _jsx(Input, { id: "username" })] }));
+            const label = screen.getByText('Username');
+            const input = screen.getByLabelText('Username');
+            expect(label).toHaveAttribute('for', 'username');
+            expect(input).toHaveAttribute('id', 'username');
+        });
+        it('can be clicked to focus associated input', async () => {
+            const user = await import('@testing-library/user-event').then((m) => m.default.setup());
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "clickable-input", children: "Click me" }), _jsx(Input, { id: "clickable-input" })] }));
+            const label = screen.getByText('Click me');
+            const input = screen.getByLabelText('Click me');
+            await user.click(label);
+            expect(input).toHaveFocus();
+        });
+    });
+    describe('Styling', () => {
+        it('has base label styles', () => {
+            render(_jsx(Label, { "data-testid": "label", children: "Label" }));
+            const label = screen.getByTestId('label');
+            expect(label.className).toContain('text-sm');
+            expect(label.className).toContain('font-medium');
+            expect(label.className).toContain('leading-none');
+        });
+        it('has peer-disabled styles', () => {
+            render(_jsx(Label, { "data-testid": "label", children: "Label" }));
+            const label = screen.getByTestId('label');
+            expect(label.className).toContain('peer-disabled:cursor-not-allowed');
+            expect(label.className).toContain('peer-disabled:opacity-70');
+        });
+        it('preserves custom className alongside base styles', () => {
+            render(_jsx(Label, { className: "text-red-500", "data-testid": "label", children: "Label" }));
+            const label = screen.getByTestId('label');
+            expect(label).toHaveClass('text-sm'); // Base style
+            expect(label).toHaveClass('text-red-500'); // Custom style
+        });
+    });
+    describe('Form Integration', () => {
+        it('works in a form context', () => {
+            render(_jsxs("form", { "data-testid": "form", children: [_jsx(Label, { htmlFor: "email-input", children: "Email" }), _jsx(Input, { id: "email-input", type: "email", name: "email" })] }));
+            const form = screen.getByTestId('form');
+            const label = screen.getByText('Email');
+            const input = screen.getByLabelText('Email');
+            expect(form).toContainElement(label);
+            expect(form).toContainElement(input);
+        });
+        it('supports required field indicator', () => {
+            render(_jsxs(Label, { htmlFor: "required-field", children: ["Email ", _jsx("span", { className: "text-destructive", children: "*" })] }));
+            expect(screen.getByText('Email')).toBeInTheDocument();
+            expect(screen.getByText('*')).toBeInTheDocument();
+        });
+        it('can be used with multiple inputs', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "first-name", children: "First Name" }), _jsx(Input, { id: "first-name" }), _jsx(Label, { htmlFor: "last-name", children: "Last Name" }), _jsx(Input, { id: "last-name" })] }));
+            expect(screen.getByLabelText('First Name')).toBeInTheDocument();
+            expect(screen.getByLabelText('Last Name')).toBeInTheDocument();
+        });
+    });
+    describe('Event Handling', () => {
+        it('handles onClick events', () => {
+            const onClick = vi.fn();
+            render(_jsx(Label, { onClick: onClick, children: "Clickable Label" }));
+            const label = screen.getByText('Clickable Label');
+            label.click();
+            expect(onClick).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('Ref Forwarding', () => {
+        it('forwards ref correctly', () => {
+            const ref = vi.fn();
+            render(_jsx(Label, { ref: ref, children: "Label" }));
+            expect(ref).toHaveBeenCalledWith(expect.any(HTMLLabelElement));
+        });
+        it('allows ref to be used for DOM access', () => {
+            let labelRef = null;
+            render(_jsx(Label, { ref: (el) => (labelRef = el), children: "Test Label" }));
+            expect(labelRef).toBeInstanceOf(HTMLLabelElement);
+            expect(labelRef?.textContent).toBe('Test Label');
+        });
+    });
+    describe('With Different Input Types', () => {
+        it('works with text input', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "text-input", children: "Name" }), _jsx(Input, { id: "text-input", type: "text" })] }));
+            const input = screen.getByLabelText('Name');
+            expect(input).toHaveAttribute('type', 'text');
+        });
+        it('works with email input', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "email-input", children: "Email" }), _jsx(Input, { id: "email-input", type: "email" })] }));
+            const input = screen.getByLabelText('Email');
+            expect(input).toHaveAttribute('type', 'email');
+        });
+        it('works with password input', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "password-input", children: "Password" }), _jsx(Input, { id: "password-input", type: "password" })] }));
+            const input = screen.getByLabelText('Password');
+            expect(input).toHaveAttribute('type', 'password');
+        });
+        it('works with checkbox input', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "checkbox-input", children: "Accept terms" }), _jsx("input", { id: "checkbox-input", type: "checkbox" })] }));
+            const input = screen.getByLabelText('Accept terms');
+            expect(input).toHaveAttribute('type', 'checkbox');
+        });
+        it('works with radio input', () => {
+            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "radio-input", children: "Option A" }), _jsx("input", { id: "radio-input", type: "radio" })] }));
+            const input = screen.getByLabelText('Option A');
+            expect(input).toHaveAttribute('type', 'radio');
+        });
+    });
+    describe('Complex Content', () => {
+        it('renders with nested elements', () => {
+            render(_jsxs(Label, { children: [_jsx("span", { className: "icon", children: "\uD83D\uDCE7" }), _jsx("span", { className: "text", children: "Email Address" })] }));
+            expect(screen.getByText('📧')).toBeInTheDocument();
+            expect(screen.getByText('Email Address')).toBeInTheDocument();
+        });
+        it('renders with React fragments', () => {
+            render(_jsx(Label, { children: _jsxs(_Fragment, { children: ["Email ", _jsx("em", { children: "(required)" })] }) }));
+            expect(screen.getByText('Email')).toBeInTheDocument();
+            expect(screen.getByText('(required)')).toBeInTheDocument();
+        });
+        it('preserves text formatting', () => {
+            render(_jsxs(Label, { children: [_jsx("strong", { children: "Important:" }), " This field is required"] }));
+            const strong = screen.getByText('Important:');
+            expect(strong.tagName).toBe('STRONG');
+        });
+    });
+});
+//# sourceMappingURL=label.test.js.map

package/dist/components/__tests__/label.test.js.map

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

package/dist/components/button.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /**
+     * Render as a child component (for composition with links, etc.)
+     */
+    asChild?: boolean;
+}
+/**
+ * Button component with multiple variants and sizes
+ *
+ * @example
+ * ```tsx
+ * <Button variant="default" size="default">
+ *   Click me
+ * </Button>
+ * ```
+ */
+declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAYb;kBAlBQ,MAAM;;;AAsBf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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 [border-radius:var(--radius-md)]", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 px-6 has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+/**
+ * Button component with multiple variants and sizes
+ *
+ * @example
+ * ```tsx
+ * <Button variant="default" size="default">
+ *   Click me
+ * </Button>
+ * ```
+ */
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+Button.displayName = "Button";
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,cAAc,GAAG,GAAG,CACxB,mdAAmd,EACnd;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,WAAW,EACT,mJAAmJ;YACrJ,OAAO,EACL,qJAAqJ;YACvJ,SAAS,EACP,8DAA8D;YAChE,KAAK,EACH,sEAAsE;YACxE,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,oCAAoC;YACxC,EAAE,EAAE,2BAA2B;YAC/B,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,SAAS;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAWF;;;;;;;;;GASG;AACH,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,kBACJ,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.stories.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { Button } from './button';
+const meta = {
+    title: 'Components/Button',
+    component: Button,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'],
+        },
+        size: {
+            control: 'select',
+            options: ['default', 'sm', 'lg', 'icon', 'icon-sm', 'icon-lg'],
+        },
+        asChild: {
+            control: 'boolean',
+        },
+        disabled: {
+            control: 'boolean',
+        },
+    },
+    args: {
+        onClick: fn(),
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        variant: 'default',
+        children: 'Button',
+    },
+};
+export const Destructive = {
+    args: {
+        variant: 'destructive',
+        children: 'Delete',
+    },
+};
+export const Outline = {
+    args: {
+        variant: 'outline',
+        children: 'Outline',
+    },
+};
+export const Secondary = {
+    args: {
+        variant: 'secondary',
+        children: 'Secondary',
+    },
+};
+export const Ghost = {
+    args: {
+        variant: 'ghost',
+        children: 'Ghost',
+    },
+};
+export const Link = {
+    args: {
+        variant: 'link',
+        children: 'Link',
+    },
+};
+export const Small = {
+    args: {
+        size: 'sm',
+        children: 'Small Button',
+    },
+};
+export const Large = {
+    args: {
+        size: 'lg',
+        children: 'Large Button',
+    },
+};
+export const Disabled = {
+    args: {
+        disabled: true,
+        children: 'Disabled',
+    },
+};
+export const WithIcon = {
+    args: {
+        children: (_jsxs(_Fragment, { children: [_jsxs("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: "M5 12h14" }), _jsx("path", { d: "m12 5 7 7-7 7" })] }), "With Icon"] })),
+    },
+};
+export const IconOnly = {
+    args: {
+        size: 'icon',
+        children: (_jsxs("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: "M5 12h14" }), _jsx("path", { d: "m12 5 7 7-7 7" })] })),
+    },
+};
+export const AllVariants = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '1rem', flexWrap: 'wrap' }, children: [_jsx(Button, { variant: "default", children: "Default" }), _jsx(Button, { variant: "destructive", children: "Destructive" }), _jsx(Button, { variant: "outline", children: "Outline" }), _jsx(Button, { variant: "secondary", children: "Secondary" }), _jsx(Button, { variant: "ghost", children: "Ghost" }), _jsx(Button, { variant: "link", children: "Link" })] })),
+};
+export const AllSizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '1rem', alignItems: 'center', flexWrap: 'wrap' }, children: [_jsx(Button, { size: "sm", children: "Small" }), _jsx(Button, { size: "default", children: "Default" }), _jsx(Button, { size: "lg", children: "Large" })] })),
+};
+//# sourceMappingURL=button.stories.js.map

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

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

package/dist/components/dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.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,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqCjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/components/dialog.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cn } from "../lib/utils.js";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-[var(--z-overlay)] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, "data-slot": "dialog-content", className: cn("fixed left-[50%] top-[50%] z-[var(--z-modal)] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg duration-200 [border-radius:var(--radius-lg)]", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsxs("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 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AAEpC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AAE9C,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AAE5C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAE1C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wKAAwK,EACxK,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC;AAEhE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,eACE,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,+MAA+M,EAC/M,8VAA8V,EAC9V,eAAe,EACf,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,MAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,+QAA+Q,aAC9S,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,YAAY,GAAG,IACnB,EACN,eAAM,SAAS,EAAC,SAAS,sBAAa,IAChB,IACA,IACb,CAChB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC;AAEhE,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;AAE5D,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,WAAW,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,eAAe,CAAC,WAAW,CAAC,WAAW,CAAC;AAExE,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

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

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic dialog with trigger button
+ */
+export declare const Default: Story;
+/**
+ * Dialog with form fields
+ */
+export declare const WithForm: Story;
+/**
+ * Destructive action dialog (e.g., delete confirmation)
+ */
+export declare const Destructive: Story;
+/**
+ * Dialog without description
+ */
+export declare const WithoutDescription: Story;
+/**
+ * Dialog with long scrollable content
+ */
+export declare const WithLongContent: Story;
+/**
+ * Simple confirmation dialog
+ */
+export declare const Confirmation: Story;
+/**
+ * Dialog with custom actions
+ */
+export declare const CustomActions: Story;
+/**
+ * Dialog showcase with different variants
+ */
+export declare const Showcase: Story;
+//# sourceMappingURL=dialog.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../src/components/dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAgBtD,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,KA2BrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA+E7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8DtB,CAAA"}

package/dist/components/dialog.stories.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DialogClose, } from './dialog';
+import { Button } from './button';
+import { Input } from './input';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Dialog',
+    component: Dialog,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+/**
+ * Basic dialog with trigger button
+ */
+export const Default = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Dialog" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Dialog Title" }), _jsx(DialogDescription, { children: "This is a dialog description. It provides additional context about the dialog content." })] }), _jsx("div", { className: "py-4", children: _jsx("p", { className: "text-sm text-foreground", children: "Dialog content goes here. You can add any content you like." }) }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { onClick: fn(), children: "Confirm" })] })] })] })),
+};
+/**
+ * Dialog with form fields
+ */
+export const WithForm = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Edit Profile" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Edit Profile" }), _jsx(DialogDescription, { children: "Make changes to your profile here. Click save when you're done." })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', paddingTop: '1rem' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", defaultValue: "John Doe" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", defaultValue: "john@example.com" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "bio", children: "Bio" }), _jsx(Input, { id: "bio", defaultValue: "Software developer" })] })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { onClick: fn(), children: "Save Changes" })] })] })] })),
+};
+/**
+ * Destructive action dialog (e.g., delete confirmation)
+ */
+export const Destructive = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete Account" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Are you absolutely sure?" }), _jsx(DialogDescription, { children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers." })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { variant: "destructive", onClick: fn(), children: "Delete Account" })] })] })] })),
+};
+/**
+ * Dialog without description
+ */
+export const WithoutDescription = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open" }) }), _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Notification Settings" }) }), _jsx("div", { className: "py-4", children: _jsx("p", { className: "text-sm text-foreground", children: "Configure how you want to receive notifications." }) }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: fn(), children: "Save" }) })] })] })),
+};
+/**
+ * Dialog with long scrollable content
+ */
+export const WithLongContent = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "View Terms" }) }), _jsxs(DialogContent, { className: "max-h-[80vh] overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Terms and Conditions" }), _jsx(DialogDescription, { children: "Please read these terms and conditions carefully before using our service." })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', paddingTop: '1rem' }, children: [_jsxs("section", { children: [_jsx("h3", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "1. Introduction" }), _jsx("p", { style: { fontSize: '0.875rem', lineHeight: '1.5' }, children: "Welcome to our service. By accessing or using our service, you agree to be bound by these terms and conditions. If you disagree with any part of these terms, you may not access the service." })] }), _jsxs("section", { children: [_jsx("h3", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "2. Use License" }), _jsx("p", { style: { fontSize: '0.875rem', lineHeight: '1.5' }, children: "Permission is granted to temporarily download one copy of the materials on our service for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title." })] }), _jsxs("section", { children: [_jsx("h3", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "3. Disclaimer" }), _jsx("p", { style: { fontSize: '0.875rem', lineHeight: '1.5' }, children: "The materials on our service are provided on an 'as is' basis. We make no warranties, expressed or implied, and hereby disclaim and negate all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property." })] }), _jsxs("section", { children: [_jsx("h3", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "4. Limitations" }), _jsx("p", { style: { fontSize: '0.875rem', lineHeight: '1.5' }, children: "In no event shall we or our suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on our service." })] }), _jsxs("section", { children: [_jsx("h3", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "5. Revisions" }), _jsx("p", { style: { fontSize: '0.875rem', lineHeight: '1.5' }, children: "The materials appearing on our service could include technical, typographical, or photographic errors. We do not warrant that any of the materials on our service are accurate, complete, or current." })] })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Decline" }) }), _jsx(Button, { onClick: fn(), children: "Accept" })] })] })] })),
+};
+/**
+ * Simple confirmation dialog
+ */
+export const Confirmation = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Logout" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirm Logout" }), _jsx(DialogDescription, { children: "Are you sure you want to logout?" })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { onClick: fn(), children: "Logout" })] })] })] })),
+};
+/**
+ * Dialog with custom actions
+ */
+export const CustomActions = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Share Document" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Share Document" }), _jsx(DialogDescription, { children: "Choose who can view this document and what permissions they have." })] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', paddingTop: '1rem' }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "share-email", children: "Email" }), _jsx(Input, { id: "share-email", type: "email", placeholder: "colleague@example.com" })] }) }), _jsxs(DialogFooter, { style: { gap: '0.5rem' }, children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { variant: "secondary", onClick: fn(), children: "Copy Link" }), _jsx(Button, { onClick: fn(), children: "Send Invite" })] })] })] })),
+};
+/**
+ * Dialog showcase with different variants
+ */
+export const Showcase = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', gap: '1rem' }, children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Basic Dialog" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Basic Dialog" }), _jsx(DialogDescription, { children: "A simple dialog with minimal content." })] }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }) })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "With Form" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Form Dialog" }), _jsx(DialogDescription, { children: "Dialog containing form fields." })] }), _jsxs("div", { style: { paddingTop: '1rem' }, children: [_jsx(Label, { htmlFor: "showcase-input", children: "Name" }), _jsx(Input, { id: "showcase-input", placeholder: "Enter name" })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: fn(), children: "Submit" }) })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Delete Item" }), _jsx(DialogDescription, { children: "Are you sure? This action cannot be undone." })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { variant: "destructive", onClick: fn(), children: "Delete" })] })] })] })] })),
+};
+//# sourceMappingURL=dialog.stories.js.map

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

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

package/dist/components/input.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+/**
+ * Input component for text, email, password, etc.
+ *
+ * @example
+ * ```tsx
+ * <Input type="email" placeholder="Enter email" />
+ * ```
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAExD;;;;;;;GAOG;AACH,QAAA,MAAM,KAAK,qFAiBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}