@kala-ui/react 0.0.1-beta.1

package/dist/src/components/design-system/overview.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../accordion";
+import { Alert } from "../alert";
+import { Avatar, AvatarFallback, AvatarImage } from "../avatar";
+import { Badge } from "../badge";
+import { Breadcrumbs } from "../breadcrumbs";
+// Component imports for previews
+import { Button } from "../button";
+import { Card, CardContent, CardHeader, CardTitle } from "../card";
+import { Checkbox } from "../checkbox";
+import { Input } from "../input";
+import { Label } from "../label";
+import { Progress } from "../progress";
+import { RadioGroup, RadioGroupItem } from "../radio-group";
+import { Select, SelectTrigger, SelectValue } from "../select";
+import { Skeleton } from "../skeleton";
+import { Slider } from "../slider";
+import { Spinner } from "../spinner";
+import { Switch } from "../switch";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../table";
+import { Tabs, TabsList, TabsTrigger } from "../tabs";
+import { Textarea } from "../textarea";
+import { Toggle } from "../toggle";
+import { designSystemComponents } from "./design-system-utils";
+export const DesignSystemOverview = () => {
+    const renderComponentVariations = (componentName) => {
+        switch (componentName) {
+            case "Button":
+                return [
+                    _jsx(Button, { children: "Default" }, "default"),
+                    _jsx(Button, { variant: "secondary", children: "Secondary" }, "secondary"),
+                    _jsx(Button, { variant: "outline", children: "Outline" }, "outline"),
+                ];
+            case "Input":
+                return [
+                    _jsx(Input, { placeholder: "Default", className: "w-full" }, "default"),
+                    _jsx(Input, { placeholder: "With error", className: "w-full border-destructive" }, "error"),
+                    _jsx(Input, { placeholder: "Disabled", className: "w-full", disabled: true }, "disabled"),
+                ];
+            case "Textarea":
+                return [
+                    _jsx(Textarea, { placeholder: "Default", rows: 3, className: "w-full" }, "default"),
+                    _jsx(Textarea, { placeholder: "With error", rows: 3, className: "w-full border-destructive" }, "error"),
+                    _jsx(Textarea, { placeholder: "Disabled", rows: 3, className: "w-full", disabled: true }, "disabled"),
+                ];
+            case "Checkbox":
+                return [
+                    _jsx(Checkbox, {}, "unchecked"),
+                    _jsx(Checkbox, { defaultChecked: true }, "checked"),
+                    _jsx(Checkbox, { disabled: true }, "disabled"),
+                ];
+            case "Switch":
+                return [
+                    _jsx(Switch, {}, "unchecked"),
+                    _jsx(Switch, { defaultChecked: true }, "checked"),
+                    _jsx(Switch, { disabled: true }, "disabled"),
+                ];
+            case "Radio Group":
+                return [
+                    _jsx("div", { children: _jsxs(RadioGroup, { defaultValue: "1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "1", id: "r1" }), _jsx(Label, { htmlFor: "r1", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "2", id: "r2" }), _jsx(Label, { htmlFor: "r2", children: "Option 2" })] })] }) }, "vertical"),
+                    _jsx("div", { children: _jsxs(RadioGroup, { defaultValue: "1", className: "flex-row gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "1", id: "r3" }), _jsx(Label, { htmlFor: "r3", children: "Horizontal 1" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "2", id: "r4" }), _jsx(Label, { htmlFor: "r4", children: "Horizontal 2" })] })] }) }, "horizontal"),
+                ];
+            case "Select":
+                return [
+                    _jsx(Select, { children: _jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select..." }) }) }, "empty"),
+                    _jsx(Select, { children: _jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "With value" }) }) }, "with-value"),
+                    _jsx(Select, { disabled: true, children: _jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Disabled" }) }) }, "disabled"),
+                ];
+            case "Alert":
+                return [
+                    _jsx(Alert, { variant: "info", children: "Information alert message" }, "info"),
+                    _jsx(Alert, { variant: "warning", children: "Warning alert message" }, "warning"),
+                ];
+            case "Spinner":
+                return [_jsx(Spinner, {}, "default"), _jsx(Spinner, { size: "lg" }, "large")];
+            case "Skeleton":
+                return [
+                    _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[250px]" }), _jsx(Skeleton, { className: "h-4 w-[200px]" })] }, "short"),
+                    _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-4 w-1/2" })] }, "long"),
+                ];
+            case "Card":
+                return [
+                    _jsxs(Card, { className: "w-full", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-lg", children: "Default Card" }) }), _jsxs(CardContent, { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "A simple card component with header and content sections." }), _jsx("div", { className: "flex gap-2", children: _jsx(Button, { variant: "outline", size: "sm", children: "Learn More" }) })] })] }, "default"),
+                    _jsxs(Card, { className: "w-full border-primary", children: [_jsxs(CardHeader, { children: [_jsx("div", { className: "w-full h-32 rounded-md bg-muted/50 overflow-hidden", children: _jsx("img", { src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=200&fit=crop", alt: "Card", className: "w-full h-full object-cover" }) }), _jsx(CardTitle, { className: "text-lg mt-3", children: "Image Card" })] }), _jsxs(CardContent, { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-3", children: "Card with hero image and descriptive content." }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", children: "Action" }), _jsx(Button, { variant: "outline", size: "sm", children: "Cancel" })] })] })] }, "image"),
+                    _jsx(Card, { className: "w-full bg-linear-to-br from-primary/10 to-primary/5 border-primary/30", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "w-16 h-16 rounded-lg bg-primary/20 flex items-center justify-center", children: _jsxs("svg", { className: "w-8 h-8 text-primary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", role: "img", "aria-labelledby": "lightning-icon", children: [_jsx("title", { id: "lightning-icon", children: "Lightning bolt icon" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" })] }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "font-semibold mb-1", children: "Featured Item" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Elevated card style with gradient background and custom icon." })] })] }) }) }, "gradient"),
+                ];
+            case "Badge":
+                return [
+                    _jsx(Badge, { children: "Default" }, "default"),
+                    _jsx(Badge, { variant: "secondary", children: "Secondary" }, "secondary"),
+                    _jsx(Badge, { variant: "outline", children: "Outline" }, "outline"),
+                ];
+            case "Avatar":
+                return [
+                    _jsx(Avatar, { children: _jsx(AvatarFallback, { children: "JD" }) }, "fallback"),
+                    _jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/400?img=36" }), _jsx(AvatarFallback, { children: "JD" })] }, "image"),
+                    _jsxs(Avatar, { className: "ring-2 ring-primary", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/400?img=68" }), _jsx(AvatarFallback, { children: "AB" })] }, "ring"),
+                ];
+            case "Table":
+                return [
+                    _jsx("div", { children: _jsxs(Table, { className: "w-full", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Date" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "John Doe" }), _jsx(TableCell, { children: _jsx(Badge, { children: "Active" }) }), _jsx(TableCell, { children: "2024-01-15" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Jane Smith" }), _jsx(TableCell, { children: _jsx(Badge, { variant: "secondary", children: "Inactive" }) }), _jsx(TableCell, { children: "2024-01-16" })] })] })] }) }, "default"),
+                ];
+            case "Breadcrumbs":
+                return [
+                    _jsx(Breadcrumbs, { items: [
+                            { label: "Home", href: "/" },
+                            { label: "Products", href: "/" },
+                            { label: "Details" },
+                        ] }, "products"),
+                    _jsx(Breadcrumbs, { items: [
+                            { label: "Dashboard", href: "/" },
+                            { label: "Settings", href: "/" },
+                            { label: "Profile" },
+                        ] }, "settings"),
+                ];
+            case "Tabs":
+                return [
+                    _jsx(Tabs, { defaultValue: "1", className: "w-full", children: _jsxs(TabsList, { className: "w-full justify-start", children: [_jsx(TabsTrigger, { value: "1", children: "Tab 1" }), _jsx(TabsTrigger, { value: "2", children: "Tab 2" })] }) }, "two-tabs"),
+                    _jsx(Tabs, { defaultValue: "1", className: "w-full", children: _jsxs(TabsList, { className: "w-full justify-start", children: [_jsx(TabsTrigger, { value: "1", children: "Overview" }), _jsx(TabsTrigger, { value: "2", children: "Details" }), _jsx(TabsTrigger, { value: "3", children: "Settings" })] }) }, "three-tabs"),
+                ];
+            case "Accordion":
+                return [
+                    _jsxs(Accordion, { type: "single", className: "w-full", children: [_jsxs(AccordionItem, { value: "1", children: [_jsx(AccordionTrigger, { children: "Section 1" }), _jsx(AccordionContent, { children: "Content for section 1" })] }), _jsxs(AccordionItem, { value: "2", children: [_jsx(AccordionTrigger, { children: "Section 2" }), _jsx(AccordionContent, { children: "Content for section 2" })] })] }, "single"),
+                    _jsx(Accordion, { type: "multiple", className: "w-full", children: _jsxs(AccordionItem, { value: "1", children: [_jsx(AccordionTrigger, { children: "Expandable 1" }), _jsx(AccordionContent, { children: "Multiple sections can be open" })] }) }, "multiple"),
+                ];
+            case "Progress":
+                return [
+                    _jsxs("div", { className: "space-y-2 w-full", children: [_jsx(Progress, { value: 33 }), _jsx(Progress, { value: 66 }), _jsx(Progress, { value: 100 })] }, "progress-bars"),
+                ];
+            case "Slider":
+                return [
+                    _jsxs("div", { className: "space-y-4 w-full", children: [_jsx(Slider, { defaultValue: [50] }), _jsx(Slider, { defaultValue: [25, 75] }), _jsx(Slider, { defaultValue: [40], disabled: true })] }, "sliders"),
+                ];
+            case "Toggle":
+                return [
+                    _jsx(Toggle, { children: "Default" }, "default"),
+                    _jsx(Toggle, { variant: "outline", children: "Outline" }, "outline"),
+                    _jsx(Toggle, { pressed: true, children: "Pressed" }, "pressed"),
+                ];
+            default:
+                return [
+                    _jsx("span", { className: "text-sm text-muted-foreground", children: "Preview" }, "preview"),
+                ];
+        }
+    };
+    const getGridClass = (componentName) => {
+        const gridMap = {
+            Button: "col-span-1 md:col-span-2",
+            Input: "col-span-1 md:col-span-2",
+            Textarea: "col-span-1 md:col-span-2",
+            Checkbox: "col-span-1",
+            Switch: "col-span-1",
+            "Radio Group": "col-span-1 md:col-span-2",
+            Select: "col-span-1 md:col-span-2",
+            Alert: "col-span-1 md:col-span-3 lg:col-span-4",
+            Spinner: "col-span-1",
+            Skeleton: "col-span-1 md:col-span-2",
+            Card: "col-span-1 md:col-span-2 lg:col-span-3",
+            Badge: "col-span-1",
+            Avatar: "col-span-1",
+            Table: "col-span-1 md:col-span-3 lg:col-span-4",
+            Breadcrumbs: "col-span-1 md:col-span-3 lg:col-span-4",
+            Tabs: "col-span-1 md:col-span-2 lg:col-span-3",
+            Accordion: "col-span-1 md:col-span-2 lg:col-span-3",
+            Progress: "col-span-1 md:col-span-2 lg:col-span-3",
+            Slider: "col-span-1 md:col-span-2 lg:col-span-3",
+            Toggle: "col-span-1 md:col-span-2",
+        };
+        return gridMap[componentName] || "col-span-1";
+    };
+    return (_jsx("div", { className: "container mx-auto px-4 py-8", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: designSystemComponents.map((component) => (_jsx("div", { className: `${getGridClass(component.name)} p-6 border border-border/50 bg-background`, children: _jsx("div", { className: "space-y-4", children: renderComponentVariations(component.name).map((variation, idx) => (_jsx("div", { className: "flex items-center justify-center", children: variation }, idx))) }) }, component.name))) }) }));
+};
+//# sourceMappingURL=overview.js.map

package/dist/src/components/design-system/overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.js","sourceRoot":"","sources":["../../../../src/components/design-system/overview.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,iCAAiC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACxC,MAAM,yBAAyB,GAAG,CACjC,aAAqB,EACD,EAAE;QACtB,QAAQ,aAAa,EAAE,CAAC;YACvB,KAAK,QAAQ;gBACZ,OAAO;oBACN,KAAC,MAAM,2BAAK,SAAS,CAAiB;oBACtC,KAAC,MAAM,IAAiB,OAAO,EAAC,WAAW,2BAA/B,WAAW,CAEd;oBACT,KAAC,MAAM,IAAe,OAAO,EAAC,SAAS,yBAA3B,SAAS,CAEZ;iBACT,CAAC;YACH,KAAK,OAAO;gBACX,OAAO;oBACN,KAAC,KAAK,IAAe,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,IAAlD,SAAS,CAA4C;oBAChE,KAAC,KAAK,IAEL,WAAW,EAAC,YAAY,EACxB,SAAS,EAAC,2BAA2B,IAFjC,OAAO,CAGV;oBACF,KAAC,KAAK,IAEL,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,QAAQ,EAClB,QAAQ,UAHJ,UAAU,CAIb;iBACF,CAAC;YACH,KAAK,UAAU;gBACd,OAAO;oBACN,KAAC,QAAQ,IAER,WAAW,EAAC,SAAS,EACrB,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,QAAQ,IAHd,SAAS,CAIZ;oBACF,KAAC,QAAQ,IAER,WAAW,EAAC,YAAY,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,2BAA2B,IAHjC,OAAO,CAIV;oBACF,KAAC,QAAQ,IAER,WAAW,EAAC,UAAU,EACtB,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,QAAQ,EAClB,QAAQ,UAJJ,UAAU,CAKb;iBACF,CAAC;YACH,KAAK,UAAU;gBACd,OAAO;oBACN,KAAC,QAAQ,MAAK,WAAW,CAAG;oBAC5B,KAAC,QAAQ,IAAe,cAAc,UAAxB,SAAS,CAAkB;oBACzC,KAAC,QAAQ,IAAgB,QAAQ,UAAnB,UAAU,CAAY;iBACpC,CAAC;YACH,KAAK,QAAQ;gBACZ,OAAO;oBACN,KAAC,MAAM,MAAK,WAAW,CAAG;oBAC1B,KAAC,MAAM,IAAe,cAAc,UAAxB,SAAS,CAAkB;oBACvC,KAAC,MAAM,IAAgB,QAAQ,UAAnB,UAAU,CAAY;iBAClC,CAAC;YACH,KAAK,aAAa;gBACjB,OAAO;oBACN,wBACC,MAAC,UAAU,IAAC,YAAY,EAAC,GAAG,aAC3B,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACpC,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,yBAAiB,IAC/B,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACpC,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,yBAAiB,IAC/B,IACM,IAVL,UAAU,CAWb;oBACN,wBACC,MAAC,UAAU,IAAC,YAAY,EAAC,GAAG,EAAC,SAAS,EAAC,gBAAgB,aACtD,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACpC,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,6BAAqB,IACnC,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACpC,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,6BAAqB,IACnC,IACM,IAVL,YAAY,CAWf;iBACN,CAAC;YACH,KAAK,QAAQ;gBACZ,OAAO;oBACN,KAAC,MAAM,cACN,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,YAChC,KAAC,WAAW,IAAC,WAAW,EAAC,WAAW,GAAG,GACxB,IAHL,OAAO,CAIV;oBACT,KAAC,MAAM,cACN,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,YAChC,KAAC,WAAW,IAAC,WAAW,EAAC,YAAY,GAAG,GACzB,IAHL,YAAY,CAIf;oBACT,KAAC,MAAM,IAAgB,QAAQ,kBAC9B,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,YAChC,KAAC,WAAW,IAAC,WAAW,EAAC,UAAU,GAAG,GACvB,IAHL,UAAU,CAIb;iBACT,CAAC;YACH,KAAK,OAAO;gBACX,OAAO;oBACN,KAAC,KAAK,IAAY,OAAO,EAAC,MAAM,2CAArB,MAAM,CAET;oBACR,KAAC,KAAK,IAAe,OAAO,EAAC,SAAS,uCAA3B,SAAS,CAEZ;iBACR,CAAC;YACH,KAAK,SAAS;gBACb,OAAO,CAAC,KAAC,OAAO,MAAK,SAAS,CAAG,EAAE,KAAC,OAAO,IAAa,IAAI,EAAC,IAAI,IAAjB,OAAO,CAAa,CAAC,CAAC;YACvE,KAAK,UAAU;gBACd,OAAO;oBACN,eAAiB,SAAS,EAAC,WAAW,aACrC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,KAF9B,OAAO,CAGV;oBACN,eAAgB,SAAS,EAAC,WAAW,aACpC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,KAH1B,MAAM,CAIT;iBACN,CAAC;YACH,KAAK,MAAM;gBACV,OAAO;oBACN,MAAC,IAAI,IAAe,SAAS,EAAC,QAAQ,aACrC,KAAC,UAAU,cACV,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,6BAAyB,GAC3C,EACb,MAAC,WAAW,eACX,YAAG,SAAS,EAAC,oCAAoC,0EAE7C,EACJ,cAAK,SAAS,EAAC,YAAY,YAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,2BAE1B,GACJ,IACO,KAbL,SAAS,CAcZ;oBACP,MAAC,IAAI,IAAa,SAAS,EAAC,uBAAuB,aAClD,MAAC,UAAU,eACV,cAAK,SAAS,EAAC,oDAAoD,YAClE,cACC,GAAG,EAAC,mFAAmF,EACvF,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,4BAA4B,GACrC,GACG,EACN,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,2BAAuB,IAC9C,EACb,MAAC,WAAW,eACX,YAAG,SAAS,EAAC,oCAAoC,8DAE7C,EACJ,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,uBAAgB,EACjC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,uBAE1B,IACJ,IACO,KArBL,OAAO,CAsBV;oBACP,KAAC,IAAI,IAEJ,SAAS,EAAC,uEAAuE,YAEjF,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,YAC5B,eAAK,SAAS,EAAC,wBAAwB,aACtC,cAAK,SAAS,EAAC,qEAAqE,YACnF,eACC,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,KAAK,qBACM,gBAAgB,aAEhC,gBAAO,EAAE,EAAC,gBAAgB,oCAA4B,EACtD,eACC,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,4BAA4B,GAC7B,IACG,GACD,EACN,eAAK,SAAS,EAAC,QAAQ,aACtB,aAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,YAAG,SAAS,EAAC,+BAA+B,8EAGxC,IACC,IACD,GACO,IA/BV,UAAU,CAgCR;iBACP,CAAC;YACH,KAAK,OAAO;gBACX,OAAO;oBACN,KAAC,KAAK,2BAAK,SAAS,CAAgB;oBACpC,KAAC,KAAK,IAAiB,OAAO,EAAC,WAAW,2BAA/B,WAAW,CAEd;oBACR,KAAC,KAAK,IAAe,OAAO,EAAC,SAAS,yBAA3B,SAAS,CAEZ;iBACR,CAAC;YACH,KAAK,QAAQ;gBACZ,OAAO;oBACN,KAAC,MAAM,cACN,KAAC,cAAc,qBAAoB,IADxB,UAAU,CAEb;oBACT,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,kCAAkC,GAAG,EACtD,KAAC,cAAc,qBAAoB,KAFxB,OAAO,CAGV;oBACT,MAAC,MAAM,IAAY,SAAS,EAAC,qBAAqB,aACjD,KAAC,WAAW,IAAC,GAAG,EAAC,kCAAkC,GAAG,EACtD,KAAC,cAAc,qBAAoB,KAFxB,MAAM,CAGT;iBACT,CAAC;YACH,KAAK,OAAO;gBACX,OAAO;oBACN,wBACC,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,aACxB,KAAC,WAAW,cACX,MAAC,QAAQ,eACR,KAAC,SAAS,uBAAiB,EAC3B,KAAC,SAAS,yBAAmB,EAC7B,KAAC,SAAS,uBAAiB,IACjB,GACE,EACd,MAAC,SAAS,eACT,MAAC,QAAQ,eACR,KAAC,SAAS,2BAAqB,EAC/B,KAAC,SAAS,cACT,KAAC,KAAK,yBAAe,GACV,EACZ,KAAC,SAAS,6BAAuB,IACvB,EACX,MAAC,QAAQ,eACR,KAAC,SAAS,6BAAuB,EACjC,KAAC,SAAS,cACT,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,yBAAiB,GAChC,EACZ,KAAC,SAAS,6BAAuB,IACvB,IACA,IACL,IAzBA,SAAS,CA0BZ;iBACN,CAAC;YACH,KAAK,aAAa;gBACjB,OAAO;oBACN,KAAC,WAAW,IAEX,KAAK,EAAE;4BACN,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;4BAC5B,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE;4BAChC,EAAE,KAAK,EAAE,SAAS,EAAE;yBACpB,IALG,UAAU,CAMb;oBACF,KAAC,WAAW,IAEX,KAAK,EAAE;4BACN,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;4BACjC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE;4BAChC,EAAE,KAAK,EAAE,SAAS,EAAE;yBACpB,IALG,UAAU,CAMb;iBACF,CAAC;YACH,KAAK,MAAM;gBACV,OAAO;oBACN,KAAC,IAAI,IAAgB,YAAY,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,YACvD,MAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,aACzC,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,sBAAoB,EAC1C,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,sBAAoB,IAChC,IAJF,UAAU,CAKb;oBACP,KAAC,IAAI,IAAkB,YAAY,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,YACzD,MAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,aACzC,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,yBAAuB,EAC7C,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,wBAAsB,EAC5C,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,yBAAuB,IACnC,IALF,YAAY,CAMf;iBACP,CAAC;YACH,KAAK,WAAW;gBACf,OAAO;oBACN,MAAC,SAAS,IAAc,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,aACvD,MAAC,aAAa,IAAC,KAAK,EAAC,GAAG,aACvB,KAAC,gBAAgB,4BAA6B,EAC9C,KAAC,gBAAgB,wCAAyC,IAC3C,EAChB,MAAC,aAAa,IAAC,KAAK,EAAC,GAAG,aACvB,KAAC,gBAAgB,4BAA6B,EAC9C,KAAC,gBAAgB,wCAAyC,IAC3C,KARF,QAAQ,CASX;oBACZ,KAAC,SAAS,IAAgB,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,YAC3D,MAAC,aAAa,IAAC,KAAK,EAAC,GAAG,aACvB,KAAC,gBAAgB,+BAAgC,EACjD,KAAC,gBAAgB,gDAAiD,IACnD,IAJF,UAAU,CAKb;iBACZ,CAAC;YACH,KAAK,UAAU;gBACd,OAAO;oBACN,eAAyB,SAAS,EAAC,kBAAkB,aACpD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAI,EACvB,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAI,EACvB,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,KAHhB,eAAe,CAIlB;iBACN,CAAC;YACH,KAAK,QAAQ;gBACZ,OAAO;oBACN,eAAmB,SAAS,EAAC,kBAAkB,aAC9C,KAAC,MAAM,IAAC,YAAY,EAAE,CAAC,EAAE,CAAC,GAAI,EAC9B,KAAC,MAAM,IAAC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAClC,KAAC,MAAM,IAAC,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,SAAG,KAH/B,SAAS,CAIZ;iBACN,CAAC;YACH,KAAK,QAAQ;gBACZ,OAAO;oBACN,KAAC,MAAM,2BAAK,SAAS,CAAiB;oBACtC,KAAC,MAAM,IAAe,OAAO,EAAC,SAAS,yBAA3B,SAAS,CAEZ;oBACT,KAAC,MAAM,IAAe,OAAO,+BAAjB,SAAS,CAEZ;iBACT,CAAC;YACH;gBACC,OAAO;oBACN,eAAoB,SAAS,EAAC,+BAA+B,yBAAnD,SAAS,CAEZ;iBACP,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAU,EAAE;QACtD,MAAM,OAAO,GAA2B;YACvC,MAAM,EAAE,0BAA0B;YAClC,KAAK,EAAE,0BAA0B;YACjC,QAAQ,EAAE,0BAA0B;YACpC,QAAQ,EAAE,YAAY;YACtB,MAAM,EAAE,YAAY;YACpB,aAAa,EAAE,0BAA0B;YACzC,MAAM,EAAE,0BAA0B;YAClC,KAAK,EAAE,wCAAwC;YAC/C,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,0BAA0B;YACpC,IAAI,EAAE,wCAAwC;YAC9C,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,wCAAwC;YAC/C,WAAW,EAAE,wCAAwC;YACrD,IAAI,EAAE,wCAAwC;YAC9C,SAAS,EAAE,wCAAwC;YACnD,QAAQ,EAAE,wCAAwC;YAClD,MAAM,EAAE,wCAAwC;YAChD,MAAM,EAAE,0BAA0B;SAClC,CAAC;QACF,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACN,cAAK,SAAS,EAAC,6BAA6B,YAE3C,cAAK,SAAS,EAAC,+DAA+D,YAC5E,sBAAsB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC1C,cAEC,SAAS,EAAE,GAAG,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,4CAA4C,YAEtF,cAAK,SAAS,EAAC,WAAW,YACxB,yBAAyB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAC7C,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,CACnB,cAAe,SAAS,EAAC,kCAAkC,YACzD,SAAS,IADD,GAAG,CAEP,CACN,CACD,GACI,IAXD,SAAS,CAAC,IAAI,CAYd,CACN,CAAC,GACG,GACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/src/components/design-system/phase-5-skeletons.stories.d.ts

@@ -0,0 +1,29 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NavigationHorizontal: Story;
+export declare const NavigationVertical: Story;
+export declare const NavigationNested: Story;
+export declare const SidebarExpanded: Story;
+export declare const SidebarCollapsed: Story;
+export declare const Header: Story;
+export declare const Breadcrumbs: Story;
+export declare const StepsHorizontal: Story;
+export declare const StepsVertical: Story;
+export declare const TabsDefault: Story;
+export declare const TabsPills: Story;
+export declare const Accordion: Story;
+export declare const Calendar: Story;
+export declare const Pagination: Story;
+export declare const Dialog: Story;
+export declare const Drawer: Story;
+export declare const Popover: Story;
+export declare const AllSkeletons: Story;
+//# sourceMappingURL=phase-5-skeletons.stories.d.ts.map

package/dist/src/components/design-system/phase-5-skeletons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phase-5-skeletons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/phase-5-skeletons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcvD,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0D1B,CAAC"}

package/dist/src/components/design-system/phase-5-skeletons.stories.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccordionSkeleton } from "../accordion";
+import { BreadcrumbsSkeleton } from "../breadcrumbs";
+import { CalendarSkeleton } from "../calendar";
+import { DialogSkeleton } from "../dialog";
+import { DrawerSkeleton } from "../drawer";
+import { HeaderSkeleton } from "../header";
+import { NavigationSkeleton } from "../navigation";
+import { PaginationSkeleton } from "../pagination";
+import { PopoverSkeleton } from "../popover";
+import { SidebarSkeleton } from "../sidebar";
+import { StepsSkeleton } from "../steps";
+import { TabsSkeleton } from "../tabs";
+const meta = {
+    title: "Loading States/Phase 5 Skeletons",
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const NavigationHorizontal = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md", children: _jsx(NavigationSkeleton, { orientation: "horizontal", itemCount: 5 }) })),
+};
+export const NavigationVertical = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md w-64", children: _jsx(NavigationSkeleton, { orientation: "vertical", itemCount: 6, showIcons: true, showBadges: true }) })),
+};
+export const NavigationNested = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md w-64", children: _jsx(NavigationSkeleton, { orientation: "vertical", itemCount: 4, showIcons: true, nested: true }) })),
+};
+export const SidebarExpanded = {
+    render: () => (_jsx("div", { className: "h-screen border rounded-md overflow-hidden", children: _jsx(SidebarSkeleton, { sectionCount: 3, itemsPerSection: 4 }) })),
+};
+export const SidebarCollapsed = {
+    render: () => (_jsx("div", { className: "h-screen border rounded-md overflow-hidden", children: _jsx(SidebarSkeleton, { collapsed: true, sectionCount: 3, itemsPerSection: 4 }) })),
+};
+export const Header = {
+    render: () => (_jsx(HeaderSkeleton, { showNavigation: true, navItemCount: 4, showSearch: true, showNotifications: true, showUserMenu: true })),
+};
+export const Breadcrumbs = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md", children: _jsx(BreadcrumbsSkeleton, { depth: 4, showHome: true }) })),
+};
+export const StepsHorizontal = {
+    render: () => (_jsx("div", { className: "p-8 border rounded-md", children: _jsx(StepsSkeleton, { stepCount: 4, orientation: "horizontal", showLabels: true }) })),
+};
+export const StepsVertical = {
+    render: () => (_jsx("div", { className: "p-8 border rounded-md", children: _jsx(StepsSkeleton, { stepCount: 4, orientation: "vertical", showLabels: true }) })),
+};
+export const TabsDefault = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md", children: _jsx(TabsSkeleton, { tabCount: 4, variant: "default", showContent: true, contentRows: 4 }) })),
+};
+export const TabsPills = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md", children: _jsx(TabsSkeleton, { tabCount: 3, variant: "pills", showContent: true, contentRows: 3 }) })),
+};
+export const Accordion = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md", children: _jsx(AccordionSkeleton, { itemCount: 4, defaultExpanded: true, contentRows: 3 }) })),
+};
+export const Calendar = {
+    render: () => (_jsx("div", { className: "border rounded-md inline-block", children: _jsx(CalendarSkeleton, { showHeader: true, showDayLabels: true, weekCount: 5 }) })),
+};
+export const Pagination = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md flex justify-center", children: _jsx(PaginationSkeleton, { pageCount: 5, showPrevNext: true, showInfo: true }) })),
+};
+export const Dialog = {
+    render: () => (_jsx("div", { className: "p-8 border rounded-md max-w-md mx-auto", children: _jsx(DialogSkeleton, { showHeader: true, showFooter: true, contentRows: 5 }) })),
+};
+export const Drawer = {
+    render: () => (_jsx("div", { className: "p-8 border rounded-md max-w-md mx-auto", children: _jsx(DrawerSkeleton, { showHeader: true, showFooter: true, contentRows: 6 }) })),
+};
+export const Popover = {
+    render: () => (_jsx("div", { className: "p-4 border rounded-md inline-block", children: _jsx(PopoverSkeleton, { contentRows: 4, compact: true }) })),
+};
+export const AllSkeletons = {
+    render: () => (_jsxs("div", { className: "space-y-8 p-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Navigation (Horizontal)" }), _jsx(NavigationSkeleton, { orientation: "horizontal", itemCount: 5 })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Header" }), _jsx(HeaderSkeleton, { showNavigation: true, navItemCount: 4, showSearch: true, showUserMenu: true })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Breadcrumbs" }), _jsx(BreadcrumbsSkeleton, { depth: 3, showHome: true })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Steps (Horizontal)" }), _jsx(StepsSkeleton, { stepCount: 4, orientation: "horizontal", showLabels: true })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Tabs" }), _jsx(TabsSkeleton, { tabCount: 4, variant: "default", showContent: true })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Accordion" }), _jsx(AccordionSkeleton, { itemCount: 3 })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Pagination" }), _jsx("div", { className: "flex justify-center", children: _jsx(PaginationSkeleton, { pageCount: 5, showPrevNext: true }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Calendar" }), _jsx(CalendarSkeleton, { showHeader: true, showDayLabels: true })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Dialog" }), _jsx(DialogSkeleton, { showHeader: true, showFooter: true, contentRows: 4 })] })] })] })),
+};
+//# sourceMappingURL=phase-5-skeletons.stories.js.map

