haze-ui 1.31.0 → 1.32.0

package/dist/components/TagGroup/TagGroup.js

@@ -1,15 +1,29 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { group as t } from "./tag-group-styles.js";
-import { jsx as n } from "react/jsx-runtime";
+import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
+import { group as n } from "./tag-group-styles.js";
+import { createContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/lib/components/TagGroup/TagGroup.tsx
-function r({ children: r, className: i }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "tag-group",
-		role: "group",
-		className: e([t, i]),
-		children: r
+var a = r(void 0);
+function o({ children: r, className: o, classNames: s }) {
+	let c = t("TagGroup"), l = c.classNames ? {
+		...c.classNames,
+		...s
+	} : s;
+	return /* @__PURE__ */ i(a.Provider, {
+		value: l,
+		children: /* @__PURE__ */ i("div", {
+			"data-slot": "tag-group",
+			role: "group",
+			className: e([
+				n,
+				o,
+				l?.root
+			]),
+			children: r
+		})
 	});
 }
 //#endregion
-export { r as default };
+export { a as TagGroupItemClassNamesContext, o as default };

package/dist/components/TagGroup/TagGroupItem.js

@@ -3,30 +3,36 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { sortableHandle as n, useSortableHandle as r } from "../../utils/sortable-handle.js";
+import { TagGroupItemClassNamesContext as i } from "./TagGroup.js";
 /* empty css                       */
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/lib/components/TagGroup/TagGroupItem.tsx
-var o = "haze-TagGroupItem__tag", s = "haze-TagGroupItem__closeBtn";
-function c({ children: c, onClose: l, className: u }) {
-	let d = t("tagGroup"), f = r(), p = f ? /* @__PURE__ */ i("span", {
+var c = "haze-TagGroupItem__tag", l = "haze-TagGroupItem__closeBtn";
+function u({ children: u, onClose: d, className: f }) {
+	let p = t("tagGroup"), m = a(i), h = r(), g = h ? /* @__PURE__ */ o("span", {
 		"data-slot": "drag-handle",
-		...f.attributes,
-		...f.listeners,
+		...h.attributes,
+		...h.listeners,
 		className: e([n]),
-		children: c
-	}) : c;
-	return /* @__PURE__ */ a("span", {
+		children: u
+	}) : u;
+	return /* @__PURE__ */ s("span", {
 		"data-slot": "tag-group-item",
-		className: e([o, u]),
-		children: [p, l && /* @__PURE__ */ i("button", {
+		className: e([
+			c,
+			m?.item,
+			f
+		]),
+		children: [g, d && /* @__PURE__ */ o("button", {
 			"data-slot": "remove-button",
 			type: "button",
-			onClick: l,
-			"aria-label": d.remove,
-			className: e([s]),
+			onClick: d,
+			"aria-label": p.remove,
+			className: e([l, m?.removeButton]),
 			children: "x"
 		})]
 	});
 }
 //#endregion
-export { c as default };
+export { u as default };

package/dist/components/TagInput/TagInputCore.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as r } from "../../utils/refs.js";
 import { listWrap as i, removeBtn as a, tag as o } from "./tag-input-styles.js";
 /* empty css                       */
 import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
@@ -11,7 +11,7 @@ import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/lib/components/TagInput/TagInputCore.tsx
 var p = "haze-TagInputCore__container", m = "haze-TagInputCore__inputEl";
 function h({ value: h, onChange: g, placeholder: _, maxTags: v, disabled: y, renderTag: b, wrapTagList: x, className: S, id: C, "aria-invalid": w, "aria-describedby": T, ref: E }) {
-	let [D, O] = u(""), k = l(null), A = l(null), j = s((e) => t(A, E)(e), [A, E]), M = l(null);
+	let [D, O] = u(""), k = l(null), A = l(null), j = s((e) => r(A, E)(e), [A, E]), M = l(null);
 	c(() => {
 		let e = M.current;
 		if (e === null) return;
@@ -38,25 +38,25 @@ function h({ value: h, onChange: g, placeholder: _, maxTags: v, disabled: y, ren
 		r !== void 0 && (n.splice(t, 0, r), g(n));
 	}, [h, g]), I = (e) => {
 		e.key === "Enter" || e.key === "," ? (e.preventDefault(), N(D)) : e.key === "Backspace" && !D && h.length > 0 && P(h.length - 1);
-	}, L = r("tagInput"), R = _ || L.placeholder, z = n(h.length === 1 ? L.tagCountSingular : L.tagCount, { count: h.length }), B = /* @__PURE__ */ d("ul", {
+	}, L = n("tagInput"), R = _ || L.placeholder, z = t(h.length === 1 ? L.tagCountSingular : L.tagCount, { count: h.length }), B = /* @__PURE__ */ d("ul", {
 		"data-slot": "list",
 		className: e([i]),
-		children: h.map((t, r) => b ? b({
-			tag: t,
+		children: h.map((n, r) => b ? b({
+			tag: n,
 			index: r,
-			removeLabel: n(L.removeTag, { tag: t }),
+			removeLabel: t(L.removeTag, { tag: n }),
 			onRemove: () => P(r)
 		}) : /* @__PURE__ */ f("li", {
 			"data-slot": "item",
 			className: e([o]),
-			children: [t, /* @__PURE__ */ d("button", {
+			children: [n, /* @__PURE__ */ d("button", {
 				"data-slot": "remove-button",
 				type: "button",
 				onClick: () => P(r),
 				onKeyDown: (e) => {
 					e.key === "Backspace" && (e.preventDefault(), P(r));
 				},
-				"aria-label": n(L.removeTag, { tag: t }),
+				"aria-label": t(L.removeTag, { tag: n }),
 				disabled: y,
 				className: e([a]),
 				children: "x"

package/dist/components/TimePicker/TimePickerPanel.js

@@ -1,7 +1,7 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 import { FloatingPanel as r, useFloating as i } from "../../utils/floating.js";
 import { columnList as ee, columnOption as a, columnWrap as te, columns as ne, footer as re, nowButton as ie, panel as ae, trigger as oe, wrapper as se } from "./time-picker-styles.js";
 import { formatTimeValue as o, from12Hour as s, hour12Values as ce, pad2 as c, parseTimeValue as l, stepValue as u, stepValues as d, to12Hour as f } from "./time.js";
@@ -9,7 +9,7 @@ import { useCallback as p, useEffect as m, useId as h, useRef as g } from "react
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/lib/components/TimePicker/TimePickerPanel.tsx
 function y({ value: y, onChange: b, open: x, onOpenChange: S, format: C, hourStep: w, minuteStep: T, secondStep: E, use12Hours: D, disabledTime: O, placeholder: k, className: A, onKeyDown: j, ref: M, ...le }) {
-	let N = n("timePicker"), P = g(null), F = p((e) => t(P, M)(e), [P, M]), I = g(null), L = g(null), R = g(null), z = g(null), B = g(null), V = h(), H = p((e) => S(typeof e == "function" ? e(x) : e), [S, x]), U = i({
+	let N = t("timePicker"), P = g(null), F = p((e) => n(P, M)(e), [P, M]), I = g(null), L = g(null), R = g(null), z = g(null), B = g(null), V = h(), H = p((e) => S(typeof e == "function" ? e(x) : e), [S, x]), U = i({
 		open: x,
 		setOpen: H,
 		triggerRef: P,

package/dist/components/Toast/ToastContainer.js

@@ -1,8 +1,8 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { useConfigDefaults as n } from "../ConfigProvider/useConfigDefaults.js";
 import { Presence as r } from "../../utils/presence.js";
 import i from "./Toast.js";
 import { ToastProvider as a, applyToastPatch as o, deferredCopyKey as s } from "./ToastContext.js";
@@ -18,7 +18,7 @@ var g = "haze-ToastContainer__containerBase", _ = {
 	"bottom-right": "haze-ToastContainer__bottom-right"
 };
 function v({ children: v, maxCount: y, placement: b, classNames: x }) {
-	let S = t("Toast"), C = b ?? S.placement ?? "bottom-right", w = y ?? S.maxCount, [T, E] = p([]), [D, O] = p([]), k = f([]);
+	let S = n("Toast"), C = b ?? S.placement ?? "bottom-right", w = y ?? S.maxCount, [T, E] = p([]), [D, O] = p([]), k = f([]);
 	d(() => {
 		k.current = T;
 	}, [T]);
@@ -55,7 +55,7 @@ function v({ children: v, maxCount: y, placement: b, classNames: x }) {
 		F,
 		M
 	]);
-	let I = n("toast");
+	let I = t("toast");
 	return /* @__PURE__ */ h(a, {
 		value: {
 			toasts: T,

package/dist/components/TreeSelect/TreeSelect.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as r } from "../../utils/refs.js";
 import { FloatingPanel as i, useFloating as a } from "../../utils/floating.js";
 import o from "../Chip/Chip.js";
 import { useFocusScope as ee } from "../../utils/focus-scope.js";
@@ -57,7 +57,7 @@ function be(e, t) {
 	}];
 }
 function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S = !1, checkStrictly: C = !1, allowClear: w = !1, showSearch: T = !1, treeDefaultExpandAll: Se = !1, treeExpandedKeys: Ce, onTreeExpand: we, maxTagCount: E, virtualized: Te, loadData: D, disabled: O = !1, className: Ee, ref: k, ...De }) {
-	let A = r("treeSelect"), [j, M] = m(!1, !1), [N, Oe] = d({}), ke = l(() => D ? (e) => D(e).then((t) => (Oe((n) => ({
+	let A = n("treeSelect"), [j, M] = m(!1, !1), [N, Oe] = d({}), ke = l(() => D ? (e) => D(e).then((t) => (Oe((n) => ({
 		...n,
 		[e.key]: t
 	})), t)) : void 0, [D]), P = l(() => te(s, N), [s, N]), F = l(() => {
@@ -71,7 +71,7 @@ function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S =
 		data: P
 	}))), I ? [] : y(b, P, S, C)), [B, V] = d("");
 	!j && B !== "" && V("");
-	let H = ie(), U = u(null), Ae = c((e) => t(U, k)(e), [U, k]), W = u(null), G = u(null), K = a({
+	let H = ie(), U = u(null), Ae = c((e) => r(U, k)(e), [U, k]), W = u(null), G = u(null), K = a({
 		open: j,
 		setOpen: M,
 		triggerRef: U,
@@ -150,7 +150,7 @@ function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S =
 		"data-slot": "overflow-badge",
 		title: Z.map($).join(", "),
 		className: e(fe),
-		children: n(A.moreTags, { count: Z.length })
+		children: t(A.moreTags, { count: Z.length })
 	})] }) : Y ? /* @__PURE__ */ f("span", {
 		"data-slot": "value",
 		className: e(g),

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,15 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                         */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/VisuallyHidden/VisuallyHidden.tsx
+var n = "haze-VisuallyHidden__hidden";
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "visually-hidden",
+		...i,
+		className: e([n, r])
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/VisuallyHidden/index.js

@@ -0,0 +1,2 @@
+import e from "./VisuallyHidden.js";
+export { e as VisuallyHidden };

package/dist/css/accordion.css

@@ -1,3 +1,5 @@
 /* haze-ui accordion — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Accordion__base{width:100%}
 .haze-AccordionItem__item{border-bottom:1px solid var(--haze-color-border)}.haze-AccordionItem__item:first-of-type{border-top:1px solid var(--haze-color-border)}@supports selector(::details-content) and (interpolate-size:allow-keywords){.haze-AccordionItem__item::details-content{interpolate-size:allow-keywords;height:0;-webkit-transition:height var(--haze-duration-normal) var(--haze-ease-in-out),content-visibility var(--haze-duration-normal) allow-discrete;transition:height var(--haze-duration-normal) var(--haze-ease-in-out),content-visibility var(--haze-duration-normal) allow-discrete;overflow:clip}.haze-AccordionItem__item[open]::details-content{height:auto}}.haze-AccordionItem__summary{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);justify-content:space-between;list-style:none;display:flex}.haze-AccordionItem__summary:hover{background:var(--haze-color-bg-subtle)}.haze-AccordionItem__summary:active{background:var(--haze-color-bg-muted)}.haze-AccordionItem__summary:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-AccordionItem__summary::marker{display:none}.haze-AccordionItem__summary::-webkit-details-marker{display:none}.haze-AccordionItem__summary:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);width:8px;height:8px;-webkit-transition:-webkit-transform var(--haze-duration-normal);transition:transform var(--haze-duration-normal);flex-shrink:0;transform:rotate(-45deg)}details[open]>.haze-AccordionItem__summary:after{transform:rotate(45deg)}.haze-AccordionItem__content{padding:0 var(--haze-space-4) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}
+}

package/dist/css/activity-rail.css

@@ -1,2 +1,4 @@
 /* haze-ui activity-rail — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ActivityRail__rail{box-sizing:border-box;align-items:center;gap:var(--haze-space-1);padding-block:var(--haze-space-1);width:var(--haze-space-12);border-inline-end:1px solid var(--haze-color-border);flex-direction:column;height:100%;display:flex}@container rail-track (width>=96px){.haze-ActivityRail__railHorizontal{width:100%;height:var(--haze-space-12);padding-inline:var(--haze-space-1);border-inline-end:none;border-block-end:1px solid var(--haze-color-border);flex-direction:row}.haze-ActivityRail__railHorizontal [data-slot=activity-rail-item-indicator]{inset-block:auto;width:auto;height:calc(var(--haze-space-1) / 2);inset-block-start:calc(var(--haze-space-1) / -2);inset-inline:0}}.haze-ActivityRail__endGroup{box-sizing:border-box;align-items:center;gap:var(--haze-space-1);flex-direction:column;margin-block-start:auto;display:flex}@container rail-track (width>=96px){.haze-ActivityRail__endGroupHorizontal{-webkit-margin-start:auto;flex-direction:row;margin-block-start:0;margin-inline-start:auto}}.haze-ActivityRail__item{box-sizing:border-box;padding:var(--haze-space-0);width:calc(var(--haze-space-10) + var(--haze-space-1));height:calc(var(--haze-space-10) + var(--haze-space-1));border-radius:var(--haze-radius-md);color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-ActivityRail__item:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-ActivityRail__item:focus-visible{box-shadow:0 0 0 var(--haze-space-1) var(--haze-color-focus-ring);outline:none}.haze-ActivityRail__itemActive,.haze-ActivityRail__itemActive:hover{color:var(--haze-color-text)}.haze-ActivityRail__indicator{width:calc(var(--haze-space-1) / 2);border-radius:var(--haze-radius-full);background:var(--haze-color-primary);position:absolute;inset-block:0;inset-inline-start:calc(var(--haze-space-1) / -2)}.haze-ActivityRail__itemIcon{width:var(--haze-space-5);height:var(--haze-space-5);justify-content:center;align-items:center;display:inline-flex}.haze-ActivityRail__itemIcon>svg{width:100%;height:100%}.haze-ActivityRail__itemBadge{pointer-events:none;position:absolute;inset-block-start:calc(var(--haze-space-1) / -2);inset-inline-end:calc(var(--haze-space-1) / -2)}
+}

package/dist/css/affix.css

@@ -1,2 +1,4 @@
 /* haze-ui affix — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Affix__affix{z-index:100;position:fixed}.haze-Affix__posTop{top:0;inset-inline:0}.haze-Affix__posBottom{bottom:0;inset-inline:0}
+}

package/dist/css/alert.css

@@ -1,2 +1,4 @@
 /* haze-ui alert — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Alert__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);display:flex}.haze-Alert__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info);border:1px solid color-mix(in srgb, var(--haze-color-info) 25%, transparent)}.haze-Alert__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Alert__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Alert__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Alert__contentStyle{flex:1}.haze-Alert__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;padding:0;line-height:1}.haze-Alert__closeBtn:hover{opacity:1}.haze-Alert__closeBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}@media (forced-colors:active){.haze-Alert__closeBtn:focus-visible{outline:2px solid highlight}}
+}

package/dist/css/anchor.css

@@ -1,2 +1,4 @@
 /* haze-ui anchor — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Anchor__nav{font-size:var(--haze-text-sm);position:sticky;top:0}.haze-Anchor__list{gap:var(--haze-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Anchor__link{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:var(--haze-space-1) solid transparent;border-radius:0 var(--haze-radius-sm) var(--haze-radius-sm) 0;color:var(--haze-color-text-muted);-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);-webkit-text-decoration:none;text-decoration:none;display:block}.haze-Anchor__link:hover{color:var(--haze-color-text)}.haze-Anchor__linkActive{border-inline-start-color:var(--haze-color-primary);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
+}

package/dist/css/app-shell.css

@@ -1,2 +1,4 @@
 /* haze-ui app-shell — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-AppShell__shell{display:-ms-grid;-ms-grid-rows:auto minmax(0, 1fr) auto;-ms-grid-columns:minmax(0, 1fr);box-sizing:border-box;grid-template:"header""content"minmax(0,1fr)"footer"/minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.haze-AppShell__withSidebar{-ms-grid-columns:auto minmax(0, 1fr);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"header header""sidebar content""footer footer"}@media (width<=768px){.haze-AppShell__withSidebar{-ms-grid-columns:minmax(0, 1fr);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""content""footer"}}.haze-AppShell__header{z-index:1;align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-end:1px solid var(--haze-color-border);grid-area:header;display:flex;position:sticky;top:0}.haze-AppShell__sidebar{box-sizing:border-box;width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));background:var(--haze-color-bg-subtle);min-height:0;-webkit-transition:width var(--haze-duration-normal) var(--haze-ease),-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:width var(--haze-duration-normal) var(--haze-ease),transform var(--haze-duration-normal) var(--haze-ease);grid-area:sidebar;overflow:hidden}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width-collapsed,var(--haze-space-16))}@media (width<=768px){.haze-AppShell__sidebar{z-index:2;box-shadow:var(--haze-shadow-lg);position:absolute;inset-block:0;inset-inline-start:0}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));transform:translate(-100%)}}.haze-AppShell__content{grid-area:content;min-width:0}.haze-AppShell__footer{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-start:1px solid var(--haze-color-border);grid-area:footer}
+}

package/dist/css/approval-card.css

@@ -1,2 +1,4 @@
 /* haze-ui approval-card — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ApprovalCard__card{border:1px solid var(--haze-color-warning);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);background:var(--haze-color-bg);overflow:hidden}.haze-ApprovalCard__header{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-warning-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-ApprovalCard__body{padding:var(--haze-space-3) var(--haze-space-4)}.haze-ApprovalCard__desc{font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__content{margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__actions{gap:var(--haze-space-2);padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);display:flex}.haze-ApprovalCard__btn{padding:var(--haze-space-2) var(--haze-space-4);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);flex:1}.haze-ApprovalCard__denyBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ApprovalCard__denyBtn:hover{background:var(--haze-color-bg-muted)}.haze-ApprovalCard__approveBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ApprovalCard__approveBtn:hover{opacity:.9}
+}

package/dist/css/aspect-ratio.css

@@ -1,2 +1,4 @@
 /* haze-ui aspect-ratio — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-AspectRatio__wrapper{width:100%;position:relative}.haze-AspectRatio__inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}
+}

package/dist/css/async-section.css

@@ -1,2 +1,4 @@
 /* haze-ui async-section — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-AsyncSection__base{font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-AsyncSection__placeholder{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-8) var(--haze-space-4);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);flex-direction:column;display:flex}.haze-AsyncSection__spin{width:24px;height:24px;animation:.8s linear infinite spin-haze-AsyncSection__spin;display:inline-flex}@media (prefers-reduced-motion:reduce){.haze-AsyncSection__spin{animation-duration:.01ms;animation-iteration-count:1}}@keyframes spin-haze-AsyncSection__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-AsyncSection__errorBox{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);background:var(--haze-color-danger-subtle);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);flex-direction:column;display:flex}.haze-AsyncSection__errorMessage{color:var(--haze-color-danger);margin:0}.haze-AsyncSection__retryButton{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast);transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast);background:0 0;display:inline-flex}.haze-AsyncSection__retryButton:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-AsyncSection__retryButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
+}

package/dist/css/avatar-group.css

@@ -1,2 +1,4 @@
 /* haze-ui avatar-group — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-AvatarGroup__base{align-items:center;display:inline-flex}.haze-AvatarGroup__item{border-radius:var(--haze-radius-full);border:2px solid var(--haze-color-bg);display:inline-flex}.haze-AvatarGroup__itemStacked{-webkit-margin-start:calc(-1 * var(--haze-space-3));margin-inline-start:calc(-1 * var(--haze-space-3))}.haze-AvatarGroup__overflowChip{box-sizing:border-box;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);width:32px;height:32px;color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}
+}

package/dist/css/avatar.css

@@ -1,2 +1,4 @@
 /* haze-ui avatar — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Avatar__base{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.haze-Avatar__sm{width:32px;height:32px;font-size:var(--haze-text-xs)}.haze-Avatar__md{width:40px;height:40px;font-size:var(--haze-text-sm)}.haze-Avatar__lg{width:56px;height:56px;font-size:var(--haze-text-lg)}.haze-Avatar__imgStyle{object-fit:cover;width:100%;height:100%}
+}

package/dist/css/back-to-top.css

@@ -1,2 +1,4 @@
 /* haze-ui back-to-top — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-BackToTop__button{bottom:calc(var(--haze-space-6) + env(safe-area-inset-bottom));right:calc(var(--haze-space-6) + env(safe-area-inset-right));border-radius:var(--haze-radius-full);background:var(--haze-color-primary);width:2.5rem;height:2.5rem;color:var(--haze-color-bg);cursor:pointer;box-shadow:var(--haze-shadow-lg);font-size:var(--haze-text-lg);-webkit-transition:opacity var(--haze-duration-normal),-webkit-transform var(--haze-duration-normal);transition:opacity var(--haze-duration-normal),transform var(--haze-duration-normal);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.haze-BackToTop__button:hover{transform:translateY(-2px)}.haze-BackToTop__hidden{opacity:0;pointer-events:none;transform:translateY(1rem)}
+}

package/dist/css/badge.css

@@ -1,2 +1,4 @@
 /* haze-ui badge — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-badge-styles__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-badge-styles__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-badge-styles__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-badge-styles__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-badge-styles__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-badge-styles__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-badge-styles__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-badge-styles__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}
+}

package/dist/css/banner.css

@@ -1,2 +1,4 @@
 /* haze-ui banner — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Banner__banner{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);border-radius:var(--haze-radius-md);justify-content:space-between;display:flex}@media (forced-colors:active){.haze-Banner__banner{border:1px solid canvastext}}.haze-Banner__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-Banner__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Banner__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Banner__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Banner__closeBtn{cursor:pointer;color:inherit;opacity:.7;font-size:var(--haze-text-lg);padding:var(--haze-space-2);background:0 0;border:none;min-width:2.5rem;min-height:2.5rem;line-height:1}.haze-Banner__closeBtn:hover{opacity:1}@media (forced-colors:active){.haze-Banner__closeBtn:focus-visible{outline:2px solid highlight}}.haze-Banner__content{flex:1}
+}

package/dist/css/bottom-sheet.css

@@ -1,2 +1,4 @@
 /* haze-ui bottom-sheet — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-BottomSheet__overlay{z-index:100;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.haze-BottomSheet__overlay[data-state=open]{-webkit-animation:haze-sheet-backdrop-in-haze-BottomSheet__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-sheet-backdrop-in-haze-BottomSheet__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-BottomSheet__overlay[data-state=closed]{-webkit-animation:haze-sheet-backdrop-out-haze-BottomSheet__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-sheet-backdrop-out-haze-BottomSheet__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-sheet-backdrop-in-haze-BottomSheet__overlay{0%{opacity:0}}@keyframes haze-sheet-backdrop-out-haze-BottomSheet__overlay{to{opacity:0}}.haze-BottomSheet__sheet{box-sizing:border-box;background:var(--haze-color-bg);border-radius:var(--haze-radius-xl) var(--haze-radius-xl) 0 0;padding:var(--haze-space-4) var(--haze-space-6) calc(var(--haze-space-4) + env(safe-area-inset-bottom));width:100%;max-width:640px;max-height:80vh;font-family:var(--haze-font-sans);color:var(--haze-color-text);box-shadow:var(--haze-shadow-xl);overflow-y:auto}[data-state=open] .haze-BottomSheet__sheet{-webkit-animation:haze-sheet-in-haze-BottomSheet__sheet var(--haze-duration-normal) var(--haze-ease);animation:haze-sheet-in-haze-BottomSheet__sheet var(--haze-duration-normal) var(--haze-ease)}[data-state=closed] .haze-BottomSheet__sheet{-webkit-animation:haze-sheet-out-haze-BottomSheet__sheet var(--haze-duration-fast) var(--haze-ease);animation:haze-sheet-out-haze-BottomSheet__sheet var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-sheet-in-haze-BottomSheet__sheet{0%{transform:translateY(100%)}}@keyframes haze-sheet-out-haze-BottomSheet__sheet{to{transform:translateY(100%)}}@media (forced-colors:active){.haze-BottomSheet__sheet{border:1px solid canvastext;border-bottom:none}}.haze-BottomSheet__handle{background:var(--haze-color-border);border-radius:var(--haze-radius-full);width:2rem;height:.25rem;margin:0 auto var(--haze-space-4)}@media (forced-colors:active){.haze-BottomSheet__handle{background:canvastext}}.haze-BottomSheet__swipeable{touch-action:pan-y;overscroll-behavior-y:none}
+}

package/dist/css/breadcrumb.css

@@ -1,3 +1,5 @@
 /* haze-ui breadcrumb — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Breadcrumb__nav{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Breadcrumb__list{align-items:center;gap:var(--haze-space-2);white-space:nowrap;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.haze-Breadcrumb__sep{color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none}
 .haze-BreadcrumbItem__link{min-height:var(--haze-space-6);color:var(--haze-color-primary);-webkit-transition:color var(--haze-duration-fast);transition:color var(--haze-duration-fast);align-items:center;-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.haze-BreadcrumbItem__link:hover{color:var(--haze-color-primary-hover);-webkit-text-decoration:underline;text-decoration:underline}.haze-BreadcrumbItem__link:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.haze-BreadcrumbItem__current{color:var(--haze-color-text);font-weight:var(--haze-weight-medium)}
+}

package/dist/css/button.css

@@ -1,3 +1,4 @@
 /* haze-ui button — generated by scripts/split-css.mjs, do not edit */
-.haze-ButtonLink__link{-webkit-text-decoration:none;text-decoration:none}.haze-ButtonLink__link[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (forced-colors:active){.haze-ButtonLink__link[aria-disabled=true]{opacity:1;color:graytext}}
-.haze-styles__base{justify-content:center;align-items:center;gap:var(--haze-space-2);border-radius:var(--haze-button-radius,var(--haze-radius-md));font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.haze-styles__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-styles__base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (forced-colors:active){.haze-styles__base{border-color:buttontext}.haze-styles__base:focus-visible{outline-offset:2px;outline:2px solid highlight}.haze-styles__base:disabled{opacity:1;color:graytext}}.haze-styles__solid{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-styles__solid:hover{background:var(--haze-color-primary-hover)}.haze-styles__solid:active{background:var(--haze-color-primary-active)}.haze-styles__outline{border-color:var(--haze-color-border);color:var(--haze-color-text);background:0 0}.haze-styles__outline:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-styles__outline:active{background:var(--haze-color-bg-muted)}.haze-styles__ghost{color:var(--haze-color-text);background:0 0}.haze-styles__ghost:hover{background:var(--haze-color-bg-subtle)}.haze-styles__ghost:active{background:var(--haze-color-bg-muted)}.haze-styles__sizeSm{height:var(--haze-button-height-sm,auto);padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-button-font-size-sm,var(--haze-text-sm))}.haze-styles__sizeMd{height:var(--haze-button-height-md,auto);padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-button-font-size-md,var(--haze-text-sm))}.haze-styles__sizeLg{height:var(--haze-button-height-lg,auto);padding:var(--haze-space-3) var(--haze-space-6);font-size:var(--haze-button-font-size-lg,var(--haze-text-base))}.haze-styles__squareSm{height:var(--haze-button-height-sm,auto);padding:var(--haze-space-1);font-size:var(--haze-button-font-size-sm,var(--haze-text-sm))}.haze-styles__squareMd{height:var(--haze-button-height-md,auto);padding:var(--haze-space-2);font-size:var(--haze-button-font-size-md,var(--haze-text-sm))}.haze-styles__squareLg{height:var(--haze-button-height-lg,auto);padding:var(--haze-space-3);font-size:var(--haze-button-font-size-lg,var(--haze-text-base))}
+@layer haze {
+.haze-styles__base{justify-content:center;align-items:center;gap:var(--haze-space-2);border-radius:var(--haze-button-radius,var(--haze-radius-md));font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.haze-styles__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-styles__base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (forced-colors:active){.haze-styles__base{border-color:buttontext}.haze-styles__base:focus-visible{outline-offset:2px;outline:2px solid highlight}.haze-styles__base:disabled{opacity:1;color:graytext}}.haze-styles__solid{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-styles__solid:hover{background:var(--haze-color-primary-hover)}.haze-styles__solid:active{background:var(--haze-color-primary-active)}.haze-styles__outline{border-color:var(--haze-color-border);color:var(--haze-color-text);background:0 0}.haze-styles__outline:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-styles__outline:active{background:var(--haze-color-bg-muted)}.haze-styles__ghost{color:var(--haze-color-text);background:0 0}.haze-styles__ghost:hover{background:var(--haze-color-bg-subtle)}.haze-styles__ghost:active{background:var(--haze-color-bg-muted)}.haze-styles__sizeSm{height:var(--haze-button-height-sm,auto);padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-button-font-size-sm,var(--haze-text-sm))}.haze-styles__sizeMd{height:var(--haze-button-height-md,auto);padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-button-font-size-md,var(--haze-text-sm))}.haze-styles__sizeLg{height:var(--haze-button-height-lg,auto);padding:var(--haze-space-3) var(--haze-space-6);font-size:var(--haze-button-font-size-lg,var(--haze-text-base))}.haze-styles__squareSm{height:var(--haze-button-height-sm,auto);padding:var(--haze-space-1);font-size:var(--haze-button-font-size-sm,var(--haze-text-sm))}.haze-styles__squareMd{height:var(--haze-button-height-md,auto);padding:var(--haze-space-2);font-size:var(--haze-button-font-size-md,var(--haze-text-sm))}.haze-styles__squareLg{height:var(--haze-button-height-lg,auto);padding:var(--haze-space-3);font-size:var(--haze-button-font-size-lg,var(--haze-text-base))}.haze-styles__label{justify-content:center;align-items:center;gap:inherit;display:inline-flex}.haze-styles__link{-webkit-text-decoration:none;text-decoration:none}.haze-styles__link[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-styles__link[aria-busy=true]{opacity:1;cursor:progress}@media (forced-colors:active){.haze-styles__link[aria-disabled=true]{opacity:1;color:graytext}}.haze-styles__loading{display:-ms-inline-grid;cursor:progress;display:inline-grid}.haze-styles__loading>[data-slot=label],.haze-styles__loading>[data-slot=indicator]{grid-area:1/1}.haze-styles__loading>[data-slot=label]{color:#0000}.haze-styles__loading>[data-slot=indicator]{pointer-events:none;place-self:center}.haze-styles__loading>[data-slot=indicator] svg path{stroke:currentColor}.haze-styles__loading>[data-slot=indicator] svg circle{stroke:currentColor;opacity:.3}.haze-styles__loading:disabled{opacity:1}@media (forced-colors:active){.haze-styles__loading>[data-slot=label]{color:graytext}.haze-styles__loading>[data-slot=indicator] svg path{stroke:buttontext}.haze-styles__loading>[data-slot=indicator] svg circle{stroke:graytext;opacity:1}}
+}

package/dist/css/calendar.css

@@ -1,2 +1,4 @@
 /* haze-ui calendar — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Calendar__calendarWrapper{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Calendar__header{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__headerBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);background:0 0;border:none;line-height:1}.haze-Calendar__headerBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__headerBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-Calendar__headerTitles{align-items:baseline;gap:var(--haze-space-1);display:inline-flex}.haze-Calendar__titleBtn{appearance:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;margin:0;padding:0}.haze-Calendar__titleBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__titleBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTrailing{align-items:center;gap:var(--haze-space-1);display:inline-flex}.haze-Calendar__grid{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.haze-Calendar__rowContents,.haze-Calendar__cellContents{display:contents}.haze-Calendar__weekday{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__weekNumber{padding:var(--haze-space-2);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__weekNumberSelected{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-Calendar__dayContent{align-items:center;gap:var(--haze-space-1);flex-direction:column;display:inline-flex}.haze-Calendar__dayBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);-webkit-transition:background var(--haze-duration-fast) var(--haze-ease);transition:background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;line-height:1.5}.haze-Calendar__dayBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__dayBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__dayBtn:disabled{opacity:.3;cursor:not-allowed}.haze-Calendar__daySelected{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Calendar__daySelected:hover{background:var(--haze-color-primary-hover)}.haze-Calendar__dayInRange{background:var(--haze-color-primary-subtle)}.haze-Calendar__dayOutside{color:var(--haze-color-text-muted)}.haze-Calendar__monthPanels{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);display:flex}.haze-Calendar__monthPanel{flex-direction:column;display:flex}.haze-Calendar__paneHeader{justify-content:center;align-items:center;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__quickSelect{flex-direction:column;display:flex}.haze-Calendar__quickToolbar{justify-content:center;align-items:center;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__quickGrid{display:-ms-grid;-ms-grid-columns:repeat(3, 1fr);text-align:center;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.haze-Calendar__quarterGrid{display:-ms-grid;-ms-grid-columns:repeat(4, 1fr);text-align:center;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}
+}

package/dist/css/card.css

@@ -1,2 +1,4 @@
 /* haze-ui card — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Card__base{border-radius:var(--haze-radius-lg);padding:var(--haze-space-5);font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-Card__elevated{background:var(--haze-color-bg);box-shadow:var(--haze-shadow-md)}.haze-Card__outlined{background:var(--haze-color-bg);border:1px solid var(--haze-color-border)}.haze-Card__filled{background:var(--haze-color-bg-subtle)}
+}

package/dist/css/carousel.css

@@ -1,3 +1,5 @@
 /* haze-ui carousel — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Carousel__wrapper{border-radius:var(--haze-radius-lg);position:relative;overflow:hidden}.haze-Carousel__track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.haze-Carousel__track::-webkit-scrollbar{display:none}.haze-Carousel__fadeTrack{display:-ms-grid;display:grid;overflow:hidden}.haze-Carousel__fadeTrack>*{opacity:0;visibility:hidden;-webkit-transition:opacity var(--haze-duration-normal) var(--haze-ease),visibility var(--haze-duration-normal) var(--haze-ease);transition:opacity var(--haze-duration-normal) var(--haze-ease),visibility var(--haze-duration-normal) var(--haze-ease);grid-area:1/1}.haze-Carousel__fadeTrack>:where([data-active]){opacity:1;visibility:visible}.haze-Carousel__navBtn{z-index:1;appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:2.5rem;height:2.5rem;color:var(--haze-color-text);font-size:var(--haze-text-lg);cursor:pointer;box-shadow:var(--haze-shadow-md);-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.haze-Carousel__navBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Carousel__navBtn:focus-visible{box-shadow:var(--haze-shadow-md),0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Carousel__prevBtn{inset-inline-start:var(--haze-space-2)}[dir=rtl] .haze-Carousel__prevBtn{scale:-1 1}.haze-Carousel__nextBtn{inset-inline-end:var(--haze-space-2)}[dir=rtl] .haze-Carousel__nextBtn{scale:-1 1}.haze-Carousel__indicators{justify-content:center;gap:var(--haze-space-1);padding:var(--haze-space-2) 0;display:flex}.haze-Carousel__dot{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;width:.625rem;height:.625rem;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);border:none;padding:.375rem}.haze-Carousel__dotActive{background:var(--haze-color-primary)}
 .haze-CarouselSlide__slide{scroll-snap-snap-align:start;scroll-snap-align:start;flex:0 0 100%;min-width:0}
+}

package/dist/css/cascader.css

@@ -1,2 +1,4 @@
 /* haze-ui cascader — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Cascader__wrapper{box-sizing:border-box;width:100%;display:inline-block;position:relative}.haze-Cascader__trigger{align-items:center;gap:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-2) var(--haze-space-3);text-align:start;cursor:pointer;box-sizing:border-box;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:flex}.haze-Cascader__trigger:focus-visible{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Cascader__triggerValue{white-space:nowrap;text-overflow:ellipsis;text-align:start;flex:1;min-width:0;overflow:hidden}.haze-Cascader__triggerPlaceholder{color:var(--haze-color-text-muted)}.haze-Cascader__triggerCaret{color:var(--haze-color-text-muted);flex-shrink:0;display:inline-flex}.haze-Cascader__separator{color:var(--haze-color-text-muted)}.haze-Cascader__panel{padding:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-lg);align-items:stretch;display:flex}.haze-Cascader__panel[popover]:not(:popover-open){display:none}.haze-Cascader__panelSearch{padding:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-lg)}.haze-Cascader__columnsStrip{align-items:stretch;display:flex}.haze-Cascader__searchInput{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-1) var(--haze-space-2);margin-block-end:var(--haze-space-2);display:block}.haze-Cascader__searchInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Cascader__loadingBlock{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-3);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);display:flex}.haze-Cascader__emptyBlock{padding:var(--haze-space-3);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:center}.haze-Cascader__column{min-width:160px;max-height:220px;padding-block:var(--haze-space-1);flex-direction:column;display:flex;overflow-y:auto}.haze-Cascader__column+.haze-Cascader__column{border-inline-start:1px solid var(--haze-color-border);-webkit-margin-start:var(--haze-space-1);-webkit-padding-start:var(--haze-space-1);margin-inline-start:var(--haze-space-1);padding-inline-start:var(--haze-space-1)}.haze-Cascader__columnVirtual{max-height:none;overflow-y:visible}.haze-Cascader__columnVirtual+.haze-Cascader__columnVirtual{border-inline-start:1px solid var(--haze-color-border);-webkit-margin-start:var(--haze-space-1);-webkit-padding-start:var(--haze-space-1);margin-inline-start:var(--haze-space-1);padding-inline-start:var(--haze-space-1)}.haze-Cascader__virtualRow{box-sizing:border-box;height:100%}.haze-Cascader__item{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);border-radius:var(--haze-radius-sm);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);text-align:start;cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;display:flex}.haze-Cascader__item:hover{background:var(--haze-color-bg-subtle)}.haze-Cascader__item:active{background:var(--haze-color-bg-muted)}.haze-Cascader__item:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Cascader__itemInPath{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}.haze-Cascader__itemLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.haze-Cascader__chevron{color:var(--haze-color-text-muted);flex-shrink:0;display:inline-flex}
+}

package/dist/css/chart.css

@@ -1,2 +1,4 @@
 /* haze-ui chart — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Chart__root{width:100%}
+}

package/dist/css/chat-container.css

@@ -1,2 +1,4 @@
 /* haze-ui chat-container — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ChatContainer__container{font-family:var(--haze-font-sans);padding:var(--haze-space-4);gap:var(--haze-space-1);flex-direction:column;display:flex;overflow-y:auto}.haze-ChatContainer__jumpPill{bottom:var(--haze-space-2);z-index:1;-ms-grid-row-align:center;align-self:center;align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-md);color:var(--haze-color-primary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:inline-flex;position:sticky}.haze-ChatContainer__jumpPill:hover{border-color:var(--haze-color-primary)}.haze-ChatContainer__jumpPill:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
+}

package/dist/css/chat-input.css

@@ -1,2 +1,4 @@
 /* haze-ui chat-input — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ChatInput__wrapper{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;gap:var(--haze-space-2);padding:var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);font-family:var(--haze-font-sans);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:flex}.haze-ChatInput__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ChatInput__textarea{resize:none;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);background:0 0;border:none;outline:none;flex:1;min-height:1.5rem;max-height:10rem;padding:0}.haze-ChatInput__sendBtn{border-radius:var(--haze-radius-md);background:var(--haze-color-primary);width:2rem;height:2rem;color:var(--haze-color-bg);cursor:pointer;font-size:var(--haze-text-sm);-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.haze-ChatInput__sendBtn:disabled{opacity:.5;cursor:not-allowed}.haze-ChatInput__sendBtn:hover:not(:disabled){opacity:.9}
+}

package/dist/css/chat-message.css

@@ -1,2 +1,4 @@
 /* haze-ui chat-message — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ChatMessage__actionsRow{align-items:center;gap:var(--haze-space-1);margin-top:var(--haze-space-1);opacity:0;visibility:hidden;-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);display:flex}[data-chat-actions]:hover .haze-ChatMessage__actionsRow,[data-chat-actions]:focus-within .haze-ChatMessage__actionsRow{opacity:1;visibility:visible}.haze-ChatMessage__wrapper{gap:var(--haze-space-3);font-family:var(--haze-font-sans);padding:var(--haze-space-3) 0;display:flex}.haze-ChatMessage__wrapperUser{flex-direction:row-reverse}.haze-ChatMessage__avatarSlot{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);width:2rem;height:2rem;font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.haze-ChatMessage__body{min-width:0;max-width:75%}.haze-ChatMessage__header{align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-1);font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);display:flex}.haze-ChatMessage__headerUser{flex-direction:row-reverse}.haze-ChatMessage__bubble{padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-lg);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);word-break:break-word}.haze-ChatMessage__bubbleUser{background:var(--haze-color-primary);color:var(--haze-color-bg);border-end-end-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-end-start-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-secondary);font-size:var(--haze-text-xs);text-align:center;padding:var(--haze-space-2);background:0 0}.haze-ChatMessage__statusText{font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger)}.haze-ChatMessage__actionBtn{width:var(--haze-space-5);height:var(--haze-space-5);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast),background-color var(--haze-duration-fast);transition:color var(--haze-duration-fast),background-color var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.haze-ChatMessage__actionBtn:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-ChatMessage__actionBtn:focus-visible{box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-ChatMessage__actionBtnCopied{color:var(--haze-color-success)}.haze-ChatMessage__srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+}

package/dist/css/checkbox.css

@@ -1,2 +1,4 @@
 /* haze-ui checkbox — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-CheckboxCore__base{appearance:none;width:var(--haze-space-6);height:var(--haze-space-6);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;margin:var(--haze-space-1);-webkit-transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-shrink:0;position:relative}.haze-CheckboxCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-CheckboxCore__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-CheckboxCore__base:checked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-CheckboxCore__base:checked:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:5px;left:8px;transform:rotate(45deg)}.haze-CheckboxCore__base:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.haze-CheckboxCore__base{border-color:canvastext}.haze-CheckboxCore__base:checked{background:highlight;border-color:highlight}.haze-CheckboxCore__base:checked:after{border-color:highlighttext}.haze-CheckboxCore__base:focus-visible{outline-offset:2px;outline:2px solid highlight}.haze-CheckboxCore__base:disabled{opacity:1;border-color:graytext}.haze-CheckboxCore__base:disabled:checked{background:graytext;border-color:graytext}}.haze-CheckboxCore__labelText{align-items:center;gap:var(--haze-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}
+}

package/dist/css/chip.css

@@ -1,2 +1,4 @@
 /* haze-ui chip — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Chip__base{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);white-space:nowrap;padding:var(--haze-space-1) var(--haze-space-3);line-height:1;display:inline-flex}.haze-Chip__default{border:1px solid var(--haze-color-border);color:var(--haze-color-text-secondary)}.haze-Chip__primary{border:1px solid var(--haze-color-primary);color:var(--haze-color-primary)}.haze-Chip__success{border:1px solid var(--haze-color-success);color:var(--haze-color-success)}.haze-Chip__warning{border:1px solid var(--haze-color-warning);color:var(--haze-color-warning)}.haze-Chip__danger{border:1px solid var(--haze-color-danger);color:var(--haze-color-danger)}.haze-Chip__iconStyle{align-items:center;display:inline-flex}.haze-Chip__closeBtn{border-radius:var(--haze-radius-full);width:1.25rem;height:1.25rem;color:inherit;cursor:pointer;opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);-webkit-margin-start:var(--haze-space-1);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-start:var(--haze-space-1);padding:0;display:inline-flex}.haze-Chip__closeBtn:hover{opacity:1}
+}

package/dist/css/code-block.css

@@ -1,2 +1,4 @@
 /* haze-ui code-block — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-CodeBlock__block{background:var(--haze-color-bg-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);position:relative;overflow-x:auto}.haze-CodeBlock__pre{padding:var(--haze-space-4);margin:0}.haze-CodeBlock__lang{top:var(--haze-space-2);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;position:absolute;inset-inline-end:var(--haze-space-3)}
+}

package/dist/css/collapsible.css

@@ -1,2 +1,4 @@
 /* haze-ui collapsible — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Collapsible__base{font-family:var(--haze-font-sans)}.haze-Collapsible__triggerStyle{cursor:pointer;-webkit-user-select:none;user-select:none}.haze-Collapsible__contentOuter{display:-ms-grid;-ms-grid-rows:1fr;-webkit-transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease-in-out);transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease-in-out);grid-template-rows:1fr;display:grid}.haze-Collapsible__contentOuter[data-state=closed]{-ms-grid-rows:0fr;visibility:hidden;-webkit-transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease-in-out),visibility 0s var(--haze-duration-normal);transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease-in-out),visibility 0s var(--haze-duration-normal);grid-template-rows:0fr}.haze-Collapsible__contentInner{min-height:0;overflow:hidden}
+}

package/dist/css/color-picker.css

@@ -1,4 +1,6 @@
 /* haze-ui color-picker — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ColorPicker__container{display:inline-flex;position:relative}
 .haze-ColorPickerCore__container{gap:var(--haze-space-3);font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-ColorPickerCore__previewRow{align-items:center;gap:var(--haze-space-3);display:flex}.haze-ColorPickerCore__colorInput{border:2px solid var(--haze-color-border);border-radius:var(--haze-radius-md);cursor:pointer;background:0 0;width:40px;height:40px;padding:0}.haze-ColorPickerCore__colorInput::-webkit-color-swatch-wrapper{padding:0}.haze-ColorPickerCore__colorInput::-webkit-color-swatch{border-radius:var(--haze-radius-sm);border:none}.haze-ColorPickerCore__textInput{height:40px;padding:0 var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-mono);outline:none;flex:1}.haze-ColorPickerCore__textInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ColorPickerCore__presetsRow{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-ColorPickerCore__presetBtn{border-radius:var(--haze-radius-full);cursor:pointer;width:1.75rem;height:1.75rem;-webkit-transition:border-color var(--haze-duration-fast),-webkit-transform var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),transform var(--haze-duration-fast);border:2px solid #0000}.haze-ColorPickerCore__presetBtn:hover{transform:scale(1.1)}.haze-ColorPickerCore__activePreset{border-color:var(--haze-color-text);box-shadow:0 0 0 2px var(--haze-color-bg)}
 .haze-color-picker-styles__panelVisuals{padding:var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);box-shadow:var(--haze-shadow-lg);box-sizing:border-box;width:240px}.haze-color-picker-styles__panelContent{gap:var(--haze-space-3);flex-direction:column;display:flex}.haze-color-picker-styles__svArea{border-radius:var(--haze-radius-md);cursor:crosshair;touch-action:none;outline:none;height:164px;position:relative}.haze-color-picker-styles__svArea:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-color-picker-styles__svThumb{width:var(--haze-space-3);height:var(--haze-space-3);border-radius:var(--haze-radius-full);pointer-events:none;border:2px solid #fff;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.haze-color-picker-styles__track{height:var(--haze-space-3);border-radius:var(--haze-radius-full);cursor:pointer;touch-action:none;outline:none;position:relative}.haze-color-picker-styles__track:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-color-picker-styles__hueTrack{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.haze-color-picker-styles__checkerboard{background:repeating-conic-gradient(var(--haze-color-border) 0% 25%, var(--haze-color-bg) 0% 50%) 0 0/var(--haze-space-2) var(--haze-space-2)}.haze-color-picker-styles__trackFill{border-radius:inherit;position:absolute;inset:0}.haze-color-picker-styles__trackThumb{width:var(--haze-space-3);height:var(--haze-space-3);border-radius:var(--haze-radius-full);pointer-events:none;border:2px solid #fff;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.haze-color-picker-styles__valueInput{width:100%;height:var(--haze-space-8);padding:0 var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;outline:none}.haze-color-picker-styles__valueInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-color-picker-styles__groupLabel{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-color-picker-styles__swatchRow{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-color-picker-styles__swatchBtn{width:var(--haze-space-5);height:var(--haze-space-5);border-radius:var(--haze-radius-sm);cursor:pointer;-webkit-transition:-webkit-transform var(--haze-duration-fast);transition:transform var(--haze-duration-fast);border:none;padding:0;position:relative;overflow:hidden}.haze-color-picker-styles__swatchBtn:hover{transform:scale(1.12)}.haze-color-picker-styles__swatchBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-color-picker-styles__swatchFill{position:absolute;inset:0}.haze-color-picker-styles__swatchActive{box-shadow:0 0 0 2px var(--haze-color-bg),0 0 0 4px var(--haze-color-primary)}.haze-color-picker-styles__trigger{width:var(--haze-space-10);height:var(--haze-space-8);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast);transition:border-color var(--haze-duration-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.haze-color-picker-styles__trigger:hover{border-color:var(--haze-color-border-hover)}.haze-color-picker-styles__trigger:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
+}

package/dist/css/combobox.css

@@ -1,5 +1,7 @@
 /* haze-ui combobox — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Combobox__wrapper{width:100%;display:inline-block;position:relative}.haze-Combobox__input{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;display:block}.haze-Combobox__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Combobox__multiBox{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);cursor:text;width:100%;padding:var(--haze-space-1) var(--haze-space-2);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-Combobox__multiBox:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Combobox__multiInput{min-width:4rem;padding:var(--haze-space-1) 0;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);background:0 0;border:none;outline:none;flex:1}.haze-Combobox__multiInput::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__matchMark{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);border-radius:var(--haze-radius-sm);padding:0}.haze-Combobox__stateRow{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);cursor:default;display:flex}.haze-Combobox__groupHeadingText{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-Combobox__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-Combobox__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-Combobox__virtualRow{box-sizing:border-box;height:100%}
 .haze-ComboboxGroup__groupHeading{z-index:1;box-sizing:border-box;background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);position:sticky;top:0}
 .haze-ComboboxOption__option{padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);align-items:center;display:flex}.haze-ComboboxOption__option:hover{background:var(--haze-color-bg-subtle)}.haze-ComboboxOption__option:active{background:var(--haze-color-bg-muted)}.haze-ComboboxOption__highlightedStyle{background:var(--haze-color-bg-subtle)}.haze-ComboboxOption__selectedStyle{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}
 .haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
+}

package/dist/css/command.css

@@ -1,3 +1,5 @@
 /* haze-ui command — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Command__base{border:var(--haze-command-border,1px solid var(--haze-color-border));border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);font-family:var(--haze-font-sans);width:100%;max-width:var(--haze-command-width,400px);flex-direction:column;display:flex;overflow:hidden}.haze-Command__inputStyle{width:100%;padding:var(--haze-space-3) var(--haze-space-4);border:none;border-bottom:1px solid var(--haze-color-border);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);background:0 0;outline:none}.haze-Command__inputStyle:focus{border-bottom-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Command__inputStyle::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Command__inputStyle::placeholder{color:var(--haze-color-text-muted)}.haze-Command__inputStyle:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Command__inputStyle::placeholder{color:var(--haze-color-text-muted)}.haze-Command__listStyle{max-height:300px;padding:var(--haze-space-1);overflow-y:auto}.haze-Command__emptyStyle{padding:var(--haze-space-4) var(--haze-space-3);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);cursor:default;justify-content:center;align-items:center;display:flex}.haze-Command__groupHeading{z-index:1;box-sizing:border-box;background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);position:sticky;top:0}.haze-Command__itemStyle{padding:var(--haze-space-2) var(--haze-space-3);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast)}.haze-Command__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-Command__itemStyle:active{background:var(--haze-color-bg-muted)}.haze-Command__itemStyle:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Command__itemWithShortcut{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-3);display:flex}
 .haze-CommandDialog__panel{--haze-dialog-width:640px;--haze-dialog-padding:0;--haze-dialog-title-gap:0}.haze-CommandDialog__panelTitle{box-sizing:border-box;padding:var(--haze-space-4) var(--haze-space-4) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-CommandDialog__palette{--haze-command-width:none;--haze-command-border:none}
+}