@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/stat-card.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./stat-card-BG7uLytP.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./stat-card-BSnsTmsq.js";
 export { f as StatCard, u as StatCardAction, p as StatCardComparison, l as StatCardDefaultsProvider, i as StatCardDelta, s as StatCardFigure, t as StatCardHeader, d as StatCardLabel, m as StatCardMessage, n as StatCardPeriod, c as StatCardStatus, g as StatCardTrend, r as StatCardUnit, h as StatCardValue, a as toneOf, e as trendOf, _ as useStatCard, o as useStatCardDefaults };

package/dist/status-indicator-CyKhBdvN.js

@@ -0,0 +1,78 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+/* empty css                         */
+import { keyedProps as r } from "@slotted/core/selector-key";
+import { createContext as i, useContext as a, useMemo as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { statusIndicatorMessages as u } from "@slotted/core/i18n";
+//#region src/status-indicator/status-indicator-defaults.tsx
+var d = i({});
+function f() {
+	return a(d);
+}
+function p({ children: e, live: t, mark: n, size: r }) {
+	let i = f(), a = o(() => ({
+		live: t ?? i.live,
+		mark: n ?? i.mark,
+		size: r ?? i.size
+	}), [
+		t,
+		n,
+		r,
+		i
+	]);
+	return /* @__PURE__ */ c(d.Provider, {
+		value: a,
+		children: e
+	});
+}
+//#endregion
+//#region src/status-indicator/status-indicator.constants.ts
+var m = "neutral", h = {
+	neutral: "circle",
+	info: "circle-info",
+	success: "circle-check",
+	warning: "circle-alert",
+	danger: "circle-x",
+	unknown: "circle-question"
+}, g = {
+	off: void 0,
+	polite: "status",
+	assertive: "alert"
+};
+function _({ children: i, label: a, live: o, mark: d, messages: p, pulse: _ = !1, render: v, role: y, size: b, status: x = m, ...S }) {
+	let C = f(), w = n(u, p), T = {
+		live: o ?? C.live ?? "off",
+		mark: d ?? C.mark ?? "dot",
+		size: b ?? C.size ?? "md"
+	}, E = a ?? w(x), D = r({
+		...S,
+		children: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+			"aria-hidden": "true",
+			"data-part": "mark",
+			"data-part-mark": "",
+			children: T.mark === "icon" ? /* @__PURE__ */ c(t, { children: /* @__PURE__ */ c(e, { name: h[x] }) }) : null
+		}), /* @__PURE__ */ c("span", {
+			"data-part": "label",
+			"data-part-label": "",
+			children: i ?? /* @__PURE__ */ c("span", {
+				"data-part": "announcement",
+				"data-part-announcement": "",
+				"data-ui": "visually-hidden",
+				"data-ui-visually-hidden": "",
+				children: E
+			})
+		})] }),
+		"data-mark": T.mark,
+		"data-part": "root",
+		"data-pulse": _ || void 0,
+		"data-size": T.size,
+		"data-status": x,
+		"data-ui": "status-indicator",
+		...y === void 0 ? {} : { role: y },
+		...y === void 0 && g[T.live] !== void 0 ? { role: g[T.live] } : {}
+	});
+	return v === void 0 ? /* @__PURE__ */ c("span", { ...D }) : v(D);
+}
+//#endregion
+export { f as i, m as n, p as r, _ as t };

package/dist/status-indicator.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./status-indicator-BOjpXkU5.js";
+import { i as e, n as t, r as n, t as r } from "./status-indicator-CyKhBdvN.js";
 export { t as STATUS_INDICATOR_DEFAULT_STATUS, r as StatusIndicator, n as StatusIndicatorDefaultsProvider, e as useStatusIndicatorDefaults };

package/dist/stepper-Cw1Auv3n.js

@@ -0,0 +1,261 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+/* empty css                         */
+import { keyedProps as i, selectorKeyProps as a } from "@slotted/core/selector-key";
+import { createControllable as o } from "@slotted/core/state";
+import { Children as s, createContext as c, isValidElement as l, useContext as u, useEffect as d, useId as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { stepperMessages as v } from "@slotted/core/i18n";
+import { stepFocusIndex as y, stepPercent as b, stepReachable as x, stepStatus as S } from "@slotted/core/steps";
+//#region src/stepper/stepper-defaults.tsx
+var C = c({});
+function w() {
+	return u(C);
+}
+function T({ children: e, ...t }) {
+	let n = w();
+	return /* @__PURE__ */ g(C.Provider, {
+		value: {
+			labelPlacement: t.labelPlacement ?? n.labelPlacement,
+			linear: t.linear ?? n.linear,
+			navigation: t.navigation ?? n.navigation,
+			orientation: t.orientation ?? n.orientation
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/stepper/stepper.tsx
+var E = c(void 0), D = c(void 0);
+function O() {
+	let e = u(E);
+	if (e === void 0) throw Error("Stepper parts must be rendered inside a Stepper.");
+	return e;
+}
+function k() {
+	return u(D);
+}
+var A = D.Provider;
+function j({ autoComplete: e, children: t, defaultStep: a, labelPlacement: s, linear: c, messages: l, navigation: u, onStepChange: d, orientation: p, render: h, step: _, ...y }) {
+	let C = w(), T = r(v, l), D = n(), O = f(), [k, A] = m(a ?? 0), [j, N] = m([]), P = _ ?? k, F = j.length, I = c ?? C.linear ?? !1, L = (t) => S({
+		autoComplete: e ?? !1,
+		complete: j[t]?.complete,
+		index: t,
+		step: P
+	}), R = (t) => x({
+		autoComplete: e ?? !1,
+		complete: j[t]?.complete,
+		count: F,
+		disabled: j[t]?.disabled,
+		index: t,
+		isComplete: (e) => L(e) === "complete",
+		linear: I,
+		step: P
+	}), z = (e, t = "pointer", n) => {
+		e < 0 || F > 0 && e >= F || o({
+			controlled: _,
+			initial: P,
+			onRequest: (e) => d?.(e.value, e)
+		}).request(e, t, n) && A(e);
+	}, B = {
+		canGoNext: F > 0 && P < F - 1 && R(P + 1),
+		canGoPrevious: P > 0,
+		count: F,
+		goToStep: z,
+		ids: {
+			panel: (e) => `slotted-stepper-${O}-panel-${e}`,
+			trigger: (e) => `slotted-stepper-${O}-trigger-${e}`
+		},
+		labelPlacement: s ?? C.labelPlacement ?? "end",
+		linear: I,
+		locale: D,
+		navigation: u ?? C.navigation ?? "button",
+		next: (e, t) => z(P + 1, e, t),
+		orientation: p ?? C.orientation ?? "horizontal",
+		percent: b({
+			count: F,
+			step: P
+		}),
+		previous: (e, t) => z(P - 1, e, t),
+		reachable: R,
+		reset: (e) => z(a ?? 0, "programmatic", e),
+		statusOf: L,
+		step: P,
+		t: T
+	}, V = i({
+		...y,
+		children: /* @__PURE__ */ g(M.Provider, {
+			value: N,
+			children: t
+		}),
+		"data-label-placement": B.labelPlacement,
+		"data-navigation": B.navigation,
+		"data-orientation": B.orientation,
+		"data-part": "root",
+		"data-ui": "stepper"
+	});
+	return /* @__PURE__ */ g(E.Provider, {
+		value: B,
+		children: h === void 0 ? /* @__PURE__ */ g("div", { ...V }) : h(V)
+	});
+}
+var M = c(void 0);
+//#endregion
+//#region src/stepper/stepper-parts.tsx
+function N(e) {
+	let t = typeof e == "object" && e ? Reflect.get(e, "props") : void 0, n = (e) => typeof t == "object" && t ? Reflect.get(t, e) : void 0;
+	return {
+		complete: n("complete"),
+		disabled: n("disabled")
+	};
+}
+function P({ children: e, ref: t, render: n, onKeyDown: r, ...a }) {
+	let o = O(), c = u(M), f = s.toArray(e).filter((e) => l(e)), m = f.map(N), h = JSON.stringify(m), _ = p(void 0);
+	d(() => {
+		_.current !== h && (_.current = h, c?.(m));
+	}, [h, c]);
+	let v = i({
+		"aria-label": o.t("label"),
+		...a,
+		children: f.map((e, t) => /* @__PURE__ */ g(A, {
+			value: {
+				index: t,
+				last: t === f.length - 1,
+				travelled: t < o.step
+			},
+			children: e
+		}, e.key ?? t)),
+		"data-part": "list",
+		onKeyDown: (e) => {
+			if (r?.(e), e.defaultPrevented) return;
+			let t = e.target?.closest?.("[data-part=\"trigger\"]"), n = Number(t?.getAttribute("data-index") ?? -1);
+			if (!Number.isInteger(n) || n < 0) return;
+			let i = e.currentTarget.ownerDocument.defaultView?.getComputedStyle(e.currentTarget).direction === "rtl" ? "rtl" : "ltr", a = y({
+				count: o.count,
+				direction: i,
+				from: n,
+				key: e.key,
+				orientation: o.orientation
+			});
+			a !== -1 && (e.preventDefault(), e.currentTarget.ownerDocument.getElementById(o.ids.trigger(a))?.focus());
+		}
+	});
+	return n === void 0 ? /* @__PURE__ */ g("ol", {
+		...v,
+		ref: t
+	}) : n(v);
+}
+function F({ children: n, complete: r, description: o, disabled: s, href: c, invalid: l, label: u, loading: d, marker: f, ref: p, render: m, ...v }) {
+	let y = O(), b = k(), x = b?.index ?? 0, S = y.statusOf(x), C = x === y.step, w = s === !0 || !y.reachable(x), T = l === !0 ? "x" : S === "complete" && !C ? "check" : void 0, E = new Intl.ListFormat(y.locale, { type: "unit" }).format([
+		y.t("position", {
+			index: x + 1,
+			count: y.count
+		}),
+		l === !0 ? y.t("invalid") : C ? y.t("current") : S === "complete" ? y.t("complete") : void 0,
+		d === !0 ? y.t("loading") : void 0,
+		w && !C ? y.t("unavailable") : void 0
+	].filter((e) => e !== void 0)), D = {
+		"aria-controls": v["aria-controls"],
+		"aria-current": C ? "step" : void 0,
+		"data-index": x,
+		"data-part": "trigger",
+		...a("part", "trigger"),
+		id: y.ids.trigger(x),
+		children: /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ _("span", {
+				"aria-hidden": "true",
+				"data-part": "marker",
+				"data-part-marker": "",
+				children: [f ?? x + 1, T === void 0 ? null : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: T }) })]
+			}),
+			/* @__PURE__ */ _("span", {
+				"data-part": "label",
+				"data-part-label": "",
+				children: [u, o === void 0 ? null : /* @__PURE__ */ g("span", {
+					"data-part": "description",
+					"data-part-description": "",
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ g("span", {
+				"data-part": "status",
+				"data-part-status": "",
+				"data-ui": "visually-hidden",
+				"data-ui-visually-hidden": "",
+				children: `, ${E}`
+			})
+		] })
+	}, A = (e) => {
+		e.defaultPrevented || w || d === !0 || y.goToStep(x, "pointer", e);
+	}, j = y.navigation === "none" ? /* @__PURE__ */ g("span", { ...D }) : y.navigation === "link" ? /* @__PURE__ */ g("a", {
+		...D,
+		"aria-disabled": w ? !0 : void 0,
+		...w || c === void 0 ? {} : { href: c },
+		onClick: A
+	}) : /* @__PURE__ */ g("button", {
+		...D,
+		"aria-disabled": w ? !0 : void 0,
+		onClick: A,
+		type: "button"
+	}), M = i({
+		...v,
+		children: /* @__PURE__ */ _(h, { children: [
+			j,
+			n,
+			b?.last === !0 ? null : /* @__PURE__ */ g("span", {
+				"aria-hidden": "true",
+				"data-complete": b?.travelled === !0 ? "" : void 0,
+				"data-part": "separator",
+				"data-part-separator": ""
+			})
+		] }),
+		"data-complete": S === "complete" ? "" : void 0,
+		"data-current": C ? "" : void 0,
+		"data-disabled": w ? "" : void 0,
+		"data-invalid": l === !0 ? "" : void 0,
+		"data-loading": d === !0 ? "" : void 0,
+		"data-part": "item"
+	});
+	return m === void 0 ? /* @__PURE__ */ g("li", {
+		...M,
+		ref: p
+	}) : m(M);
+}
+function I({ children: e, ref: t, render: n, ...r }) {
+	let a = O(), o = k()?.index ?? 0;
+	if (o !== a.step) return null;
+	let s = i({
+		"aria-labelledby": a.ids.trigger(o),
+		...r,
+		children: e,
+		"data-part": "panel",
+		id: r.id ?? a.ids.panel(o),
+		role: "group",
+		tabIndex: r.tabIndex ?? -1
+	});
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...s,
+		ref: t
+	}) : n(s);
+}
+function L(e, t) {
+	return (n) => {
+		t?.(n), n.defaultPrevented !== !0 && e();
+	};
+}
+function R({ disabled: e, onClick: t, render: n }) {
+	let r = O();
+	return n({
+		disabled: e ?? !r.canGoNext,
+		onClick: L(() => r.next("pointer"), t)
+	});
+}
+function z({ disabled: e, onClick: t, render: n }) {
+	let r = O();
+	return n({
+		disabled: e ?? !r.canGoPrevious,
+		onClick: L(() => r.previous("pointer"), t)
+	});
+}
+//#endregion
+export { F as a, T as c, z as i, w as l, R as n, j as o, I as r, O as s, P as t };

package/dist/stepper.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./stepper-DQJuRWqR.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./stepper-Cw1Auv3n.js";
 export { a as Stepper, t as StepperDefaultsProvider, c as StepperList, i as StepperNext, o as StepperPanel, n as StepperPrevious, e as StepperStep, s as useStepper, r as useStepperDefaults };

package/dist/styles/accordion.css

@@ -0,0 +1,2 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-accordion]{--_rule-size:var(--slotted-border-width-thin,1px);--_gap:var(--slotted-space-4,.5rem);grid-auto-rows:min-content;grid-auto-flow:row;min-inline-size:0;display:grid}[data-ui-accordion][data-size=sm]{--_gap:var(--slotted-space-3,.375rem)}[data-ui-accordion][data-size=lg]{--_gap:var(--slotted-space-5,.75rem)}[data-ui-accordion][data-variant=ruled]{border-block-end:var(--_rule-size) solid var(--slotted-accordion-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-accordion][data-variant=framed]{background-color:var(--slotted-accordion-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-accordion-rule-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-accordion-radius,var(--slotted-radius-md,6px));overflow:clip}[data-ui-accordion][data-variant=framed]>:first-child{border-block-start-color:#0000}[data-ui-accordion][data-variant=separated]{row-gap:var(--slotted-accordion-gap,var(--_gap))}[data-ui-accordion][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}}

package/dist/styles/action-bar.css

@@ -0,0 +1,8 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-menu]{--_gap:var(--slotted-menu-gap,var(--slotted-space-2,.25rem));--_surface:var(--slotted-menu-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-menu-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-menu-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-menu-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-menu-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-menu-shadow,var(--slotted-shadow-md));--_highlight:var(--slotted-menu-highlight,var(--slotted-tone-secondary-subtle-hover));--_highlight-active:var(--slotted-menu-highlight-active,var(--slotted-tone-secondary-subtle-active));--_accent:var(--_text);--_inset-block:var(--slotted-menu-padding-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-menu-padding-inline,var(--slotted-space-2,.25rem));--_item-padding:var(--slotted-control-padding-inline-md,.8125rem);--_item-inset:calc(var(--_item-padding) - var(--_inset-inline));--_item-height:var(--slotted-control-height-md,34px);--_item-radius:var(--slotted-menu-item-radius,var(--slotted-control-radius));--_font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,.5rem);--_leading:round(up, calc(var(--_font-size) * var(--slotted-line-height-md,1.5)), 1px);--_secondary-leading:round(up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm,1.45)), 1px);--_measure:var(--slotted-menu-measure,16rem);--_min-measure:min(var(--slotted-menu-min-measure,12rem), var(--slotted-positioner-available-width,100vw));z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));min-inline-size:var(--_min-measure);padding-block:var(--_gap);pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);padding-inline:0;position:absolute;inset-block-start:0}[data-ui-menu][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-menu][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui-menu][data-side=left]{translate:var(--_enter-distance) 0}[data-ui-menu]:is([data-side=left],[data-side=right]){padding-block:0;padding-inline:var(--_gap)}[data-ui-menu][data-open]{opacity:1;transition:none;translate:0}[data-ui-menu][data-open][data-positioned]{animation:slotted-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-menu][data-open][data-positioned][data-side=top]{animation-name:slotted-menu-enter-up}[data-ui-menu][data-open][data-positioned][data-side=right]{animation-name:slotted-menu-enter-from-start}[data-ui-menu][data-open][data-positioned][data-side=left]{animation-name:slotted-menu-enter-from-end}@keyframes slotted-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-menu-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-menu-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-menu-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-menu],[data-ui-menu][data-side=top],[data-ui-menu][data-side=left],[data-ui-menu][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-menu][data-open][data-positioned],[data-ui-menu][data-open][data-positioned][data-side=top],[data-ui-menu][data-open][data-positioned][data-side=left],[data-ui-menu][data-open][data-positioned][data-side=right]{animation-name:slotted-menu-fade}}[data-ui-menu][data-detached]{visibility:hidden}[data-ui-menu][data-width=anchor]{max-inline-size:var(--slotted-positioner-available-width,100vw);min-inline-size:0}[data-ui-menu][data-width=anchor]>[data-part-content]{inline-size:var(--slotted-positioner-anchor-width,auto);max-inline-size:var(--slotted-positioner-available-width,100vw);min-inline-size:min(var(--slotted-positioner-anchor-width,0px), var(--slotted-positioner-available-width,100vw))}[data-ui-menu][data-size=sm]{--_item-padding:var(--slotted-control-padding-inline-sm,.625rem);--_item-height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,12px);--_secondary-font-size:var(--slotted-font-size-xs,.75rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,.375rem);--_measure:var(--slotted-menu-measure-sm,14rem)}[data-ui-menu][data-size=lg]{--_item-padding:var(--slotted-control-padding-inline-lg,1rem);--_item-height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,14px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,.5rem);--_measure:var(--slotted-menu-measure-lg,20rem)}[data-ui-menu]>[data-part-content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);max-block-size:calc(var(--slotted-positioner-available-height,100vh) - 2 * var(--_gap));overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto;outline:none;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;overflow-y:auto}[data-ui-menu]>[data-part-content]:focus-visible{outline:none}[data-ui-menu] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-menu] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-menu] [data-part-header]{align-items:center;column-gap:var(--slotted-space-5,.75rem);line-height:var(--_leading);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);display:grid}[data-ui-menu] [data-part-header]>:not([data-part-label],[data-part-description]){grid-area:1/1/span 2}[data-ui-menu] [data-part-header]>[data-part-label]{font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-menu] [data-part-item]{appearance:none;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);align-content:center;row-gap:var(--slotted-space-1,.125rem);text-align:start;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background:0 0;border:0;text-decoration:none;display:grid}[data-ui-menu] [data-part-item]:focus{background-color:var(--_highlight);color:var(--_accent)}[data-ui-menu] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-menu] [data-part-item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui-menu] [data-part-item][data-open]{background-color:var(--_highlight)}[data-ui-menu] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-menu] [data-part-item][data-disabled]:focus{background-color:var(--_highlight);color:var(--slotted-disabled-foreground,#64748b)}[data-ui-menu] :is([data-part-indicator],[data-part-icon]),[data-ui-menu] [data-part-item][aria-haspopup=menu]>[data-ui-icon]{block-size:1lh}[data-ui-menu] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);inline-size:var(--_icon-size);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), scale var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex;scale:.8}[data-ui-menu] [data-part-item][data-checked]>[data-part-indicator]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), scale var(--slotted-duration-short) var(--slotted-easing-enter);scale:1}[data-ui-menu] [data-part-item][role=menuitemradio]>[data-part-indicator]{--slotted-icon-size:calc(var(--_icon-size) * .7)}[data-ui-menu] [data-part-icon]{--slotted-icon-size:var(--_icon-size);inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex}[data-ui-menu] [data-part-icon]>*{font-size:var(--_icon-size)}[data-ui-menu] [data-part-label]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-menu] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--_secondary-leading);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-menu] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-menu] [data-part-meta]{color:var(--_muted);align-items:center;column-gap:var(--slotted-space-2,.25rem);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/3;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem);display:flex}[data-ui-menu] [data-part-shortcut]{color:var(--_muted);white-space:nowrap;grid-area:1/4;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem)}[data-ui-menu] [data-part-item][data-disabled]>:is([data-part-shortcut],[data-part-meta]),[data-ui-menu] [data-part-item][data-disabled][aria-haspopup=menu]>[data-ui-icon]{color:inherit}[data-ui-menu] [data-part-item][aria-haspopup=menu]>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);line-height:inherit;color:var(--_muted);grid-area:1/4;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-menu] [data-part-separator]{background-color:var(--slotted-menu-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-menu] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_item-inset);text-align:center;grid-column:1/-1}[data-ui-menu]>[data-part-content][data-loading]{cursor:progress}[data-ui-menu] [data-part-item][data-tone=accent]{--_accent:var(--slotted-tone-accent-text);--_highlight:var(--slotted-tone-accent-surface);--_highlight-active:var(--slotted-tone-accent-subtle-active);color:var(--slotted-tone-accent-text)}[data-ui-menu] [data-part-item][data-tone=secondary]{--_accent:var(--slotted-tone-secondary-text);--_highlight:var(--slotted-tone-secondary-surface);--_highlight-active:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-tone-secondary-text)}[data-ui-menu] [data-part-item][data-tone=success]{--_accent:var(--slotted-tone-success-text);--_highlight:var(--slotted-tone-success-surface);--_highlight-active:var(--slotted-tone-success-subtle-active);color:var(--slotted-tone-success-text)}[data-ui-menu] [data-part-item][data-tone=warning]{--_accent:var(--slotted-tone-warning-text);--_highlight:var(--slotted-tone-warning-surface);--_highlight-active:var(--slotted-tone-warning-subtle-active);color:var(--slotted-tone-warning-text)}[data-ui-menu] [data-part-item][data-tone=danger]{--_accent:var(--slotted-tone-danger-text);--_highlight:var(--slotted-tone-danger-surface);--_highlight-active:var(--slotted-tone-danger-subtle-active);color:var(--slotted-tone-danger-text)}[data-ui-menu] [data-part-item][data-tone][data-disabled]{--_accent:var(--slotted-disabled-foreground,#64748b);--_highlight:var(--slotted-menu-highlight,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-disabled-foreground,#64748b)}@media (forced-colors:active){[data-ui-menu] [data-part-item]:focus{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-menu] [data-part-item][data-disabled]:focus{color:graytext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-action-bar]{--_gap:var(--slotted-control-gap-md,.5rem);--_inset-block:var(--slotted-space-4,.5rem);--_inset-inline:var(--slotted-space-5,.75rem);--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_separator-inset:var(--slotted-space-2,.25rem);--_duration:var(--slotted-control-transition-duration);--_easing:var(--slotted-control-transition-easing);box-sizing:border-box;align-items:center;gap:var(--slotted-action-bar-gap,var(--_gap));inline-size:100%;min-block-size:calc(var(--_height) + 2 * var(--_inset-block));min-inline-size:0;padding-block:var(--slotted-action-bar-inset-block,var(--_inset-block));padding-inline:var(--slotted-action-bar-inset-inline,var(--_inset-inline));flex-wrap:wrap;display:flex;container:slotted-action-bar/inline-size}[data-ui-action-bar][data-size=sm]{--_gap:var(--slotted-control-gap-sm,.375rem);--_inset-block:var(--slotted-space-3,.375rem);--_inset-inline:var(--slotted-space-4,.5rem);--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_separator-inset:var(--slotted-space-1,.125rem)}[data-ui-action-bar][data-size=lg]{--_gap:var(--slotted-control-gap-lg,.5rem);--_inset-block:var(--slotted-space-5,.75rem);--_inset-inline:var(--slotted-space-6,1rem);--_height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_separator-inset:var(--slotted-space-3,.375rem)}[data-ui-action-bar]:not(:has([data-part-actions]>:not([hidden]))):not(:has([data-part-status])){display:none}[data-ui-action-bar][data-variant=raised]{background-color:var(--slotted-action-bar-background,var(--slotted-surface,Canvas));border-block-start:var(--slotted-border-width-thin,1px) solid var(--slotted-action-bar-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-action-bar][data-sticky]{z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:var(--slotted-page-sticky-bottom,0px)}[data-ui-action-bar][data-status]{transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing)}[data-ui-action-bar]:is([data-status=entering],[data-status=exiting]){opacity:0;translate:0 100%}[data-ui-action-bar] [data-part-status]{color:var(--slotted-action-bar-status-color,var(--slotted-text-muted,GrayText));font-family:var(--slotted-control-font-family,inherit);font-size:var(--_font-size);align-items:center;gap:var(--_gap);flex:auto;min-inline-size:0;display:flex}[data-ui-action-bar] [data-part-actions]{align-items:center;gap:var(--_gap);flex-wrap:wrap;flex:none;justify-content:flex-end;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;display:flex}[data-ui-action-bar][data-align=start] [data-part-actions]{justify-content:flex-start;margin-inline:0 auto}[data-ui-action-bar][data-align=center] [data-part-actions]{justify-content:center;margin-inline:auto}[data-ui-action-bar][data-align=center]:not(:has([data-part-status])) [data-part-actions]{margin-inline:auto}[data-ui-action-bar] [data-part-action]{flex:none;align-items:center;min-inline-size:0;display:inline-flex}[data-ui-action-bar] :is([data-part-action],[data-part-separator],[data-part-overflow])[hidden]{display:none}[data-ui-action-bar] [data-part-separator]{background-color:var(--slotted-action-bar-separator-color,var(--slotted-border-strong,ButtonBorder));inline-size:var(--slotted-border-width-thin,1px);margin-block:var(--_separator-inset);margin-inline:calc(var(--_gap) / 2);min-block-size:calc(var(--_height) - 2 * var(--_separator-inset));border:0;flex:none;align-self:stretch}[data-ui-action-bar] [data-part-overflow]{appearance:none;--slotted-icon-size:var(--_icon-size);border-radius:var(--slotted-control-radius,4px);color:var(--slotted-action-bar-overflow-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,inherit);min-block-size:var(--_height);min-inline-size:max(var(--slotted-target-min,24px), var(--_height));transition:background-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;margin-inline-start:calc(var(--_gap) / 2);padding:0;line-height:1;display:inline-flex}[data-ui-action-bar] [data-part-overflow]:not(:disabled):hover{background-color:var(--slotted-action-bar-overflow-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-action-bar-overflow-hover-color,var(--slotted-text,CanvasText))}[data-ui-action-bar] [data-part-overflow]:not(:disabled):active{background-color:var(--slotted-action-bar-overflow-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-action-bar] [data-part-overflow][data-open]{background-color:var(--slotted-action-bar-overflow-open-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-action-bar-overflow-hover-color,var(--slotted-text,CanvasText))}[data-ui-action-bar] [data-part-overflow]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:default}[data-ui-action-bar] [data-part-overflow]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-action-bar (width<24rem){[data-ui-action-bar] [data-part-actions]{--_stacked:1;flex-direction:column-reverse;flex:100%;align-items:stretch;margin-inline:0}[data-ui-action-bar] [data-part-action]>*{inline-size:100%}[data-ui-action-bar] [data-part-overflow]{display:none}[data-ui-action-bar] [data-part-separator]{block-size:var(--slotted-border-width-thin,1px);inline-size:auto;margin-block:calc(var(--_gap) / 2);margin-inline:var(--_separator-inset);min-block-size:0}[data-ui-action-bar] [data-part-status]{flex:100%}[data-ui-action-bar] [data-part-status]>*{align-content:space-between;inline-size:100%}}@media (forced-colors:active){[data-ui-action-bar] [data-part-separator]{forced-color-adjust:none;background-color:canvastext}}}

package/dist/styles/action-sheet.css

@@ -0,0 +1,8 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}
+
+@layer slotted.components{[data-ui-action-sheet]{--_inset:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_label-size:var(--slotted-font-size-md,.875rem);--_icon-size:calc(var(--_label-size) * 1.125);--_item-height:var(--slotted-control-height-lg,38px);--_rule-size:var(--slotted-border-width-thin,1px);--_rule:var(--slotted-action-sheet-rule-color,var(--slotted-border-subtle,ButtonBorder));--_muted:var(--slotted-text-muted,GrayText);--_highlight:var(--slotted-action-sheet-highlight,var(--slotted-tone-secondary-subtle-hover,ButtonFace));--_highlight-active:var(--slotted-action-sheet-highlight-active,var(--slotted-tone-secondary-subtle-active,ButtonFace));--_accent:var(--slotted-text,CanvasText);--_list-inset:var(--slotted-space-2,.25rem);inline-size:min(100%, var(--slotted-action-sheet-inline-size,32rem));box-sizing:border-box;min-block-size:0;padding-inline:max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));color:var(--slotted-text,CanvasText);font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));grid-row:1/-1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-self:center;display:grid}@media (pointer:coarse){[data-ui-action-sheet]{--_label-size:var(--slotted-font-size-lg,1rem)}}[data-ui-action-sheet]>[data-part-header]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block:var(--slotted-space-6,1rem) var(--slotted-space-5,.75rem);padding-inline:var(--_inset);row-gap:var(--slotted-space-1,.125rem);display:grid}[data-ui-action-sheet] [data-part-title]{color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--slotted-font-size-md,.875rem);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-md,1.5);overflow-wrap:anywhere;margin:0}[data-ui-action-sheet] [data-part-message]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;margin:0}[data-ui-action-sheet]>[data-part-list]{--_mark:0px;--_column-gap:0px;overscroll-behavior:contain;min-block-size:0;padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_list-inset);grid-row:2;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;display:grid;overflow-y:auto}[data-ui-action-sheet]>[data-part-list]:has([data-part-icon]){--_mark:var(--_icon-size);--_column-gap:var(--_gap)}[data-ui-action-sheet]:not(:has(>[data-part-footer]))>[data-part-list]{padding-block-end:calc(var(--slotted-space-2,.25rem) + env(safe-area-inset-bottom,0px))}[data-ui-action-sheet] [data-part-group]{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;display:grid}[data-ui-action-sheet] [data-part-group-label]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-block:var(--slotted-space-4,.5rem) var(--slotted-space-2,.25rem);padding-inline:calc(var(--_inset) - var(--_list-inset))}[data-ui-action-sheet] [data-part-separator]{background-color:var(--_rule);block-size:var(--_rule-size);margin-block:var(--slotted-space-2,.25rem);border:0;margin-inline:0}[data-ui-action-sheet] [data-part-item]{appearance:none;box-sizing:border-box;color:var(--_accent);align-content:center;column-gap:var(--_column-gap);cursor:pointer;font:inherit;font-size:var(--_label-size);grid-template-columns:var(--_mark) minmax(0, 1fr);line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-4,.5rem);padding-inline:calc(var(--_inset) - var(--_list-inset));border-radius:var(--slotted-control-radius,6px);row-gap:var(--slotted-space-1,.125rem);text-align:start;-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background:0 0;border:0;margin:0;text-decoration:none;display:grid}[data-ui-action-sheet] [data-part-item]:focus{background-color:var(--_highlight);outline:none}@media (hover:hover){[data-ui-action-sheet] [data-part-item]:hover:not([data-disabled]):not([data-loading]){background-color:var(--_highlight)}}[data-ui-action-sheet] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-action-sheet] [data-part-item]:active:not([data-disabled]):not([data-loading]){background-color:var(--_highlight-active)}[data-ui-action-sheet] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{background-color:var(--slotted-disabled-background,ButtonFace)}[data-ui-action-sheet] [data-part-item][data-loading]{cursor:progress}[data-ui-action-sheet] [data-part-icon]{--slotted-icon-size:var(--_icon-size);--slotted-spinner-size:var(--_icon-size);block-size:1lh;inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;align-items:center;display:flex}[data-ui-action-sheet] [data-part-icon]>*{font-size:var(--_icon-size);flex:none}[data-ui-action-sheet] [data-part-label]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-action-sheet] [data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-action-sheet] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-action-sheet] [data-part-item][data-tone=accent]{--_accent:var(--slotted-tone-accent-text);--_highlight:var(--slotted-tone-accent-surface);--_highlight-active:var(--slotted-tone-accent-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=secondary]{--_accent:var(--slotted-tone-secondary-text);--_highlight:var(--slotted-tone-secondary-surface);--_highlight-active:var(--slotted-tone-secondary-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=success]{--_accent:var(--slotted-tone-success-text);--_highlight:var(--slotted-tone-success-surface);--_highlight-active:var(--slotted-tone-success-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=warning]{--_accent:var(--slotted-tone-warning-text);--_highlight:var(--slotted-tone-warning-surface);--_highlight-active:var(--slotted-tone-warning-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=danger]{--_accent:var(--slotted-tone-danger-text);--_highlight:var(--slotted-tone-danger-surface);--_highlight-active:var(--slotted-tone-danger-subtle-active)}[data-ui-action-sheet]>[data-part-footer]{background:var(--slotted-action-sheet-footer-surface,var(--slotted-surface-sunken,Canvas));border-block-start:var(--_rule-size) solid var(--_rule);padding-block:var(--slotted-space-4,.5rem) calc(var(--slotted-space-4,.5rem) + env(safe-area-inset-bottom,0px));padding-inline:var(--_inset);grid-row:3;display:grid}[data-ui-action-sheet] [data-part-cancel]{appearance:none;background:var(--slotted-control-surface,ButtonFace);border:var(--slotted-control-border-width,1px) solid var(--slotted-control-border-color,ButtonBorder);border-radius:var(--slotted-control-radius,6px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text,CanvasText);cursor:pointer;font:inherit;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-semibold,600);inline-size:100%;line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_inset);-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));margin:0}@media (hover:hover){[data-ui-action-sheet] [data-part-cancel]:hover:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}}[data-ui-action-sheet] [data-part-cancel]:active:not(:disabled){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);box-shadow:none;translate:0 var(--slotted-border-width-thin,1px)}[data-ui-action-sheet] [data-part-cancel]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@media (forced-colors:active){[data-ui-action-sheet] [data-part-item]:focus{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{color:graytext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}

package/dist/styles/alert.css

@@ -0,0 +1,4 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-alert][data-part-root]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border);--_text:var(--slotted-tone-accent-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-alert-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-alert-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_description-font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-alert-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-alert-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-alert-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-alert-radius,var(--slotted-radius-md,6px));--_border-width:var(--slotted-alert-border-width,var(--slotted-border-width-thin,1px));--_dismiss-size:var(--slotted-alert-dismiss-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));border:var(--_border-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;inline-size:100%;color:var(--_text);font-family:var(--slotted-alert-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), translate var(--slotted-duration-short) var(--slotted-easing-enter), display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete;background-color:#0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid;container:slotted-alert/inline-size}[data-ui-alert][data-part-root][hidden]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit), display var(--slotted-duration-short) var(--slotted-easing-exit);translate:0 calc(-1 * var(--slotted-space-2,.25rem));display:none}@starting-style{[data-ui-alert][data-part-root]:is([data-live=polite],[data-live=assertive]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2,.25rem))}}[data-ui-alert][data-part-root][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border);--_text:var(--slotted-tone-accent-text)}[data-ui-alert][data-part-root][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_border:var(--slotted-tone-secondary-border);--_text:var(--slotted-tone-secondary-text)}[data-ui-alert][data-part-root][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_surface:var(--slotted-tone-success-surface);--_border:var(--slotted-tone-success-border);--_text:var(--slotted-tone-success-text)}[data-ui-alert][data-part-root][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_surface:var(--slotted-tone-info-surface);--_border:var(--slotted-tone-info-border);--_text:var(--slotted-tone-info-text)}[data-ui-alert][data-part-root][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_surface:var(--slotted-tone-warning-surface);--_border:var(--slotted-tone-warning-border);--_text:var(--slotted-tone-warning-text)}[data-ui-alert][data-part-root][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_surface:var(--slotted-tone-danger-surface);--_border:var(--slotted-tone-danger-border);--_text:var(--slotted-tone-danger-text)}[data-ui-alert][data-part-root][data-variant=soft]{background-color:var(--_surface);border-color:var(--_border)}[data-ui-alert][data-part-root][data-variant=outline]{border-color:var(--_border);background-color:#0000}[data-ui-alert][data-part-root][data-variant=solid]{background-color:var(--_solid);border-color:var(--_solid);color:var(--_on-solid)}[data-ui-alert][data-part-root][data-reach=inline]{--_font-size:var(--slotted-control-font-size-sm,12px);--_description-font-size:var(--slotted-control-font-size-sm,12px);--_glyph-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-5,.75rem));--_row-gap:var(--slotted-alert-row-gap,var(--slotted-space-4,.5rem));--_radius:var(--slotted-alert-radius,var(--slotted-radius-sm,4px))}[data-ui-alert][data-part-root][data-reach=page]{--_font-size:var(--slotted-control-font-size-lg,14px);--_glyph-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-6,1rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-7,1.25rem));--_radius:var(--slotted-alert-radius,0);border-block-start-width:0;border-inline-width:0}[data-ui-alert][data-part-root][data-reach=page][data-variant=solid]{border-block-start-width:var(--_border-width);border-inline-width:var(--_border-width)}[data-ui-alert]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);block-size:var(--_mark-size);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-alert]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-alert] [data-part-title]{font-family:var(--slotted-alert-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:inherit;font-weight:var(--slotted-alert-title-font-weight,var(--slotted-font-weight-semibold,600));line-height:inherit;overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-alert] [data-part-description]{font-size:var(--_description-font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-alert]>[data-part-actions]{align-items:center;gap:var(--slotted-alert-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-alert]>[data-part-dismiss]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-alert-dismiss-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_dismiss-size)) / 2);margin-block-end:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_dismiss-size)) / 2);padding:0;display:inline-flex}[data-ui-alert]>[data-part-dismiss]:enabled:hover{background-color:var(--_state-hover)}[data-ui-alert]>[data-part-dismiss]:enabled:active{background-color:var(--_state-active)}[data-ui-alert]>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground);cursor:default}@media (pointer:coarse){[data-ui-alert]>[data-part-dismiss]{position:relative}[data-ui-alert]>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-alert]>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-alert][data-variant=solid]>[data-part-dismiss]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-alert][data-part-root]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-alert (width<=22rem){[data-ui-alert]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@container slotted-alert (width>=40rem){[data-ui-alert][data-reach=page]>[data-part-actions]{grid-area:1/3;align-self:center;margin-inline-start:var(--_column-gap)}[data-ui-alert][data-reach=page]>[data-part-dismiss]{grid-column:4;align-self:center;margin-block:0}}@media (forced-colors:active){[data-ui-alert][data-part-root][data-variant]{color:canvastext;background-color:canvas;border-color:canvastext}[data-ui-alert]>[data-part-dismiss]{color:canvastext}[data-ui-alert]>[data-part-dismiss]:enabled:hover,[data-ui-alert]>[data-part-dismiss]:enabled:active{color:highlighttext;background-color:highlight}}}