@almanaclabs/blaze-ui 0.3.1 → 0.4.0

package/dist/components/date-picker/date-picker.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { Calendar as n } from "../calendar/calendar.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../popover/popover.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as c from "react";
+import { IconCalendar as l } from "@tabler/icons-react";
+import { format as u } from "date-fns";
+//#region src/components/date-picker/date-picker.tsx
+function d(d) {
+	let { value: f, defaultValue: p, onValueChange: m, placeholder: h = "Pick a date", disabled: g, className: _, calendarProps: v, triggerProps: y, formatValue: b = (e) => u(e, "PPP") } = d, [x, S] = c.useState(p), [C, w] = c.useState(!1), T = Object.prototype.hasOwnProperty.call(d, "value"), E = T ? f : x, D = (e) => {
+		T || S(e), m?.(e), e && w(!1);
+	};
+	return /* @__PURE__ */ s(r, {
+		open: C,
+		onOpenChange: w,
+		children: [/* @__PURE__ */ s(a, {
+			disabled: g,
+			render: /* @__PURE__ */ o(t, {
+				...y,
+				variant: y?.variant ?? "outline",
+				className: e("justify-start text-left font-normal data-[empty=true]:text-muted-foreground", _, y?.className)
+			}),
+			children: [/* @__PURE__ */ o(l, { "data-icon": "inline-start" }), E ? b(E) : /* @__PURE__ */ o("span", { children: h })]
+		}), /* @__PURE__ */ o(i, {
+			align: "start",
+			"aria-label": "Choose date",
+			className: "w-auto p-0",
+			children: /* @__PURE__ */ o(n, {
+				...v,
+				mode: "single",
+				selected: E,
+				onSelect: D
+			})
+		})]
+	});
+}
+//#endregion
+export { d as DatePicker };

package/dist/components/dialog/dialog.js

