@inspirare/design-system 0.0.21 → 0.0.22

package/dist/components/ui/accordion.js

@@ -0,0 +1,44 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import * as t from "@radix-ui/react-accordion";
+import { ChevronDownIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/accordion.tsx
+function a({ ...e }) {
+	return /* @__PURE__ */ r(t.Root, {
+		"data-slot": "accordion",
+		...e
+	});
+}
+function o({ className: n, ...i }) {
+	return /* @__PURE__ */ r(t.Item, {
+		"data-slot": "accordion-item",
+		className: e("border-b last:border-b-0", n),
+		...i
+	});
+}
+function s({ className: a, children: o, ...s }) {
+	return /* @__PURE__ */ r(t.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ i(t.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: e("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 cursor-pointer items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", a),
+			...s,
+			children: [o, /* @__PURE__ */ r(n, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
+		})
+	});
+}
+function c({ className: n, children: i, ...a }) {
+	return /* @__PURE__ */ r(t.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+		...a,
+		children: /* @__PURE__ */ r("div", {
+			className: e("pt-0 pb-4", n),
+			children: i
+		})
+	});
+}
+//#endregion
+export { a as Accordion, c as AccordionContent, o as AccordionItem, s as AccordionTrigger };

package/dist/components/ui/alert-dialog.js

@@ -0,0 +1,61 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as t } from "./button.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-alert-dialog";
+//#region src/components/ui/alert-dialog.tsx
+var o = a.Root, s = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Trigger, {
+	className: e("cursor-pointer", t),
+	...n,
+	ref: i
+}));
+s.displayName = a.Trigger.displayName;
+var c = a.Portal, l = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Overlay, {
+	className: e("fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
+	...n,
+	ref: i
+}));
+l.displayName = a.Overlay.displayName;
+var u = n.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(l, {}), /* @__PURE__ */ r(a.Content, {
+	ref: o,
+	className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg", t),
+	...n
+})] }));
+u.displayName = a.Content.displayName;
+var d = ({ className: t, ...n }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col space-y-2 text-center sm:text-left", t),
+	...n
+});
+d.displayName = "AlertDialogHeader";
+var f = ({ className: t, ...n }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
+	...n
+});
+f.displayName = "AlertDialogFooter";
+var p = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Title, {
+	ref: i,
+	className: e("text-lg font-semibold", t),
+	...n
+}));
+p.displayName = a.Title.displayName;
+var m = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Description, {
+	ref: i,
+	className: e("text-sm text-muted-foreground", t),
+	...n
+}));
+m.displayName = a.Description.displayName;
+var h = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ r(a.Action, {
+	ref: o,
+	className: e(t(), n),
+	...i
+}));
+h.displayName = a.Action.displayName;
+var g = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ r(a.Cancel, {
+	ref: o,
+	className: e(t({ variant: "outline" }), "mt-2 sm:mt-0", n),
+	...i
+}));
+g.displayName = a.Cancel.displayName;
+//#endregion
+export { o as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, u as AlertDialogContent, m as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, l as AlertDialogOverlay, c as AlertDialogPortal, p as AlertDialogTitle, s as AlertDialogTrigger };

package/dist/{src/components → components}/ui/alert.js

@@ -1,31 +1,31 @@
 import { cn as e } from "../../lib/utils.js";
-import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
 //#region src/components/ui/alert.tsx
-var i = t("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
+var i = r("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
 	variants: { variant: {
 		default: "bg-background text-foreground",
 		destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
 	} },
 	defaultVariants: { variant: "default" }
-}), a = n.forwardRef(({ className: t, variant: n, ...a }, o) => /* @__PURE__ */ r("div", {
+}), a = t.forwardRef(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ n("div", {
 	ref: o,
 	role: "alert",
-	className: e(i({ variant: n }), t),
+	className: e(i({ variant: r }), t),
 	...a
 }));
 a.displayName = "Alert";
-var o = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("h5", {
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("h5", {
 	ref: i,
 	className: e("mb-1 font-medium leading-none tracking-tight", t),
-	...n
+	...r
 }));
 o.displayName = "AlertTitle";
-var s = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
 	ref: i,
 	className: e("text-sm [&_p]:leading-relaxed", t),
-	...n
+	...r
 }));
 s.displayName = "AlertDescription";
 //#endregion

