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

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

@@ -1,13 +1,89 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "#shadcn/components/ui/button";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "#shadcn/components/ui/dialog";
-import { Input } from "#shadcn/components/ui/input";
-import { Label } from "#shadcn/components/ui/label";
+import { Button } from "./button.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
 const meta = {
-    title: "Component/Dialog",
+    title: "Component/Dialog"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsx(Dialog, { children: _jsxs("form", { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open Dialog" }) }), _jsxs(DialogContent, { className: "sm:max-w-[425px]", 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", { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-3", children: [_jsx(Label, { htmlFor: "name-1", children: "Name" }), _jsx(Input, { id: "name-1", name: "name", defaultValue: "Pedro Duarte" })] }), _jsxs("div", { className: "grid gap-3", children: [_jsx(Label, { htmlFor: "username-1", children: "Username" }), _jsx(Input, { id: "username-1", name: "username", defaultValue: "@peduarte" })] })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Cancel" }) }), _jsx(Button, { type: "submit", children: "Save changes" })] })] })] }) })),
+    render: ()=>/*#__PURE__*/ _jsx(Dialog, {
+            children: /*#__PURE__*/ _jsxs("form", {
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            children: "Open Dialog"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        className: "sm:max-w-[425px]",
+                        children: [
+                            /*#__PURE__*/ _jsxs(DialogHeader, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(DialogTitle, {
+                                        children: "Edit profile"
+                                    }),
+                                    /*#__PURE__*/ _jsx(DialogDescription, {
+                                        children: "Make changes to your profile here. Click save when you're done."
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "grid gap-4",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid gap-3",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "name-1",
+                                                children: "Name"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "name-1",
+                                                name: "name",
+                                                defaultValue: "Pedro Duarte"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid gap-3",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "username-1",
+                                                children: "Username"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "username-1",
+                                                name: "username",
+                                                defaultValue: "@peduarte"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(DialogFooter, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(DialogClose, {
+                                        asChild: true,
+                                        children: /*#__PURE__*/ _jsx(Button, {
+                                            variant: "secondary",
+                                            children: "Cancel"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        type: "submit",
+                                        children: "Save changes"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
 };
+
 //# sourceMappingURL=dialog.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACb,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;CACV,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,MAAM,cACN,2BACC,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,4BAAqB,GACjC,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,aAC1C,MAAC,YAAY,eACZ,KAAC,WAAW,+BAA2B,EACvC,KAAC,iBAAiB,kFAGE,IACN,EACf,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,qBAAa,EACpC,KAAC,KAAK,IAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,YAAY,EAAC,cAAc,GAAG,IACxD,EACN,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,YAAY,yBAAiB,EAC5C,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,UAAU,EAAC,YAAY,EAAC,WAAW,GAAG,IAC7D,IACD,EACN,MAAC,YAAY,eACZ,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,uBAAgB,GAC9B,EACd,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,6BAAsB,IAC7B,IACA,IACV,GACC,CACT;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogTitle,\n\tDialogTrigger,\n} from \"#shadcn/components/ui/dialog\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Dialog\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Dialog>\n\t\t\t<form>\n\t\t\t\t<DialogTrigger asChild>\n\t\t\t\t\t<Button variant=\"secondary\">Open Dialog</Button>\n\t\t\t\t</DialogTrigger>\n\t\t\t\t<DialogContent className=\"sm:max-w-[425px]\">\n\t\t\t\t\t<DialogHeader>\n\t\t\t\t\t\t<DialogTitle>Edit profile</DialogTitle>\n\t\t\t\t\t\t<DialogDescription>\n\t\t\t\t\t\t\tMake changes to your profile here. Click save when you&apos;re\n\t\t\t\t\t\t\tdone.\n\t\t\t\t\t\t</DialogDescription>\n\t\t\t\t\t</DialogHeader>\n\t\t\t\t\t<div className=\"grid gap-4\">\n\t\t\t\t\t\t<div className=\"grid gap-3\">\n\t\t\t\t\t\t\t<Label htmlFor=\"name-1\">Name</Label>\n\t\t\t\t\t\t\t<Input id=\"name-1\" name=\"name\" defaultValue=\"Pedro Duarte\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid gap-3\">\n\t\t\t\t\t\t\t<Label htmlFor=\"username-1\">Username</Label>\n\t\t\t\t\t\t\t<Input id=\"username-1\" name=\"username\" defaultValue=\"@peduarte\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<DialogFooter>\n\t\t\t\t\t\t<DialogClose asChild>\n\t\t\t\t\t\t\t<Button variant=\"secondary\">Cancel</Button>\n\t\t\t\t\t\t</DialogClose>\n\t\t\t\t\t\t<Button type=\"submit\">Save changes</Button>\n\t\t\t\t\t</DialogFooter>\n\t\t\t\t</DialogContent>\n\t\t\t</form>\n\t\t</Dialog>\n\t),\n} satisfies Story;\n"],"names":["Button","Dialog","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","Input","Label","meta","title","Demo","render","form","asChild","variant","className","div","htmlFor","id","name","defaultValue","type"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,aAAa,QACP,cAA+B;AACtC,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACb;sBACA,cAAA,MAACc;;kCACA,KAACP;wBAAcQ,OAAO;kCACrB,cAAA,KAAChB;4BAAOiB,SAAQ;sCAAY;;;kCAE7B,MAACd;wBAAce,WAAU;;0CACxB,MAACZ;;kDACA,KAACC;kDAAY;;kDACb,KAACH;kDAAkB;;;;0CAKpB,MAACe;gCAAID,WAAU;;kDACd,MAACC;wCAAID,WAAU;;0DACd,KAACR;gDAAMU,SAAQ;0DAAS;;0DACxB,KAACX;gDAAMY,IAAG;gDAASC,MAAK;gDAAOC,cAAa;;;;kDAE7C,MAACJ;wCAAID,WAAU;;0DACd,KAACR;gDAAMU,SAAQ;0DAAa;;0DAC5B,KAACX;gDAAMY,IAAG;gDAAaC,MAAK;gDAAWC,cAAa;;;;;;0CAGtD,MAAClB;;kDACA,KAACH;wCAAYc,OAAO;kDACnB,cAAA,KAAChB;4CAAOiB,SAAQ;sDAAY;;;kDAE7B,KAACjB;wCAAOwB,MAAK;kDAAS;;;;;;;;;AAM5B,EAAkB"}

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

@@ -1,35 +1,84 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Drawer({ ...props }) {
-    return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, {
+        "data-slot": "drawer",
+        ...props
+    });
 }
 function DrawerTrigger({ ...props }) {
-    return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Trigger, {
+        "data-slot": "drawer-trigger",
+        ...props
+    });
 }
 function DrawerPortal({ ...props }) {
-    return _jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Portal, {
+        "data-slot": "drawer-portal",
+        ...props
+    });
 }
 function DrawerClose({ ...props }) {
-    return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Close, {
+        "data-slot": "drawer-close",
+        ...props
+    });
 }
 function DrawerOverlay({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-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-50 bg-black/50", className), ...props }));
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, {
+        "data-slot": "drawer-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-50 bg-black/50", className),
+        ...props
+    });
 }
 function DrawerContent({ className, children, ...props }) {
-    return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className), ...props, children: [_jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
+    return /*#__PURE__*/ _jsxs(DrawerPortal, {
+        "data-slot": "drawer-portal",
+        children: [
+            /*#__PURE__*/ _jsx(DrawerOverlay, {}),
+            /*#__PURE__*/ _jsxs(DrawerPrimitive.Content, {
+                "data-slot": "drawer-content",
+                className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
+                ...props,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
 }
 function DrawerHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "drawer-header",
+        className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+        ...props
+    });
 }
 function DrawerFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "drawer-footer",
+        className: cn("mt-auto flex flex-col gap-2 p-4", className),
+        ...props
+    });
 }
 function DrawerTitle({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Title, { "data-slot": "drawer-title", className: cn("text-foreground font-semibold", className), ...props }));
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Title, {
+        "data-slot": "drawer-title",
+        className: cn("text-foreground font-semibold", className),
+        ...props
+    });
 }
 function DrawerDescription({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+    return /*#__PURE__*/ _jsx(DrawerPrimitive.Description, {
+        "data-slot": "drawer-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
 }
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription };
+
 //# sourceMappingURL=drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,MAAM,CAAC,EACf,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,KAAK,KAAK,GAAI,CAAC;AAC/D,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAC;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EAC4C;IACpD,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAC;AACtE,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,KAAC,eAAe,CAAC,OAAO,iBACb,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,wJAAwJ,EACxJ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,MAAC,YAAY,iBAAW,eAAe,aACtC,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,iBACb,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,oEAAoE,EACpE,gQAAgQ,EAChQ,qRAAqR,EACrR,6NAA6N,EAC7N,uNAAuN,EACvN,SAAS,CACT,KACG,KAAK,aAET,cAAK,SAAS,EAAC,iIAAiI,GAAG,EAClJ,QAAQ,IACgB,IACZ,CACf,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACN,2BACW,eAAe,EACzB,SAAS,EAAE,EAAE,CACZ,0LAA0L,EAC1L,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACN,2BACW,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,KACvD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACN,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,eAAe,CAAC,WAAW,iBACjB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Drawer({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n\treturn <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n\treturn <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n\treturn <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tdata-slot=\"drawer-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal data-slot=\"drawer-portal\">\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tdata-slot=\"drawer-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn (\n\t\t<DrawerPrimitive.Title\n\t\t\tdata-slot=\"drawer-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tdata-slot=\"drawer-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"names":["Drawer","DrawerPrimitive","cn","props","Root","data-slot","DrawerTrigger","Trigger","DrawerPortal","Portal","DrawerClose","Close","DrawerOverlay","className","Overlay","DrawerContent","children","Content","div","DrawerHeader","DrawerFooter","DrawerTitle","Title","DrawerDescription","Description"],"mappings":";AACA,SAASA,UAAUC,eAAe,QAAQ,OAAO;AAEjD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASF,OAAO,EACf,GAAGG,OACgD;IACnD,qBAAO,KAACF,gBAAgBG,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACF,gBAAgBM,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACF,gBAAgBQ,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACF,gBAAgBU,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACF,gBAAgBa,OAAO;QACvBT,aAAU;QACVQ,WAAWX,GACV,0JACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACR,GAAGb,OACmD;IACtD,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACX,gBAAgBgB,OAAO;gBACvBZ,aAAU;gBACVQ,WAAWX,GACV,sEACA,kQACA,uRACA,+NACA,yNACAW;gBAEA,GAAGV,KAAK;;kCAET,KAACe;wBAAIL,WAAU;;oBACdG;;;;;AAIL;AAEA,SAASG,aAAa,EAAEN,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GACV,4LACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASiB,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GAAG,mCAAmCW;QAChD,GAAGV,KAAK;;AAGZ;AAEA,SAASkB,YAAY,EACpBR,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACF,gBAAgBqB,KAAK;QACrBjB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,kBAAkB,EAC1BV,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACF,gBAAgBuB,WAAW;QAC3BnB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCH,MAAM,EACNQ,YAAY,EACZI,aAAa,EACbN,aAAa,EACbI,WAAW,EACXK,aAAa,EACbI,YAAY,EACZC,YAAY,EACZC,WAAW,EACXE,iBAAiB,GAChB"}

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

@@ -2,37 +2,170 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Minus, Plus } from "lucide-react";
 import * as React from "react";
 import { Bar, BarChart, ResponsiveContainer } from "recharts";
-import { Button } from "#shadcn/components/ui/button";
-import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "#shadcn/components/ui/drawer";
+import { Button } from "./button.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "./drawer.js";
 const data = [
-    { goal: 400 },
-    { goal: 300 },
-    { goal: 200 },
-    { goal: 300 },
-    { goal: 200 },
-    { goal: 278 },
-    { goal: 189 },
-    { goal: 239 },
-    { goal: 300 },
-    { goal: 200 },
-    { goal: 278 },
-    { goal: 189 },
-    { goal: 349 },
+    {
+        goal: 400
+    },
+    {
+        goal: 300
+    },
+    {
+        goal: 200
+    },
+    {
+        goal: 300
+    },
+    {
+        goal: 200
+    },
+    {
+        goal: 278
+    },
+    {
+        goal: 189
+    },
+    {
+        goal: 239
+    },
+    {
+        goal: 300
+    },
+    {
+        goal: 200
+    },
+    {
+        goal: 278
+    },
+    {
+        goal: 189
+    },
+    {
+        goal: 349
+    }
 ];
 const meta = {
-    title: "Component/Drawer",
+    title: "Component/Drawer"
 };
 export default meta;
 export const Demo = {
-    render: () => {
+    render: ()=>{
         const [goal, setGoal] = React.useState(350);
         function onClick(adjustment) {
             setGoal(Math.max(200, Math.min(400, goal + adjustment)));
         }
-        return (_jsxs(Drawer, { children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open Drawer" }) }), _jsx(DrawerContent, { children: _jsxs("div", { className: "mx-auto w-full max-w-sm", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Move Goal" }), _jsx(DrawerDescription, { children: "Set your daily activity goal." })] }), _jsxs("div", { className: "p-4 pb-0", children: [_jsxs("div", { className: "flex items-center justify-center space-x-2", children: [_jsxs(Button, { variant: "secondary", size: "small", className: "h-8 w-8 shrink-0 rounded-full", onClick: () => onClick(-10), disabled: goal <= 200, children: [_jsx(Minus, {}), _jsx("span", { className: "sr-only", children: "Decrease" })] }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: "text-7xl font-bold tracking-tighter", children: goal }), _jsx("div", { className: "text-muted-foreground text-[0.70rem] uppercase", children: "Calories/day" })] }), _jsxs(Button, { variant: "secondary", size: "small", className: "h-8 w-8 shrink-0 rounded-full", onClick: () => onClick(10), disabled: goal >= 400, children: [_jsx(Plus, {}), _jsx("span", { className: "sr-only", children: "Increase" })] })] }), _jsx("div", { className: "mt-3 h-[120px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsx(BarChart, { data: data, children: _jsx(Bar, { dataKey: "goal", style: {
+        return /*#__PURE__*/ _jsxs(Drawer, {
+            children: [
+                /*#__PURE__*/ _jsx(DrawerTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "secondary",
+                        children: "Open Drawer"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(DrawerContent, {
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "mx-auto w-full max-w-sm",
+                        children: [
+                            /*#__PURE__*/ _jsxs(DrawerHeader, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(DrawerTitle, {
+                                        children: "Move Goal"
+                                    }),
+                                    /*#__PURE__*/ _jsx(DrawerDescription, {
+                                        children: "Set your daily activity goal."
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "p-4 pb-0",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex items-center justify-center space-x-2",
+                                        children: [
+                                            /*#__PURE__*/ _jsxs(Button, {
+                                                variant: "secondary",
+                                                size: "small",
+                                                className: "h-8 w-8 shrink-0 rounded-full",
+                                                onClick: ()=>onClick(-10),
+                                                disabled: goal <= 200,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Minus, {}),
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        className: "sr-only",
+                                                        children: "Decrease"
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "flex-1 text-center",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: "text-7xl font-bold tracking-tighter",
+                                                        children: goal
+                                                    }),
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: "text-muted-foreground text-[0.70rem] uppercase",
+                                                        children: "Calories/day"
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsxs(Button, {
+                                                variant: "secondary",
+                                                size: "small",
+                                                className: "h-8 w-8 shrink-0 rounded-full",
+                                                onClick: ()=>onClick(10),
+                                                disabled: goal >= 400,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Plus, {}),
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        className: "sr-only",
+                                                        children: "Increase"
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "mt-3 h-[120px]",
+                                        children: /*#__PURE__*/ _jsx(ResponsiveContainer, {
+                                            width: "100%",
+                                            height: "100%",
+                                            children: /*#__PURE__*/ _jsx(BarChart, {
+                                                data: data,
+                                                children: /*#__PURE__*/ _jsx(Bar, {
+                                                    dataKey: "goal",
+                                                    style: {
                                                         fill: "hsl(var(--foreground))",
-                                                        opacity: 0.9,
-                                                    } }) }) }) })] }), _jsxs(DrawerFooter, { children: [_jsx(Button, { children: "Submit" }), _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Cancel" }) })] })] }) })] }));
-    },
+                                                        opacity: 0.9
+                                                    }
+                                                })
+                                            })
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(DrawerFooter, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        children: "Submit"
+                                    }),
+                                    /*#__PURE__*/ _jsx(DrawerClose, {
+                                        asChild: true,
+                                        children: /*#__PURE__*/ _jsx(Button, {
+                                            variant: "secondary",
+                                            children: "Cancel"
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=drawer.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Minus, Plus } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Bar, BarChart, ResponsiveContainer } from \"recharts\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDrawer,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerDescription,\n\tDrawerFooter,\n\tDrawerHeader,\n\tDrawerTitle,\n\tDrawerTrigger,\n} from \"#shadcn/components/ui/drawer\";\n\nconst data = [\n\t{ goal: 400 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 278 },\n\t{ goal: 189 },\n\t{ goal: 239 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 278 },\n\t{ goal: 189 },\n\t{ goal: 349 },\n];\n\nconst meta = {\n\ttitle: \"Component/Drawer\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [goal, setGoal] = React.useState(350);\n\n\t\tfunction onClick(adjustment: number) {\n\t\t\tsetGoal(Math.max(200, Math.min(400, goal + adjustment)));\n\t\t}\n\n\t\treturn (\n\t\t\t<Drawer>\n\t\t\t\t<DrawerTrigger asChild>\n\t\t\t\t\t<Button variant=\"secondary\">Open Drawer</Button>\n\t\t\t\t</DrawerTrigger>\n\t\t\t\t<DrawerContent>\n\t\t\t\t\t<div className=\"mx-auto w-full max-w-sm\">\n\t\t\t\t\t\t<DrawerHeader>\n\t\t\t\t\t\t\t<DrawerTitle>Move Goal</DrawerTitle>\n\t\t\t\t\t\t\t<DrawerDescription>\n\t\t\t\t\t\t\t\tSet your daily activity goal.\n\t\t\t\t\t\t\t</DrawerDescription>\n\t\t\t\t\t\t</DrawerHeader>\n\t\t\t\t\t\t<div className=\"p-4 pb-0\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-center space-x-2\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 w-8 shrink-0 rounded-full\"\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(-10)}\n\t\t\t\t\t\t\t\t\tdisabled={goal <= 200}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Minus />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Decrease</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<div className=\"flex-1 text-center\">\n\t\t\t\t\t\t\t\t\t<div className=\"text-7xl font-bold tracking-tighter\">\n\t\t\t\t\t\t\t\t\t\t{goal}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-[0.70rem] uppercase\">\n\t\t\t\t\t\t\t\t\t\tCalories/day\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 w-8 shrink-0 rounded-full\"\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(10)}\n\t\t\t\t\t\t\t\t\tdisabled={goal >= 400}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Plus />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Increase</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-3 h-[120px]\">\n\t\t\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t<BarChart data={data}>\n\t\t\t\t\t\t\t\t\t\t<Bar\n\t\t\t\t\t\t\t\t\t\t\tdataKey=\"goal\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill: \"hsl(var(--foreground))\",\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.9,\n\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<DrawerFooter>\n\t\t\t\t\t\t\t<Button>Submit</Button>\n\t\t\t\t\t\t\t<DrawerClose asChild>\n\t\t\t\t\t\t\t\t<Button variant=\"secondary\">Cancel</Button>\n\t\t\t\t\t\t\t</DrawerClose>\n\t\t\t\t\t\t</DrawerFooter>\n\t\t\t\t\t</div>\n\t\t\t\t</DrawerContent>\n\t\t\t</Drawer>\n\t\t);\n\t},\n} satisfies Story;\n"],"names":["Minus","Plus","React","Bar","BarChart","ResponsiveContainer","Button","Drawer","DrawerClose","DrawerContent","DrawerDescription","DrawerFooter","DrawerHeader","DrawerTitle","DrawerTrigger","data","goal","meta","title","Demo","render","setGoal","useState","onClick","adjustment","Math","max","min","asChild","variant","div","className","size","disabled","span","width","height","dataKey","style","fill","opacity"],"mappings":";AACA,SAASA,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAC3C,YAAYC,WAAW,QAAQ;AAC/B,SAASC,GAAG,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,WAAW;AAC9D,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,aAAa,QACP,cAA+B;AAEtC,MAAMC,OAAO;IACZ;QAAEC,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;CACZ;AAED,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACJ,MAAMK,QAAQ,GAAGnB,MAAMoB,QAAQ,CAAC;QAEvC,SAASC,QAAQC,UAAkB;YAClCH,QAAQI,KAAKC,GAAG,CAAC,KAAKD,KAAKE,GAAG,CAAC,KAAKX,OAAOQ;QAC5C;QAEA,qBACC,MAACjB;;8BACA,KAACO;oBAAcc,OAAO;8BACrB,cAAA,KAACtB;wBAAOuB,SAAQ;kCAAY;;;8BAE7B,KAACpB;8BACA,cAAA,MAACqB;wBAAIC,WAAU;;0CACd,MAACnB;;kDACA,KAACC;kDAAY;;kDACb,KAACH;kDAAkB;;;;0CAIpB,MAACoB;gCAAIC,WAAU;;kDACd,MAACD;wCAAIC,WAAU;;0DACd,MAACzB;gDACAuB,SAAQ;gDACRG,MAAK;gDACLD,WAAU;gDACVR,SAAS,IAAMA,QAAQ,CAAC;gDACxBU,UAAUjB,QAAQ;;kEAElB,KAAChB;kEACD,KAACkC;wDAAKH,WAAU;kEAAU;;;;0DAE3B,MAACD;gDAAIC,WAAU;;kEACd,KAACD;wDAAIC,WAAU;kEACbf;;kEAEF,KAACc;wDAAIC,WAAU;kEAAiD;;;;0DAIjE,MAACzB;gDACAuB,SAAQ;gDACRG,MAAK;gDACLD,WAAU;gDACVR,SAAS,IAAMA,QAAQ;gDACvBU,UAAUjB,QAAQ;;kEAElB,KAACf;kEACD,KAACiC;wDAAKH,WAAU;kEAAU;;;;;;kDAG5B,KAACD;wCAAIC,WAAU;kDACd,cAAA,KAAC1B;4CAAoB8B,OAAM;4CAAOC,QAAO;sDACxC,cAAA,KAAChC;gDAASW,MAAMA;0DACf,cAAA,KAACZ;oDACAkC,SAAQ;oDACRC,OACC;wDACCC,MAAM;wDACNC,SAAS;oDACV;;;;;;;0CAON,MAAC7B;;kDACA,KAACL;kDAAO;;kDACR,KAACE;wCAAYoB,OAAO;kDACnB,cAAA,KAACtB;4CAAOuB,SAAQ;sDAAY;;;;;;;;;;IAOnC;AACD,EAAkB"}