package/dist/src/components/design-system/phase-5-skeletons.stories.js.map

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

package/dist/src/components/design-system.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Visual overview of all components in the design system.
+ */
+export declare const Overview: Story;
+//# sourceMappingURL=design-system.stories.d.ts.map

package/dist/src/components/design-system.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system.stories.d.ts","sourceRoot":"","sources":["../../../src/components/design-system.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/src/components/design-system.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DesignSystemOverview } from "./design-system/overview";
+const meta = {
+    title: "Design System",
+    tags: ["autodocs"],
+    parameters: {
+        layout: "fullscreen",
+    },
+};
+export default meta;
+/**
+ * Visual overview of all components in the design system.
+ */
+export const Overview = {
+    render: () => _jsx(DesignSystemOverview, {}),
+};
+//# sourceMappingURL=design-system.stories.js.map

package/dist/src/components/design-system.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system.stories.js","sourceRoot":"","sources":["../../../src/components/design-system.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACX,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,oBAAoB,KAAG;CACtC,CAAC"}

package/dist/src/components/dialog/dialog-skeleton.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Dialog Skeleton Component
+ *
+ * Loading placeholder for the Dialog component.
+ * Supports header, body, and footer sections.
+ */
+export interface DialogSkeletonConfig {
+    /**
+     * Show dialog header
+     * @default true
+     */
+    showHeader?: boolean;
+    /**
+     * Show dialog footer
+     * @default true
+     */
+    showFooter?: boolean;
+    /**
+     * Number of content rows
+     * @default 4
+     */
+    contentRows?: number;
+}
+export interface DialogSkeletonProps extends DialogSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Dialog skeleton component
+ *
+ * @example
+ * ```tsx
+ * <DialogSkeleton contentRows={4} />
+ *
+ * <DialogSkeleton showHeader={false} contentRows={6} />
+ * ```
+ */
+export declare function DialogSkeleton({ showHeader, showFooter, contentRows, className, "data-testid": dataTestId, }: DialogSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dialog-skeleton.d.ts.map

package/dist/src/components/dialog/dialog-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,WAAW,oBAAoB;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC9B,UAAiB,EACjB,UAAiB,EACjB,WAAe,EACf,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,mBAAmB,2CA2CrB"}

package/dist/src/components/dialog/dialog-skeleton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Dialog Skeleton Component
+ *
+ * Loading placeholder for the Dialog component.
+ * Supports header, body, and footer sections.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+/**
+ * Dialog skeleton component
+ *
+ * @example
+ * ```tsx
+ * <DialogSkeleton contentRows={4} />
+ *
+ * <DialogSkeleton showHeader={false} contentRows={6} />
+ * ```
+ */
+export function DialogSkeleton({ showHeader = true, showFooter = true, contentRows = 4, className, "data-testid": dataTestId, }) {
+    return (_jsxs("section", { "data-testid": dataTestId || "dialog-skeleton", className: cn("space-y-4", className), "aria-label": "Loading dialog", "aria-busy": "true", children: [showHeader && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-6 w-48" }), _jsx(Skeleton, { className: "h-5 w-5 flex-shrink-0" })] })), _jsx("div", { className: "space-y-3", children: Array.from({ length: contentRows }).map((_, i) => (_jsx(Skeleton, { className: "h-4", style: {
+                        width: i === contentRows - 1
+                            ? "60%"
+                            : i === contentRows - 2
+                                ? "80%"
+                                : "100%",
+                    } }, `content-${i}`))) }), showFooter && (_jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Skeleton, { className: "h-10 w-24" }), _jsx(Skeleton, { className: "h-10 w-24" })] }))] }));
+}
+//# sourceMappingURL=dialog-skeleton.js.map