package/dist/components/ui/aspect-ratio.js

@@ -0,0 +1,6 @@
+"use client";
+import * as e from "@radix-ui/react-aspect-ratio";
+//#region src/components/ui/aspect-ratio.tsx
+var t = e.Root;
+//#endregion
+export { t as AspectRatio };

package/dist/components/ui/avatar.js

@@ -0,0 +1,29 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-avatar";
+//#region src/components/ui/avatar.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "avatar",
+		className: e("relative flex size-8 shrink-0 overflow-hidden rounded-full", r),
+		...i
+	});
+}
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Image, {
+		"data-slot": "avatar-image",
+		className: e("aspect-square size-full", r),
+		...i
+	});
+}
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: e("bg-muted flex size-full items-center justify-center rounded-full", r),
+		...i
+	});
+}
+//#endregion
+export { r as Avatar, a as AvatarFallback, i as AvatarImage };

package/dist/{src/components → components}/ui/badge.js

@@ -1,8 +1,8 @@
-import { Slot as e } from "../../../node_modules/.pnpm/@radix-ui_react-slot@1.2.5_@types_react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
-import { cn as t } from "../../lib/utils.js";
-import { cva as n } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as e } from "../../lib/utils.js";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Slot as r } from "@radix-ui/react-slot";
 //#region src/components/ui/badge.tsx
 var i = n("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
@@ -14,9 +14,9 @@ var i = n("inline-flex items-center justify-center rounded-md border px-2 py-0.5
 	defaultVariants: { variant: "default" }
 });
 function a({ className: n, variant: a, asChild: o = !1, ...s }) {
-	return /* @__PURE__ */ r(o ? e : "span", {
+	return /* @__PURE__ */ t(o ? r : "span", {
 		"data-slot": "badge",
-		className: t(i({ variant: a }), n),
+		className: e(i({ variant: a }), n),
 		...s
 	});
 }

package/dist/components/ui/breadcrumb.js

@@ -0,0 +1,60 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { ChevronRight as n, MoreHorizontal as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Slot as o } from "@radix-ui/react-slot";
+//#region src/components/ui/breadcrumb.tsx
+var s = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ i("nav", {
+	ref: t,
+	"aria-label": "breadcrumb",
+	...e
+}));
+s.displayName = "Breadcrumb";
+var c = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("ol", {
+	ref: r,
+	className: e("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", t),
+	...n
+}));
+c.displayName = "BreadcrumbList";
+var l = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("li", {
+	ref: r,
+	className: e("inline-flex items-center gap-1.5", t),
+	...n
+}));
+l.displayName = "BreadcrumbItem";
+var u = t.forwardRef(({ asChild: t, className: n, ...r }, a) => /* @__PURE__ */ i(t ? o : "a", {
+	ref: a,
+	className: e("transition-colors hover:text-foreground", n),
+	...r
+}));
+u.displayName = "BreadcrumbLink";
+var d = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("span", {
+	ref: r,
+	role: "link",
+	"aria-disabled": "true",
+	"aria-current": "page",
+	className: e("font-normal text-foreground", t),
+	...n
+}));
+d.displayName = "BreadcrumbPage";
+var f = ({ children: t, className: r, ...a }) => /* @__PURE__ */ i("li", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: e("[&>svg]:w-3.5 [&>svg]:h-3.5", r),
+	...a,
+	children: t ?? /* @__PURE__ */ i(n, {})
+});
+f.displayName = "BreadcrumbSeparator";
+var p = ({ className: t, ...n }) => /* @__PURE__ */ a("span", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: e("flex h-9 w-9 items-center justify-center", t),
+	...n,
+	children: [/* @__PURE__ */ i(r, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
+p.displayName = "BreadcrumbElipssis";
+//#endregion
+export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };

package/dist/components/ui/button-group.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../../lib/utils.js";
+import { Separator as t } from "./separator.js";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { Slot as i } from "@radix-ui/react-slot";
+//#region src/components/ui/button-group.tsx
+var a = r("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function o({ className: t, orientation: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": r,
+		className: e(a({ orientation: r }), t),
+		...i
+	});
+}
+function s({ className: t, asChild: r = !1, ...a }) {
+	return /* @__PURE__ */ n(r ? i : "div", {
+		className: e("bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", t),
+		...a
+	});
+}
+function c({ className: r, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "button-group-separator",
+		orientation: i,
+		className: e("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", r),
+		...a
+	});
+}
+//#endregion
+export { o as ButtonGroup, c as ButtonGroupSeparator, s as ButtonGroupText, a as buttonGroupVariants };

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

