@inspirare/design-system 0.0.21 → 0.0.22

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

@@ -1,57 +1,57 @@
 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 { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
 //#region src/components/ui/empty.tsx
-function r({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "empty",
-		className: e("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12", t),
+		className: e("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12", n),
 		...r
 	});
 }
-function i({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "empty-header",
-		className: e("flex max-w-sm flex-col items-center gap-2 text-center", t),
+		className: e("flex max-w-sm flex-col items-center gap-2 text-center", n),
 		...r
 	});
 }
-var a = t("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+var a = n("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
 	variants: { variant: {
 		default: "bg-transparent",
 		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function o({ className: t, variant: r = "default", ...i }) {
-	return /* @__PURE__ */ n("div", {
+function o({ className: n, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "empty-icon",
 		"data-variant": r,
 		className: e(a({
 			variant: r,
-			className: t
+			className: n
 		})),
 		...i
 	});
 }
-function s({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "empty-title",
-		className: e("text-lg font-medium tracking-tight", t),
+		className: e("text-lg font-medium tracking-tight", n),
 		...r
 	});
 }
-function c({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "empty-description",
-		className: e("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", t),
+		className: e("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", n),
 		...r
 	});
 }
-function l({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "empty-content",
-		className: e("flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm", t),
+		className: e("flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm", n),
 		...r
 	});
 }

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

@@ -1,20 +1,20 @@
 "use client";
 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 { Separator as n } from "./separator.js";
-import { Label as r } from "./label.js";
-import { useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Separator as t } from "./separator.js";
+import { Label as n } from "./label.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
 //#region src/components/ui/field.tsx
 function s({ className: t, ...n }) {
-	return /* @__PURE__ */ a("fieldset", {
+	return /* @__PURE__ */ i("fieldset", {
 		"data-slot": "field-set",
 		className: e("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", t),
 		...n
 	});
 }
 function c({ className: t, variant: n = "legend", ...r }) {
-	return /* @__PURE__ */ a("legend", {
+	return /* @__PURE__ */ i("legend", {
 		"data-slot": "field-legend",
 		"data-variant": n,
 		className: e("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", t),
@@ -22,13 +22,13 @@ function c({ className: t, variant: n = "legend", ...r }) {
 	});
 }
 function l({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		"data-slot": "field-group",
 		className: e("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", t),
 		...n
 	});
 }
-var u = t("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
+var u = o("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
 	variants: { orientation: {
 		vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
 		horizontal: [
@@ -45,7 +45,7 @@ var u = t("group/field data-[invalid=true]:text-destructive flex w-full gap-3",
 	defaultVariants: { orientation: "vertical" }
 });
 function d({ className: t, orientation: n = "vertical", ...r }) {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		role: "group",
 		"data-slot": "field",
 		"data-orientation": n,
@@ -54,52 +54,52 @@ function d({ className: t, orientation: n = "vertical", ...r }) {
 	});
 }
 function f({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		"data-slot": "field-content",
 		className: e("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", t),
 		...n
 	});
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ a(r, {
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ i(n, {
 		"data-slot": "field-label",
 		className: e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", t),
-		...n
+		...r
 	});
 }
 function m({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		"data-slot": "field-label",
 		className: e("flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50", t),
 		...n
 	});
 }
 function h({ className: t, ...n }) {
-	return /* @__PURE__ */ a("p", {
+	return /* @__PURE__ */ i("p", {
 		"data-slot": "field-description",
 		className: e("text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
 		...n
 	});
 }
-function g({ children: t, className: r, ...i }) {
-	return /* @__PURE__ */ o("div", {
+function g({ children: n, className: r, ...o }) {
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "field-separator",
-		"data-content": !!t,
+		"data-content": !!n,
 		className: e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", r),
-		...i,
-		children: [/* @__PURE__ */ a(n, { className: "absolute inset-0 top-1/2" }), t && /* @__PURE__ */ a("span", {
+		...o,
+		children: [/* @__PURE__ */ i(t, { className: "absolute inset-0 top-1/2" }), n && /* @__PURE__ */ i("span", {
 			className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
 			"data-slot": "field-separator-content",
-			children: t
+			children: n
 		})]
 	});
 }
-function _({ className: t, children: n, errors: r, ...o }) {
-	let s = i(() => n || (r ? r?.length === 1 && r[0]?.message ? r[0].message : /* @__PURE__ */ a("ul", {
+function _({ className: t, children: n, errors: a, ...o }) {
+	let s = r(() => n || (a ? a?.length === 1 && a[0]?.message ? a[0].message : /* @__PURE__ */ i("ul", {
 		className: "ml-4 flex list-disc flex-col gap-1",
-		children: r.map((e, t) => e?.message && /* @__PURE__ */ a("li", { children: e.message }, t))
-	}) : null), [n, r]);
-	return s ? /* @__PURE__ */ a("div", {
+		children: a.map((e, t) => e?.message && /* @__PURE__ */ i("li", { children: e.message }, t))
+	}) : null), [n, a]);
+	return s ? /* @__PURE__ */ i("div", {
 		role: "alert",
 		"data-slot": "field-error",
 		className: e("text-destructive text-sm font-normal", t),

package/dist/components/ui/form.js

@@ -0,0 +1,77 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Label as t } from "./label.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import "@radix-ui/react-label";
+import { Controller as a, FormProvider as o, useFormContext as s, useFormState as c } from "react-hook-form";
+//#region src/components/ui/form.tsx
+var l = o, u = n.createContext({}), d = ({ ...e }) => /* @__PURE__ */ r(u.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ r(a, { ...e })
+}), f = () => {
+	let e = n.useContext(u), t = n.useContext(p), { getFieldState: r } = s(), i = c({ name: e.name }), a = r(e.name, i);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: o } = t;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		...a
+	};
+}, p = n.createContext({});
+function m({ className: t, ...i }) {
+	let a = n.useId();
+	return /* @__PURE__ */ r(p.Provider, {
+		value: { id: a },
+		children: /* @__PURE__ */ r("div", {
+			"data-slot": "form-item",
+			className: e("grid gap-2", t),
+			...i
+		})
+	});
+}
+function h({ className: n, ...i }) {
+	let { error: a, formItemId: o } = f();
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "form-label",
+		"data-error": !!a,
+		className: e("data-[error=true]:text-destructive", n),
+		htmlFor: o,
+		...i
+	});
+}
+function g({ ...e }) {
+	let { error: t, formItemId: n, formDescriptionId: a, formMessageId: o } = f();
+	return /* @__PURE__ */ r(i, {
+		"data-slot": "form-control",
+		id: n,
+		"aria-describedby": t ? `${a} ${o}` : `${a}`,
+		"aria-invalid": !!t,
+		...e
+	});
+}
+function _({ className: t, ...n }) {
+	let { formDescriptionId: i } = f();
+	return /* @__PURE__ */ r("p", {
+		"data-slot": "form-description",
+		id: i,
+		className: e("text-muted-foreground text-sm", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	let { error: i, formMessageId: a } = f(), o = i ? String(i?.message ?? "") : n.children;
+	return o ? /* @__PURE__ */ r("p", {
+		"data-slot": "form-message",
+		id: a,
+		className: e("text-destructive text-sm", t),
+		...n,
+		children: o
+	}) : null;
+}
+//#endregion
+export { l as Form, g as FormControl, _ as FormDescription, d as FormField, m as FormItem, h as FormLabel, v as FormMessage, f as useFormField };

package/dist/{src/components → components}/ui/hover-card.js

@@ -1,33 +1,33 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { Content2 as t, Portal as n, Root2 as r, Trigger as i } from "../../../node_modules/.pnpm/@radix-ui_react-hover-card@_8a3f4d1399bacc84c908e03b45229f87/node_modules/@radix-ui/react-hover-card/dist/index.js";
 import "react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-hover-card";
 //#region src/components/ui/hover-card.tsx
-function o({ ...e }) {
-	return /* @__PURE__ */ a(r, {
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "hover-card",
 		...e
 	});
 }
-function s({ className: t, ...n }) {
-	return /* @__PURE__ */ a(i, {
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Trigger, {
 		"data-slot": "hover-card-trigger",
-		className: e("cursor-pointer", t),
-		...n
+		className: e("cursor-pointer", r),
+		...i
 	});
 }
-function c({ className: r, align: i = "center", sideOffset: o = 4, ...s }) {
-	return /* @__PURE__ */ a(n, {
+function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
+	return /* @__PURE__ */ t(n.Portal, {
 		"data-slot": "hover-card-portal",
-		children: /* @__PURE__ */ a(t, {
+		children: /* @__PURE__ */ t(n.Content, {
 			"data-slot": "hover-card-content",
 			align: i,
-			sideOffset: o,
+			sideOffset: a,
 			className: e("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", r),
-			...s
+			...o
 		})
 	});
 }
 //#endregion
-export { o as HoverCard, c as HoverCardContent, s as HoverCardTrigger };
+export { r as HoverCard, a as HoverCardContent, i as HoverCardTrigger };

package/dist/{src/components → components}/ui/input-group.js

@@ -1,21 +1,21 @@
 "use client";
 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 { Button as n } from "./button.js";
-import { Input as r } from "./input.js";
-import { Textarea as i } from "./textarea.js";
+import { Button as t } from "./button.js";
+import { Input as n } from "./input.js";
+import { Textarea as r } from "./textarea.js";
 import "react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
 //#region src/components/ui/input-group.tsx
 function o({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		"data-slot": "input-group",
 		role: "group",
 		className: e("group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]", "h-9 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", t),
 		...n
 	});
 }
-var s = t("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+var s = a("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
 	variants: { align: {
 		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
 		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
@@ -25,7 +25,7 @@ var s = t("text-muted-foreground flex h-auto cursor-text select-none items-cente
 	defaultVariants: { align: "inline-start" }
 });
 function c({ className: t, align: n = "inline-start", ...r }) {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": n,
@@ -36,7 +36,7 @@ function c({ className: t, align: n = "inline-start", ...r }) {
 		...r
 	});
 }
-var l = t("flex items-center gap-2 text-sm shadow-none", {
+var l = a("flex items-center gap-2 text-sm shadow-none", {
 	variants: { size: {
 		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
 		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
@@ -45,30 +45,30 @@ var l = t("flex items-center gap-2 text-sm shadow-none", {
 	} },
 	defaultVariants: { size: "xs" }
 });
-function u({ className: t, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }) {
-	return /* @__PURE__ */ a(n, {
+function u({ className: n, type: r = "button", variant: a = "ghost", size: o = "xs", ...s }) {
+	return /* @__PURE__ */ i(t, {
 		type: r,
 		"data-size": o,
-		variant: i,
-		className: e(l({ size: o }), t),
+		variant: a,
+		className: e(l({ size: o }), n),
 		...s
 	});
 }
 function d({ className: t, ...n }) {
-	return /* @__PURE__ */ a("span", {
+	return /* @__PURE__ */ i("span", {
 		className: e("text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", t),
 		...n
 	});
 }
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ a(r, {
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ i(n, {
 		"data-slot": "input-group-control",
 		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", t),
-		...n
+		...r
 	});
 }
 function p({ className: t, ...n }) {
-	return /* @__PURE__ */ a(i, {
+	return /* @__PURE__ */ i(r, {
 		"data-slot": "input-group-control",
 		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", t),
 		...n

package/dist/{src/components → components}/ui/input-otp.js

@@ -1,41 +1,41 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Dot as i } from "lucide-react";
+import { Dot as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { OTPInput as a, OTPInputContext as o } from "input-otp";
 //#region src/components/ui/input-otp.tsx
-var s = t.forwardRef(({ className: t, containerClassName: r, ...i }, o) => /* @__PURE__ */ n(a, {
+var s = t.forwardRef(({ className: t, containerClassName: n, ...i }, o) => /* @__PURE__ */ r(a, {
 	ref: o,
-	containerClassName: e("flex items-center gap-2 has-[:disabled]:opacity-50", r),
+	containerClassName: e("flex items-center gap-2 has-[:disabled]:opacity-50", n),
 	className: e("disabled:cursor-not-allowed", t),
 	...i
 }));
 s.displayName = "InputOTP";
-var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+var c = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
 	ref: i,
 	className: e("flex items-center", t),
-	...r
+	...n
 }));
 c.displayName = "InputOTPGroup";
-var l = t.forwardRef(({ index: i, className: a, ...s }, c) => {
-	let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[i];
-	return /* @__PURE__ */ r("div", {
+var l = t.forwardRef(({ index: n, className: a, ...s }, c) => {
+	let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[n];
+	return /* @__PURE__ */ i("div", {
 		ref: c,
 		className: e("relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md", d && "z-10 ring-2 ring-ring ring-offset-background", a),
 		...s,
-		children: [l, u && /* @__PURE__ */ n("div", {
+		children: [l, u && /* @__PURE__ */ r("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ n("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+			children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
 		})]
 	});
 });
 l.displayName = "InputOTPSlot";
-var u = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ n("div", {
+var u = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", {
 	ref: t,
 	role: "separator",
 	...e,
-	children: /* @__PURE__ */ n(i, {})
+	children: /* @__PURE__ */ r(n, {})
 }));
 u.displayName = "InputOTPSeparator";
 //#endregion

package/dist/components/ui/item.js

@@ -0,0 +1,116 @@
+import { cn as e } from "../../lib/utils.js";
+import { Separator as t } from "./separator.js";
+import "react";
+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/item.tsx
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: e("group/item-group flex flex-col", t),
+		...r
+	});
+}
+function o({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: e("my-0", r),
+		...i
+	});
+}
+var s = r("group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border-border",
+			muted: "bg-muted/50"
+		},
+		size: {
+			default: "gap-4 p-4 ",
+			sm: "gap-2.5 px-4 py-3"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function c({ className: t, variant: r = "default", size: a = "default", asChild: o = !1, ...c }) {
+	return /* @__PURE__ */ n(o ? i : "div", {
+		"data-slot": "item",
+		"data-variant": r,
+		"data-size": a,
+		className: e(s({
+			variant: r,
+			size: a,
+			className: t
+		})),
+		...c
+	});
+}
+var l = r("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function u({ className: t, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-media",
+		"data-variant": r,
+		className: e(l({
+			variant: r,
+			className: t
+		})),
+		...i
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-content",
+		className: e("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-title",
+		className: e("flex w-fit items-center gap-2 text-sm font-medium leading-snug", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		"data-slot": "item-description",
+		className: e("text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-actions",
+		className: e("flex items-center gap-2", t),
+		...r
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-header",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...r
+	});
+}
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-footer",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...r
+	});
+}
+//#endregion
+export { c as Item, m as ItemActions, d as ItemContent, p as ItemDescription, g as ItemFooter, a as ItemGroup, h as ItemHeader, u as ItemMedia, o as ItemSeparator, f as ItemTitle };

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

@@ -1,11 +1,11 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { Root as t } from "../../../node_modules/.pnpm/@radix-ui_react-label@2.1.9_386dd2eabe41e70ee233c5790da58dd5/node_modules/@radix-ui/react-label/dist/index.js";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-label";
 //#region src/components/ui/label.tsx
 function r({ className: r, ...i }) {
-	return /* @__PURE__ */ n(t, {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "label",
 		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r),
 		...i