@appcorp/shadcn 1.0.37 → 1.1.0

package/components/{breadcrumb.js → ui/breadcrumb.js}

@@ -55,45 +55,53 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = Breadcrumb;
-exports.BreadcrumbList = BreadcrumbList;
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.BreadcrumbLink = BreadcrumbLink;
-exports.BreadcrumbPage = BreadcrumbPage;
-exports.BreadcrumbSeparator = BreadcrumbSeparator;
-exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbEllipsis = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbList = exports.Breadcrumb = void 0;
 var React = __importStar(require("react"));
 var react_slot_1 = require("@radix-ui/react-slot");
-var lucide_react_1 = require("lucide-react");
-var utils_1 = require("../lib/utils");
-function Breadcrumb(_a) {
+var utils_1 = require("../../lib/utils");
+var react_icons_1 = require("@radix-ui/react-icons");
+var Breadcrumb = React.forwardRef(function (_a, ref) {
     var props = __rest(_a, []);
-    return React.createElement("nav", __assign({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
-}
-function BreadcrumbList(_a) {
+    return React.createElement("nav", __assign({ ref: ref, "aria-label": "breadcrumb" }, props));
+});
+exports.Breadcrumb = Breadcrumb;
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("ol", __assign({ "data-slot": "breadcrumb-list", className: (0, utils_1.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className) }, props)));
-}
-function BreadcrumbItem(_a) {
+    return (React.createElement("ol", __assign({ ref: ref, className: (0, utils_1.cn)("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className) }, props)));
+});
+exports.BreadcrumbList = BreadcrumbList;
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("li", __assign({ "data-slot": "breadcrumb-item", className: (0, utils_1.cn)("inline-flex items-center gap-1.5", className) }, props)));
-}
-function BreadcrumbLink(_a) {
+    return (React.createElement("li", __assign({ ref: ref, className: (0, utils_1.cn)("inline-flex items-center gap-1.5", className) }, props)));
+});
+exports.BreadcrumbItem = BreadcrumbItem;
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React.forwardRef(function (_a, ref) {
     var asChild = _a.asChild, className = _a.className, props = __rest(_a, ["asChild", "className"]);
     var Comp = asChild ? react_slot_1.Slot : "a";
-    return (React.createElement(Comp, __assign({ "data-slot": "breadcrumb-link", className: (0, utils_1.cn)("hover:text-foreground transition-colors", className) }, props)));
-}
-function BreadcrumbPage(_a) {
+    return (React.createElement(Comp, __assign({ ref: ref, className: (0, utils_1.cn)("transition-colors hover:text-foreground", className) }, props)));
+});
+exports.BreadcrumbLink = BreadcrumbLink;
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("span", __assign({ "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: (0, utils_1.cn)("text-foreground font-normal", className) }, props)));
-}
-function BreadcrumbSeparator(_a) {
+    return (React.createElement("span", __assign({ ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: (0, utils_1.cn)("font-normal text-foreground", className) }, props)));
+});
+exports.BreadcrumbPage = BreadcrumbPage;
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React.createElement("li", __assign({ "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)("[&>svg]:size-3.5", className) }, props), children !== null && children !== void 0 ? children : React.createElement(lucide_react_1.ChevronRight, null)));
-}
-function BreadcrumbEllipsis(_a) {
+    return (React.createElement("li", __assign({ role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)("[&>svg]:w-3.5 [&>svg]:h-3.5", className) }, props), children !== null && children !== void 0 ? children : React.createElement(react_icons_1.ChevronRightIcon, null)));
+};
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("span", __assign({ "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)("flex size-9 items-center justify-center", className) }, props),
-        React.createElement(lucide_react_1.MoreHorizontal, { className: "size-4" }),
+    return (React.createElement("span", __assign({ role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)("flex h-9 w-9 items-center justify-center", className) }, props),
+        React.createElement(react_icons_1.DotsHorizontalIcon, { className: "h-4 w-4" }),
         React.createElement("span", { className: "sr-only" }, "More")));
-}
+};
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";

package/components/{button.d.ts → ui/button.d.ts}

@@ -4,7 +4,8 @@ declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
-}): React.JSX.Element;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };

package/components/{button.js → ui/button.js}

@@ -55,27 +55,26 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonVariants = void 0;
-exports.Button = Button;
+exports.buttonVariants = exports.Button = void 0;
 var React = __importStar(require("react"));
 var react_slot_1 = require("@radix-ui/react-slot");
 var class_variance_authority_1 = require("class-variance-authority");
-var utils_1 = require("../lib/utils");
-var buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var utils_1 = require("../../lib/utils");
+var buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
     variants: {
         variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
             link: "text-primary underline-offset-4 hover:underline",
         },
         size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-9",
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9",
         },
     },
     defaultVariants: {
@@ -84,8 +83,10 @@ var buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-cent
     },
 });
 exports.buttonVariants = buttonVariants;
