themelia-ui 3.0.0 → 3.2.0

package/dist/sidebar-D0N6ckJL.js

@@ -1,412 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { c as n } from "./buttons-CqXKWty3.js";
-import { i as r, n as i, t as a } from "./tooltip-t1VQQ2tZ.js";
-import { d as o, v as s } from "./display-B3Q17h5z.js";
-import { t as c } from "./use-mobile-DwY2vtnf.js";
-import { o as l } from "./skeleton-DGR9df28.js";
-import { t as u } from "./strings-Co9_qArR.js";
-import { l as d } from "./text-inputs-DF_lD7pA.js";
-import { t as f } from "./render-with-children-Clu_g9wb.js";
-import { o as p, s as m, t as h } from "./overlay-WQOsLd69.js";
-import { t as g } from "./sheet-CKcmRbJ9.js";
-import { PanelLeftIcon as _ } from "lucide-react";
-import { createContext as v, useCallback as y, useContext as b, useEffect as x, useId as S, useMemo as C, useRef as w, useState as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { mergeProps as O } from "@base-ui/react/merge-props";
-import { useRender as k } from "@base-ui/react/use-render";
-//#region src/components/base/sidebar/sidebar-store.ts
-var A = v(null);
-function j() {
-	let e = b(A);
-	if (!e) throw Error("useSidebar must be used inside <SidebarProvider>.");
-	return e;
-}
-function M() {
-	return b(A);
-}
-var N = {
-	wrapper: "sidebar__wrapper___adyLn",
-	wrapperContained: "sidebar__wrapperContained___2kAO5",
-	root: "sidebar__root___w7_oV",
-	static: "sidebar__static___19d3F",
-	mobile: "sidebar__mobile___oxJCd",
-	gap: "sidebar__gap___TgwBd",
-	container: "sidebar__container___LuqSL",
-	inner: "sidebar__inner___TN6YJ",
-	mobileInner: "sidebar__mobileInner___oZqwb",
-	rail: "sidebar__rail___43idW",
-	inset: "sidebar__inset___N1ZaW",
-	header: "sidebar__header___GmvOF",
-	footer: "sidebar__footer___m5XTF",
-	content: "sidebar__content___3_81C",
-	separator: "sidebar__separator___iNsVQ",
-	group: "sidebar__group___7AWSk",
-	groupLabel: "sidebar__groupLabel___uqE67",
-	groupAction: "sidebar__groupAction___7o-Uy",
-	groupContent: "sidebar__groupContent___DaDWy",
-	menu: "sidebar__menu___-jXtE",
-	menuItem: "sidebar__menuItem___b8N7G",
-	menuButton: "sidebar__menuButton___YHPj9",
-	menuSubButton: "sidebar__menuSubButton___6RVyL",
-	menuAction: "sidebar__menuAction___MmFPX",
-	menuButtonSm: "sidebar__menuButtonSm___SFnLz",
-	menuButtonLg: "sidebar__menuButtonLg___x6ANO",
-	menuButtonOutline: "sidebar__menuButtonOutline___v-gzF",
-	menuActionOnHover: "sidebar__menuActionOnHover___HLve4",
-	menuBadge: "sidebar__menuBadge___-mvYr",
-	menuBadgeInline: "sidebar__menuBadgeInline___ri6og",
-	menuSkeleton: "sidebar__menuSkeleton___mhBv-",
-	menuSkeletonIcon: "sidebar__menuSkeletonIcon___KJ4RX",
-	menuSkeletonText: "sidebar__menuSkeletonText___AydAs",
-	menuSub: "sidebar__menuSub___m1KYF",
-	menuSubItem: "sidebar__menuSubItem___wlPq9",
-	menuSubButtonSm: "sidebar__menuSubButtonSm___bm1jg",
-	input: "sidebar__input___FefwN"
-}, P = {
-	toggle: "Toggle navigation",
-	mobileTitle: "Navigation",
-	mobileDescription: "The application's main navigation."
-}, F = "sidebar:state", I = "b";
-function L({ defaultOpen: t = !0, open: n, onOpenChange: r, persist: i = !0, keyboardShortcut: a = !0, contained: o = !1, strings: s, className: l, style: u, children: d, ref: f, ...p }) {
-	let m = c(), [h, g] = T(!1), [_, v] = T(m);
-	m !== _ && (v(m), m || g(!1));
-	let b = h && m, [S, D] = T(() => {
-		if (!i || typeof window > "u") return t;
-		try {
-			let e = window.localStorage.getItem(F);
-			return e === null ? t : e === "true";
-		} catch {
-			return t;
-		}
-	}), O = n ?? S, k = y((e) => {
-		let t = typeof e == "function" ? e(O) : e;
-		if (r && r(t), n === void 0 && D(t), i) try {
-			window.localStorage.setItem(F, String(t));
-		} catch {}
-	}, [
-		r,
-		O,
-		n,
-		i
-	]), j = w(null), M = y((e) => {
-		j.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
-	}, [f]), L = y(() => {
-		m ? g((e) => !e) : k((e) => !e);
-	}, [m, k]);
-	x(() => {
-		if (!a) return;
-		let e = (e) => {
-			if (e.key !== I || !(e.metaKey || e.ctrlKey)) return;
-			let t = e.target;
-			t?.isContentEditable || t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || e.defaultPrevented || (t?.closest?.("[data-slot=\"sidebar-wrapper\"]") ?? document.querySelector("[data-slot=\"sidebar-wrapper\"]")) === j.current && (e.preventDefault(), L());
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [a, L]);
-	let R = C(() => ({
-		state: O ? "expanded" : "collapsed",
-		open: O,
-		setOpen: k,
-		openMobile: b,
-		setOpenMobile: g,
-		isMobile: m,
-		toggleSidebar: L,
-		strings: {
-			...P,
-			...s
-		}
-	}), [
-		O,
-		k,
-		b,
-		m,
-		L,
-		s
-	]);
-	return /* @__PURE__ */ E(A.Provider, {
-		value: R,
-		children: /* @__PURE__ */ E("div", {
-			ref: M,
-			"data-slot": "sidebar-wrapper",
-			"data-contained": o || void 0,
-			className: e("sidebar-provider--component", "sidebar-wrapper--component", N.wrapper, o && N.wrapperContained, l),
-			style: u,
-			...p,
-			children: d
-		})
-	});
-}
-//#endregion
-//#region src/components/base/sidebar/sidebar.tsx
-function R({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: i, surfaceClassName: a, mobileTitle: s, mobileDescription: c, strings: l, children: d, ...f }) {
-	let { isMobile: _, state: v, openMobile: y, setOpenMobile: b, strings: x } = j(), C = u(x, l), w = S(), T = S();
-	return r === "none" ? /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar",
-		className: e("sidebar--component", N.static, i),
-		...f,
-		children: d
-	}) : _ ? /* @__PURE__ */ E(h, {
-		open: y,
-		onOpenChange: b,
-		children: /* @__PURE__ */ D(g, {
-			side: t === "left" ? "inline-start" : "inline-end",
-			showCloseButton: !1,
-			"aria-label": f["aria-label"],
-			"aria-labelledby": f["aria-labelledby"] ?? (f["aria-label"] ? void 0 : w),
-			"aria-describedby": f["aria-describedby"] ?? T,
-			"data-slot": "sidebar",
-			"data-mobile": "true",
-			className: e("sidebar--component", N.mobile, i),
-			children: [/* @__PURE__ */ D(o, { children: [/* @__PURE__ */ E(m, {
-				id: w,
-				children: s ?? C.mobileTitle
-			}), /* @__PURE__ */ E(p, {
-				id: T,
-				children: c ?? C.mobileDescription
-			})] }), /* @__PURE__ */ E("div", {
-				className: N.mobileInner,
-				children: d
-			})]
-		})
-	}) : /* @__PURE__ */ D("div", {
-		"data-slot": "sidebar",
-		"data-state": v,
-		"data-collapsible": v === "collapsed" ? r : "",
-		"data-variant": n,
-		"data-side": t,
-		className: e("sidebar--component", N.root),
-		children: [/* @__PURE__ */ E("div", {
-			"data-slot": "sidebar-gap",
-			className: N.gap
-		}), /* @__PURE__ */ E("div", {
-			"data-slot": "sidebar-container",
-			"data-side": t,
-			className: e(N.container, i),
-			...f,
-			children: /* @__PURE__ */ E("div", {
-				"data-slot": "sidebar-inner",
-				className: e("sidebar--surface", N.inner, a),
-				children: d
-			})
-		})]
-	});
-}
-function z({ className: t, onClick: r, tone: i = "neutral", buttonStyle: a = "ghost", iconOnly: o = !0, ...s }) {
-	let { isMobile: c, openMobile: l, toggleSidebar: u, strings: d } = j();
-	return /* @__PURE__ */ E(n, {
-		"data-slot": "sidebar-trigger",
-		tone: i,
-		buttonStyle: a,
-		iconOnly: o,
-		"aria-label": d.toggle,
-		className: e("sidebar-trigger--component", t),
-		onClick: (e) => {
-			r?.(e), !e.defaultPrevented && (c && !l && e.currentTarget.focus({ preventScroll: !0 }), u());
-		},
-		...s,
-		children: /* @__PURE__ */ E(_, {})
-	});
-}
-function B({ className: t, ...n }) {
-	let { toggleSidebar: r, strings: i } = j();
-	return /* @__PURE__ */ E("button", {
-		type: "button",
-		"data-slot": "sidebar-rail",
-		"aria-label": i.toggle,
-		title: i.toggle,
-		tabIndex: -1,
-		onClick: r,
-		className: e("sidebar-rail--component", N.rail, t),
-		"data-hit-area": !0,
-		...n
-	});
-}
-function V({ className: t, render: n, ...r }) {
-	return k({
-		defaultTagName: "main",
-		props: O({ className: e(N.inset, t) }, r),
-		render: n,
-		state: { slot: "sidebar-inset" }
-	});
-}
-function H({ className: t, ...n }) {
-	return /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar-header",
-		className: e("sidebar-header--component", N.header, t),
-		...n
-	});
-}
-function U({ className: t, ...n }) {
-	return /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar-footer",
-		className: e("sidebar-footer--component", N.footer, t),
-		...n
-	});
-}
-function W({ className: t, ...n }) {
-	return /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar-content",
-		className: e("sidebar-content--component", N.content, t),
-		...n
-	});
-}
-function G({ className: t, ...n }) {
-	return /* @__PURE__ */ E(s, {
-		"data-slot": "sidebar-separator",
-		className: e("sidebar-separator--component", N.separator, t),
-		...n
-	});
-}
-function K({ className: t, ...n }) {
-	return /* @__PURE__ */ E(d, {
-		"data-slot": "sidebar-input",
-		className: e("sidebar-input--component", N.input, t),
-		...n
-	});
-}
-function q({ className: t, ...n }) {
-	return /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar-group",
-		className: e("sidebar-group--component", N.group, t),
-		...n
-	});
-}
-function J({ className: n, ...r }) {
-	return /* @__PURE__ */ E(t, {
-		tag: "div",
-		size: "inherit",
-		type: "secondary",
-		weight: "medium",
-		"data-slot": "sidebar-group-label",
-		className: e("sidebar-group-label--component", N.groupLabel, n),
-		...r
-	});
-}
-function Y({ className: t, ...n }) {
-	return /* @__PURE__ */ E("button", {
-		type: "button",
-		"data-slot": "sidebar-group-action",
-		className: e("sidebar-group-action--component", N.groupAction, t),
-		...n
-	});
-}
-function X({ className: t, ...n }) {
-	return /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar-group-content",
-		className: e("sidebar-group-content--component", N.groupContent, t),
-		...n
-	});
-}
-function Z({ className: t, ...n }) {
-	return /* @__PURE__ */ E("ul", {
-		"data-slot": "sidebar-menu",
-		className: e("sidebar-menu--component", N.menu, t),
-		...n
-	});
-}
-function Q({ className: t, ...n }) {
-	return /* @__PURE__ */ E("li", {
-		"data-slot": "sidebar-menu-item",
-		className: e("sidebar-menu-item--component", N.menuItem, t),
-		...n
-	});
-}
-var $ = {
-	sm: N.menuButtonSm,
-	md: void 0,
-	lg: N.menuButtonLg
-};
-function ee({ size: t = "md", active: n = !1, variant: o = "default", render: s, closeOnSelectMobile: c = !0, tooltip: l, className: u, children: d, onClick: p, ...m }) {
-	let { isMobile: h, setOpenMobile: g, state: _ } = j(), v = e("sidebar-menu-button--component", N.menuButton, $[t], o === "outline" && N.menuButtonOutline, u), y = k({
-		defaultTagName: "button",
-		render: s ? f(s, d) : void 0,
-		props: {
-			"data-slot": "sidebar-menu-button",
-			"data-size": t,
-			"data-active": n || void 0,
-			"aria-current": n ? "page" : void 0,
-			...O({
-				...s ? {} : { type: "button" },
-				className: v,
-				children: d,
-				onClick: () => {
-					c && h && g(!1);
-				}
-			}, {
-				onClick: p,
-				...m
-			})
-		}
-	});
-	return l == null || l === !1 ? y : /* @__PURE__ */ D(a, {
-		disabled: _ !== "collapsed" || h,
-		children: [/* @__PURE__ */ E(r, { render: y }), /* @__PURE__ */ E(i, {
-			side: "inline-end",
-			children: l
-		})]
-	});
-}
-function te({ showOnHover: t = !1, className: n, ...r }) {
-	return /* @__PURE__ */ E("button", {
-		type: "button",
-		"data-slot": "sidebar-menu-action",
-		className: e("sidebar-menu-action--component", N.menuAction, t && N.menuActionOnHover, n),
-		...r
-	});
-}
-function ne({ inline: t = !1, className: n, ...r }) {
-	return /* @__PURE__ */ E("div", {
-		"data-slot": "sidebar-menu-badge",
-		className: e("sidebar-menu-badge--component", N.menuBadge, t && N.menuBadgeInline, n),
-		...r
-	});
-}
-function re({ showIcon: t = !1, className: n, style: r, ...i }) {
-	return /* @__PURE__ */ D("div", {
-		"data-slot": "sidebar-menu-skeleton",
-		className: e("sidebar-menu-skeleton--component", N.menuSkeleton, n),
-		style: r,
-		...i,
-		children: [t && /* @__PURE__ */ E(l, { className: N.menuSkeletonIcon }), /* @__PURE__ */ E(l, { className: N.menuSkeletonText })]
-	});
-}
-function ie({ className: t, ...n }) {
-	return /* @__PURE__ */ E("ul", {
-		"data-slot": "sidebar-menu-sub",
-		className: e("sidebar-menu-sub--component", N.menuSub, t),
-		...n
-	});
-}
-function ae({ className: t, ...n }) {
-	return /* @__PURE__ */ E("li", {
-		"data-slot": "sidebar-menu-sub-item",
-		className: e("sidebar-menu-sub-item--component", N.menuSubItem, t),
-		...n
-	});
-}
-function oe({ size: t = "md", active: n = !1, closeOnSelectMobile: r = !0, render: i, className: a, onClick: o, children: s, ...c }) {
-	let { isMobile: l, setOpenMobile: u } = j(), d = typeof c.href == "string";
-	return k({
-		defaultTagName: d ? "a" : "button",
-		render: i ? f(i, s) : void 0,
-		props: {
-			"data-slot": "sidebar-menu-sub-button",
-			"data-size": t,
-			"data-active": n || void 0,
-			"aria-current": n ? "page" : void 0,
-			...O({
-				...i || d ? {} : { type: "button" },
-				className: e("sidebar-menu-sub-button--component", N.menuSubButton, t === "sm" && N.menuSubButtonSm, a),
-				children: s,
-				onClick: () => {
-					r && l && u(!1);
-				}
-			}, {
-				onClick: o,
-				...c
-			})
-		}
-	});
-}
-//#endregion
-export { L as C, j as E, z as S, M as T, ie as _, Y as a, B as b, H as c, Z as d, te as f, re as g, Q as h, q as i, K as l, ee as m, W as n, X as o, ne as p, U as r, J as s, R as t, V as u, oe as v, P as w, G as x, ae as y };

