@inspirare/design-system 0.0.18 → 0.0.20

package/dist/src/components/ui/command.js

@@ -0,0 +1,86 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "./dialog.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { SearchIcon as c } from "lucide-react";
+import { Command as l } from "cmdk";
+//#region src/components/ui/command.tsx
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ o(l, {
+		"data-slot": "command",
+		className: e("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", t),
+		...n
+	});
+}
+function d({ title: c = "Command Palette", description: l = "Search for a command to run...", children: d, className: f, showCloseButton: p = !0, ...m }) {
+	return /* @__PURE__ */ s(t, {
+		...m,
+		children: [/* @__PURE__ */ s(i, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ o(a, { children: c }), /* @__PURE__ */ o(r, { children: l })]
+		}), /* @__PURE__ */ o(n, {
+			className: e("overflow-hidden p-0", f),
+			showCloseButton: p,
+			children: /* @__PURE__ */ o(u, {
+				className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children: d
+			})
+		})]
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ o(c, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ o(l.Input, {
+			"data-slot": "command-input",
+			className: e("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
+			...n
+		})]
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ o(l.List, {
+		"data-slot": "command-list",
+		className: e("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", t),
+		...n
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ o(l.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...e
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ o(l.Group, {
+		"data-slot": "command-group",
+		className: e("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", t),
+		...n
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ o(l.Separator, {
+		"data-slot": "command-separator",
+		className: e("bg-border -mx-1 h-px", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ o(l.Item, {
+		"data-slot": "command-item",
+		className: e("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ o("span", {
+		"data-slot": "command-shortcut",
+		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+		...n
+	});
+}
+//#endregion
+export { u as Command, d as CommandDialog, m as CommandEmpty, h as CommandGroup, f as CommandInput, _ as CommandItem, p as CommandList, g as CommandSeparator, v as CommandShortcut };

package/dist/src/components/ui/context-menu.js

@@ -0,0 +1,72 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { CheckboxItem2 as t, Content2 as n, Group2 as r, Item2 as i, ItemIndicator2 as a, Label2 as o, Portal2 as s, RadioGroup2 as c, RadioItem2 as l, Root2 as u, Separator2 as d, Sub2 as f, SubContent2 as p, SubTrigger2 as m, Trigger as h } from "../../../node_modules/.pnpm/@radix-ui_react-context-men_f76d1e5eaec57e990fe72d3c41a037df/node_modules/@radix-ui/react-context-menu/dist/index.js";
+import * as g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Check as y, ChevronRight as b, Circle as x } from "lucide-react";
+//#region src/components/ui/context-menu.tsx
+var S = u, C = h, w = r, T = s, E = f, D = c, O = g.forwardRef(({ className: t, inset: n, children: r, ...i }, a) => /* @__PURE__ */ v(m, {
+	ref: a,
+	className: e("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", n && "pl-8", t),
+	...i,
+	children: [r, /* @__PURE__ */ _(b, { className: "ml-auto h-4 w-4" })]
+}));
+O.displayName = m.displayName;
+var k = g.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(p, {
+	ref: r,
+	className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 origin-[--radix-context-menu-content-transform-origin]", t),
+	...n
+}));
+k.displayName = p.displayName;
+var A = g.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ _(s, { children: /* @__PURE__ */ _(n, {
+	ref: i,
+	className: e("z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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 origin-[--radix-context-menu-content-transform-origin]", t),
+	...r
+}) }));
+A.displayName = n.displayName;
+var j = g.forwardRef(({ className: t, inset: n, ...r }, a) => /* @__PURE__ */ _(i, {
+	ref: a,
+	className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n && "pl-8", t),
+	...r
+}));
+j.displayName = i.displayName;
+var M = g.forwardRef(({ className: n, children: r, checked: i, ...o }, s) => /* @__PURE__ */ v(t, {
+	ref: s,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n),
+	checked: i,
+	...o,
+	children: [/* @__PURE__ */ _("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(y, { className: "h-4 w-4" }) })
+	}), r]
+}));
+M.displayName = t.displayName;
+var N = g.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ v(l, {
+	ref: i,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+	...r,
+	children: [/* @__PURE__ */ _("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(x, { className: "h-2 w-2 fill-current" }) })
+	}), n]
+}));
+N.displayName = l.displayName;
+var P = g.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ _(o, {
+	ref: i,
+	className: e("px-2 py-1.5 text-sm font-semibold text-foreground", n && "pl-8", t),
+	...r
+}));
+P.displayName = o.displayName;
+var F = g.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(d, {
+	ref: r,
+	className: e("-mx-1 my-1 h-px bg-border", t),
+	...n
+}));
+F.displayName = d.displayName;
+var I = ({ className: t, ...n }) => /* @__PURE__ */ _("span", {
+	className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
+	...n
+});
+I.displayName = "ContextMenuShortcut";
+//#endregion
+export { S as ContextMenu, M as ContextMenuCheckboxItem, A as ContextMenuContent, w as ContextMenuGroup, j as ContextMenuItem, P as ContextMenuLabel, T as ContextMenuPortal, D as ContextMenuRadioGroup, N as ContextMenuRadioItem, F as ContextMenuSeparator, I as ContextMenuShortcut, E as ContextMenuSub, k as ContextMenuSubContent, O as ContextMenuSubTrigger, C as ContextMenuTrigger };