-function Button(_a) {
+var Button = React.forwardRef(function (_a, ref) {
     var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
     var Comp = asChild ? react_slot_1.Slot : "button";
-    return (React.createElement(Comp, __assign({ "data-slot": "button", className: (0, utils_1.cn)(buttonVariants({ variant: variant, size: size, className: className })) }, props)));
-}
+    return (React.createElement(Comp, __assign({ className: (0, utils_1.cn)(buttonVariants({ variant: variant, size: size, className: className })), ref: ref }, props)));
+});
+exports.Button = Button;
+Button.displayName = "Button";

package/components/ui/calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+import { Button } from "../ui/button";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
+export { Calendar, CalendarDayButton };

package/components/ui/calendar.js

@@ -0,0 +1,109 @@
+"use client";
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+    };
+})();
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = Calendar;
+exports.CalendarDayButton = CalendarDayButton;
+var React = __importStar(require("react"));
+var lucide_react_1 = require("lucide-react");
+var react_day_picker_1 = require("react-day-picker");
+var utils_1 = require("../../lib/utils");
+var button_1 = require("../ui/button");
+function Calendar(_a) {
+    var className = _a.className, classNames = _a.classNames, _b = _a.showOutsideDays, showOutsideDays = _b === void 0 ? true : _b, _c = _a.captionLayout, captionLayout = _c === void 0 ? "label" : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? "ghost" : _d, formatters = _a.formatters, components = _a.components, props = __rest(_a, ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components"]);
+    var defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
+    return (React.createElement(react_day_picker_1.DayPicker, __assign({ showOutsideDays: showOutsideDays, className: (0, utils_1.cn)("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw(templateObject_1 || (templateObject_1 = __makeTemplateObject(["rtl:**:[.rdp-button_next>svg]:rotate-180"], ["rtl:**:[.rdp-button\\_next>svg]:rotate-180"]))), String.raw(templateObject_2 || (templateObject_2 = __makeTemplateObject(["rtl:**:[.rdp-button_previous>svg]:rotate-180"], ["rtl:**:[.rdp-button\\_previous>svg]:rotate-180"]))), className), captionLayout: captionLayout, formatters: __assign({ formatMonthDropdown: function (date) {
+                return date.toLocaleString("default", { month: "short" });
+            } }, formatters), classNames: __assign({ root: (0, utils_1.cn)("w-fit", defaultClassNames.root), months: (0, utils_1.cn)("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months), month: (0, utils_1.cn)("flex w-full flex-col gap-4", defaultClassNames.month), nav: (0, utils_1.cn)("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav), button_previous: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant: buttonVariant }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous), button_next: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant: buttonVariant }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next), month_caption: (0, utils_1.cn)("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]", defaultClassNames.month_caption), dropdowns: (0, utils_1.cn)("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns), dropdown_root: (0, utils_1.cn)("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", defaultClassNames.dropdown_root), dropdown: (0, utils_1.cn)("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown), caption_label: (0, utils_1.cn)("select-none font-medium", captionLayout === "label"
+                ? "text-sm"
+                : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", defaultClassNames.caption_label), table: "w-full border-collapse", weekdays: (0, utils_1.cn)("flex", defaultClassNames.weekdays), weekday: (0, utils_1.cn)("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday), week: (0, utils_1.cn)("mt-2 flex w-full", defaultClassNames.week), week_number_header: (0, utils_1.cn)("w-[--cell-size] select-none", defaultClassNames.week_number_header), week_number: (0, utils_1.cn)("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number), day: (0, utils_1.cn)("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day), range_start: (0, utils_1.cn)("bg-accent rounded-l-md", defaultClassNames.range_start), range_middle: (0, utils_1.cn)("rounded-none", defaultClassNames.range_middle), range_end: (0, utils_1.cn)("bg-accent rounded-r-md", defaultClassNames.range_end), today: (0, utils_1.cn)("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today), outside: (0, utils_1.cn)("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside), disabled: (0, utils_1.cn)("text-muted-foreground opacity-50", defaultClassNames.disabled), hidden: (0, utils_1.cn)("invisible", defaultClassNames.hidden) }, classNames), components: __assign({ Root: function (_a) {
+                var className = _a.className, rootRef = _a.rootRef, props = __rest(_a, ["className", "rootRef"]);
+                return (React.createElement("div", __assign({ "data-slot": "calendar", ref: rootRef, className: (0, utils_1.cn)(className) }, props)));
+            }, Chevron: function (_a) {
+                var className = _a.className, orientation = _a.orientation, props = __rest(_a, ["className", "orientation"]);
+                if (orientation === "left") {
+                    return (React.createElement(lucide_react_1.ChevronLeftIcon, __assign({ className: (0, utils_1.cn)("size-4", className) }, props)));
+                }
+                if (orientation === "right") {
+                    return (React.createElement(lucide_react_1.ChevronRightIcon, __assign({ className: (0, utils_1.cn)("size-4", className) }, props)));
+                }
+                return (React.createElement(lucide_react_1.ChevronDownIcon, __assign({ className: (0, utils_1.cn)("size-4", className) }, props)));
+            }, DayButton: CalendarDayButton, WeekNumber: function (_a) {
+                var children = _a.children, props = __rest(_a, ["children"]);
+                return (React.createElement("td", __assign({}, props),
+                    React.createElement("div", { className: "flex size-[--cell-size] items-center justify-center text-center" }, children)));
+            } }, components) }, props)));
+}
+function CalendarDayButton(_a) {
+    var className = _a.className, day = _a.day, modifiers = _a.modifiers, props = __rest(_a, ["className", "day", "modifiers"]);
+    var defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        var _a;
+        if (modifiers.focused)
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [modifiers.focused]);
+    return (React.createElement(button_1.Button, __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, utils_1.cn)("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className) }, props)));
+}
+var templateObject_1, templateObject_2;

package/components/ui/card.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/components/{card.js → ui/card.js}

@@ -55,40 +55,42 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 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;
+exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = void 0;
 var React = __importStar(require("react"));
-var utils_1 = require("../lib/utils");
-function Card(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card", className: (0, utils_1.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className) }, props)));
-}
-function CardHeader(_a) {
+var utils_1 = require("../../lib/utils");
+var Card = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card-header", className: (0, utils_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 CardTitle(_a) {
+    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("rounded-xl border bg-card text-card-foreground shadow", className) }, props)));
+});
+exports.Card = Card;
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card-title", className: (0, utils_1.cn)("leading-none font-semibold", className) }, props)));
-}
-function CardDescription(_a) {
+    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("flex flex-col space-y-1.5 p-6", className) }, props)));
+});
+exports.CardHeader = CardHeader;
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card-description", className: (0, utils_1.cn)("text-muted-foreground text-sm", className) }, props)));
-}
-function CardAction(_a) {
+    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("font-semibold leading-none tracking-tight", className) }, props)));
+});
+exports.CardTitle = CardTitle;
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card-action", className: (0, utils_1.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className) }, props)));
-}
-function CardContent(_a) {
+    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className) }, props)));
+});
+exports.CardDescription = CardDescription;
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card-content", className: (0, utils_1.cn)("px-6", className) }, props)));
-}
-function CardFooter(_a) {
+    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("p-6 pt-0", className) }, props)));
+});
+exports.CardContent = CardContent;
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "card-footer", className: (0, utils_1.cn)("flex items-center px-6 [.border-t]:pt-6", className) }, props)));
-}
+    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("flex items-center p-6 pt-0", className) }, props)));
+});
+exports.CardFooter = CardFooter;
+CardFooter.displayName = "CardFooter";

