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

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

@@ -1,13 +1,98 @@
+// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "#shadcn/components/ui/button";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "#shadcn/components/ui/card";
-import { Input } from "#shadcn/components/ui/input";
-import { Label } from "#shadcn/components/ui/label";
+import { Button } from "./button.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
 const meta = {
-    title: "Component/Card",
+    title: "Component/Card"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Login to your account" }), _jsx(CardDescription, { children: "Enter your email below to login to your account" }), _jsx(CardAction, { children: _jsx(Button, { variant: "link", children: "Sign Up" }) })] }), _jsx(CardContent, { children: _jsx("form", { children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "login", children: "Login" }), _jsx(Input, { id: "login", type: "text", placeholder: "user", required: true })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(Label, { htmlFor: "password", children: "Password" }), _jsx("a", { href: "#", className: "ml-auto inline-block text-sm underline-offset-4 hover:underline", children: "Forgot your password?" })] }), _jsx(Input, { id: "password", type: "password", required: true })] })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2", children: [_jsx(Button, { type: "submit", className: "w-full", children: "Login" }), _jsx(Button, { variant: "secondary", className: "w-full", children: "Login with Google" })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(Card, {
+            className: "w-full max-w-sm",
+            children: [
+                /*#__PURE__*/ _jsxs(CardHeader, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CardTitle, {
+                            children: "Login to your account"
+                        }),
+                        /*#__PURE__*/ _jsx(CardDescription, {
+                            children: "Enter your email below to login to your account"
+                        }),
+                        /*#__PURE__*/ _jsx(CardAction, {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: "link",
+                                children: "Sign Up"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(CardContent, {
+                    children: /*#__PURE__*/ _jsx("form", {
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-6",
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "grid gap-2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Label, {
+                                            htmlFor: "login",
+                                            children: "Login"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Input, {
+                                            id: "login",
+                                            type: "text",
+                                            placeholder: "user",
+                                            required: true
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "grid gap-2",
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "flex items-center",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Label, {
+                                                    htmlFor: "password",
+                                                    children: "Password"
+                                                }),
+                                                /*#__PURE__*/ _jsx("a", {
+                                                    href: "#",
+                                                    className: "ml-auto inline-block text-sm underline-offset-4 hover:underline",
+                                                    children: "Forgot your password?"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(Input, {
+                                            id: "password",
+                                            type: "password",
+                                            required: true
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(CardFooter, {
+                    className: "flex-col gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "submit",
+                            className: "w-full",
+                            children: "Login"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            className: "w-full",
+                            children: "Login with Google"
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=card.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/card.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACT,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;CACR,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAChC,MAAC,UAAU,eACV,KAAC,SAAS,wCAAkC,EAC5C,KAAC,eAAe,kEAEE,EAClB,KAAC,UAAU,cACV,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,wBAAiB,GAC3B,IACD,EACb,KAAC,WAAW,cACX,yBACC,eAAK,SAAS,EAAC,qBAAqB,aACnC,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,sBAAc,EACpC,KAAC,KAAK,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,SAAG,IACvD,EACN,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,mBAAmB,aACjC,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,yBAAiB,EAC1C,YACC,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,iEAAiE,sCAGxE,IACC,EACN,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,SAAG,IAC3C,IACD,GACA,GACM,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACrC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,sBAE/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,kCAErC,IACG,IACP,CACP;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/card.stories.tsx"],"sourcesContent":["// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tCard,\n\tCardAction,\n\tCardContent,\n\tCardDescription,\n\tCardFooter,\n\tCardHeader,\n\tCardTitle,\n} from \"#shadcn/components/ui/card\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Card\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Card className=\"w-full max-w-sm\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>Login to your account</CardTitle>\n\t\t\t\t<CardDescription>\n\t\t\t\t\tEnter your email below to login to your account\n\t\t\t\t</CardDescription>\n\t\t\t\t<CardAction>\n\t\t\t\t\t<Button variant=\"link\">Sign Up</Button>\n\t\t\t\t</CardAction>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<form>\n\t\t\t\t\t<div className=\"flex flex-col gap-6\">\n\t\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"login\">Login</Label>\n\t\t\t\t\t\t\t<Input id=\"login\" type=\"text\" placeholder=\"user\" required />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-center\">\n\t\t\t\t\t\t\t\t<Label htmlFor=\"password\">Password</Label>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\t\tclassName=\"ml-auto inline-block text-sm underline-offset-4 hover:underline\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tForgot your password?\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Input id=\"password\" type=\"password\" required />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</CardContent>\n\t\t\t<CardFooter className=\"flex-col gap-2\">\n\t\t\t\t<Button type=\"submit\" className=\"w-full\">\n\t\t\t\t\tLogin\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"secondary\" className=\"w-full\">\n\t\t\t\t\tLogin with Google\n\t\t\t\t</Button>\n\t\t\t</CardFooter>\n\t\t</Card>\n\t),\n} satisfies Story;\n"],"names":["Button","Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Input","Label","meta","title","Demo","render","className","variant","form","div","htmlFor","id","type","placeholder","required","a","href"],"mappings":"AAAA,gEAAgE;;AAEhE,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,SAAS,QACH,YAA6B;AACpC,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,MAACZ;YAAKa,WAAU;;8BACf,MAACR;;sCACA,KAACC;sCAAU;;sCACX,KAACH;sCAAgB;;sCAGjB,KAACF;sCACA,cAAA,KAACF;gCAAOe,SAAQ;0CAAO;;;;;8BAGzB,KAACZ;8BACA,cAAA,KAACa;kCACA,cAAA,MAACC;4BAAIH,WAAU;;8CACd,MAACG;oCAAIH,WAAU;;sDACd,KAACL;4CAAMS,SAAQ;sDAAQ;;sDACvB,KAACV;4CAAMW,IAAG;4CAAQC,MAAK;4CAAOC,aAAY;4CAAOC,QAAQ;;;;8CAE1D,MAACL;oCAAIH,WAAU;;sDACd,MAACG;4CAAIH,WAAU;;8DACd,KAACL;oDAAMS,SAAQ;8DAAW;;8DAC1B,KAACK;oDACAC,MAAK;oDACLV,WAAU;8DACV;;;;sDAIF,KAACN;4CAAMW,IAAG;4CAAWC,MAAK;4CAAWE,QAAQ;;;;;;;;8BAKjD,MAACjB;oBAAWS,WAAU;;sCACrB,KAACd;4BAAOoB,MAAK;4BAASN,WAAU;sCAAS;;sCAGzC,KAACd;4BAAOe,SAAQ;4BAAYD,WAAU;sCAAS;;;;;;AAMnD,EAAkB"}

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useEmblaCarousel, {} from "embla-carousel-react";
+import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import * as React from "react";
-import { Button } from "#shadcn/components/ui/button";
-import { cn } from "#shadcn/lib/utils";
-const CarouselContext = React.createContext(null);
+import { Button } from "./button.js";
+import { cn } from "../../lib/utils.js";
+const CarouselContext = /*#__PURE__*/ React.createContext(null);
 function useCarousel() {
     const context = React.useContext(CarouselContext);
     if (!context) {
@@ -15,48 +15,58 @@ function useCarousel() {
 function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
     const [carouselRef, api] = useEmblaCarousel({
         ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
+        axis: orientation === "horizontal" ? "x" : "y"
     }, plugins);
     const [canScrollPrev, setCanScrollPrev] = React.useState(false);
     const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api) => {
-        if (!api)
-            return;
+    const onSelect = React.useCallback((api)=>{
+        if (!api) return;
         setCanScrollPrev(api.canScrollPrev());
         setCanScrollNext(api.canScrollNext());
     }, []);
-    const scrollPrev = React.useCallback(() => {
+    const scrollPrev = React.useCallback(()=>{
         api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
+    }, [
+        api
+    ]);
+    const scrollNext = React.useCallback(()=>{
         api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React.useCallback((event) => {
+    }, [
+        api
+    ]);
+    const handleKeyDown = React.useCallback((event)=>{
         if (event.key === "ArrowLeft") {
             event.preventDefault();
             scrollPrev();
-        }
-        else if (event.key === "ArrowRight") {
+        } else if (event.key === "ArrowRight") {
             event.preventDefault();
             scrollNext();
         }
-    }, [scrollPrev, scrollNext]);
-    React.useEffect(() => {
-        if (!api || !setApi)
-            return;
+    }, [
+        scrollPrev,
+        scrollNext
+    ]);
+    React.useEffect(()=>{
+        if (!api || !setApi) return;
         setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-        if (!api)
-            return;
+    }, [
+        api,
+        setApi
+    ]);
+    React.useEffect(()=>{
+        if (!api) return;
         onSelect(api);
         api.on("reInit", onSelect);
         api.on("select", onSelect);
-        return () => {
+        return ()=>{
             api?.off("select", onSelect);
         };
-    }, [api, onSelect]);
-    return (_jsx(CarouselContext.Provider, { value: {
+    }, [
+        api,
+        onSelect
+    ]);
+    return /*#__PURE__*/ _jsx(CarouselContext.Provider, {
+        value: {
             carouselRef,
             api: api,
             opts,
@@ -64,30 +74,80 @@ function Carousel({ orientation = "horizontal", opts, setApi, plugins, className
             scrollPrev,
             scrollNext,
             canScrollPrev,
-            canScrollNext,
-        }, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
+            canScrollNext
+        },
+        children: /*#__PURE__*/ _jsx("div", {
+            onKeyDownCapture: handleKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            "data-slot": "carousel",
+            ...props,
+            children: children
+        })
+    });
 }
 function CarouselContent({ className, ...props }) {
     const { carouselRef, orientation } = useCarousel();
-    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
+    return /*#__PURE__*/ _jsx("div", {
+        ref: carouselRef,
+        className: "overflow-hidden",
+        "data-slot": "carousel-content",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+            ...props
+        })
+    });
 }
 function CarouselItem({ className, ...props }) {
     const { orientation } = useCarousel();
-    return (
-    // biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
-    _jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
+    return(// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
+    /*#__PURE__*/ _jsx("div", {
+        role: "group",
+        "aria-roledescription": "slide",
+        "data-slot": "carousel-item",
+        className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+        ...props
+    }));
 }
 function CarouselPrevious({ className, variant = "secondary", size = "small", ...props }) {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -left-12 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
+    return /*#__PURE__*/ _jsxs(Button, {
+        "data-slot": "carousel-previous",
+        variant: variant,
+        size: size,
+        className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        disabled: !canScrollPrev,
+        onClick: scrollPrev,
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(ArrowLeft, {}),
+            /*#__PURE__*/ _jsx("span", {
+                className: "sr-only",
+                children: "Previous slide"
+            })
+        ]
+    });
 }
 function CarouselNext({ className, variant = "secondary", size = "small", ...props }) {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -right-12 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
+    return /*#__PURE__*/ _jsxs(Button, {
+        "data-slot": "carousel-next",
+        variant: variant,
+        size: size,
+        className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(ArrowRight, {}),
+            /*#__PURE__*/ _jsx("span", {
+                className: "sr-only",
+                children: "Next slide"
+            })
+        ]
+    });
 }
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };
+
 //# sourceMappingURL=carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/carousel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/carousel.tsx"],"sourcesContent":["import useEmblaCarousel, {\n\ttype UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugin;\n\torientation?: \"horizontal\" | \"vertical\";\n\tsetApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n\tcarouselRef: ReturnType<typeof useEmblaCarousel>[0];\n\tapi: ReturnType<typeof useEmblaCarousel>[1];\n\tscrollPrev: () => void;\n\tscrollNext: () => void;\n\tcanScrollPrev: boolean;\n\tcanScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n\tconst context = React.useContext(CarouselContext);\n\n\tif (!context) {\n\t\tthrow new Error(\"useCarousel must be used within a <Carousel />\");\n\t}\n\n\treturn context;\n}\n\nfunction Carousel({\n\torientation = \"horizontal\",\n\topts,\n\tsetApi,\n\tplugins,\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n\tconst [carouselRef, api] = useEmblaCarousel(\n\t\t{\n\t\t\t...opts,\n\t\t\taxis: orientation === \"horizontal\" ? \"x\" : \"y\",\n\t\t},\n\t\tplugins,\n\t);\n\tconst [canScrollPrev, setCanScrollPrev] = React.useState(false);\n\tconst [canScrollNext, setCanScrollNext] = React.useState(false);\n\n\tconst onSelect = React.useCallback((api: CarouselApi) => {\n\t\tif (!api) return;\n\t\tsetCanScrollPrev(api.canScrollPrev());\n\t\tsetCanScrollNext(api.canScrollNext());\n\t}, []);\n\n\tconst scrollPrev = React.useCallback(() => {\n\t\tapi?.scrollPrev();\n\t}, [api]);\n\n\tconst scrollNext = React.useCallback(() => {\n\t\tapi?.scrollNext();\n\t}, [api]);\n\n\tconst handleKeyDown = React.useCallback(\n\t\t(event: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\tif (event.key === \"ArrowLeft\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tscrollPrev();\n\t\t\t} else if (event.key === \"ArrowRight\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tscrollNext();\n\t\t\t}\n\t\t},\n\t\t[scrollPrev, scrollNext],\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (!api || !setApi) return;\n\t\tsetApi(api);\n\t}, [api, setApi]);\n\n\tReact.useEffect(() => {\n\t\tif (!api) return;\n\t\tonSelect(api);\n\t\tapi.on(\"reInit\", onSelect);\n\t\tapi.on(\"select\", onSelect);\n\n\t\treturn () => {\n\t\t\tapi?.off(\"select\", onSelect);\n\t\t};\n\t}, [api, onSelect]);\n\n\treturn (\n\t\t<CarouselContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcarouselRef,\n\t\t\t\tapi: api,\n\t\t\t\topts,\n\t\t\t\torientation:\n\t\t\t\t\torientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n\t\t\t\tscrollPrev,\n\t\t\t\tscrollNext,\n\t\t\t\tcanScrollPrev,\n\t\t\t\tcanScrollNext,\n\t\t\t}}\n\t\t>\n\t\t\t{/* biome-ignore lint: FIXME: unchanged shadcn */}\n\t\t\t<div\n\t\t\t\tonKeyDownCapture={handleKeyDown}\n\t\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t\trole=\"region\"\n\t\t\t\taria-roledescription=\"carousel\"\n\t\t\t\tdata-slot=\"carousel\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</CarouselContext.Provider>\n\t);\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst { carouselRef, orientation } = useCarousel();\n\n\treturn (\n\t\t<div\n\t\t\tref={carouselRef}\n\t\t\tclassName=\"overflow-hidden\"\n\t\t\tdata-slot=\"carousel-content\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex\",\n\t\t\t\t\torientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst { orientation } = useCarousel();\n\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-roledescription=\"slide\"\n\t\t\tdata-slot=\"carousel-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"min-w-0 shrink-0 grow-0 basis-full\",\n\t\t\t\torientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CarouselPrevious({\n\tclassName,\n\tvariant = \"secondary\",\n\tsize = \"small\",\n\t...props\n}: React.ComponentProps<typeof Button>) {\n\tconst { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-slot=\"carousel-previous\"\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute size-8 rounded-full\",\n\t\t\t\torientation === \"horizontal\"\n\t\t\t\t\t? \"top-1/2 -left-12 -translate-y-1/2\"\n\t\t\t\t\t: \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={!canScrollPrev}\n\t\t\tonClick={scrollPrev}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ArrowLeft />\n\t\t\t<span className=\"sr-only\">Previous slide</span>\n\t\t</Button>\n\t);\n}\n\nfunction CarouselNext({\n\tclassName,\n\tvariant = \"secondary\",\n\tsize = \"small\",\n\t...props\n}: React.ComponentProps<typeof Button>) {\n\tconst { orientation, scrollNext, canScrollNext } = useCarousel();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-slot=\"carousel-next\"\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute size-8 rounded-full\",\n\t\t\t\torientation === \"horizontal\"\n\t\t\t\t\t? \"top-1/2 -right-12 -translate-y-1/2\"\n\t\t\t\t\t: \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={!canScrollNext}\n\t\t\tonClick={scrollNext}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ArrowRight />\n\t\t\t<span className=\"sr-only\">Next slide</span>\n\t\t</Button>\n\t);\n}\n\nexport {\n\ttype CarouselApi,\n\tCarousel,\n\tCarouselContent,\n\tCarouselItem,\n\tCarouselPrevious,\n\tCarouselNext,\n};\n"],"names":["useEmblaCarousel","ArrowLeft","ArrowRight","React","Button","cn","CarouselContext","createContext","useCarousel","context","useContext","Error","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","axis","canScrollPrev","setCanScrollPrev","useState","canScrollNext","setCanScrollNext","onSelect","useCallback","scrollPrev","scrollNext","handleKeyDown","event","key","preventDefault","useEffect","on","off","Provider","value","div","onKeyDownCapture","role","aria-roledescription","data-slot","CarouselContent","ref","CarouselItem","CarouselPrevious","variant","size","disabled","onClick","span","CarouselNext"],"mappings":"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"}

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

@@ -1,13 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent } from "#shadcn/components/ui/card";
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "#shadcn/components/ui/carousel";
+import { Card, CardContent } from "./card.js";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./carousel.js";
 const meta = {
-    title: "Component/Carousel",
+    title: "Component/Carousel"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(Carousel, { className: "w-full max-w-xs", children: [_jsx(CarouselContent, { children: Array.from({ length: 5 }).map((_, index) => (
-                // biome-ignore lint/suspicious/noArrayIndexKey: taken from shadcn demo
-                _jsx(CarouselItem, { children: _jsx("div", { className: "p-1", children: _jsx(Card, { children: _jsx(CardContent, { className: "flex aspect-square items-center justify-center p-6", children: _jsx("span", { className: "text-4xl font-semibold", children: index + 1 }) }) }) }) }, index))) }), _jsx(CarouselPrevious, {}), _jsx(CarouselNext, {})] })),
+    render: ()=>/*#__PURE__*/ _jsxs(Carousel, {
+            className: "w-full max-w-xs",
+            children: [
+                /*#__PURE__*/ _jsx(CarouselContent, {
+                    children: Array.from({
+                        length: 5
+                    }).map((_, index)=>// biome-ignore lint/suspicious/noArrayIndexKey: taken from shadcn demo
+                        /*#__PURE__*/ _jsx(CarouselItem, {
+                            children: /*#__PURE__*/ _jsx("div", {
+                                className: "p-1",
+                                children: /*#__PURE__*/ _jsx(Card, {
+                                    children: /*#__PURE__*/ _jsx(CardContent, {
+                                        className: "flex aspect-square items-center justify-center p-6",
+                                        children: /*#__PURE__*/ _jsx("span", {
+                                            className: "text-4xl font-semibold",
+                                            children: index + 1
+                                        })
+                                    })
+                                })
+                            })
+                        }, index))
+                }),
+                /*#__PURE__*/ _jsx(CarouselPrevious, {}),
+                /*#__PURE__*/ _jsx(CarouselNext, {})
+            ]
+        })
 };
+
 //# sourceMappingURL=carousel.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/carousel.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACN,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,GAChB,MAAM,gCAAgC,CAAC;AAExC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;CACZ,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,aACpC,KAAC,eAAe,cACd,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;gBAC5C,uEAAuE;gBACvE,KAAC,YAAY,cACZ,cAAK,SAAS,EAAC,KAAK,YACnB,KAAC,IAAI,cACJ,KAAC,WAAW,IAAC,SAAS,EAAC,oDAAoD,YAC1E,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAG,CAAC,GAAQ,GAC9C,GACR,GACF,IAPY,KAAK,CAQT,CACf,CAAC,GACe,EAClB,KAAC,gBAAgB,KAAG,EACpB,KAAC,YAAY,KAAG,IACN,CACX;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/carousel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Card, CardContent } from \"#shadcn/components/ui/card\";\nimport {\n\tCarousel,\n\tCarouselContent,\n\tCarouselItem,\n\tCarouselNext,\n\tCarouselPrevious,\n} from \"#shadcn/components/ui/carousel\";\n\nconst meta = {\n\ttitle: \"Component/Carousel\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Carousel className=\"w-full max-w-xs\">\n\t\t\t<CarouselContent>\n\t\t\t\t{Array.from({ length: 5 }).map((_, index) => (\n\t\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: taken from shadcn demo\n\t\t\t\t\t<CarouselItem key={index}>\n\t\t\t\t\t\t<div className=\"p-1\">\n\t\t\t\t\t\t\t<Card>\n\t\t\t\t\t\t\t\t<CardContent className=\"flex aspect-square items-center justify-center p-6\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-4xl font-semibold\">{index + 1}</span>\n\t\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CarouselItem>\n\t\t\t\t))}\n\t\t\t</CarouselContent>\n\t\t\t<CarouselPrevious />\n\t\t\t<CarouselNext />\n\t\t</Carousel>\n\t),\n} satisfies Story;\n"],"names":["Card","CardContent","Carousel","CarouselContent","CarouselItem","CarouselNext","CarouselPrevious","meta","title","Demo","render","className","Array","from","length","map","_","index","div","span"],"mappings":";AACA,SAASA,IAAI,EAAEC,WAAW,QAAQ,YAA6B;AAC/D,SACCC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,YAAY,EACZC,gBAAgB,QACV,gBAAiC;AAExC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACR;YAASS,WAAU;;8BACnB,KAACR;8BACCS,MAAMC,IAAI,CAAC;wBAAEC,QAAQ;oBAAE,GAAGC,GAAG,CAAC,CAACC,GAAGC,QAClC,uEAAuE;sCACvE,KAACb;sCACA,cAAA,KAACc;gCAAIP,WAAU;0CACd,cAAA,KAACX;8CACA,cAAA,KAACC;wCAAYU,WAAU;kDACtB,cAAA,KAACQ;4CAAKR,WAAU;sDAA0BM,QAAQ;;;;;2BAJnCA;;8BAWrB,KAACX;8BACD,KAACD;;;AAGJ,EAAkB"}

package/dist/src/shadcn/components/ui/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACxB,CAAC,IAAI,MAAM,GAAG;QACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC3B,GAAG,CACD;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAC/D;CACD,CAAC;AAkBF,iBAAS,cAAc,CAAC,EACvB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAC7B,OAAO,iBAAiB,CAAC,mBAAmB,CAC5C,CAAC,UAAU,CAAC,CAAC;CACd,2CAsBA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDAgCtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,iBAAS,mBAAmB,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,kDAyHD;AAED,QAAA,MAAM,WAAW,iCAA2B,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACP,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC7B,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,kDA0CD;AAyCD,OAAO,EACN,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,GACV,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACxB,CAAC,IAAI,MAAM,GAAG;QACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC3B,GAAG,CACD;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAC/D;CACD,CAAC;AAkBF,iBAAS,cAAc,CAAC,EACvB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAC7B,OAAO,iBAAiB,CAAC,mBAAmB,CAC5C,CAAC,UAAU,CAAC,CAAC;CACd,2CAsBA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDAgCtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,iBAAS,mBAAmB,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,kDAyHD;AAED,QAAA,MAAM,WAAW,iCAA2B,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACP,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC7B,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,kDA0CD;AAyCD,OAAO,EACN,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,GACV,CAAC"}