@codefast/ui 0.3.11-canary.0 → 0.3.11-canary.2

package/dist/components/button.cjs

@@ -1,92 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    buttonVariants: ()=>buttonVariants,
-    Button: ()=>Button
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
-const react_slot_namespaceObject = require("@radix-ui/react-slot");
-const buttonVariants = (0, tailwind_variants_namespaceObject.tv)({
-    base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-    defaultVariants: {
-        size: "md",
-        variant: "default"
-    },
-    variants: {
-        size: {
-            "icon-sm": "size-8",
-            icon: "size-9",
-            "icon-lg": "size-10",
-            sm: "h-8 px-3 has-[>svg]:px-2.5",
-            md: "h-9 px-4 has-[>svg]:px-3",
-            lg: "h-10 px-6 has-[>svg]:px-4"
-        },
-        variant: {
-            default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
-            destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-            ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
-            link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
-            outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
-            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
-        }
-    }
-});
-function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
-    const Comp = asChild ? react_slot_namespaceObject.Slot : "button";
-    if (asChild) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "button",
-        "data-variant": variant,
-        ...props,
-        children: children
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "button",
-        "data-variant": variant,
-        type: type,
-        ...props,
-        children: children
-    });
-}
-exports.Button = __webpack_exports__.Button;
-exports.buttonVariants = __webpack_exports__.buttonVariants;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Button",
-    "buttonVariants"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/components/calendar.cjs