@@ -0,0 +1,92 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "react";
+import { IconX as i } from "@tabler/icons-react";
+import { Dialog as a } from "@base-ui/react/dialog";
+//#region src/components/dialog/dialog.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(a.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ n(a.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ n(a.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: e("fixed inset-0 isolate z-50 bg-foreground/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
+		...r
+	});
+}
+function d({ className: o, children: s, showCloseButton: l = !0, ...d }) {
+	return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(a.Popup, {
+		"data-slot": "dialog-content",
+		className: e("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		...d,
+		children: [s, l && /* @__PURE__ */ r(a.Close, {
+			"data-slot": "dialog-close",
+			render: /* @__PURE__ */ n(t, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2", t),
+		...r
+	});
+}
+function p({ className: i, showCloseButton: o = !1, children: s, ...c }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-footer",
+		className: e("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", i),
+		...c,
+		children: [s, o && /* @__PURE__ */ n(a.Close, {
+			render: /* @__PURE__ */ n(t, { variant: "outline" }),
+			children: "Close"
+		})]
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Title, {
+		"data-slot": "dialog-title",
+		className: e("font-heading text-base leading-none font-medium", t),
+		...r
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { o as Dialog, l as DialogClose, d as DialogContent, h as DialogDescription, p as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, m as DialogTitle, s as DialogTrigger };

package/dist/components/drawer/drawer.js

@@ -0,0 +1,121 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+import { Drawer as i } from "@base-ui/react/drawer";
+//#region src/components/drawer/drawer.tsx
+var a = r.createContext(null);
+function o() {
+	let e = r.useContext(a);
+	if (!e) throw Error("useDrawer must be used within a Drawer.");
+	return e;
+}
+function s({ modal: e = !0, showSwipeHandle: n = !1, snapPoints: o, swipeDirection: s = "down", ...c }) {
+	let l = o != null && o.length > 0, u = r.useMemo(() => ({
+		hasSnapPoints: l,
+		modal: e,
+		showSwipeHandle: n,
+		swipeDirection: s
+	}), [
+		l,
+		e,
+		n,
+		s
+	]);
+	return /* @__PURE__ */ t(a.Provider, {
+		value: u,
+		children: /* @__PURE__ */ t(i.Root, {
+			"data-slot": "drawer",
+			modal: e,
+			snapPoints: o,
+			swipeDirection: s,
+			...c
+		})
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ t(i.Trigger, {
+		"data-slot": "drawer-trigger",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ t(i.Portal, {
+		"data-slot": "drawer-portal",
+		...e
+	});
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ t(i.Close, {
+		"data-slot": "drawer-close",
+		...e
+	});
+}
+function d({ className: n, ...r }) {
+	return /* @__PURE__ */ t(i.Backdrop, {
+		"data-slot": "drawer-overlay",
+		className: e("fixed inset-0 z-50 min-h-dvh bg-foreground/10 opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0 supports-backdrop-filter:backdrop-blur-xs supports-[-webkit-touch-callout:none]:absolute", n),
+		...r
+	});
+}
+function f({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "drawer-swipe-handle",
+		"aria-hidden": "true",
+		className: e("relative z-10 flex shrink-0 cursor-grab transition-opacity duration-200 group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24 active:cursor-grabbing", n),
+		...r
+	});
+}
+function p({ className: r, children: a, ...s }) {
+	let { hasSnapPoints: c, modal: u, showSwipeHandle: p, swipeDirection: m } = o(), h = m === "down" || m === "up" ? "y" : "x";
+	return /* @__PURE__ */ n(l, {
+		"data-slot": "drawer-portal",
+		children: [u === !0 && /* @__PURE__ */ t(d, { "data-snap-points": c ? "" : void 0 }), /* @__PURE__ */ t(i.Viewport, {
+			"data-slot": "drawer-viewport",
+			"data-modal": u,
+			className: "pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto",
+			children: /* @__PURE__ */ n(i.Popup, {
+				"data-slot": "drawer-popup",
+				"data-swipe-axis": h,
+				"data-snap-points": c ? "" : void 0,
+				className: e("group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col bg-popover text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [interpolate-size:allow-keywords] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b", "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95", "after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full", "[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]", "[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05]", "data-ending-style:transform-(--closed-transform) data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-nested-drawer-swiping:duration-0 data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-starting-style:transform-(--closed-transform) data-swiping:duration-0 data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]", "data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)", "data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row", "data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)] data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)] data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:origin-left data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)] data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]", "data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:origin-right data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)] data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]", r),
+				...s,
+				children: [p && /* @__PURE__ */ t(f, {}), /* @__PURE__ */ t(i.Content, {
+					"data-slot": "drawer-content",
+					className: e("flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-[cubic-bezier(0.45,1.005,0,1.005)] select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none"),
+					children: a
+				})]
+			})
+		})]
+	});
+}
+function m({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "drawer-header",
+		className: e("flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-0.5 md:text-left", n),
+		...r
+	});
+}
+function h({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "drawer-footer",
+		className: e("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", n),
+		...r
+	});
+}
+function g({ className: n, ...r }) {
+	return /* @__PURE__ */ t(i.Title, {
+		"data-slot": "drawer-title",
+		className: e("font-heading text-base font-medium text-foreground", n),
+		...r
+	});
+}
+function _({ className: n, ...r }) {
+	return /* @__PURE__ */ t(i.Description, {
+		"data-slot": "drawer-description",
+		className: e("text-sm text-balance text-muted-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { s as Drawer, u as DrawerClose, p as DrawerContent, _ as DrawerDescription, h as DrawerFooter, m as DrawerHeader, d as DrawerOverlay, l as DrawerPortal, f as DrawerSwipeHandle, g as DrawerTitle, c as DrawerTrigger };

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

@@ -0,0 +1,136 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { IconCheck as r, IconChevronRight as i } from "@tabler/icons-react";
+import { Menu as a } from "@base-ui/react/menu";
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ t(a.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ t(a.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ t(a.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function l({ align: n = "start", alignOffset: r = 0, side: i = "bottom", sideOffset: o = 4, className: s, ...c }) {
+	return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(a.Positioner, {
+		className: "isolate z-50 outline-none",
+		align: n,
+		alignOffset: r,
+		side: i,
+		sideOffset: o,
+		children: /* @__PURE__ */ t(a.Popup, {
+			"data-slot": "dropdown-menu-content",
+			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
+			...c
+		})
+	}) });
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ t(a.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function d({ className: n, inset: r, ...i }) {
+	return /* @__PURE__ */ t(a.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": r,
+		className: e("px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7", n),
+		...i
+	});
+}
+function f({ className: n, inset: r, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ t(a.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": r,
+		"data-variant": i,
+		className: e("group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", n),
+		...o
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ t(a.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function m({ className: r, inset: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(a.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": o,
+		className: e("flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		...c,
+		children: [s, /* @__PURE__ */ t(i, { className: "ml-auto" })]
+	});
+}
+function h({ align: n = "start", alignOffset: r = -3, side: i = "right", sideOffset: a = 0, className: o, ...s }) {
+	return /* @__PURE__ */ t(l, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		align: n,
+		alignOffset: r,
+		side: i,
+		sideOffset: a,
+		...s
+	});
+}
+function g({ className: i, children: o, checked: s, inset: c, ...l }) {
+	return /* @__PURE__ */ n(a.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": c,
+		className: e("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i),
+		checked: s,
+		...l,
+		children: [/* @__PURE__ */ t("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ t(a.CheckboxItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
+		}), o]
+	});
+}
+function _({ ...e }) {
+	return /* @__PURE__ */ t(a.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function v({ className: i, children: o, inset: s, ...c }) {
+	return /* @__PURE__ */ n(a.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": s,
+		className: e("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i),
+		...c,
+		children: [/* @__PURE__ */ t("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ t(a.RadioItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
+		}), o]
+	});
+}
+function y({ className: n, ...r }) {
+	return /* @__PURE__ */ t(a.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("-mx-1 my-1 h-px bg-border", n),
+		...r
+	});
+}
+function b({ className: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { o as DropdownMenu, g as DropdownMenuCheckboxItem, l as DropdownMenuContent, u as DropdownMenuGroup, f as DropdownMenuItem, d as DropdownMenuLabel, s as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, y as DropdownMenuSeparator, b as DropdownMenuShortcut, p as DropdownMenuSub, h as DropdownMenuSubContent, m as DropdownMenuSubTrigger, c as DropdownMenuTrigger };

package/dist/components/empty/empty.js

@@ -0,0 +1,59 @@
+import { cn as e } from "../../lib/utils.js";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/empty/empty.tsx
+function r({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty",
+		className: e("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance", 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", 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: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+	} },
+	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("font-heading text-sm font-medium tracking-tight", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty-description",
+		className: e("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
+		...r
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty-content",
+		className: e("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", t),
+		...r
+	});
+}
+//#endregion
+export { r as Empty, l as EmptyContent, c as EmptyDescription, i as EmptyHeader, o as EmptyMedia, s as EmptyTitle };

package/dist/components/field/field.js

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

package/dist/components/hover-card/hover-card.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { PreviewCard as n } from "@base-ui/react/preview-card";
+//#region src/components/hover-card/hover-card.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "hover-card",
+		...e
+	});
+}
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...e
+	});
+}
+function a({ className: r, side: i = "bottom", sideOffset: a = 4, align: o = "center", alignOffset: s = 4, ...c }) {
+	return /* @__PURE__ */ t(n.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ t(n.Positioner, {
+			align: o,
+			alignOffset: s,
+			side: i,
+			sideOffset: a,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ t(n.Popup, {
+				"data-slot": "hover-card-content",
+				className: e("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
+				...c
+			})
+		})
+	});
+}
+//#endregion
+export { r as HoverCard, a as HoverCardContent, i as HoverCardTrigger };

package/dist/components/input/input.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Input as n } from "@base-ui/react/input";
+//#region src/components/input/input.tsx
+var r = "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40";
+function i({ className: i, type: a, ...o }) {
+	return /* @__PURE__ */ t(n, {
+		type: a,
+		"data-slot": "input",
+		className: typeof i == "function" ? (t) => e(r, i(t)) : e(r, i),
+		...o
+	});
+}
+//#endregion
+export { i as Input };