package/dist/src/components/ui/dialog.js

@@ -0,0 +1,88 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Close as t, Content as n, Description as r, Overlay as i, Portal as a, Root as o, Title as s, Trigger as c } from "../../../node_modules/.pnpm/@radix-ui_react-dialog@1.1._ef5419b1d5914b6ed85fc377af02cd8c/node_modules/@radix-ui/react-dialog/dist/index.js";
+import "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { XIcon as d } from "lucide-react";
+//#region src/components/ui/dialog.tsx
+function f({ ...e }) {
+	return /* @__PURE__ */ l(o, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ l(c, {
+		"data-slot": "dialog-trigger",
+		className: e("cursor-pointer", t),
+		...n
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ l(a, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function h({ className: n, ...r }) {
+	return /* @__PURE__ */ l(t, {
+		"data-slot": "dialog-close",
+		className: e("cursor-pointer", n),
+		...r
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ l(i, {
+		"data-slot": "dialog-overlay",
+		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", t),
+		...n
+	});
+}
+function _({ className: r, children: i, showCloseButton: a = !0, ...o }) {
+	return /* @__PURE__ */ u(m, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ l(g, {}), /* @__PURE__ */ u(n, {
+			"data-slot": "dialog-content",
+			className: e("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 sm:max-w-xl md:max-w-2xl lg:max-w-3xl", r),
+			...o,
+			children: [i, a && /* @__PURE__ */ u(t, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ l(d, {}), /* @__PURE__ */ l("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2 text-center sm:text-left", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ l(s, {
+		"data-slot": "dialog-title",
+		className: e("text-lg leading-none font-semibold", t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ l(r, {
+		"data-slot": "dialog-description",
+		className: e("text-muted-foreground text-sm", t),
+		...n
+	});
+}
+//#endregion
+export { f as Dialog, h as DialogClose, _ as DialogContent, x as DialogDescription, y as DialogFooter, v as DialogHeader, g as DialogOverlay, m as DialogPortal, b as DialogTitle, p as DialogTrigger };

package/dist/src/components/ui/drawer.js

@@ -0,0 +1,80 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Drawer as r } from "vaul";
+//#region src/components/ui/drawer.tsx
+function i({ ...e }) {
+	return /* @__PURE__ */ t(r.Root, {
+		"data-slot": "drawer",
+		...e
+	});
+}
+function a({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Trigger, {
+		"data-slot": "drawer-trigger",
+		className: e("cursor-pointer", n),
+		...i
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(r.Portal, {
+		"data-slot": "drawer-portal",
+		...e
+	});
+}
+function s({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Close, {
+		"data-slot": "drawer-close",
+		className: e("cursor-pointer", n),
+		...i
+	});
+}
+function c({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", n),
+		...i
+	});
+}
+function l({ className: i, children: a, ...s }) {
+	return /* @__PURE__ */ n(o, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ t(c, {}), /* @__PURE__ */ n(r.Content, {
+			"data-slot": "drawer-content",
+			className: e("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", i),
+			...s,
+			children: [/* @__PURE__ */ t("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), a]
+		})]
+	});
+}
+function u({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "drawer-header",
+		className: e("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", n),
+		...r
+	});
+}
+function d({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "drawer-footer",
+		className: e("mt-auto flex flex-col gap-2 p-4", n),
+		...r
+	});
+}
+function f({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Title, {
+		"data-slot": "drawer-title",
+		className: e("text-foreground font-semibold", n),
+		...i
+	});
+}
+function p({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Description, {
+		"data-slot": "drawer-description",
+		className: e("text-muted-foreground text-sm", n),
+		...i
+	});
+}
+//#endregion
+export { i as Drawer, s as DrawerClose, l as DrawerContent, p as DrawerDescription, d as DrawerFooter, u as DrawerHeader, c as DrawerOverlay, o as DrawerPortal, f as DrawerTitle, a as DrawerTrigger };

package/dist/src/components/ui/dropdown-menu.js

@@ -0,0 +1,124 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { CheckboxItem2 as t, Content2 as n, Group2 as r, Item2 as i, ItemIndicator2 as a, Label2 as o, Portal2 as s, RadioGroup2 as c, RadioItem2 as l, Root2 as u, Separator2 as d, Sub2 as f, SubContent2 as p, SubTrigger2 as m, Trigger as h } from "../../../node_modules/.pnpm/@radix-ui_react-dropdown-me_9dd0889a66ea847559fd572aaa20379b/node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CheckIcon as v, ChevronRightIcon as y, CircleIcon as b } from "lucide-react";
+//#region src/components/ui/dropdown-menu.tsx
+function x({ ...e }) {
+	return /* @__PURE__ */ g(u, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ g(s, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ g(h, {
+		"data-slot": "dropdown-menu-trigger",
+		className: e("cursor-pointer", t),
+		...n
+	});
+}
+function w({ className: t, sideOffset: r = 4, ...i }) {
+	return /* @__PURE__ */ g(s, { children: /* @__PURE__ */ g(n, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: r,
+		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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", t),
+		...i
+	}) });
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ g(r, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function E({ className: t, inset: n, variant: r = "default", ...a }) {
+	return /* @__PURE__ */ g(i, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...a
+	});
+}
+function D({ className: n, children: r, checked: i, ...o }) {
+	return /* @__PURE__ */ _(t, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
+		checked: i,
+		...o,
+		children: [/* @__PURE__ */ g("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(v, { className: "size-4" }) })
+		}), r]
+	});
+}
+function O({ ...e }) {
+	return /* @__PURE__ */ g(c, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function k({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ _(l, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [/* @__PURE__ */ g("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(b, { className: "size-2 fill-current" }) })
+		}), n]
+	});
+}
+function A({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ g(o, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": n,
+		className: e("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t),
+		...r
+	});
+}
+function j({ className: t, ...n }) {
+	return /* @__PURE__ */ g(d, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("bg-border -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function M({ className: t, ...n }) {
+	return /* @__PURE__ */ g("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+		...n
+	});
+}
+function N({ ...e }) {
+	return /* @__PURE__ */ g(f, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function P({ className: t, inset: n, children: r, ...i }) {
+	return /* @__PURE__ */ _(m, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": n,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", t),
+		...i,
+		children: [r, /* @__PURE__ */ g(y, { className: "ml-auto size-4" })]
+	});
+}
+function F({ className: t, ...n }) {
+	return /* @__PURE__ */ g(p, {
+		"data-slot": "dropdown-menu-sub-content",
+		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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", t),
+		...n
+	});
+}
+//#endregion
+export { x as DropdownMenu, D as DropdownMenuCheckboxItem, w as DropdownMenuContent, T as DropdownMenuGroup, E as DropdownMenuItem, A as DropdownMenuLabel, S as DropdownMenuPortal, O as DropdownMenuRadioGroup, k as DropdownMenuRadioItem, j as DropdownMenuSeparator, M as DropdownMenuShortcut, N as DropdownMenuSub, F as DropdownMenuSubContent, P as DropdownMenuSubTrigger, C as DropdownMenuTrigger };

package/dist/src/components/ui/empty.js

@@ -0,0 +1,59 @@
+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";
+//#region src/components/ui/empty.tsx
+function r({ className: t, ...r }) {
+	return /* @__PURE__ */ n("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),
+		...r
+	});
+}
+function i({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty-header",
+		className: e("flex max-w-sm flex-col items-center gap-2 text-center", t),
+		...r
+	});
+}
+var a = t("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", {
+		"data-slot": "empty-icon",
+		"data-variant": r,
+		className: e(a({
+			variant: r,
+			className: t
+		})),
+		...i
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty-title",
+		className: e("text-lg font-medium tracking-tight", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty-description",
+		className: e("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", t),
+		...r
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n("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),
+		...r
+	});
+}
+//#endregion
+export { r as Empty, l as EmptyContent, c as EmptyDescription, i as EmptyHeader, o as EmptyMedia, s as EmptyTitle };

package/dist/src/components/ui/field.js

@@ -0,0 +1,111 @@
+"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";
+//#region src/components/ui/field.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ a("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", {
+		"data-slot": "field-legend",
+		"data-variant": n,
+		className: e("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", t),
+		...r
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ a("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", {
+	variants: { orientation: {
+		vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+		horizontal: [
+			"flex-row items-center",
+			"[&>[data-slot=field-label]]:flex-auto",
+			"has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
+		],
+		responsive: [
+			"@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+			"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+			"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		]
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function d({ className: t, orientation: n = "vertical", ...r }) {
+	return /* @__PURE__ */ a("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": n,
+		className: e(u({ orientation: n }), t),
+		...r
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ a("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, {
+		"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
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ a("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", {
+		"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", {
+		"data-slot": "field-separator",
+		"data-content": !!t,
+		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", {
+			className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+			"data-slot": "field-separator-content",
+			children: t
+		})]
+	});
+}
+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", {
+		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", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: e("text-destructive text-sm font-normal", t),
+		...o,
+		children: s
+	}) : null;
+}
+//#endregion
+export { d as Field, f as FieldContent, h as FieldDescription, _ as FieldError, l as FieldGroup, p as FieldLabel, c as FieldLegend, g as FieldSeparator, s as FieldSet, m as FieldTitle };