@@ -1,8 +1,8 @@
-import { Slot as e } from "../../../node_modules/.pnpm/@radix-ui_react-slot@1.2.5_@types_react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
-import { cn as t } from "../../lib/utils.js";
-import { cva as n } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as e } from "../../lib/utils.js";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Slot as r } from "@radix-ui/react-slot";
 //#region src/components/ui/button.tsx
 var i = n("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer 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", {
 	variants: {
@@ -27,9 +27,9 @@ var i = n("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 	}
 });
 function a({ className: n, variant: a, size: o, asChild: s = !1, ...c }) {
-	return /* @__PURE__ */ r(s ? e : "button", {
+	return /* @__PURE__ */ t(s ? r : "button", {
 		"data-slot": "button",
-		className: t(i({
+		className: e(i({
 			variant: a,
 			size: o,
 			className: n

package/dist/{src/components → components}/ui/calendar.js

@@ -2,13 +2,13 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t, buttonVariants as n } from "./button.js";
 import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { ChevronDownIcon as a, ChevronLeftIcon as o, ChevronRightIcon as s } from "lucide-react";
+import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
+import { jsx as s } from "react/jsx-runtime";
 import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
 //#region src/components/ui/calendar.tsx
 function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", formatters: m, components: h, ...g }) {
 	let _ = l();
-	return /* @__PURE__ */ i(c, {
+	return /* @__PURE__ */ s(c, {
 		showOutsideDays: u,
 		className: e("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
 		captionLayout: f,
@@ -45,20 +45,20 @@ function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout
 			...r
 		},
 		components: {
-			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ i("div", {
+			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
 				"data-slot": "calendar",
 				ref: n,
 				className: e(t),
 				...r
 			}),
-			Chevron: ({ className: t, orientation: n, ...r }) => i(n === "left" ? o : n === "right" ? s : a, {
+			Chevron: ({ className: t, orientation: n, ...r }) => s(n === "left" ? a : n === "right" ? o : i, {
 				className: e("size-4", t),
 				...r
 			}),
 			DayButton: d,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ i("td", {
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
 				...t,
-				children: /* @__PURE__ */ i("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "flex size-(--cell-size) items-center justify-center text-center",
 					children: e
 				})
@@ -68,21 +68,21 @@ function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout
 		...g
 	});
 }
-function d({ className: n, day: a, modifiers: o, ...s }) {
+function d({ className: n, day: i, modifiers: a, ...o }) {
 	let c = l(), u = r.useRef(null);
 	return r.useEffect(() => {
-		o.focused && u.current?.focus();
-	}, [o.focused]), /* @__PURE__ */ i(t, {
+		a.focused && u.current?.focus();
+	}, [a.focused]), /* @__PURE__ */ s(t, {
 		ref: u,
 		variant: "ghost",
 		size: "icon",
-		"data-day": a.date.toLocaleDateString(),
-		"data-selected-single": o.selected && !o.range_start && !o.range_end && !o.range_middle,
-		"data-range-start": o.range_start,
-		"data-range-end": o.range_end,
-		"data-range-middle": o.range_middle,
+		"data-day": i.date.toLocaleDateString(),
+		"data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
+		"data-range-start": a.range_start,
+		"data-range-end": a.range_end,
+		"data-range-middle": a.range_middle,
 		className: e("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", c.day, n),
-		...s
+		...o
 	});
 }
 //#endregion

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

@@ -2,8 +2,8 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button.js";
 import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { ArrowLeft as a, ArrowRight as o } from "lucide-react";
+import { ArrowLeft as r, ArrowRight as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "embla-carousel-react";
 //#region src/components/ui/carousel.tsx
 var c = n.createContext(null);
@@ -12,9 +12,9 @@ function l() {
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
-var u = n.forwardRef(({ orientation: t = "horizontal", opts: i, setApi: a, plugins: o, className: l, children: u, ...d }, f) => {
+var u = n.forwardRef(({ orientation: t = "horizontal", opts: r, setApi: i, plugins: o, className: l, children: u, ...d }, f) => {
 	let [p, m] = s({
-		...i,
+		...r,
 		axis: t === "horizontal" ? "x" : "y"
 	}, o), [h, g] = n.useState(!1), [_, v] = n.useState(!1), y = n.useCallback((e) => {
 		e && (g(e.canScrollPrev()), v(e.canScrollNext()));
@@ -26,23 +26,23 @@ var u = n.forwardRef(({ orientation: t = "horizontal", opts: i, setApi: a, plugi
 		e.key === "ArrowLeft" ? (e.preventDefault(), b()) : e.key === "ArrowRight" && (e.preventDefault(), x());
 	}, [b, x]);
 	return n.useEffect(() => {
-		!m || !a || a(m);
-	}, [m, a]), n.useEffect(() => {
+		!m || !i || i(m);
+	}, [m, i]), n.useEffect(() => {
 		if (m) return y(m), m.on("reInit", y), m.on("select", y), () => {
 			m?.off("select", y);
 		};
-	}, [m, y]), /* @__PURE__ */ r(c.Provider, {
+	}, [m, y]), /* @__PURE__ */ a(c.Provider, {
 		value: {
 			carouselRef: p,
 			api: m,
-			opts: i,
-			orientation: t || (i?.axis === "y" ? "vertical" : "horizontal"),
+			opts: r,
+			orientation: t || (r?.axis === "y" ? "vertical" : "horizontal"),
 			scrollPrev: b,
 			scrollNext: x,
 			canScrollPrev: h,
 			canScrollNext: _
 		},
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ a("div", {
 			ref: f,
 			onKeyDownCapture: S,
 			className: e("relative", l),
@@ -54,58 +54,58 @@ var u = n.forwardRef(({ orientation: t = "horizontal", opts: i, setApi: a, plugi
 	});
 });
 u.displayName = "Carousel";
-var d = n.forwardRef(({ className: t, ...n }, i) => {
-	let { carouselRef: a, orientation: o } = l();
-	return /* @__PURE__ */ r("div", {
-		ref: a,
+var d = n.forwardRef(({ className: t, ...n }, r) => {
+	let { carouselRef: i, orientation: o } = l();
+	return /* @__PURE__ */ a("div", {
+		ref: i,
 		className: "overflow-hidden",
-		children: /* @__PURE__ */ r("div", {
-			ref: i,
+		children: /* @__PURE__ */ a("div", {
+			ref: r,
 			className: e("flex", o === "horizontal" ? "-ml-4" : "-mt-4 flex-col", t),
 			...n
 		})
 	});
 });
 d.displayName = "CarouselContent";
-var f = n.forwardRef(({ className: t, ...n }, i) => {
-	let { orientation: a } = l();
-	return /* @__PURE__ */ r("div", {
-		ref: i,
+var f = n.forwardRef(({ className: t, ...n }, r) => {
+	let { orientation: i } = l();
+	return /* @__PURE__ */ a("div", {
+		ref: r,
 		role: "group",
 		"aria-roledescription": "slide",
-		className: e("min-w-0 shrink-0 grow-0 basis-full", a === "horizontal" ? "pl-4" : "pt-4", t),
+		className: e("min-w-0 shrink-0 grow-0 basis-full", i === "horizontal" ? "pl-4" : "pt-4", t),
 		...n
 	});
 });
 f.displayName = "CarouselItem";
-var p = n.forwardRef(({ className: n, variant: o = "outline", size: s = "icon", ...c }, u) => {
+var p = n.forwardRef(({ className: n, variant: i = "outline", size: s = "icon", ...c }, u) => {
 	let { orientation: d, scrollPrev: f, canScrollPrev: p } = l();
-	return /* @__PURE__ */ i(t, {
+	return /* @__PURE__ */ o(t, {
 		ref: u,
-		variant: o,
+		variant: i,
 		size: s,
 		className: e("absolute  h-8 w-8 rounded-full", d === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", n),
 		disabled: !p,
 		onClick: f,
 		...c,
-		children: [/* @__PURE__ */ r(a, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", {
+		children: [/* @__PURE__ */ a(r, { className: "h-4 w-4" }), /* @__PURE__ */ a("span", {
 			className: "sr-only",
 			children: "Previous slide"
 		})]
 	});
 });
 p.displayName = "CarouselPrevious";
-var m = n.forwardRef(({ className: n, variant: a = "outline", size: s = "icon", ...c }, u) => {
+var m = n.forwardRef(({ className: n, variant: r = "outline", size: s = "icon", ...c }, u) => {
 	let { orientation: d, scrollNext: f, canScrollNext: p } = l();
-	return /* @__PURE__ */ i(t, {
+	return /* @__PURE__ */ o(t, {
 		ref: u,
-		variant: a,
+		variant: r,
 		size: s,
 		className: e("absolute h-8 w-8 rounded-full", d === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", n),
 		disabled: !p,
 		onClick: f,
 		...c,
-		children: [/* @__PURE__ */ r(o, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", {
+		children: [/* @__PURE__ */ a(i, { className: "h-4 w-4" }), /* @__PURE__ */ a("span", {
 			className: "sr-only",
 			children: "Next slide"
 		})]

package/dist/{src/components → components}/ui/checkbox.js

@@ -1,21 +1,21 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { Checkbox as t, CheckboxIndicator as n } from "../../../node_modules/.pnpm/@radix-ui_react-checkbox@1._e21be6412c310c083d6755285c4c1ad9/node_modules/@radix-ui/react-checkbox/dist/index.js";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
-import { CheckIcon as i } from "lucide-react";
+import { CheckIcon as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+import { Checkbox as r } from "radix-ui";
 //#region src/components/ui/checkbox.tsx
-function a({ className: a, ...o }) {
-	return /* @__PURE__ */ r(t, {
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ n(r.Root, {
 		"data-slot": "checkbox",
-		className: e("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary", a),
-		...o,
-		children: /* @__PURE__ */ r(n, {
+		className: e("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary", i),
+		...a,
+		children: /* @__PURE__ */ n(r.Indicator, {
 			"data-slot": "checkbox-indicator",
 			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ r(i, { className: "size-3.5" })
+			children: /* @__PURE__ */ n(t, { className: "size-3.5" })
 		})
 	});
 }
 //#endregion
-export { a as Checkbox };
+export { i as Checkbox };

package/dist/components/ui/collapsible.js

@@ -0,0 +1,26 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-collapsible";
+//#region src/components/ui/collapsible.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		className: e("cursor-pointer", r),
+		...i
+	});
+}
+function a({ ...e }) {
+	return /* @__PURE__ */ t(n.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+export { r as Collapsible, a as CollapsibleContent, i as CollapsibleTrigger };