package/components/ui/carousel.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("../ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("../ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/components/{carousel.js → ui/carousel.js}

@@ -59,16 +59,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Carousel = Carousel;
-exports.CarouselContent = CarouselContent;
-exports.CarouselItem = CarouselItem;
-exports.CarouselPrevious = CarouselPrevious;
-exports.CarouselNext = CarouselNext;
+exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = void 0;
 var React = __importStar(require("react"));
 var embla_carousel_react_1 = __importDefault(require("embla-carousel-react"));
-var lucide_react_1 = require("lucide-react");
-var utils_1 = require("../lib/utils");
-var button_1 = require("./button");
+var utils_1 = require("../../lib/utils");
+var button_1 = require("../ui/button");
+var react_icons_1 = require("@radix-ui/react-icons");
 var CarouselContext = React.createContext(null);
 function useCarousel() {
     var context = React.useContext(CarouselContext);
@@ -77,14 +73,15 @@ function useCarousel() {
     }
     return context;
 }
-function Carousel(_a) {
+var Carousel = React.forwardRef(function (_a, ref) {
     var _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, opts = _a.opts, setApi = _a.setApi, plugins = _a.plugins, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
     var _c = (0, embla_carousel_react_1.default)(__assign(__assign({}, opts), { axis: orientation === "horizontal" ? "x" : "y" }), plugins), carouselRef = _c[0], api = _c[1];
     var _d = React.useState(false), canScrollPrev = _d[0], setCanScrollPrev = _d[1];
     var _e = React.useState(false), canScrollNext = _e[0], setCanScrollNext = _e[1];
     var onSelect = React.useCallback(function (api) {
-        if (!api)
+        if (!api) {
             return;
+        }
         setCanScrollPrev(api.canScrollPrev());
         setCanScrollNext(api.canScrollNext());
     }, []);
@@ -105,13 +102,15 @@ function Carousel(_a) {
         }
     }, [scrollPrev, scrollNext]);
     React.useEffect(function () {
-        if (!api || !setApi)
+        if (!api || !setApi) {
             return;
+        }
         setApi(api);
     }, [api, setApi]);
     React.useEffect(function () {
-        if (!api)
+        if (!api) {
             return;
+        }
         onSelect(api);
         api.on("reInit", onSelect);
         api.on("select", onSelect);
@@ -129,40 +128,44 @@ function Carousel(_a) {
             canScrollPrev: canScrollPrev,
             canScrollNext: canScrollNext,
         } },
-        React.createElement("div", __assign({ onKeyDownCapture: handleKeyDown, className: (0, utils_1.cn)("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel" }, props), children)));
-}
-function CarouselContent(_a) {
+        React.createElement("div", __assign({ ref: ref, onKeyDownCapture: handleKeyDown, className: (0, utils_1.cn)("relative", className), role: "region", "aria-roledescription": "carousel" }, props), children)));
+});
+exports.Carousel = Carousel;
+Carousel.displayName = "Carousel";
+var CarouselContent = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
     var _b = useCarousel(), carouselRef = _b.carouselRef, orientation = _b.orientation;
