@almanaclabs/blaze-ui 0.4.0 → 0.6.0

package/dist/components/combobox/combobox.js

@@ -1,157 +1,157 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../button/button.js";
 import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "../input-group/input-group.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import * as c from "react";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { IconCheck as l, IconChevronDown as u, IconX as d } from "@tabler/icons-react";
 import { Combobox as f } from "@base-ui/react";
 //#region src/components/combobox/combobox.tsx
 var p = f.Root;
 function m({ ...e }) {
-	return /* @__PURE__ */ o(f.Value, {
+	return /* @__PURE__ */ s(f.Value, {
 		"data-slot": "combobox-value",
 		...e
 	});
 }
 function h({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ s(f.Trigger, {
+	return /* @__PURE__ */ c(f.Trigger, {
 		"data-slot": "combobox-trigger",
-		className: e("[&_svg:not([class*='size-'])]:size-4", t),
+		className: e("[--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4", t),
 		...r,
-		children: [n, /* @__PURE__ */ o(u, { className: "pointer-events-none size-4 text-muted-foreground" })]
+		children: [n, /* @__PURE__ */ s(u, { className: "pointer-events-none size-4 text-muted-foreground" })]
 	});
 }
 function g({ className: t, "aria-label": n = "Clear selection", ...r }) {
-	return /* @__PURE__ */ o(f.Clear, {
+	return /* @__PURE__ */ s(f.Clear, {
 		"data-slot": "combobox-clear",
-		render: /* @__PURE__ */ o(i, {
-			variant: "ghost",
+		render: /* @__PURE__ */ s(i, {
+			variant: "tertiary",
 			size: "icon-xs"
 		}),
 		className: e(t),
 		"aria-label": n,
 		...r,
-		children: /* @__PURE__ */ o(d, { className: "pointer-events-none" })
+		children: /* @__PURE__ */ s(d, { className: "pointer-events-none" })
 	});
 }
-function _({ className: t, children: c, disabled: l = !1, showTrigger: u = !0, showClear: d = !1, triggerAriaLabel: p = "Toggle suggestions", ...m }) {
-	return /* @__PURE__ */ s(n, {
+function _({ className: t, children: o, disabled: l = !1, showTrigger: u = !0, showClear: d = !1, triggerAriaLabel: p = "Toggle suggestions", ...m }) {
+	return /* @__PURE__ */ c(n, {
 		className: e("w-auto", t),
 		children: [
-			/* @__PURE__ */ o(f.Input, {
-				render: /* @__PURE__ */ o(a, { disabled: l }),
+			/* @__PURE__ */ s(f.Input, {
+				render: /* @__PURE__ */ s(a, { disabled: l }),
 				...m
 			}),
-			/* @__PURE__ */ s(r, {
+			/* @__PURE__ */ c(r, {
 				align: "inline-end",
-				children: [u && /* @__PURE__ */ o(i, {
+				children: [u && /* @__PURE__ */ s(i, {
 					size: "icon-xs",
-					variant: "ghost",
-					render: /* @__PURE__ */ o(h, {}),
+					variant: "tertiary",
+					render: /* @__PURE__ */ s(h, {}),
 					"data-slot": "input-group-button",
 					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
 					disabled: l,
 					"aria-label": p
-				}), d && /* @__PURE__ */ o(g, { disabled: l })]
+				}), d && /* @__PURE__ */ s(g, { disabled: l })]
 			}),
-			c
+			o
 		]
 	});
 }
-function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: s, ...c }) {
-	return /* @__PURE__ */ o(f.Portal, { children: /* @__PURE__ */ o(f.Positioner, {
+function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: o, ...c }) {
+	return /* @__PURE__ */ s(f.Portal, { children: /* @__PURE__ */ s(f.Positioner, {
 		side: n,
 		sideOffset: r,
 		align: i,
 		alignOffset: a,
-		anchor: s,
+		anchor: o,
 		className: "isolate z-50",
-		children: /* @__PURE__ */ o(f.Popup, {
+		children: /* @__PURE__ */ s(f.Popup, {
 			"data-slot": "combobox-content",
-			"data-chips": !!s,
+			"data-chips": !!o,
 			className: e("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) 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-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none 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", t),
 			...c
 		})
 	}) });
 }
 function y({ className: t, ...n }) {
-	return /* @__PURE__ */ o(f.List, {
+	return /* @__PURE__ */ s(f.List, {
 		"data-slot": "combobox-list",
 		className: e("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", t),
 		...n
 	});
 }
 function b({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ s(f.Item, {
+	return /* @__PURE__ */ c(f.Item, {
 		"data-slot": "combobox-item",
-		className: e("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		className: e("type-body relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground 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: [n, /* @__PURE__ */ o(f.ItemIndicator, {
-			render: /* @__PURE__ */ o("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-			children: /* @__PURE__ */ o(l, { className: "pointer-events-none" })
+		children: [n, /* @__PURE__ */ s(f.ItemIndicator, {
+			render: /* @__PURE__ */ s("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ s(l, { className: "pointer-events-none" })
 		})]
 	});
 }
 function x({ className: t, ...n }) {
-	return /* @__PURE__ */ o(f.Group, {
+	return /* @__PURE__ */ s(f.Group, {
 		"data-slot": "combobox-group",
 		className: e(t),
 		...n
 	});
 }
 function S({ className: t, ...n }) {
-	return /* @__PURE__ */ o(f.GroupLabel, {
+	return /* @__PURE__ */ s(f.GroupLabel, {
 		"data-slot": "combobox-label",
 		className: e("px-2 py-1.5 text-xs text-muted-foreground", t),
 		...n
 	});
 }
 function C({ ...e }) {
-	return /* @__PURE__ */ o(f.Collection, {
+	return /* @__PURE__ */ s(f.Collection, {
 		"data-slot": "combobox-collection",
 		...e
 	});
 }
 function w({ className: t, ...n }) {
-	return /* @__PURE__ */ o(f.Empty, {
+	return /* @__PURE__ */ s(f.Empty, {
 		"data-slot": "combobox-empty",
 		className: e("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", t),
 		...n
 	});
 }
 function T({ className: t, ...n }) {
-	return /* @__PURE__ */ o(f.Separator, {
+	return /* @__PURE__ */ s(f.Separator, {
 		"data-slot": "combobox-separator",
 		className: e("-mx-1 my-1 h-px bg-border", t),
 		...n
 	});
 }
 function E({ className: t, ...n }) {
-	return /* @__PURE__ */ o(f.Chips, {
+	return /* @__PURE__ */ s(f.Chips, {
 		"data-slot": "combobox-chips",
 		className: e("flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", t),
 		...n
 	});
 }
 function D({ className: n, children: r, showRemove: i = !0, ...a }) {
-	return /* @__PURE__ */ s(f.Chip, {
+	return /* @__PURE__ */ c(f.Chip, {
 		"data-slot": "combobox-chip",
 		className: e("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", n),
 		...a,
-		children: [r, i && /* @__PURE__ */ o(f.ChipRemove, {
-			render: /* @__PURE__ */ o(t, {
-				variant: "ghost",
+		children: [r, i && /* @__PURE__ */ s(f.ChipRemove, {
+			render: /* @__PURE__ */ s(t, {
+				variant: "tertiary",
 				size: "icon-xs"
 			}),
 			className: "-ml-1 opacity-50 hover:opacity-100",
 			"data-slot": "combobox-chip-remove",
 			"aria-label": "Remove item",
-			children: /* @__PURE__ */ o(d, { className: "pointer-events-none" })
+			children: /* @__PURE__ */ s(d, { className: "pointer-events-none" })
 		})]
 	});
 }
 function O({ className: t, "aria-label": n = "Search options", ...r }) {
-	return /* @__PURE__ */ o(f.Input, {
+	return /* @__PURE__ */ s(f.Input, {
 		"data-slot": "combobox-chip-input",
 		"aria-label": n,
 		className: e("min-w-16 flex-1 outline-none", t),
@@ -159,7 +159,7 @@ function O({ className: t, "aria-label": n = "Search options", ...r }) {
 	});
 }
 function k() {
-	return c.useRef(null);
+	return o.useRef(null);
 }
 //#endregion
 export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };

package/dist/components/data-table/data-table.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../lib/utils.js";
 import { Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../table/table.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { flexRender as l, getCoreRowModel as u, useReactTable as d } from "@tanstack/react-table";
 //#region src/components/data-table/data-table.tsx
 function f({ columns: f, data: p, emptyMessage: m = "No results.", className: h }) {

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

@@ -2,31 +2,31 @@ 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 * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 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) => {
+	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] = o.useState(p), [C, w] = o.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, {
+	return /* @__PURE__ */ c(r, {
 		open: C,
 		onOpenChange: w,
-		children: [/* @__PURE__ */ s(a, {
+		children: [/* @__PURE__ */ c(a, {
 			disabled: g,
-			render: /* @__PURE__ */ o(t, {
+			render: /* @__PURE__ */ s(t, {
 				...y,
-				variant: y?.variant ?? "outline",
+				variant: y?.variant ?? "secondary",
 				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, {
+			children: [/* @__PURE__ */ s(l, { "data-icon": "inline-start" }), E ? b(E) : /* @__PURE__ */ s("span", { children: h })]
+		}), /* @__PURE__ */ s(i, {
 			align: "start",
 			"aria-label": "Choose date",
 			className: "w-auto p-0",
-			children: /* @__PURE__ */ o(n, {
+			children: /* @__PURE__ */ s(n, {
 				...v,
 				mode: "single",
 				selected: E,

package/dist/components/dialog/dialog.js

@@ -1,8 +1,8 @@
 "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 { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { IconX as i } from "@tabler/icons-react";
 import { Dialog as a } from "@base-ui/react/dialog";
 //#region src/components/dialog/dialog.tsx
@@ -45,7 +45,7 @@ function d({ className: o, children: s, showCloseButton: l = !0, ...d }) {
 		children: [s, l && /* @__PURE__ */ r(a.Close, {
 			"data-slot": "dialog-close",
 			render: /* @__PURE__ */ n(t, {
-				variant: "ghost",
+				variant: "tertiary",
 				className: "absolute top-2 right-2",
 				size: "icon-sm"
 			}),
@@ -69,7 +69,7 @@ function p({ className: i, showCloseButton: o = !1, children: s, ...c }) {
 		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" }),
+			render: /* @__PURE__ */ n(t, { variant: "secondary" }),
 			children: "Close"
 		})]
 	});

package/dist/components/drawer/drawer.js

@@ -1,30 +1,30 @@
 "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 * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Drawer as i } from "@base-ui/react/drawer";
 //#region src/components/drawer/drawer.tsx
-var a = r.createContext(null);
+var a = t.createContext(null);
 function o() {
-	let e = r.useContext(a);
+	let e = t.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(() => ({
+function s({ modal: e = !0, showSwipeHandle: r = !1, snapPoints: o, swipeDirection: s = "down", ...c }) {
+	let l = o != null && o.length > 0, u = t.useMemo(() => ({
 		hasSnapPoints: l,
 		modal: e,
-		showSwipeHandle: n,
+		showSwipeHandle: r,
 		swipeDirection: s
 	}), [
 		l,
 		e,
-		n,
+		r,
 		s
 	]);
-	return /* @__PURE__ */ t(a.Provider, {
+	return /* @__PURE__ */ n(a.Provider, {
 		value: u,
-		children: /* @__PURE__ */ t(i.Root, {
+		children: /* @__PURE__ */ n(i.Root, {
 			"data-slot": "drawer",
 			modal: e,
 			snapPoints: o,
@@ -34,53 +34,53 @@ function s({ modal: e = !0, showSwipeHandle: n = !1, snapPoints: o, swipeDirecti
 	});
 }
 function c({ ...e }) {
-	return /* @__PURE__ */ t(i.Trigger, {
+	return /* @__PURE__ */ n(i.Trigger, {
 		"data-slot": "drawer-trigger",
 		...e
 	});
 }
 function l({ ...e }) {
-	return /* @__PURE__ */ t(i.Portal, {
+	return /* @__PURE__ */ n(i.Portal, {
 		"data-slot": "drawer-portal",
 		...e
 	});
 }
 function u({ ...e }) {
-	return /* @__PURE__ */ t(i.Close, {
+	return /* @__PURE__ */ n(i.Close, {
 		"data-slot": "drawer-close",
 		...e
 	});
 }
-function d({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Backdrop, {
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n(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),
+		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", t),
 		...r
 	});
 }
-function f({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("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),
+		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", t),
 		...r
 	});
 }
-function p({ className: r, children: a, ...s }) {
+function p({ className: t, children: a, ...s }) {
 	let { hasSnapPoints: c, modal: u, showSwipeHandle: p, swipeDirection: m } = o(), h = m === "down" || m === "up" ? "y" : "x";
-	return /* @__PURE__ */ n(l, {
+	return /* @__PURE__ */ r(l, {
 		"data-slot": "drawer-portal",
-		children: [u === !0 && /* @__PURE__ */ t(d, { "data-snap-points": c ? "" : void 0 }), /* @__PURE__ */ t(i.Viewport, {
+		children: [u === !0 && /* @__PURE__ */ n(d, { "data-snap-points": c ? "" : void 0 }), /* @__PURE__ */ n(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, {
+			children: /* @__PURE__ */ r(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),
+				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%))]", t),
 				...s,
-				children: [p && /* @__PURE__ */ t(f, {}), /* @__PURE__ */ t(i.Content, {
+				children: [p && /* @__PURE__ */ n(f, {}), /* @__PURE__ */ n(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
@@ -89,31 +89,31 @@ function p({ className: r, children: a, ...s }) {
 		})]
 	});
 }
-function m({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n("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),
+		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", t),
 		...r
 	});
 }
-function h({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
 		"data-slot": "drawer-footer",
-		className: e("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", n),
+		className: e("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", t),
 		...r
 	});
 }
-function g({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Title, {
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Title, {
 		"data-slot": "drawer-title",
-		className: e("font-heading text-base font-medium text-foreground", n),
+		className: e("font-heading text-base font-medium text-foreground", t),
 		...r
 	});
 }
-function _({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Description, {
+function _({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Description, {
 		"data-slot": "drawer-description",
-		className: e("text-sm text-balance text-muted-foreground", n),
+		className: e("text-sm text-balance text-muted-foreground", t),
 		...r
 	});
 }

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

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 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
@@ -46,7 +46,7 @@ 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),
+		className: e("type-meta px-1.5 py-1 font-medium text-muted-foreground data-inset:pl-7", n),
 		...i
 	});
 }
@@ -55,7 +55,7 @@ function f({ className: n, inset: r, variant: i = "default", ...o }) {
 		"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),
+		className: e("type-body group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] 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
 	});
 }
@@ -69,7 +69,7 @@ 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),
+		className: e("type-body flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] 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" })]
 	});
@@ -89,7 +89,7 @@ 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),
+		className: e("type-body relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] 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", {
@@ -109,7 +109,7 @@ 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),
+		className: e("type-body relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] 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",
@@ -128,7 +128,7 @@ function y({ className: 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),
+		className: e("type-meta ml-auto text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", n),
 		...r
 	});
 }

package/dist/components/empty/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,+BASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,CAAA"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,+BASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,CAAA"}

package/dist/components/empty/empty.js

@@ -19,7 +19,7 @@ function i({ className: 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"
+		icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4"
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -37,21 +37,21 @@ function o({ className: t, variant: r = "default", ...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),
+		className: e("type-label font-heading font-medium", 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),
+		className: e("type-body 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),
+		className: e("type-body flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-balance", t),
 		...r
 	});
 }

package/dist/components/field/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAI1C,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAWlC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAYnE;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW7B;AAED,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAClD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,UAAU,+BAUZ;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAYpC;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAsB9D;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,sCAiCjB"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAI1C,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAWlC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAenE;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW7B;AAED,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAClD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,UAAU,+BAUZ;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAYpC;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAsB9D;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,sCAiCjB"}