@@ -1,151 +0,0 @@
-"use strict";
-"use client";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Calendar: ()=>Calendar,
-    CalendarDayButton: ()=>CalendarDayButton
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
-const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const external_react_day_picker_namespaceObject = require("react-day-picker");
-const external_button_cjs_namespaceObject = require("./button.cjs");
-function Calendar({ buttonVariant = "ghost", captionLayout = "label", className, classNames, components, formatters, showOutsideDays = true, ...props }) {
-    const defaultClassNames = (0, external_react_day_picker_namespaceObject.getDefaultClassNames)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_day_picker_namespaceObject.DayPicker, {
-        captionLayout: captionLayout,
-        className: (0, tailwind_variants_namespaceObject.cn)("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", "rtl:**:[.rdp-button_next>svg]:rotate-180", "rtl:**:[.rdp-button_previous>svg]:rotate-180", className),
-        classNames: {
-            button_next: (0, tailwind_variants_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
-                variant: buttonVariant
-            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
-            button_previous: (0, tailwind_variants_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
-                variant: buttonVariant
-            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
-            caption_label: (0, tailwind_variants_namespaceObject.cn)("font-medium select-none", "label" === captionLayout ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
-            day: (0, tailwind_variants_namespaceObject.cn)("group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
-            disabled: (0, tailwind_variants_namespaceObject.cn)("text-muted-foreground opacity-50", defaultClassNames.disabled),
-            dropdown: (0, tailwind_variants_namespaceObject.cn)("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
-            dropdown_root: (0, tailwind_variants_namespaceObject.cn)("relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-3 has-focus:ring-ring/50", defaultClassNames.dropdown_root),
-            dropdowns: (0, tailwind_variants_namespaceObject.cn)("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
-            hidden: (0, tailwind_variants_namespaceObject.cn)("invisible", defaultClassNames.hidden),
-            month: (0, tailwind_variants_namespaceObject.cn)("flex w-full flex-col gap-4", defaultClassNames.month),
-            month_caption: (0, tailwind_variants_namespaceObject.cn)("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
-            months: (0, tailwind_variants_namespaceObject.cn)("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
-            nav: (0, tailwind_variants_namespaceObject.cn)("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
-            outside: (0, tailwind_variants_namespaceObject.cn)("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-            range_end: (0, tailwind_variants_namespaceObject.cn)("rounded-r-md bg-accent", defaultClassNames.range_end),
-            range_middle: (0, tailwind_variants_namespaceObject.cn)("rounded-none", defaultClassNames.range_middle),
-            range_start: (0, tailwind_variants_namespaceObject.cn)("rounded-l-md bg-accent", defaultClassNames.range_start),
-            root: (0, tailwind_variants_namespaceObject.cn)("w-fit", defaultClassNames.root),
-            table: "w-full border-collapse",
-            today: (0, tailwind_variants_namespaceObject.cn)("rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
-            week: (0, tailwind_variants_namespaceObject.cn)("mt-2 flex w-full", defaultClassNames.week),
-            week_number: (0, tailwind_variants_namespaceObject.cn)("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
-            week_number_header: (0, tailwind_variants_namespaceObject.cn)("w-(--cell-size) select-none", defaultClassNames.week_number_header),
-            weekday: (0, tailwind_variants_namespaceObject.cn)("flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
-            weekdays: (0, tailwind_variants_namespaceObject.cn)("flex", defaultClassNames.weekdays),
-            ...classNames
-        },
-        components: {
-            Chevron: CalendarChevron,
-            DayButton: CalendarDayButton,
-            Root: CalendarRoot,
-            WeekNumber: CalendarWeekNumber,
-            ...components
-        },
-        formatters: {
-            formatMonthDropdown: (date)=>date.toLocaleString("default", {
-                    month: "short"
-                }),
-            ...formatters
-        },
-        showOutsideDays: showOutsideDays,
-        ...props
-    });
-}
-function CalendarChevron({ className, orientation, ...props }) {
-    if ("left" === orientation) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon, {
-        className: (0, tailwind_variants_namespaceObject.cn)("size-4", className),
-        ...props
-    });
-    if ("right" === orientation) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
-        className: (0, tailwind_variants_namespaceObject.cn)("size-4", className),
-        ...props
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {
-        className: (0, tailwind_variants_namespaceObject.cn)("size-4", className),
-        ...props
-    });
-}
-function CalendarRoot({ className, rootRef, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: rootRef,
-        className: (0, tailwind_variants_namespaceObject.cn)(className),
-        "data-slot": "calendar",
-        ...props
-    });
-}
-function CalendarWeekNumber({ children, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("td", {
-        ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: "flex size-(--cell-size) items-center justify-center text-center",
-            children: children
-        })
-    });
-}
-function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = (0, external_react_day_picker_namespaceObject.getDefaultClassNames)();
-    const ref = (0, external_react_namespaceObject.useRef)(null);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (modifiers.focused) ref.current?.focus();
-    }, [
-        modifiers.focused
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
-        ref: ref,
-        className: (0, tailwind_variants_namespaceObject.cn)("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-3 group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
-        "data-day": day.date.toLocaleDateString(),
-        "data-range-end": modifiers.range_end,
-        "data-range-middle": modifiers.range_middle,
-        "data-range-start": modifiers.range_start,
-        "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-        size: "icon",
-        variant: "ghost",
-        ...props
-    });
-}
-exports.Calendar = __webpack_exports__.Calendar;
-exports.CalendarDayButton = __webpack_exports__.CalendarDayButton;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Calendar",
-    "CalendarDayButton"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/components/card.cjs

@@ -1,105 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    CardFooter: ()=>CardFooter,
-    CardAction: ()=>CardAction,
-    CardContent: ()=>CardContent,
-    CardDescription: ()=>CardDescription,
-    CardHeader: ()=>CardHeader,
-    CardTitle: ()=>CardTitle,
-    Card: ()=>Card
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
-function Card({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("flex flex-col gap-6 overflow-auto rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className),
-        "data-slot": "card",
-        ...props
-    });
-}
-function CardHeader({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
-        "data-slot": "card-header",
-        ...props
-    });
-}
-function CardTitle({ children, className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("leading-none font-semibold", className),
-        "data-slot": "card-title",
-        ...props,
-        children: children
-    });
-}
-function CardDescription({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("text-sm text-muted-foreground", className),
-        "data-slot": "card-description",
-        ...props
-    });
-}
-function CardContent({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("px-6", className),
-        "data-slot": "card-content",
-        ...props
-    });
-}
-function CardFooter({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center px-6 [.border-t]:pt-6", className),
-        "data-slot": "card-footer",
-        ...props
-    });
-}
-function CardAction({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-        "data-slot": "card-action",
-        ...props
-    });
-}
-exports.Card = __webpack_exports__.Card;
-exports.CardAction = __webpack_exports__.CardAction;
-exports.CardContent = __webpack_exports__.CardContent;
-exports.CardDescription = __webpack_exports__.CardDescription;
-exports.CardFooter = __webpack_exports__.CardFooter;
-exports.CardHeader = __webpack_exports__.CardHeader;
-exports.CardTitle = __webpack_exports__.CardTitle;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Card",
-    "CardAction",
-    "CardContent",
-    "CardDescription",
-    "CardFooter",
-    "CardHeader",
-    "CardTitle"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/components/carousel.cjs