-    return (React.createElement("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content" },
-        React.createElement("div", __assign({ className: (0, utils_1.cn)("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props))));
-}
-function CarouselItem(_a) {
+    return (React.createElement("div", { ref: carouselRef, className: "overflow-hidden" },
+        React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props))));
+});
+exports.CarouselContent = CarouselContent;
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
     var orientation = useCarousel().orientation;
-    return (React.createElement("div", __assign({ role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: (0, utils_1.cn)("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className) }, props)));
-}
-function CarouselPrevious(_a) {
+    return (React.createElement("div", __assign({ ref: ref, role: "group", "aria-roledescription": "slide", className: (0, utils_1.cn)("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className) }, props)));
+});
+exports.CarouselItem = CarouselItem;
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.size, size = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "variant", "size"]);
     var _d = useCarousel(), orientation = _d.orientation, scrollPrev = _d.scrollPrev, canScrollPrev = _d.canScrollPrev;
-    return (React.createElement(button_1.Button, __assign({}, props, { "data-slot": "carousel-previous", variant: variant, size: size, className: (0, utils_1.cn)("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -left-12 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: function (e) {
-            e.stopPropagation();
-            scrollPrev();
-        } }),
-        React.createElement(lucide_react_1.ArrowLeft, null),
+    return (React.createElement(button_1.Button, __assign({ ref: ref, variant: variant, size: size, className: (0, utils_1.cn)("absolute  h-8 w-8 rounded-full", orientation === "horizontal"
+            ? "-left-12 top-1/2 -translate-y-1/2"
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev }, props),
+        React.createElement(react_icons_1.ArrowLeftIcon, { className: "h-4 w-4" }),
         React.createElement("span", { className: "sr-only" }, "Previous slide")));
-}
-function CarouselNext(_a) {
+});
+exports.CarouselPrevious = CarouselPrevious;
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.size, size = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "variant", "size"]);
     var _d = useCarousel(), orientation = _d.orientation, scrollNext = _d.scrollNext, canScrollNext = _d.canScrollNext;
-    return (React.createElement(button_1.Button, __assign({}, props, { "data-slot": "carousel-next", variant: variant, size: size, className: (0, utils_1.cn)("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -right-12 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: function (e) {
-            e.stopPropagation();
-            scrollNext();
-        } }),
-        React.createElement(lucide_react_1.ArrowRight, null),
+    return (React.createElement(button_1.Button, __assign({ ref: ref, variant: variant, size: size, className: (0, utils_1.cn)("absolute h-8 w-8 rounded-full", orientation === "horizontal"
+            ? "-right-12 top-1/2 -translate-y-1/2"
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext }, props),
+        React.createElement(react_icons_1.ArrowRightIcon, { className: "h-4 w-4" }),
         React.createElement("span", { className: "sr-only" }, "Next slide")));
-}
+});
+exports.CarouselNext = CarouselNext;
+CarouselNext.displayName = "CarouselNext";

package/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/components/ui/checkbox.js

@@ -0,0 +1,71 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+    };
+})();
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var React = __importStar(require("react"));
+var CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
+var utils_1 = require("../../lib/utils");
+var react_icons_1 = require("@radix-ui/react-icons");
+var Checkbox = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(CheckboxPrimitive.Root, __assign({ ref: ref, className: (0, utils_1.cn)("grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className) }, props),
+        React.createElement(CheckboxPrimitive.Indicator, { className: (0, utils_1.cn)("grid place-content-center text-current") },
+            React.createElement(react_icons_1.CheckIcon, { className: "h-4 w-4" }))));
+});
+exports.Checkbox = Checkbox;
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;

package/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };