haze-ui 1.23.0 → 1.24.0

package/dist/components/Menu/Menu.js

@@ -1,47 +1,55 @@
 
 import { classnames as e } from "../../utils/classnames.js";
-import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
-import { useMenuKeyboard as r, useRovingTabindex as i } from "../../utils/menuKeyboard.js";
+import { useFocusScope as t } from "../../utils/focus-scope.js";
+import { FloatingPanel as n, useFloating as r } from "../../utils/floating.js";
+import { useMenuKeyboard as i, useRovingTabindex as a } from "../../utils/menuKeyboard.js";
 /* empty css               */
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useRef as s } from "react";
-import { useControl as c } from "react-use-control";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useCallback as c, useRef as l } from "react";
+import { useControl as u } from "react-use-control";
 //#region src/lib/components/Menu/Menu.tsx
-var l = "haze-Menu__container", u = "haze-Menu__panel";
-function d({ open: d, trigger: f, className: p, children: m }) {
-	let [h, g] = c(d, !1), _ = s(null), v = s(null), y = n({
-		open: h,
-		setOpen: g,
-		triggerRef: _,
-		panelRef: v
+var d = "haze-Menu__container", f = "haze-Menu__panel";
+function p({ open: p, trigger: m, className: h, children: g }) {
+	let [_, v] = u(p, !1), y = l(null), b = l(null), x = r({
+		open: _,
+		setOpen: v,
+		triggerRef: y,
+		panelRef: b,
+		animated: !0
 	});
-	i({
-		menuRef: v,
-		active: h
+	a({
+		menuRef: b,
+		active: _
 	});
-	let b = r({
-		menuRef: v,
-		onClose: () => g(!1)
-	});
-	return /* @__PURE__ */ o("div", {
-		className: e(l),
-		children: [/* @__PURE__ */ a("span", {
-			ref: _,
-			style: y.triggerStyle,
-			onPointerDown: y.onTriggerPointerDown,
-			onClick: y.onTriggerClick,
-			children: f
-		}), /* @__PURE__ */ a(t, {
-			ref: v,
-			behavior: y,
+	let S = i({
+		menuRef: b,
+		onClose: () => v(!1)
+	}), C = t({
+		enabled: _,
+		autoFocus: !0,
+		returnFocus: !0
+	}), w = c((e) => {
+		b.current = e, C(e);
+	}, [b, C]);
+	return /* @__PURE__ */ s("div", {
+		className: e(d),
+		children: [/* @__PURE__ */ o("span", {
+			ref: y,
+			style: x.triggerStyle,
+			onPointerDown: x.onTriggerPointerDown,
+			onClick: x.onTriggerClick,
+			children: m
+		}), /* @__PURE__ */ o(n, {
+			ref: w,
+			behavior: x,
 			placement: "bottom",
 			role: "menu",
-			visualClass: u,
-			className: p,
-			onKeyDown: b,
-			children: m
+			visualClass: f,
+			className: h,
+			onKeyDown: S,
+			children: g
 		})]
 	});
 }
 //#endregion
-export { d as default };
+export { p as default };

package/dist/components/Popover/Popover.js

@@ -2,43 +2,45 @@
 import { FloatingPanel as e, useFloating as t } from "../../utils/floating.js";
 /* empty css                  */
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useId as i, useRef as a } from "react";
-import { useControl as o } from "react-use-control";
+import { useId as i, useMemo as a, useRef as o } from "react";
+import { useControl as s } from "react-use-control";
 //#region src/lib/components/Popover/Popover.tsx
-var s = "haze-Popover__container", c = "haze-Popover__panelVisuals";
-function l({ content: l, open: u, className: d, children: f }) {
-	let [p, m] = o(u, !1), h = i(), g = a(null), _ = a(null), v = t({
-		open: p,
-		setOpen: m,
-		triggerRef: g,
-		panelRef: _
+var c = "haze-Popover__container", l = "haze-Popover__panelVisuals";
+function u({ content: u, open: d, collisionPadding: f, className: p, children: m }) {
+	let [h, g] = s(d, !1), _ = i(), v = o(null), y = o(null), b = a(() => f === void 0 ? void 0 : { collisionPadding: f }, [f]), x = t({
+		open: h,
+		setOpen: g,
+		triggerRef: v,
+		panelRef: y,
+		animated: !0,
+		collision: b
 	});
 	return /* @__PURE__ */ r("span", {
-		className: s,
+		className: c,
 		children: [/* @__PURE__ */ n("span", {
-			ref: g,
-			style: v.triggerStyle,
+			ref: v,
+			style: x.triggerStyle,
 			role: "button",
 			tabIndex: 0,
 			"aria-haspopup": "true",
-			"aria-expanded": p,
-			"aria-controls": h,
-			onPointerDown: v.onTriggerPointerDown,
-			onClick: v.onTriggerClick,
+			"aria-expanded": h,
+			"aria-controls": _,
+			onPointerDown: x.onTriggerPointerDown,
+			onClick: x.onTriggerClick,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v.onTriggerClick());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), x.onTriggerClick());
 			},
-			children: f
+			children: m
 		}), /* @__PURE__ */ n(e, {
-			ref: _,
-			behavior: v,
+			ref: y,
+			behavior: x,
 			placement: "bottom-span",
-			id: h,
-			visualClass: c,
-			className: d,
-			children: l
+			id: _,
+			visualClass: l,
+			className: p,
+			children: u
 		})]
 	});
 }
 //#endregion
-export { l as default };
+export { u as default };

package/dist/components/Toast/Toast.js

@@ -10,41 +10,46 @@ var o = "haze-Toast__base", s = {
 	warning: "haze-Toast__warning",
 	danger: "haze-Toast__danger"
 }, c = "haze-Toast__contentStyle", l = "haze-Toast__closeBtn";
-function u({ variant: u = "info", onClose: d, duration: f, children: p }) {
-	let m = a(f), h = a(0), g = a(null), _ = a(!1), v = a(!1), y = a(d);
+function u({ variant: u = "info", onClose: d, duration: f, children: p, className: m, ...h }) {
+	let g = a(f), _ = a(0), v = a(null), y = a(!1), b = a(!1), x = a(d);
 	i(() => {
-		y.current = d;
+		x.current = d;
 	}, [d]);
-	let b = r(() => {
-		g.current !== null && (clearTimeout(g.current), g.current = null, m.current = Math.max(0, m.current - (Date.now() - h.current)));
-	}, []), x = r(() => {
-		g.current !== null || m.current <= 0 || (h.current = Date.now(), g.current = setTimeout(() => {
-			g.current = null, y.current();
-		}, m.current));
-	}, []), S = r(() => {
-		_.current || v.current ? b() : x();
-	}, [b, x]);
+	let S = r(() => {
+		v.current !== null && (clearTimeout(v.current), v.current = null, g.current = Math.max(0, g.current - (Date.now() - _.current)));
+	}, []), C = r(() => {
+		v.current !== null || g.current <= 0 || (_.current = Date.now(), v.current = setTimeout(() => {
+			v.current = null, x.current();
+		}, g.current));
+	}, []), w = r(() => {
+		y.current || b.current ? S() : C();
+	}, [S, C]);
 	return i(() => {
-		if (!(f <= 0)) return m.current = f, !_.current && !v.current && x(), b;
+		if (!(f <= 0)) return g.current = f, !y.current && !b.current && C(), S;
 	}, [
 		f,
-		x,
-		b
+		C,
+		S
 	]), /* @__PURE__ */ n("div", {
 		role: "alert",
 		onPointerEnter: () => {
-			_.current = !0, S();
+			y.current = !0, w();
 		},
 		onPointerLeave: () => {
-			_.current = !1, S();
+			y.current = !1, w();
 		},
 		onFocus: () => {
-			v.current = !0, S();
+			b.current = !0, w();
 		},
 		onBlur: () => {
-			v.current = !1, S();
+			b.current = !1, w();
 		},
-		className: e([o, s[u]]),
+		...h,
+		className: e([
+			o,
+			s[u],
+			m
+		]),
 		children: [/* @__PURE__ */ t("div", {
 			className: c,
 			children: p

package/dist/components/Toast/ToastContainer.js

@@ -1,45 +1,52 @@
 
 import { classnames as e } from "../../utils/classnames.js";
-import t from "./Toast.js";
-import { ToastProvider as n } from "./ToastContext.js";
+import { Presence as t } from "../../utils/presence.js";
+import n from "./Toast.js";
+import { ToastProvider as r } from "./ToastContext.js";
 /* empty css                         */
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useCallback as a, useRef as o, useState as s } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useCallback as o, useRef as s, useState as c } from "react";
 //#region src/lib/components/Toast/ToastContainer.tsx
-var c = "haze-ToastContainer__containerBase", l = {
+var l = "haze-ToastContainer__containerBase", u = {
 	"top-left": "haze-ToastContainer__top-left",
 	"top-right": "haze-ToastContainer__top-right",
 	"bottom-left": "haze-ToastContainer__bottom-left",
 	"bottom-right": "haze-ToastContainer__bottom-right"
 };
-function u({ children: u, maxCount: d, placement: f = "bottom-right" }) {
-	let [p, m] = s([]), h = o(0), g = a((e) => {
-		h.current += 1, m((t) => {
+function d({ children: d, maxCount: f, placement: p = "bottom-right" }) {
+	let [m, h] = c([]), [g, _] = c([]), v = s(0), y = o((e) => {
+		v.current += 1, h((t) => {
 			let n = [...t, {
 				...e,
-				id: h.current
+				id: v.current
 			}];
-			return d === void 0 || n.length <= d ? n : n.slice(n.length - d);
+			return f === void 0 || n.length <= f ? n : n.slice(n.length - f);
 		});
-	}, [d]), _ = a((e) => {
-		m((t) => t.filter((t) => t.id !== e));
+	}, [f]), b = o((e) => {
+		_((t) => t.includes(e) ? t : [...t, e]);
+	}, []), x = o((e) => {
+		h((t) => t.filter((t) => t.id !== e)), _((t) => t.filter((t) => t !== e));
 	}, []);
-	return /* @__PURE__ */ i(n, {
+	return /* @__PURE__ */ a(r, {
 		value: {
-			toasts: p,
-			addToast: g,
-			removeToast: _
+			toasts: m,
+			addToast: y,
+			removeToast: b
 		},
-		children: [u, /* @__PURE__ */ r("div", {
-			className: e([c, l[f]]),
-			children: p.map((e) => /* @__PURE__ */ r(t, {
-				variant: e.variant,
-				duration: e.duration,
-				onClose: () => _(e.id),
-				children: e.content
+		children: [d, /* @__PURE__ */ i("div", {
+			className: e([l, u[p]]),
+			children: m.map((e) => /* @__PURE__ */ i(t, {
+				present: !g.includes(e.id),
+				onExited: () => x(e.id),
+				children: /* @__PURE__ */ i(n, {
+					variant: e.variant,
+					duration: e.duration,
+					onClose: () => b(e.id),
+					children: e.content
+				})
 			}, e.id))
 		})]
 	});
 }
 //#endregion
-export { u as default, l as toastPlacements };
+export { d as default, u as toastPlacements };

package/dist/components/Tooltip/Tooltip.js

@@ -3,57 +3,60 @@ import { classnames as e } from "../../utils/classnames.js";
 import { floatingPlacementClasses as t, useFloating as n, useFloatingPosition as r } from "../../utils/floating.js";
 /* empty css                  */
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useEffect as o, useId as s, useRef as c } from "react";
-import { useControl as l } from "react-use-control";
+import { useEffect as o, useId as s, useMemo as c, useRef as l } from "react";
+import { useControl as u } from "react-use-control";
 //#region src/lib/components/Tooltip/Tooltip.tsx
-var u = "haze-Tooltip__wrapper", d = "haze-Tooltip__bubble", f = {
+var d = "haze-Tooltip__wrapper", f = "haze-Tooltip__bubble", p = {
 	top: "top",
 	bottom: "bottom-center",
 	left: "left",
 	right: "right"
 };
-function p({ content: p, position: m = "top", delay: h = 150, open: g, className: _, children: v }) {
-	let [y, b] = l(g, !1), x = s(), S = c(null), C = c(null), w = f[m], T = n({
-		open: y,
-		setOpen: b,
-		triggerRef: S,
-		panelRef: C
+function m({ content: m, position: h = "top", delay: g = 150, open: _, collisionPadding: v, className: y, children: b }) {
+	let [x, S] = u(_, !1), C = s(), w = l(null), T = l(null), E = p[h], D = c(() => v === void 0 ? void 0 : { collisionPadding: v }, [v]), O = n({
+		open: x,
+		setOpen: S,
+		triggerRef: w,
+		panelRef: T,
+		animated: !0
 	});
 	r({
-		behavior: T,
-		placement: w
+		behavior: O,
+		placement: E,
+		collision: D
 	});
-	let E = c(0);
-	o(() => () => window.clearTimeout(E.current), []);
-	let D = () => {
-		window.clearTimeout(E.current), E.current = window.setTimeout(() => b(!0), h);
-	}, O = () => {
-		window.clearTimeout(E.current), b(!1);
+	let k = l(0);
+	o(() => () => window.clearTimeout(k.current), []);
+	let A = () => {
+		window.clearTimeout(k.current), k.current = window.setTimeout(() => S(!0), g);
+	}, j = () => {
+		window.clearTimeout(k.current), S(!1);
 	};
 	return /* @__PURE__ */ a("span", {
-		className: e([u, _]),
+		className: e([d, y]),
 		children: [/* @__PURE__ */ i("span", {
-			ref: S,
-			style: T.triggerStyle,
-			"aria-describedby": x,
-			onMouseEnter: D,
-			onMouseLeave: O,
-			onFocus: D,
-			onBlur: O,
-			children: v
+			ref: w,
+			style: O.triggerStyle,
+			"aria-describedby": C,
+			onMouseEnter: A,
+			onMouseLeave: j,
+			onFocus: A,
+			onBlur: j,
+			children: b
 		}), /* @__PURE__ */ i("span", {
-			id: x,
-			ref: C,
+			id: C,
+			ref: T,
 			role: "tooltip",
-			...T.panelAttrs,
+			"data-state": O.dataState,
+			...O.panelAttrs,
 			className: e([
-				d,
-				...T.panelClasses,
-				...t(T, w)
+				f,
+				...O.panelClasses,
+				...t(O, E)
 			]),
-			children: p
+			children: m
 		})]
 	});
 }
 //#endregion
-export { p as default };
+export { m as default };

package/dist/css/bottom-sheet.css

@@ -1,2 +1,2 @@
 /* haze-ui bottom-sheet — generated by scripts/split-css.mjs, do not edit */
-.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__sheet{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}.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)}
+.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{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%)}}.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)}

package/dist/css/collapsible.css

@@ -1,2 +1,2 @@
 /* haze-ui collapsible — generated by scripts/split-css.mjs, do not edit */
-.haze-Collapsible__base{font-family:var(--haze-font-sans)}.haze-Collapsible__triggerStyle{cursor:pointer;-webkit-user-select:none;user-select:none}.haze-Collapsible__contentStyle{overflow:hidden}
+.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/combobox.css

@@ -1,4 +1,4 @@
 /* haze-ui combobox — generated by scripts/split-css.mjs, do not edit */
 .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);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;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__listbox{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);min-width:100%;max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}
 .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;align-items:center;transition:background .1s;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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
+.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__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/confirm-dialog.css

@@ -1,2 +1,2 @@
 /* haze-ui confirm-dialog — generated by scripts/split-css.mjs, do not edit */
-.haze-ConfirmDialog__overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.haze-ConfirmDialog__dialog{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);box-shadow:var(--haze-shadow-xl);width:100%;max-width:480px;font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-ConfirmDialog__header{margin-bottom:var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}.haze-ConfirmDialog__body{margin-bottom:var(--haze-space-6);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);line-height:var(--haze-leading-relaxed)}.haze-ConfirmDialog__footer{justify-content:flex-end;gap:var(--haze-space-3);display:flex}.haze-ConfirmDialog__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;transition:background .15s,border-color .15s}.haze-ConfirmDialog__cancelBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ConfirmDialog__cancelBtn:hover{background:var(--haze-color-bg-muted)}.haze-ConfirmDialog__confirmBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ConfirmDialog__confirmBtn:hover{opacity:.9}.haze-ConfirmDialog__dangerBtn{background:var(--haze-color-danger);border:1px solid var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-ConfirmDialog__dangerBtn:hover{background:var(--haze-color-danger-hover);border-color:var(--haze-color-danger-hover)}.haze-ConfirmDialog__dangerBtn:active{background:var(--haze-color-danger-active);border-color:var(--haze-color-danger-active)}
+.haze-ConfirmDialog__overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.haze-ConfirmDialog__overlay[data-state=open]{-webkit-animation:haze-confirm-backdrop-in-haze-ConfirmDialog__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-confirm-backdrop-in-haze-ConfirmDialog__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-ConfirmDialog__overlay[data-state=closed]{-webkit-animation:haze-confirm-backdrop-out-haze-ConfirmDialog__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-confirm-backdrop-out-haze-ConfirmDialog__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-confirm-backdrop-in-haze-ConfirmDialog__overlay{0%{opacity:0}}@keyframes haze-confirm-backdrop-out-haze-ConfirmDialog__overlay{to{opacity:0}}.haze-ConfirmDialog__dialog{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);box-shadow:var(--haze-shadow-xl);width:100%;max-width:480px;font-family:var(--haze-font-sans);color:var(--haze-color-text)}[data-state=open] .haze-ConfirmDialog__dialog{-webkit-animation:haze-confirm-in-haze-ConfirmDialog__dialog var(--haze-duration-normal) var(--haze-ease);animation:haze-confirm-in-haze-ConfirmDialog__dialog var(--haze-duration-normal) var(--haze-ease)}[data-state=closed] .haze-ConfirmDialog__dialog{-webkit-animation:haze-confirm-out-haze-ConfirmDialog__dialog var(--haze-duration-fast) var(--haze-ease);animation:haze-confirm-out-haze-ConfirmDialog__dialog var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-confirm-in-haze-ConfirmDialog__dialog{0%{opacity:0;transform:scale(.97)}}@keyframes haze-confirm-out-haze-ConfirmDialog__dialog{to{opacity:0;transform:scale(.97)}}.haze-ConfirmDialog__header{margin-bottom:var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}.haze-ConfirmDialog__body{margin-bottom:var(--haze-space-6);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);line-height:var(--haze-leading-relaxed)}.haze-ConfirmDialog__footer{justify-content:flex-end;gap:var(--haze-space-3);display:flex}.haze-ConfirmDialog__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) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:background var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease)}.haze-ConfirmDialog__cancelBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ConfirmDialog__cancelBtn:hover{background:var(--haze-color-bg-muted)}.haze-ConfirmDialog__confirmBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ConfirmDialog__confirmBtn:hover{opacity:.9}.haze-ConfirmDialog__dangerBtn{background:var(--haze-color-danger);border:1px solid var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-ConfirmDialog__dangerBtn:hover{background:var(--haze-color-danger-hover);border-color:var(--haze-color-danger-hover)}.haze-ConfirmDialog__dangerBtn:active{background:var(--haze-color-danger-active);border-color:var(--haze-color-danger-active)}

package/dist/css/context-menu.css

@@ -4,4 +4,4 @@
 .haze-ContextMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-ContextMenuItem__item:hover{background:var(--haze-color-bg-muted)}.haze-ContextMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-ContextMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
 .haze-ContextMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
 .haze-ContextMenuTrigger__trigger{display:contents}
-.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
+.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__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/datepicker.css

@@ -1,4 +1,4 @@
 /* haze-ui datepicker — generated by scripts/split-css.mjs, do not edit */
 .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;margin-bottom:var(--haze-space-2);justify-content:space-between;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);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__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__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);background:0 0;border:none;line-height:1.5;transition:background .1s}.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__dayOutside{color:var(--haze-color-text-muted)}
 .haze-DatepickerCore__wrapper{display:inline-block;position:relative}.haze-DatepickerCore__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);cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.haze-DatepickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DatepickerCore__dropdown{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}
-.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
+.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__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/dialog.css

@@ -1,2 +1,2 @@
 /* haze-ui dialog — generated by scripts/split-css.mjs, do not edit */
-.haze-Dialog__overlay{border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-xl);border:none;width:100%;max-width:480px}.haze-Dialog__overlay::backdrop{background:#0006}.haze-Dialog__overlay:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Dialog__titleText{margin:0 0 var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}
+.haze-Dialog__overlay{border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-xl);border:none;width:100%;max-width:480px}.haze-Dialog__overlay[open][data-state=open]{-webkit-animation:haze-dialog-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-dialog-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Dialog__overlay[open][data-state=closed]{-webkit-animation:haze-dialog-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-dialog-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Dialog__overlay::backdrop{background:#0006}.haze-Dialog__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-dialog-backdrop-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-dialog-backdrop-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Dialog__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-dialog-backdrop-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-dialog-backdrop-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Dialog__overlay:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}@keyframes haze-dialog-in-haze-Dialog__overlay{0%{opacity:0;transform:scale(.97)}}@keyframes haze-dialog-out-haze-Dialog__overlay{to{opacity:0;transform:scale(.97)}}@keyframes haze-dialog-backdrop-in-haze-Dialog__overlay{0%{opacity:0}}@keyframes haze-dialog-backdrop-out-haze-Dialog__overlay{to{opacity:0}}.haze-Dialog__titleText{margin:0 0 var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}

package/dist/css/drawer.css

@@ -1,2 +1,2 @@
 /* haze-ui drawer — generated by scripts/split-css.mjs, do not edit */
-.haze-Drawer__overlay{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);border:none;max-width:100vw;max-height:100vh;padding:0;overflow:auto}.haze-Drawer__overlay::backdrop{background:#0006}.haze-Drawer__overlay:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Drawer__left{width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:0}.haze-Drawer__right{width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:auto}.haze-Drawer__top{width:100vw;height:320px;margin-top:0}.haze-Drawer__bottom{width:100vw;height:320px;margin-top:auto}
+.haze-Drawer__overlay{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);border:none;max-width:100vw;max-height:100vh;padding:0;overflow:auto}.haze-Drawer__overlay[open][data-state=open]{-webkit-animation:haze-drawer-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-drawer-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Drawer__overlay[open][data-state=closed]{-webkit-animation:haze-drawer-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-drawer-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Drawer__overlay::backdrop{background:#0006}.haze-Drawer__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-drawer-backdrop-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-drawer-backdrop-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Drawer__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-drawer-backdrop-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-drawer-backdrop-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Drawer__overlay:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}@keyframes haze-drawer-in-haze-Drawer__overlay{0%{-webkit-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-moz-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-ms-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0))}}@keyframes haze-drawer-out-haze-Drawer__overlay{to{-webkit-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-moz-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-ms-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0))}}@keyframes haze-drawer-backdrop-in-haze-Drawer__overlay{0%{opacity:0}}@keyframes haze-drawer-backdrop-out-haze-Drawer__overlay{to{opacity:0}}.haze-Drawer__left{--haze-drawer-from-x:-100%;--haze-drawer-from-y:0;width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:0}.haze-Drawer__right{--haze-drawer-from-x:100%;--haze-drawer-from-y:0;width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:auto}.haze-Drawer__top{--haze-drawer-from-x:0;--haze-drawer-from-y:-100%;width:100vw;height:320px;margin-top:0}.haze-Drawer__bottom{--haze-drawer-from-x:0;--haze-drawer-from-y:100%;width:100vw;height:320px;margin-top:auto}

package/dist/css/dropdown-menu.css

@@ -4,4 +4,4 @@
 .haze-DropdownMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-DropdownMenuItem__item:hover{background:var(--haze-color-bg-muted)}.haze-DropdownMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-DropdownMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
 .haze-DropdownMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
 .haze-DropdownMenuTrigger__trigger{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}
-.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
+.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__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/menu.css

@@ -2,4 +2,4 @@
 .haze-Menu__container{display:inline-flex;position:relative}.haze-Menu__panel{min-width:160px;padding:var(--haze-space-1) 0;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}
 .haze-MenuDivider__divider{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
 .haze-MenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;transition:background .1s;display:flex}.haze-MenuItem__item:hover{background:var(--haze-color-bg-subtle)}.haze-MenuItem__item:active{background:var(--haze-color-bg-muted)}.haze-MenuItem__item:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-MenuItem__item:disabled{opacity:.5;cursor:not-allowed}
-.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
+.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__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/popover.css

@@ -1,3 +1,3 @@
 /* haze-ui popover — generated by scripts/split-css.mjs, do not edit */
 .haze-Popover__container{display:inline-flex;position:relative}.haze-Popover__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);min-width:200px}
-.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
+.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__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/toast.css

@@ -1,3 +1,3 @@
 /* haze-ui toast — generated by scripts/split-css.mjs, do not edit */
-.haze-Toast__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);box-shadow:var(--haze-shadow-lg);pointer-events:auto;animation:.2s ease-out toastIn-haze-Toast__base;display:flex}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.haze-Toast__info{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__success{background:var(--haze-color-success-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Toast__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Toast__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Toast__contentStyle{flex:1}.haze-Toast__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.haze-Toast__closeBtn:hover{opacity:1}
+.haze-Toast__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);box-shadow:var(--haze-shadow-lg);pointer-events:auto;display:flex}.haze-Toast__base[data-state=open]{-webkit-animation:toastIn-haze-Toast__base var(--haze-duration-normal) var(--haze-ease);animation:toastIn-haze-Toast__base var(--haze-duration-normal) var(--haze-ease)}.haze-Toast__base[data-state=closed]{-webkit-animation:toastOut-haze-Toast__base var(--haze-duration-fast) var(--haze-ease);animation:toastOut-haze-Toast__base var(--haze-duration-fast) var(--haze-ease)}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut-haze-Toast__base{to{opacity:0;transform:translateY(-8px)}}.haze-Toast__info{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__success{background:var(--haze-color-success-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Toast__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Toast__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Toast__contentStyle{flex:1}.haze-Toast__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.haze-Toast__closeBtn:hover{opacity:1}
 .haze-ToastContainer__containerBase{z-index:9999;gap:var(--haze-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.haze-ToastContainer__top-left{top:calc(var(--haze-space-4) + env(safe-area-inset-top));left:calc(var(--haze-space-4) + env(safe-area-inset-left))}.haze-ToastContainer__top-right{top:calc(var(--haze-space-4) + env(safe-area-inset-top));right:calc(var(--haze-space-4) + env(safe-area-inset-right))}.haze-ToastContainer__bottom-left{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));left:calc(var(--haze-space-4) + env(safe-area-inset-left))}.haze-ToastContainer__bottom-right{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));right:calc(var(--haze-space-4) + env(safe-area-inset-right))}