@codefast/ui 0.2.46-canary.1 → 0.2.46-canary.2

package/dist/cjs/components/breadcrumb.cjs

@@ -0,0 +1,125 @@
+"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 ('undefined' != 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__, {
+    BreadcrumbEllipsis: ()=>BreadcrumbEllipsis,
+    BreadcrumbItem: ()=>BreadcrumbItem,
+    Breadcrumb: ()=>Breadcrumb,
+    BreadcrumbLink: ()=>BreadcrumbLink,
+    BreadcrumbSeparator: ()=>BreadcrumbSeparator,
+    BreadcrumbList: ()=>BreadcrumbList,
+    BreadcrumbPage: ()=>BreadcrumbPage
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Breadcrumb({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
+        "aria-label": "breadcrumb",
+        "data-slot": "breadcrumb",
+        ...props
+    });
+}
+function BreadcrumbList({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
+        className: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2", className),
+        "data-slot": "breadcrumb-list",
+        ...props
+    });
+}
+function BreadcrumbItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        className: (0, utils_cjs_namespaceObject.cn)("inline-flex items-center gap-1.5", className),
+        "data-slot": "breadcrumb-item",
+        ...props
+    });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : "a";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, utils_cjs_namespaceObject.cn)("hover:text-foreground transition-colors", className),
+        "data-slot": "breadcrumb-link",
+        ...props
+    });
+}
+function BreadcrumbPage({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        "aria-current": "page",
+        "aria-disabled": "true",
+        className: (0, utils_cjs_namespaceObject.cn)("text-foreground font-normal", className),
+        "data-slot": "breadcrumb-page",
+        role: "link",
+        ...props
+    });
+}
+function BreadcrumbSeparator({ children, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "aria-hidden": "true",
+        "data-slot": "breadcrumb-separator",
+        role: "presentation",
+        ...props,
+        children: children ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+            className: "size-3.5"
+        })
+    });
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        "aria-hidden": "true",
+        className: (0, utils_cjs_namespaceObject.cn)("flex size-4 items-center justify-center", className),
+        "data-slot": "breadcrumb-ellipsis",
+        role: "presentation",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EllipsisIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: "More"
+            })
+        ]
+    });
+}
+exports.Breadcrumb = __webpack_exports__.Breadcrumb;
+exports.BreadcrumbEllipsis = __webpack_exports__.BreadcrumbEllipsis;
+exports.BreadcrumbItem = __webpack_exports__.BreadcrumbItem;
+exports.BreadcrumbLink = __webpack_exports__.BreadcrumbLink;
+exports.BreadcrumbList = __webpack_exports__.BreadcrumbList;
+exports.BreadcrumbPage = __webpack_exports__.BreadcrumbPage;
+exports.BreadcrumbSeparator = __webpack_exports__.BreadcrumbSeparator;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Breadcrumb",
+    "BreadcrumbEllipsis",
+    "BreadcrumbItem",
+    "BreadcrumbLink",
+    "BreadcrumbList",
+    "BreadcrumbPage",
+    "BreadcrumbSeparator"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/button.cjs

@@ -0,0 +1,83 @@
+"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 ('undefined' != 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 external_spinner_cjs_namespaceObject = require("./spinner.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+const buttonVariants = (0, utils_cjs_namespaceObject.tv)({
+    base: "focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+    variants: {
+        size: {
+            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",
+            icon: "size-9"
+        },
+        variant: {
+            default: "bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80",
+            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50",
+            destructive: "bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white",
+            outline: "border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 hover:not-disabled:border-ring/60 border",
+            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 hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4"
+        }
+    },
+    defaultVariants: {
+        size: "md",
+        variant: "default"
+    }
+});
+function Button({ children, className, disabled, loaderPosition = "prefix", loading, prefix, size, spinner, suffix, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "button",
+        "data-variant": variant,
+        disabled: loading || disabled,
+        type: "button",
+        ...props,
+        children: [
+            loading && "prefix" === loaderPosition ? spinner || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner, {}) : prefix,
+            children,
+            loading && "suffix" === loaderPosition ? spinner || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner, {}) : suffix
+        ]
+    });
+}
+exports.Button = __webpack_exports__.Button;
+exports.buttonVariants = __webpack_exports__.buttonVariants;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Button",
+    "buttonVariants"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/calendar.cjs