package/dist/skeleton-DGR9df28.js

@@ -1,172 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { d as t } from "./display-B3Q17h5z.js";
-import { t as n } from "./strings-Co9_qArR.js";
-import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-var a = {
-	root: "skeleton__root___GvulB",
-	lines: "skeleton__lines___5E5fJ",
-	line: "skeleton__line___oa_zv",
-	lineLast: "skeleton__lineLast___SVAe_",
-	block: "skeleton__block___93e5S",
-	title: "skeleton__title___9xUKk",
-	heading: "skeleton__heading___SgyHX",
-	pageHeader: "skeleton__pageHeader___hsr-v",
-	pageHeaderText: "skeleton__pageHeaderText___Pl8Uw",
-	pageHeaderDescription: "skeleton__pageHeaderDescription___4NFyJ",
-	pageHeaderActions: "skeleton__pageHeaderActions___Kk7sE",
-	action: "skeleton__action___skx_G",
-	panel: "skeleton__panel___cQBv7",
-	avatar: "skeleton__avatar___EnqSH",
-	twoColumn: "skeleton__twoColumn___d1TUd",
-	identity: "skeleton__identity___uq_eu",
-	identityName: "skeleton__identityName___ygzCh",
-	identityMeta: "skeleton__identityMeta___3zWGY",
-	facts: "skeleton__facts___m5mpR",
-	fact: "skeleton__fact___dgZc_",
-	factLabel: "skeleton__factLabel___STZQM",
-	factValue: "skeleton__factValue___cZuaY",
-	table: "skeleton__table___ngSeS",
-	tableFramed: "skeleton__tableFramed___onvG3",
-	tableRow: "skeleton__tableRow___71wGE",
-	tableHeadRow: "skeleton__tableHeadRow___AScz2",
-	tableCell: "skeleton__tableCell___AocW9",
-	tableBar: "skeleton__tableBar___ExjxH"
-};
-//#endregion
-//#region src/components/base/skeleton/skeleton.tsx
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "skeleton",
-		className: e("skeleton--component", a.root, t),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/skeleton/skeleton.strings.ts
-var s = {
-	loading: "Loading",
-	loadingPage: "Loading page",
-	loadingTable: "Loading table"
-};
-//#endregion
-//#region src/components/base/skeleton/composed-skeletons.tsx
-function c({ lines: c = 3, showTitle: l = !1, label: u, strings: d, className: f, ...p }) {
-	return /* @__PURE__ */ i("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: e("content-skeleton--component", a.block, f),
-		...p,
-		children: [
-			/* @__PURE__ */ r(t, { children: u ?? n(s, d).loading }),
-			l && /* @__PURE__ */ r(o, {
-				"aria-hidden": !0,
-				className: a.title
-			}),
-			/* @__PURE__ */ r("div", {
-				"aria-hidden": !0,
-				className: a.lines,
-				children: Array.from({ length: c }, (t, n) => /* @__PURE__ */ r(o, { className: e(a.line, n === c - 1 && c > 1 && a.lineLast) }, n))
-			})
-		]
-	});
-}
-function l({ showHeader: c = !0, blocks: l = 2, label: d, strings: f, className: p, ...m }) {
-	return /* @__PURE__ */ i("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: e("page-skeleton--component", a.block, p),
-		...m,
-		children: [
-			/* @__PURE__ */ r(t, { children: d ?? n(s, f).loadingPage }),
-			c && /* @__PURE__ */ i("div", {
-				"aria-hidden": !0,
-				className: a.pageHeader,
-				children: [/* @__PURE__ */ i("div", {
-					className: a.pageHeaderText,
-					children: [/* @__PURE__ */ r(o, { className: a.title }), /* @__PURE__ */ r(o, { className: e(a.line, a.pageHeaderDescription) })]
-				}), /* @__PURE__ */ i("div", {
-					className: a.pageHeaderActions,
-					children: [/* @__PURE__ */ r(o, { className: a.action }), /* @__PURE__ */ r(o, { className: a.action })]
-				})]
-			}),
-			Array.from({ length: l }, (e, t) => /* @__PURE__ */ r(u, {}, t))
-		]
-	});
-}
-function u() {
-	return /* @__PURE__ */ i("div", {
-		"aria-hidden": !0,
-		className: a.panel,
-		children: [/* @__PURE__ */ r(o, { className: a.heading }), /* @__PURE__ */ i("div", {
-			className: a.lines,
-			children: [
-				/* @__PURE__ */ r(o, { className: a.line }),
-				/* @__PURE__ */ r(o, { className: a.line }),
-				/* @__PURE__ */ r(o, { className: e(a.line, a.lineLast) })
-			]
-		})]
-	});
-}
-function d({ label: c, strings: l, className: d, ...f }) {
-	return /* @__PURE__ */ i("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: e("two-column-page-skeleton--component", a.block, d),
-		...f,
-		children: [
-			/* @__PURE__ */ r(t, { children: c ?? n(s, l).loadingPage }),
-			/* @__PURE__ */ r(o, {
-				"aria-hidden": !0,
-				className: a.title
-			}),
-			/* @__PURE__ */ i("div", {
-				className: a.twoColumn,
-				children: [/* @__PURE__ */ r(u, {}), /* @__PURE__ */ i("div", {
-					"aria-hidden": !0,
-					className: a.panel,
-					children: [/* @__PURE__ */ i("div", {
-						className: a.identity,
-						children: [/* @__PURE__ */ r(o, { className: a.avatar }), /* @__PURE__ */ i("div", {
-							className: a.lines,
-							children: [/* @__PURE__ */ r(o, { className: e(a.line, a.identityName) }), /* @__PURE__ */ r(o, { className: e(a.line, a.identityMeta) })]
-						})]
-					}), /* @__PURE__ */ r("div", {
-						className: a.facts,
-						children: Array.from({ length: 3 }, (t, n) => /* @__PURE__ */ i("div", {
-							className: a.fact,
-							children: [/* @__PURE__ */ r(o, { className: e(a.line, a.factLabel) }), /* @__PURE__ */ r(o, { className: e(a.line, a.factValue) })]
-						}, n))
-					})]
-				})]
-			})
-		]
-	});
-}
-function f({ rows: c = 5, columns: l = 4, showHeader: u = !0, framed: d = !0, label: f, strings: p, className: m, ...h }) {
-	let g = (e) => Array.from({ length: l }, (t, n) => /* @__PURE__ */ r("div", {
-		className: a.tableCell,
-		children: /* @__PURE__ */ r(o, { className: a.tableBar })
-	}, `${e}-${n}`));
-	return /* @__PURE__ */ i("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: e("table-skeleton--component", a.table, d && a.tableFramed, m),
-		...h,
-		children: [
-			/* @__PURE__ */ r(t, { children: f ?? n(s, p).loadingTable }),
-			u && /* @__PURE__ */ r("div", {
-				"aria-hidden": !0,
-				className: e(a.tableRow, a.tableHeadRow),
-				children: g(-1)
-			}),
-			Array.from({ length: c }, (e, t) => /* @__PURE__ */ r("div", {
-				"aria-hidden": !0,
-				className: a.tableRow,
-				children: g(t)
-			}, t))
-		]
-	});
-}
-//#endregion
-export { s as a, d as i, l as n, o, f as r, c as t };