package/dist/src/components/dialog/dialog-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-skeleton.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA+BhD;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAC9B,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,CAAC,EACf,SAAS,EACT,aAAa,EAAE,UAAU,GACJ;IACrB,OAAO,CACN,kCACc,UAAU,IAAI,iBAAiB,EAC5C,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,gBAC1B,gBAAgB,eACjB,MAAM,aAGf,UAAU,IAAI,CACd,eAAK,SAAS,EAAC,mCAAmC,aACjD,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,GAAG,IACzC,CACN,EAGD,cAAK,SAAS,EAAC,WAAW,YACxB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClD,KAAC,QAAQ,IAER,SAAS,EAAC,KAAK,EACf,KAAK,EAAE;wBACN,KAAK,EACJ,CAAC,KAAK,WAAW,GAAG,CAAC;4BACpB,CAAC,CAAC,KAAK;4BACP,CAAC,CAAC,CAAC,KAAK,WAAW,GAAG,CAAC;gCACtB,CAAC,CAAC,KAAK;gCACP,CAAC,CAAC,MAAM;qBACX,IATI,WAAW,CAAC,EAAE,CAUlB,CACF,CAAC,GACG,EAGL,UAAU,IAAI,CACd,eAAK,SAAS,EAAC,wBAAwB,aACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,IAC7B,CACN,IACQ,CACV,CAAC;AACH,CAAC"}