@@ -1,211 +0,0 @@
-"use strict";
-"use client";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    CarouselPrevious: ()=>CarouselPrevious,
-    Carousel: ()=>Carousel,
-    createCarouselScope: ()=>createCarouselScope,
-    CarouselContent: ()=>CarouselContent,
-    CarouselItem: ()=>CarouselItem,
-    CarouselNext: ()=>CarouselNext
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
-const react_context_namespaceObject = require("@radix-ui/react-context");
-const external_embla_carousel_react_namespaceObject = require("embla-carousel-react");
-var external_embla_carousel_react_default = /*#__PURE__*/ __webpack_require__.n(external_embla_carousel_react_namespaceObject);
-const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const external_button_cjs_namespaceObject = require("./button.cjs");
-const CAROUSEL_NAME = "Carousel";
-const [createCarouselContext, createCarouselScope] = (0, react_context_namespaceObject.createContextScope)(CAROUSEL_NAME);
-const [CarouselContextProvider, useCarouselContext] = createCarouselContext(CAROUSEL_NAME);
-function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }) {
-    const [carouselRef, api] = external_embla_carousel_react_default()({
-        ...opts,
-        axis: "vertical" === orientation ? "y" : "x"
-    }, plugins);
-    const [canScrollPrevious, setCanScrollPrevious] = (0, external_react_namespaceObject.useState)(false);
-    const [canScrollNext, setCanScrollNext] = (0, external_react_namespaceObject.useState)(false);
-    const onSelect = (0, external_react_namespaceObject.useCallback)((carouselApi)=>{
-        if (!carouselApi) return;
-        setCanScrollPrevious(carouselApi.canScrollPrev());
-        setCanScrollNext(carouselApi.canScrollNext());
-    }, []);
-    const scrollPrevious = (0, external_react_namespaceObject.useCallback)(()=>{
-        api?.scrollPrev();
-    }, [
-        api
-    ]);
-    const scrollNext = (0, external_react_namespaceObject.useCallback)(()=>{
-        api?.scrollNext();
-    }, [
-        api
-    ]);
-    const handleKeyDown = (0, external_react_namespaceObject.useCallback)((event)=>{
-        if ("ArrowLeft" === event.key) {
-            event.preventDefault();
-            scrollPrevious();
-        } else if ("ArrowRight" === event.key) {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [
-        scrollPrevious,
-        scrollNext
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!api || !setApi) return;
-        setApi(api);
-    }, [
-        api,
-        setApi
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!api) return;
-        queueMicrotask(()=>{
-            onSelect(api);
-        });
-        api.on("reInit", onSelect);
-        api.on("select", onSelect);
-        return ()=>{
-            api.off("select", onSelect);
-        };
-    }, [
-        api,
-        onSelect
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CarouselContextProvider, {
-        api: api,
-        canScrollNext: canScrollNext,
-        canScrollPrev: canScrollPrevious,
-        carouselRef: carouselRef,
-        opts: opts,
-        orientation: orientation ?? (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scope: __scopeCarousel,
-        scrollNext: scrollNext,
-        scrollPrev: scrollPrevious,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: (0, tailwind_variants_namespaceObject.cn)("relative", className),
-            "data-slot": "carousel",
-            onKeyDownCapture: handleKeyDown,
-            ...props,
-            children: children
-        })
-    });
-}
-const CAROUSEL_CONTENT_NAME = "CarouselContent";
-function CarouselContent({ __scopeCarousel, className, classNames, ...props }) {
-    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: carouselRef,
-        className: (0, tailwind_variants_namespaceObject.cn)("overflow-hidden", classNames?.wrapper),
-        "data-slot": "carousel-content",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: (0, tailwind_variants_namespaceObject.cn)("flex", "horizontal" === orientation ? "-ml-4" : "-mt-4 flex-col", classNames?.content, className),
-            ...props
-        })
-    });
-}
-const CAROUSEL_ITEM_NAME = "CarouselItem";
-function CarouselItem({ __scopeCarousel, className, ...props }) {
-    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "aria-roledescription": "slide",
-        className: (0, tailwind_variants_namespaceObject.cn)("min-w-0 shrink-0 grow-0 basis-full", "horizontal" === orientation ? "pl-4" : "pt-4", className),
-        "data-slot": "carousel-item",
-        role: "group",
-        ...props
-    });
-}
-const CAROUSEL_PREVIOUS_NAME = "CarouselPrevious";
-function CarouselPrevious({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
-    const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
-        "aria-label": "Previous slide",
-        className: (0, tailwind_variants_namespaceObject.cn)("absolute size-8 shadow-none", "horizontal" === orientation ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
-        "data-slot": "carousel-previous",
-        disabled: !canScrollPrev,
-        size: size,
-        variant: variant,
-        onClick: scrollPrev,
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowLeftIcon, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "sr-only",
-                children: "Previous slide"
-            })
-        ]
-    });
-}
-const CAROUSEL_NEXT_NAME = "CarouselNext";
-function CarouselNext({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
-    const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
-        "aria-label": "Next slide",
-        className: (0, tailwind_variants_namespaceObject.cn)("absolute size-8 shadow-none", "horizontal" === orientation ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
-        "data-slot": "carousel-next",
-        disabled: !canScrollNext,
-        size: size,
-        variant: variant,
-        onClick: scrollNext,
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowRightIcon, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "sr-only",
-                children: "Next slide"
-            })
-        ]
-    });
-}
-exports.Carousel = __webpack_exports__.Carousel;
-exports.CarouselContent = __webpack_exports__.CarouselContent;
-exports.CarouselItem = __webpack_exports__.CarouselItem;
-exports.CarouselNext = __webpack_exports__.CarouselNext;
-exports.CarouselPrevious = __webpack_exports__.CarouselPrevious;
-exports.createCarouselScope = __webpack_exports__.createCarouselScope;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Carousel",
-    "CarouselContent",
-    "CarouselItem",
-    "CarouselNext",
-    "CarouselPrevious",
-    "createCarouselScope"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});