package/dist/spinner-CUAVFecI.js

@@ -1,52 +0,0 @@
-import { t as e } from "./cvm-DtsCA8iZ.js";
-import { t } from "./cx--CBrhWH0.js";
-import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-var i = {
-	root: "spinner__root___whSBs",
-	ring: "spinner__ring___MbYnO",
-	sizeSm: "spinner__sizeSm___Kl7C1",
-	sizeLg: "spinner__sizeLg___g2hXM",
-	toneNeutral: "spinner__toneNeutral___zoJIS",
-	tonePrimary: "spinner__tonePrimary___QHB6l",
-	toneInfo: "spinner__toneInfo___5ooYQ",
-	toneSuccess: "spinner__toneSuccess___53jpi",
-	toneWarning: "spinner__toneWarning___dJomf",
-	toneDestructive: "spinner__toneDestructive___shJE_"
-}, a = e(i.root, {
-	variants: {
-		size: {
-			sm: i.sizeSm,
-			md: void 0,
-			lg: i.sizeLg
-		},
-		tone: {
-			neutral: i.toneNeutral,
-			primary: i.tonePrimary,
-			secondary: i.toneNeutral,
-			info: i.toneInfo,
-			success: i.toneSuccess,
-			warning: i.toneWarning,
-			destructive: i.toneDestructive
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		tone: "primary"
-	}
-});
-function o({ size: e = "md", tone: o = "primary", label: s, className: c, ...l }) {
-	return /* @__PURE__ */ r("span", {
-		"data-slot": "spinner",
-		role: s ? "status" : void 0,
-		"aria-hidden": !s || void 0,
-		className: t("spinner--component", a({
-			size: e,
-			tone: o
-		}), c),
-		...l,
-		children: [/* @__PURE__ */ n("span", { className: i.ring }), s]
-	});
-}
-//#endregion
-export { o as t };

package/dist/styles/FACTORS.md

@@ -1,36 +0,0 @@
-# The scale chain
-
-Three factors for the whole kit. There is no per-component factor.
-
-```
---scale              everything
-  ├── --density-scale  spacing, controls, rows   (defaults to --scale)
-  └── --text-scale     typography                (defaults to --scale)
-```
-
-`--scale` moves geometry, spacing, icons and type together. `--density-scale` moves spacing and
-control/row geometry and leaves type alone; the `data-density` presets set it per scope.
-`--text-scale` moves every type role, control labels included; `UIProvider`'s
-`typography.scale` sets it at one scope.
-
-```css
-/* everything denser */
-:root { --scale: 0.875; }
-
-/* tighter spacing and controls, same type */
-:root { --density-scale: 0.875; }
-
-/* larger type, geometry untouched */
-:root { --text-scale: 1.125; }
-```
-
-```html
-<div data-density="compact">…</div>
-```
-
-Every length scaled by `--density-scale` is wrapped in `round(…, 1px)`, so a preset never
-lands a control or a gap between two pixels: the ladder is 34, 30 and 24px at the default and
-32, 28 and 23px under `compact`.
-
-There is no per-component factor: scale one region with a scope instead. Multiply a length by
-one factor only, or the effect squares.