package/dist/src/components/dialog/dialog-skeleton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dialog-skeleton.test.d.ts.map

package/dist/src/components/dialog/dialog-skeleton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-skeleton.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog-skeleton.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/dialog/dialog-skeleton.test.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { DialogSkeleton } from "./dialog-skeleton";
+describe("DialogSkeleton", () => {
+    it("should render with default props", () => {
+        render(_jsx(DialogSkeleton, {}));
+        const dialog = screen.getByTestId("dialog-skeleton");
+        expect(dialog).toBeInTheDocument();
+        expect(dialog).toHaveAttribute("aria-busy", "true");
+        expect(dialog).toHaveAttribute("aria-label", "Loading dialog");
+    });
+    it("should show header by default", () => {
+        const { container } = render(_jsx(DialogSkeleton, {}));
+        // Header contains title (w-48) and close button (w-5)
+        const header = container.querySelector(".h-6.w-48");
+        expect(header).toBeInTheDocument();
+    });
+    it("should hide header when showHeader is false", () => {
+        const { container } = render(_jsx(DialogSkeleton, { showHeader: false }));
+        const header = container.querySelector(".h-6.w-48");
+        expect(header).not.toBeInTheDocument();
+    });
+    it("should show footer by default", () => {
+        const { container } = render(_jsx(DialogSkeleton, {}));
+        const footer = container.querySelector(".justify-end.gap-2");
+        expect(footer).toBeInTheDocument();
+        // Footer should have 2 buttons
+        const buttons = container.querySelectorAll(".h-10.w-24");
+        expect(buttons).toHaveLength(2);
+    });
+    it("should hide footer when showFooter is false", () => {
+        const { container } = render(_jsx(DialogSkeleton, { showFooter: false }));
+        const footer = container.querySelector(".justify-end.gap-2");
+        expect(footer).not.toBeInTheDocument();
+    });
+    it("should render default 4 content rows", () => {
+        const { container } = render(_jsx(DialogSkeleton, {}));
+        const contentRows = container.querySelectorAll(".space-y-3 > *");
+        expect(contentRows).toHaveLength(4);
+    });
+    it("should render correct number of content rows", () => {
+        const { container } = render(_jsx(DialogSkeleton, { contentRows: 6 }));
+        const contentRows = container.querySelectorAll(".space-y-3 > *");
+        expect(contentRows).toHaveLength(6);
+    });
+    it("should apply custom className", () => {
+        render(_jsx(DialogSkeleton, { className: "custom-class" }));
+        const dialog = screen.getByTestId("dialog-skeleton");
+        expect(dialog).toHaveClass("custom-class");
+    });
+    it("should accept custom data-testid", () => {
+        render(_jsx(DialogSkeleton, { "data-testid": "custom-dialog-skeleton" }));
+        const dialog = screen.getByTestId("custom-dialog-skeleton");
+        expect(dialog).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=dialog-skeleton.test.js.map

package/dist/src/components/dialog/dialog-skeleton.test.js.map

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

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

@@ -0,0 +1,24 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, size, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+    size?: "sm" | "default" | "lg" | "xl";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, translationKey, ...props }: React.ComponentProps<typeof DialogPrimitive.Title> & {
+    /** Optional translation key for title text */
+    translationKey?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, descriptionKey, ...props }: React.ComponentProps<typeof DialogPrimitive.Description> & {
+    /** Optional translation key for description text */
+    descriptionKey?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogBody({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogBody, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,IAAgB,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CACtC,2CAoCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IACvD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,2CAWA;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7D,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,2CAQA;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AACD,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC"}

package/dist/src/components/dialog/dialog.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+function Dialog({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+    return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-30 bg-black/50 backdrop-blur-sm", className), ...props }));
+}
+function DialogContent({ className, children, showCloseButton = true, size = "default", ...props }) {
+    const sizeClasses = {
+        sm: "w-[90vw] max-w-sm",
+        default: "w-[90vw] max-w-lg",
+        lg: "w-[90vw] max-w-2xl",
+        xl: "w-[90vw] max-w-4xl",
+    };
+    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("bg-card text-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-30 flex flex-col max-h-[90vh] translate-x-[-50%] translate-y-[-50%] rounded-lg border duration-200 theme-card", sizeClasses[size], className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: cn("absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none p-1 hover:bg-accent", "focus-ring"), children: [_jsx(X, { className: "size-5", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+}
+function DialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-1.5 px-6 py-4 border-b", className), ...props }));
+}
+function DialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end px-6 py-4 border-t bg-muted/50 rounded-b-lg", className), ...props }));
+}
+function DialogTitle({ className, translationKey, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className), ...props }));
+}
+function DialogDescription({ className, descriptionKey, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-sm leading-relaxed text-muted-foreground", className), ...props }));
+}
+function DialogBody({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-body", className: cn("flex-1 overflow-y-auto px-6 py-4 min-h-0", className), ...props }));
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogBody, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.js.map