ikoncomponents 1.1.5 → 1.1.7

package/dist/shadcn/calendar.js

@@ -1,116 +1,61 @@
-"use strict";
 "use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = Calendar;
-exports.CalendarDayButton = CalendarDayButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const react_day_picker_1 = require("react-day-picker");
-const cn_1 = require("../utils/cn");
-const button_1 = require("./button");
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
-    const defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
-    return ((0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { showOutsideDays: showOutsideDays, className: (0, cn_1.cn)("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]&]:bg-transparent [[data-slot=popover-content]&]:bg-transparent", "dark:bg-[#202020]", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
-            formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-            ...formatters,
-        }, classNames: {
-            root: (0, cn_1.cn)("w-fit", defaultClassNames.root),
-            months: (0, cn_1.cn)("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
-            month: (0, cn_1.cn)("flex flex-col w-full gap-4", defaultClassNames.month),
-            nav: (0, cn_1.cn)("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
-            button_previous: (0, cn_1.cn)((0, button_1.buttonVariants)({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
-            button_next: (0, cn_1.cn)((0, button_1.buttonVariants)({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
-            month_caption: (0, cn_1.cn)("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
-            dropdowns: (0, cn_1.cn)("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
-            dropdown_root: (0, cn_1.cn)("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", "bg-[rgba(0,0,0,0.17)]", defaultClassNames.dropdown_root),
-            dropdown: (0, cn_1.cn)("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
-            caption_label: (0, cn_1.cn)("select-none font-medium", captionLayout === "label"
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn } from "../utils/cn";
+import { Button, buttonVariants } from "./button";
+function Calendar(_a) {
+    var { className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components } = _a, props = __rest(_a, ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components"]);
+    const defaultClassNames = getDefaultClassNames();
+    return (_jsx(DayPicker, Object.assign({ showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]&]:bg-transparent [[data-slot=popover-content]&]:bg-transparent", "dark:bg-[#202020]", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: Object.assign({ formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }) }, formatters), classNames: Object.assign({ root: cn("w-fit", defaultClassNames.root), months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months), month: cn("flex flex-col w-full gap-4", defaultClassNames.month), nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav), button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous), button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next), month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption), dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns), dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", "bg-[rgba(0,0,0,0.17)]", defaultClassNames.dropdown_root), dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown), caption_label: cn("select-none font-medium", captionLayout === "label"
                 ? "text-sm"
-                : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
-            table: "w-full border-collapse",
-            weekdays: (0, cn_1.cn)("flex", defaultClassNames.weekdays),
-            weekday: (0, cn_1.cn)("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
-            week: (0, cn_1.cn)("flex w-full mt-2", defaultClassNames.week),
-            week_number_header: (0, cn_1.cn)("select-none w-(--cell-size)", defaultClassNames.week_number_header),
-            week_number: (0, cn_1.cn)("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
-            day: (0, cn_1.cn)("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
-            range_start: (0, cn_1.cn)("rounded-l-md bg-accent", defaultClassNames.range_start),
-            range_middle: (0, cn_1.cn)("rounded-none", defaultClassNames.range_middle),
-            range_end: (0, cn_1.cn)("rounded-r-md bg-accent", defaultClassNames.range_end),
-            today: (0, cn_1.cn)("bg-[var(--hover-back)] text-primary rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
-            outside: (0, cn_1.cn)("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-            disabled: (0, cn_1.cn)("text-muted-foreground opacity-50", defaultClassNames.disabled),
-            hidden: (0, cn_1.cn)("invisible", defaultClassNames.hidden),
-            ...classNames,
-        }, components: {
-            Root: ({ className, rootRef, ...props }) => {
-                return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "calendar", ref: rootRef, className: (0, cn_1.cn)(className), ...props }));
-            },
-            Chevron: ({ className, orientation, ...props }) => {
+                : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label), table: "w-full border-collapse", weekdays: cn("flex", defaultClassNames.weekdays), weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday), week: cn("flex w-full mt-2", defaultClassNames.week), week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header), week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number), day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day), range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start), range_middle: cn("rounded-none", defaultClassNames.range_middle), range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end), today: cn("bg-[var(--hover-back)] text-primary rounded-md data-[selected=true]:rounded-none", defaultClassNames.today), outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside), disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled), hidden: cn("invisible", defaultClassNames.hidden) }, classNames), components: Object.assign({ Root: (_a) => {
+                var { className, rootRef } = _a, props = __rest(_a, ["className", "rootRef"]);
+                return (_jsx("div", Object.assign({ "data-slot": "calendar", ref: rootRef, className: cn(className) }, props)));
+            }, Chevron: (_a) => {
+                var { className, orientation } = _a, props = __rest(_a, ["className", "orientation"]);
                 if (orientation === "left") {
-                    return ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeftIcon, { className: (0, cn_1.cn)("size-4", className), ...props }));
+                    return (_jsx(ChevronLeftIcon, Object.assign({ className: cn("size-4", className) }, props)));
                 }
                 if (orientation === "right") {
-                    return ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightIcon, { className: (0, cn_1.cn)("size-4", className), ...props }));
+                    return (_jsx(ChevronRightIcon, Object.assign({ className: cn("size-4", className) }, props)));
                 }
-                return ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: (0, cn_1.cn)("size-4", className), ...props }));
-            },
-            DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...props }) => {
-                return ((0, jsx_runtime_1.jsx)("td", { ...props, children: (0, jsx_runtime_1.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
-            },
-            ...components,
-        }, ...props }));
+                return (_jsx(ChevronDownIcon, Object.assign({ className: cn("size-4", className) }, props)));
+            }, DayButton: CalendarDayButton, WeekNumber: (_a) => {
+                var { children } = _a, props = __rest(_a, ["children"]);
+                return (_jsx("td", Object.assign({}, props, { children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) })));
+            } }, components) }, props)));
 }