@@ -0,0 +1,166 @@
+"use client";
+"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 ('undefined' != 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__, {
+    CalendarRangeLabel: ()=>CalendarRangeLabel,
+    Calendar: ()=>Calendar,
+    CalendarLabel: ()=>CalendarLabel
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_date_fns_namespaceObject = require("date-fns");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_day_picker_namespaceObject = require("react-day-picker");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Chevron({ orientation, className, ...props }) {
+    switch(orientation){
+        case "up":
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon, {
+                className: (0, utils_cjs_namespaceObject.cn)("size-4", className),
+                ...props
+            });
+        case "down":
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {
+                className: (0, utils_cjs_namespaceObject.cn)("size-4", className),
+                ...props
+            });
+        case "left":
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon, {
+                className: (0, utils_cjs_namespaceObject.cn)("size-4", className),
+                ...props
+            });
+        case "right":
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+                className: (0, utils_cjs_namespaceObject.cn)("size-4", className),
+                ...props
+            });
+        default:
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon, {
+                className: (0, utils_cjs_namespaceObject.cn)("size-4", className),
+                ...props
+            });
+    }
+}
+function Calendar({ showOutsideDays = true, classNames, ...props }) {
+    const isInteractive = void 0 !== props.mode || void 0 !== props.onDayClick;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_day_picker_namespaceObject.DayPicker, {
+        classNames: {
+            [external_react_day_picker_namespaceObject.UI.Root]: (0, utils_cjs_namespaceObject.cn)("p-3", classNames?.[external_react_day_picker_namespaceObject.UI.Root]),
+            [external_react_day_picker_namespaceObject.UI.Chevron]: (0, utils_cjs_namespaceObject.cn)(classNames?.[external_react_day_picker_namespaceObject.UI.Chevron]),
+            [external_react_day_picker_namespaceObject.UI.Day]: (0, utils_cjs_namespaceObject.cn)("grid place-items-center text-center text-sm", isInteractive ? "min-w-8.5 has-focus-visible:z-20 group" : "min-w-8.5 h-8", classNames?.[external_react_day_picker_namespaceObject.UI.Day]),
+            [external_react_day_picker_namespaceObject.UI.DayButton]: (0, utils_cjs_namespaceObject.cn)("group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50", classNames?.[external_react_day_picker_namespaceObject.UI.DayButton]),
+            [external_react_day_picker_namespaceObject.UI.CaptionLabel]: (0, utils_cjs_namespaceObject.cn)("flex items-center gap-2 [&>svg]:opacity-50", classNames?.[external_react_day_picker_namespaceObject.UI.CaptionLabel]),
+            [external_react_day_picker_namespaceObject.UI.Dropdowns]: (0, utils_cjs_namespaceObject.cn)("flex gap-4", classNames?.[external_react_day_picker_namespaceObject.UI.Dropdowns]),
+            [external_react_day_picker_namespaceObject.UI.Dropdown]: (0, utils_cjs_namespaceObject.cn)("absolute opacity-0", classNames?.[external_react_day_picker_namespaceObject.UI.Dropdown]),
+            [external_react_day_picker_namespaceObject.UI.DropdownRoot]: (0, utils_cjs_namespaceObject.cn)("relative", classNames?.[external_react_day_picker_namespaceObject.UI.DropdownRoot]),
+            [external_react_day_picker_namespaceObject.UI.Footer]: (0, utils_cjs_namespaceObject.cn)(classNames?.[external_react_day_picker_namespaceObject.UI.Footer]),
+            [external_react_day_picker_namespaceObject.UI.MonthGrid]: (0, utils_cjs_namespaceObject.cn)(classNames?.[external_react_day_picker_namespaceObject.UI.MonthGrid]),
+            [external_react_day_picker_namespaceObject.UI.MonthCaption]: (0, utils_cjs_namespaceObject.cn)("py-1 text-sm font-medium", classNames?.[external_react_day_picker_namespaceObject.UI.MonthCaption]),
+            [external_react_day_picker_namespaceObject.UI.MonthsDropdown]: (0, utils_cjs_namespaceObject.cn)(classNames?.[external_react_day_picker_namespaceObject.UI.MonthsDropdown]),
+            [external_react_day_picker_namespaceObject.UI.Month]: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-4", classNames?.[external_react_day_picker_namespaceObject.UI.Month]),
+            [external_react_day_picker_namespaceObject.UI.Months]: (0, utils_cjs_namespaceObject.cn)("relative flex gap-4", classNames?.[external_react_day_picker_namespaceObject.UI.Months]),
+            [external_react_day_picker_namespaceObject.UI.Nav]: (0, utils_cjs_namespaceObject.cn)("absolute end-0 flex gap-2", classNames?.[external_react_day_picker_namespaceObject.UI.Nav]),
+            [external_react_day_picker_namespaceObject.UI.NextMonthButton]: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                variant: "ghost",
+                size: "icon",
+                className: [
+                    "size-7",
+                    classNames?.[external_react_day_picker_namespaceObject.UI.NextMonthButton]
+                ]
+            }),
+            [external_react_day_picker_namespaceObject.UI.PreviousMonthButton]: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                variant: "ghost",
+                size: "icon",
+                className: [
+                    "size-7",
+                    classNames?.[external_react_day_picker_namespaceObject.UI.PreviousMonthButton]
+                ]
+            }),
+            [external_react_day_picker_namespaceObject.UI.Week]: (0, utils_cjs_namespaceObject.cn)("mt-2 flex justify-between", classNames?.[external_react_day_picker_namespaceObject.UI.Week]),
+            [external_react_day_picker_namespaceObject.UI.Weeks]: (0, utils_cjs_namespaceObject.cn)(classNames?.[external_react_day_picker_namespaceObject.UI.Weeks]),
+            [external_react_day_picker_namespaceObject.UI.Weekday]: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground min-w-8.5 text-xs font-medium", classNames?.[external_react_day_picker_namespaceObject.UI.Weekday]),
+            [external_react_day_picker_namespaceObject.UI.Weekdays]: (0, utils_cjs_namespaceObject.cn)("flex w-full justify-between", classNames?.[external_react_day_picker_namespaceObject.UI.Weekdays]),
+            [external_react_day_picker_namespaceObject.UI.WeekNumber]: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg", classNames?.[external_react_day_picker_namespaceObject.UI.WeekNumber]),
+            [external_react_day_picker_namespaceObject.UI.WeekNumberHeader]: (0, utils_cjs_namespaceObject.cn)("min-w-8.5", classNames?.[external_react_day_picker_namespaceObject.UI.WeekNumberHeader]),
+            [external_react_day_picker_namespaceObject.UI.YearsDropdown]: (0, utils_cjs_namespaceObject.cn)(classNames?.[external_react_day_picker_namespaceObject.UI.YearsDropdown]),
+            [external_react_day_picker_namespaceObject.SelectionState.range_end]: (0, utils_cjs_namespaceObject.cn)("to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg", classNames?.[external_react_day_picker_namespaceObject.SelectionState.range_end]),
+            [external_react_day_picker_namespaceObject.SelectionState.range_middle]: (0, utils_cjs_namespaceObject.cn)("is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg", classNames?.[external_react_day_picker_namespaceObject.SelectionState.range_middle]),
+            [external_react_day_picker_namespaceObject.SelectionState.range_start]: (0, utils_cjs_namespaceObject.cn)("to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg", classNames?.[external_react_day_picker_namespaceObject.SelectionState.range_start]),
+            [external_react_day_picker_namespaceObject.SelectionState.selected]: (0, utils_cjs_namespaceObject.cn)("is-selected", classNames?.[external_react_day_picker_namespaceObject.SelectionState.selected]),
+            [external_react_day_picker_namespaceObject.DayFlag.disabled]: (0, utils_cjs_namespaceObject.cn)("is-disabled", classNames?.[external_react_day_picker_namespaceObject.DayFlag.disabled]),
+            [external_react_day_picker_namespaceObject.DayFlag.focused]: (0, utils_cjs_namespaceObject.cn)("is-focused", classNames?.[external_react_day_picker_namespaceObject.DayFlag.focused]),
+            [external_react_day_picker_namespaceObject.DayFlag.hidden]: (0, utils_cjs_namespaceObject.cn)("is-hidden size-8", classNames?.[external_react_day_picker_namespaceObject.DayFlag.hidden]),
+            [external_react_day_picker_namespaceObject.DayFlag.outside]: (0, utils_cjs_namespaceObject.cn)("is-outside", classNames?.[external_react_day_picker_namespaceObject.DayFlag.outside]),
+            [external_react_day_picker_namespaceObject.DayFlag.today]: (0, utils_cjs_namespaceObject.cn)("is-today", classNames?.[external_react_day_picker_namespaceObject.DayFlag.today])
+        },
+        components: {
+            Chevron
+        },
+        showOutsideDays: showOutsideDays,
+        ...props
+    });
+}
+function CalendarRangeLabel({ date, formatStr = "LLL dd, y", placeholder = "Pick a date" }) {
+    if (!date?.from) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: "truncate",
+        children: placeholder
+    });
+    const formattedFromDate = (0, external_date_fns_namespaceObject.format)(date.from, formatStr);
+    if (!date.to) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: "truncate",
+        children: formattedFromDate
+    });
+    const formattedToDate = (0, external_date_fns_namespaceObject.format)(date.to, formatStr);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: "truncate",
+        children: [
+            formattedFromDate,
+            " - ",
+            formattedToDate
+        ]
+    });
+}
+function CalendarLabel({ date, formatStr = "PPP", placeholder = "Pick a date" }) {
+    if (!date) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: "truncate",
+        children: placeholder
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: "truncate",
+        children: (0, external_date_fns_namespaceObject.format)(date, formatStr)
+    });
+}
+exports.Calendar = __webpack_exports__.Calendar;
+exports.CalendarLabel = __webpack_exports__.CalendarLabel;
+exports.CalendarRangeLabel = __webpack_exports__.CalendarRangeLabel;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Calendar",
+    "CalendarLabel",
+    "CalendarRangeLabel"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/card.cjs

@@ -0,0 +1,105 @@
+"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 ('undefined' != 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__, {
+    CardDescription: ()=>CardDescription,
+    CardContent: ()=>CardContent,
+    CardHeader: ()=>CardHeader,
+    CardAction: ()=>CardAction,
+    Card: ()=>Card,
+    CardTitle: ()=>CardTitle,
+    CardFooter: ()=>CardFooter
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Card({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm", className),
+        "data-slot": "card",
+        ...props
+    });
+}
+function CardHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]", className),
+        "data-slot": "card-header",
+        ...props
+    });
+}
+function CardTitle({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("font-semibold leading-none", className),
+        "data-slot": "card-title",
+        ...props,
+        children: children
+    });
+}
+function CardDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground text-sm", className),
+        "data-slot": "card-description",
+        ...props
+    });
+}
+function CardContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("px-6", className),
+        "data-slot": "card-content",
+        ...props
+    });
+}
+function CardFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("[.border-t]:pt-6 flex items-center px-6", className),
+        "data-slot": "card-footer",
+        ...props
+    });
+}
+function CardAction({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_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 __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Card",
+    "CardAction",
+    "CardContent",
+    "CardDescription",
+    "CardFooter",
+    "CardHeader",
+    "CardTitle"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});