-function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
+function CalendarDayButton(_a) {
+    var { className, day, modifiers } = _a, props = __rest(_a, ["className", "day", "modifiers"]);
+    const defaultClassNames = getDefaultClassNames();
     const ref = React.useRef(null);
     React.useEffect(() => {
+        var _a;
         if (modifiers.focused)
-            ref.current?.focus();
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [modifiers.focused]);
-    return ((0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+    return (_jsx(Button, Object.assign({ ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
             !modifiers.range_start &&
             !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: (0, cn_1.cn)("data-[selected-single=true]:bg-[var(--calender-foreground)] data-[selected-single=true]:text-white dark:data-[selected-single=true]:text-black", 
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-[var(--calender-foreground)] data-[selected-single=true]:text-white dark:data-[selected-single=true]:text-black", 
         // Make sure the background is transparent for dates in the middle of the range
         "data-[range-middle=true]:bg-[var(--ring)] data-[range-middle=true]:text-white root:text-black", 
         // Set background color for the start of the range
         "data-[range-start=true]:bg-[var(--calender-foreground)] dark:data-[range-start=true]:text-black data-[range-start=true]:text-white", 
         // Set background color for the end of the range
-        "hover:bg-[var(--keross-skeleton-bg)] hover:text-white", "data-[range-end=true]:bg-[var(--calender-foreground)] data-[range-end=true]:text-white dark:data-[range-end=true]:text-black", "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50  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:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70 root:text-black", defaultClassNames.day, className), ...props }));
+        "hover:bg-[var(--keross-skeleton-bg)] hover:text-white", "data-[range-end=true]:bg-[var(--calender-foreground)] data-[range-end=true]:text-white dark:data-[range-end=true]:text-black", "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50  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:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70 root:text-black", defaultClassNames.day, className) }, props)));
 }
+export { Calendar, CalendarDayButton };

package/dist/shadcn/card.js

@@ -1,32 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = Card;
-exports.CardHeader = CardHeader;
-exports.CardFooter = CardFooter;
-exports.CardTitle = CardTitle;
-exports.CardAction = CardAction;
-exports.CardDescription = CardDescription;
-exports.CardContent = CardContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../utils/cn");
-function Card({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card", className: (0, cn_1.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+function Card(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card", className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className) }, props)));
 }
-function CardHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-header", className: (0, cn_1.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), ...props }));
+function CardHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-header", className: 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) }, props)));
 }
-function CardTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-title", className: (0, cn_1.cn)("leading-none font-semibold", className), ...props }));
+function CardTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-title", className: cn("leading-none font-semibold", className) }, props)));
 }
-function CardDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-description", className: (0, cn_1.cn)("text-muted-foreground text-sm", className), ...props }));
+function CardDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className) }, props)));
 }
-function CardAction({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-action", className: (0, cn_1.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+function CardAction(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className) }, props)));
 }
-function CardContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-content", className: (0, cn_1.cn)("px-6", className), ...props }));
+function CardContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-content", className: cn("px-6", className) }, props)));
 }
-function CardFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-footer", className: (0, cn_1.cn)("flex items-center px-6 [.border-t]:pt-6", className), ...props }));
+function CardFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className) }, props)));
 }
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/shadcn/checkbox.js

@@ -1,44 +1,21 @@
-"use strict";
 "use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = Checkbox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
-const lucide_react_1 = require("lucide-react");
-const cn_1 = require("../utils/cn");
-function Checkbox({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: (0, cn_1.cn)("peer border-input bg-[var(--background)] dark:bg-[var(--border)] data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border-1 shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: (0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckIcon, { className: "size-3.5" }) }) }));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import { cn } from "../utils/cn";
+function Checkbox(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CheckboxPrimitive.Root, Object.assign({ "data-slot": "checkbox", className: cn("peer border-input bg-[var(--background)] dark:bg-[var(--border)] data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border-1 shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className) }, props, { children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) })));
 }
+export { Checkbox };

package/dist/shadcn/command.js

@@ -1,44 +1,54 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Command = Command;
-exports.CommandDialog = CommandDialog;
-exports.CommandInput = CommandInput;
-exports.CommandList = CommandList;
-exports.CommandEmpty = CommandEmpty;
-exports.CommandGroup = CommandGroup;
-exports.CommandItem = CommandItem;
-exports.CommandShortcut = CommandShortcut;
-exports.CommandSeparator = CommandSeparator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cmdk_1 = require("cmdk");
-const lucide_react_1 = require("lucide-react");
-const cn_1 = require("../utils/cn");
-const dialog_1 = require("./dialog");
-function Command({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command, { "data-slot": "command", className: (0, cn_1.cn)("bg-card text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props }));
-}
-function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(dialog_1.Dialog, { ...props, children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { className: "sr-only", children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: title }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { children: description })] }), (0, jsx_runtime_1.jsx)(dialog_1.DialogContent, { className: (0, cn_1.cn)("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: (0, jsx_runtime_1.jsx)(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
-}
-function CommandInput({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.SearchIcon, { className: "size-4 shrink-0 opacity-50" }), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { "data-slot": "command-input", className: (0, cn_1.cn)("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
-}
-function CommandList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.List, { "data-slot": "command-list", className: (0, cn_1.cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
-}
-function CommandEmpty({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
-}
-function CommandGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { "data-slot": "command-group", className: (0, cn_1.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
-}
-function CommandSeparator({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Separator, { "data-slot": "command-separator", className: (0, cn_1.cn)("bg-border -mx-1 h-px", className), ...props }));
-}
-function CommandItem({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { "data-slot": "command-item", className: (0, cn_1.cn)("data-[selected=true]:bg-[var(--input)] data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function CommandShortcut({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "command-shortcut", className: (0, cn_1.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { cn } from "../utils/cn";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
+function Command(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive, Object.assign({ "data-slot": "command", className: cn("bg-card text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className) }, props)));
+}
+function CommandDialog(_a) {
+    var { title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true } = _a, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
+    return (_jsxs(Dialog, Object.assign({}, props, { children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] })));
+}
+function CommandInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, Object.assign({ "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className) }, props))] }));
+}
+function CommandList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.List, Object.assign({ "data-slot": "command-list", className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className) }, props)));
+}
+function CommandEmpty(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(CommandPrimitive.Empty, Object.assign({ "data-slot": "command-empty", className: "py-6 text-center text-sm" }, props)));
+}
+function CommandGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.Group, Object.assign({ "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className) }, props)));
+}
+function CommandSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.Separator, Object.assign({ "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px", className) }, props)));
+}
+function CommandItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.Item, Object.assign({ "data-slot": "command-item", className: cn("data-[selected=true]:bg-[var(--input)] data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
+}
+function CommandShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("span", Object.assign({ "data-slot": "command-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className) }, props)));
+}
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/shadcn/date-input.js

@@ -1,43 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
 const DateInput = ({ value, onChange }) => {
-    const [date, setDate] = react_1.default.useState(() => {
+    const [date, setDate] = React.useState(() => {
         const d = value ? new Date(value) : new Date();
         return {
             day: d.getDate(),
@@ -45,10 +9,10 @@ const DateInput = ({ value, onChange }) => {
             year: d.getFullYear()
         };
     });
-    const monthRef = (0, react_1.useRef)(null);
-    const dayRef = (0, react_1.useRef)(null);
-    const yearRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const monthRef = useRef(null);
+    const dayRef = useRef(null);
+    const yearRef = useRef(null);
+    useEffect(() => {
         const d = value ? new Date(value) : new Date();
         setDate({
             day: d.getDate(),
@@ -63,7 +27,7 @@ const DateInput = ({ value, onChange }) => {
             return false;
         }
         // Validate the day of the month
-        const newDate = { ...date, [field]: value };
+        const newDate = Object.assign(Object.assign({}, date), { [field]: value });
         const d = new Date(newDate.year, newDate.month - 1, newDate.day);
         return d.getFullYear() === newDate.year &&
             d.getMonth() + 1 === newDate.month &&
@@ -73,14 +37,14 @@ const DateInput = ({ value, onChange }) => {
         const newValue = e.target.value ? Number(e.target.value) : '';
         const isValid = typeof newValue === 'number' && validateDate(field, newValue);
         // If the new value is valid, update the date
-        const newDate = { ...date, [field]: newValue };
+        const newDate = Object.assign(Object.assign({}, date), { [field]: newValue });
         setDate(newDate);
         // only call onChange when the entry is valid
         if (isValid) {
             onChange(new Date(newDate.year, newDate.month - 1, newDate.day));
         }
     };
-    const initialDate = (0, react_1.useRef)(date);
+    const initialDate = useRef(date);
     const handleBlur = (field) => (e) => {
         if (!e.target.value) {
             setDate(initialDate.current);
@@ -93,10 +57,11 @@ const DateInput = ({ value, onChange }) => {
         }
         else {
             // If the new value is valid, update the initial value
-            initialDate.current = { ...date, [field]: newValue };
+            initialDate.current = Object.assign(Object.assign({}, date), { [field]: newValue });
         }
     };
     const handleKeyDown = (field) => (e) => {
+        var _a, _b, _c, _d;
         // Allow command (or control) combinations
         if (e.metaKey || e.ctrlKey) {
             return;
@@ -118,10 +83,10 @@ const DateInput = ({ value, onChange }) => {
         }
         if (e.key === 'ArrowUp') {
             e.preventDefault();
-            let newDate = { ...date };
+            let newDate = Object.assign({}, date);
             if (field === 'day') {
                 if (date[field] === new Date(date.year, date.month, 0).getDate()) {
-                    newDate = { ...newDate, day: 1, month: (date.month % 12) + 1 };
+                    newDate = Object.assign(Object.assign({}, newDate), { day: 1, month: (date.month % 12) + 1 });
                     if (newDate.month === 1)
                         newDate.year += 1;
                 }
@@ -131,7 +96,7 @@ const DateInput = ({ value, onChange }) => {
             }
             if (field === 'month') {
                 if (date[field] === 12) {
-                    newDate = { ...newDate, month: 1, year: date.year + 1 };
+                    newDate = Object.assign(Object.assign({}, newDate), { month: 1, year: date.year + 1 });
                 }
                 else {
                     newDate.month += 1;
@@ -145,7 +110,7 @@ const DateInput = ({ value, onChange }) => {
         }
         else if (e.key === 'ArrowDown') {
             e.preventDefault();
-            let newDate = { ...date };
+            let newDate = Object.assign({}, date);
             if (field === 'day') {
                 if (date[field] === 1) {
                     newDate.month -= 1;
@@ -161,7 +126,7 @@ const DateInput = ({ value, onChange }) => {
             }
             if (field === 'month') {
                 if (date[field] === 1) {
-                    newDate = { ...newDate, month: 12, year: date.year - 1 };
+                    newDate = Object.assign(Object.assign({}, newDate), { month: 12, year: date.year - 1 });
                 }
                 else {
                     newDate.month -= 1;
@@ -179,9 +144,9 @@ const DateInput = ({ value, onChange }) => {
                     e.currentTarget.selectionEnd === e.currentTarget.value.length)) {
                 e.preventDefault();
                 if (field === 'month')
-                    dayRef.current?.focus();
+                    (_a = dayRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 if (field === 'day')
-                    yearRef.current?.focus();
+                    (_b = yearRef.current) === null || _b === void 0 ? void 0 : _b.focus();
             }
         }
         else if (e.key === 'ArrowLeft') {
@@ -190,25 +155,25 @@ const DateInput = ({ value, onChange }) => {
                     e.currentTarget.selectionEnd === e.currentTarget.value.length)) {
                 e.preventDefault();
                 if (field === 'day')
-                    monthRef.current?.focus();
+                    (_c = monthRef.current) === null || _c === void 0 ? void 0 : _c.focus();
                 if (field === 'year')
-                    dayRef.current?.focus();
+                    (_d = dayRef.current) === null || _d === void 0 ? void 0 : _d.focus();
             }
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex border rounded-lg items-center text-sm px-1", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", ref: monthRef, max: 12, maxLength: 2, value: date.month.toString(), onChange: handleInputChange('month'), onKeyDown: handleKeyDown('month'), onFocus: (e) => {
+    return (_jsxs("div", { className: "flex border rounded-lg items-center text-sm px-1", children: [_jsx("input", { type: "text", ref: monthRef, max: 12, maxLength: 2, value: date.month.toString(), onChange: handleInputChange('month'), onKeyDown: handleKeyDown('month'), onFocus: (e) => {
                     if (window.innerWidth > 1024) {
                         e.target.select();
                     }
-                }, onBlur: handleBlur('month'), className: "p-0 outline-none w-6 border-none text-center", placeholder: "M" }), (0, jsx_runtime_1.jsx)("span", { className: "opacity-20 -mx-px", children: "/" }), (0, jsx_runtime_1.jsx)("input", { type: "text", ref: dayRef, max: 31, maxLength: 2, value: date.day.toString(), onChange: handleInputChange('day'), onKeyDown: handleKeyDown('day'), onFocus: (e) => {
+                }, onBlur: handleBlur('month'), className: "p-0 outline-none w-6 border-none text-center", placeholder: "M" }), _jsx("span", { className: "opacity-20 -mx-px", children: "/" }), _jsx("input", { type: "text", ref: dayRef, max: 31, maxLength: 2, value: date.day.toString(), onChange: handleInputChange('day'), onKeyDown: handleKeyDown('day'), onFocus: (e) => {
                     if (window.innerWidth > 1024) {
                         e.target.select();
                     }
-                }, onBlur: handleBlur('day'), className: "p-0 outline-none w-7 border-none text-center", placeholder: "D" }), (0, jsx_runtime_1.jsx)("span", { className: "opacity-20 -mx-px", children: "/" }), (0, jsx_runtime_1.jsx)("input", { type: "text", ref: yearRef, max: 9999, maxLength: 4, value: date.year.toString(), onChange: handleInputChange('year'), onKeyDown: handleKeyDown('year'), onFocus: (e) => {
+                }, onBlur: handleBlur('day'), className: "p-0 outline-none w-7 border-none text-center", placeholder: "D" }), _jsx("span", { className: "opacity-20 -mx-px", children: "/" }), _jsx("input", { type: "text", ref: yearRef, max: 9999, maxLength: 4, value: date.year.toString(), onChange: handleInputChange('year'), onKeyDown: handleKeyDown('year'), onFocus: (e) => {
                     if (window.innerWidth > 1024) {
                         e.target.select();
                     }
                 }, onBlur: handleBlur('year'), className: "p-0 outline-none w-12 border-none text-center", placeholder: "YYYY" })] }));
 };
-exports.DateInput = DateInput;
 DateInput.displayName = 'DateInput';
+export { DateInput };