themelia-ui 3.0.0 → 3.2.0

package/dist/sidebar-D8uGqxio.js

@@ -0,0 +1,421 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { c as r } from "./buttons-BX2JfL5X.js";
+import { i, n as a, t as o } from "./tooltip-BPYP-jUm.js";
+import { o as s, s as c, t as l } from "./overlay-BuQOl8aP.js";
+import { t as u } from "./render-with-children-Clu_g9wb.js";
+import { t as d } from "./strings-Co9_qArR.js";
+import { o as f } from "./skeleton-BTKNKTdj.js";
+import { d as p, v as m } from "./display-a7AoX_u7.js";
+import { l as h } from "./text-inputs-BboE77nZ.js";
+import { t as g } from "./sheet-CJ1-OAla.js";
+import { t as _ } from "./use-mobile-DwY2vtnf.js";
+import { PanelLeftIcon as v } from "lucide-react";
+import { createContext as y, useCallback as b, useContext as x, useEffect as S, useId as C, useMemo as w, useRef as T, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { mergeProps as k } from "@base-ui/react/merge-props";
+import { useRender as A } from "@base-ui/react/use-render";
+import "#css/sidebar2.css";
+//#region src/components/base/sidebar/sidebar-store.ts
+var j = y(null);
+function M() {
+	let e = x(j);
+	if (!e) throw Error("useSidebar must be used inside <SidebarProvider>.");
+	return e;
+}
+function N() {
+	return x(j);
+}
+var P = {
+	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",
+	menuButton: "sidebar__menuButton___YHPj9",
+	menuAction: "sidebar__menuAction___MmFPX",
+	menuSubButton: "sidebar__menuSubButton___6RVyL",
+	input: "sidebar__input___FefwN",
+	menu: "sidebar__menu___-jXtE",
+	menuItem: "sidebar__menuItem___b8N7G",
+	menuButtonSm: "sidebar__menuButtonSm___SFnLz",
+	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"
+}, F = {
+	toggle: "Toggle navigation",
+	mobileTitle: "Navigation",
+	mobileDescription: "The application's main navigation."
+}, I = "sidebar:state", L = "b";
+function R({ defaultOpen: e = !0, open: t, onOpenChange: r, persist: i = !0, keyboardShortcut: a = !0, contained: o = !1, strings: s, className: c, style: l, children: u, ref: d, ...f }) {
+	let p = _(), [m, h] = E(!1), [g, v] = E(p);
+	p !== g && (v(p), p || h(!1));
+	let y = m && p, [x, C] = E(() => {
+		if (!i || typeof window > "u") return e;
+		try {
+			let t = window.localStorage.getItem(I);
+			return t === null ? e : t === "true";
+		} catch {
+			return e;
+		}
+	}), O = t ?? x, k = b((e) => {
+		let n = typeof e == "function" ? e(O) : e;
+		if (r && r(n), t === void 0 && C(n), i) try {
+			window.localStorage.setItem(I, String(n));
+		} catch {}
+	}, [
+		r,
+		O,
+		t,
+		i
+	]), A = T(null), M = b((e) => {
+		A.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+	}, [d]), N = b(() => {
+		p ? h((e) => !e) : k((e) => !e);
+	}, [p, k]);
+	S(() => {
+		if (!a) return;
+		let e = (e) => {
+			if (e.key !== L || !(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\"]")) === A.current && (e.preventDefault(), N());
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [a, N]);
+	let R = w(() => ({
+		state: O ? "expanded" : "collapsed",
+		open: O,
+		setOpen: k,
+		openMobile: y,
+		setOpenMobile: h,
+		isMobile: p,
+		toggleSidebar: N,
+		strings: {
+			...F,
+			...s
+		}
+	}), [
+		O,
+		k,
+		y,
+		p,
+		N,
+		s
+	]);
+	return /* @__PURE__ */ D(j.Provider, {
+		value: R,
+		children: /* @__PURE__ */ D("div", {
+			ref: M,
+			"data-slot": "sidebar-wrapper",
+			"data-contained": o || void 0,
+			className: n("sidebar-provider--component", "sidebar-wrapper--component", P.wrapper, o && P.wrapperContained, c),
+			style: l,
+			...f,
+			children: u
+		})
+	});
+}
+//#endregion
+//#region src/components/base/sidebar/sidebar.tsx
+function z({ side: e = "left", variant: t = "sidebar", collapsible: r = "offcanvas", className: i, surfaceClassName: a, mobileTitle: o, mobileDescription: u, strings: f, children: m, ...h }) {
+	let { isMobile: _, state: v, openMobile: y, setOpenMobile: b, strings: x } = M(), S = d(x, f), w = C(), T = C();
+	return r === "none" ? /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar",
+		className: n("sidebar--component", P.static, i),
+		...h,
+		children: m
+	}) : _ ? /* @__PURE__ */ D(l, {
+		open: y,
+		onOpenChange: b,
+		children: /* @__PURE__ */ O(g, {
+			side: e === "left" ? "inline-start" : "inline-end",
+			showCloseButton: !1,
+			"aria-label": h["aria-label"],
+			"aria-labelledby": h["aria-labelledby"] ?? (h["aria-label"] ? void 0 : w),
+			"aria-describedby": h["aria-describedby"] ?? T,
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: n("sidebar--component", P.mobile, i),
+			children: [/* @__PURE__ */ O(p, { children: [/* @__PURE__ */ D(c, {
+				id: w,
+				children: o ?? S.mobileTitle
+			}), /* @__PURE__ */ D(s, {
+				id: T,
+				children: u ?? S.mobileDescription
+			})] }), /* @__PURE__ */ D("div", {
+				className: P.mobileInner,
+				children: m
+			})]
+		})
+	}) : /* @__PURE__ */ O("div", {
+		"data-slot": "sidebar",
+		"data-state": v,
+		"data-collapsible": v === "collapsed" ? r : "",
+		"data-variant": t,
+		"data-side": e,
+		className: n("sidebar--component", P.root),
+		children: [/* @__PURE__ */ D("div", {
+			"data-slot": "sidebar-gap",
+			className: P.gap
+		}), /* @__PURE__ */ D("div", {
+			"data-slot": "sidebar-container",
+			"data-side": e,
+			className: n(P.container, i),
+			...h,
+			children: /* @__PURE__ */ D("div", {
+				"data-slot": "sidebar-inner",
+				className: n("sidebar--surface", P.inner, a),
+				children: m
+			})
+		})]
+	});
+}
+function B({ className: e, onClick: t, tone: i = "neutral", appearance: a = "ghost", iconOnly: o = !0, ...s }) {
+	let { isMobile: c, openMobile: l, toggleSidebar: u, strings: d } = M();
+	return /* @__PURE__ */ D(r, {
+		"data-slot": "sidebar-trigger",
+		tone: i,
+		appearance: a,
+		iconOnly: o,
+		"aria-label": d.toggle,
+		className: n("sidebar-trigger--component", e),
+		onClick: (e) => {
+			t?.(e), !e.defaultPrevented && (c && !l && e.currentTarget.focus({ preventScroll: !0 }), u());
+		},
+		...s,
+		children: /* @__PURE__ */ D(v, {})
+	});
+}
+function V({ className: e, ...t }) {
+	let { toggleSidebar: r, strings: i } = M();
+	return /* @__PURE__ */ D("button", {
+		type: "button",
+		"data-slot": "sidebar-rail",
+		"aria-label": i.toggle,
+		title: i.toggle,
+		tabIndex: -1,
+		onClick: r,
+		className: n("sidebar-rail--component", P.rail, e),
+		"data-hit-area": !0,
+		...t
+	});
+}
+function H({ className: e, render: t, ...r }) {
+	return A({
+		defaultTagName: "main",
+		props: k({ className: n(P.inset, e) }, r),
+		render: t,
+		state: { slot: "sidebar-inset" }
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar-header",
+		className: n("sidebar-header--component", P.header, e),
+		...t
+	});
+}
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar-footer",
+		className: n("sidebar-footer--component", P.footer, e),
+		...t
+	});
+}
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar-content",
+		className: n("sidebar-content--component", P.content, e),
+		...t
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ D(m, {
+		"data-slot": "sidebar-separator",
+		className: n("sidebar-separator--component", P.separator, e),
+		...t
+	});
+}
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ D(h, {
+		"data-slot": "sidebar-input",
+		className: n("sidebar-input--component", P.input, e),
+		...t
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar-group",
+		className: n("sidebar-group--component", P.group, e),
+		...t
+	});
+}
+function Y({ className: e, ...r }) {
+	return /* @__PURE__ */ D(t, {
+		tag: "div",
+		size: "xs",
+		type: "secondary",
+		weight: "medium",
+		"data-slot": "sidebar-group-label",
+		className: n("sidebar-group-label--component", P.groupLabel, e),
+		...r
+	});
+}
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ D("button", {
+		type: "button",
+		"data-slot": "sidebar-group-action",
+		className: n("sidebar-group-action--component", P.groupAction, e),
+		...t
+	});
+}
+function Z({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar-group-content",
+		className: n("sidebar-group-content--component", P.groupContent, e),
+		...t
+	});
+}
+function Q({ className: e, ...t }) {
+	return /* @__PURE__ */ D("ul", {
+		"data-slot": "sidebar-menu",
+		className: n("sidebar-menu--component", P.menu, e),
+		...t
+	});
+}
+function $({ className: e, ...t }) {
+	return /* @__PURE__ */ D("li", {
+		"data-slot": "sidebar-menu-item",
+		className: n("sidebar-menu-item--component", P.menuItem, e),
+		...t
+	});
+}
+var ee = {
+	default: void 0,
+	sm: P.menuButtonSm
+};
+function te({ size: t = "default", active: r = !1, appearance: s = "default", render: c, closeOnSelectMobile: l = !0, tooltip: d, className: f, children: p, onClick: m, ...h }) {
+	let { isMobile: g, setOpenMobile: _, state: v } = M(), y = n("sidebar-menu-button--component", P.menuButton, ee[t], s === "outline" && P.menuButtonOutline, e({
+		size: t === "sm" ? "xs" : "sm",
+		weight: r ? "medium" : "normal"
+	}), f), b = A({
+		defaultTagName: "button",
+		render: c ? u(c, p) : void 0,
+		props: {
+			"data-slot": "sidebar-menu-button",
+			"data-size": t,
+			"data-active": r || void 0,
+			"aria-current": r ? "page" : void 0,
+			...k({
+				...c ? {} : { type: "button" },
+				className: y,
+				children: p,
+				onClick: () => {
+					l && g && _(!1);
+				}
+			}, {
+				onClick: m,
+				...h
+			})
+		}
+	});
+	return d == null || d === !1 ? b : /* @__PURE__ */ O(o, {
+		disabled: v !== "collapsed" || g,
+		children: [/* @__PURE__ */ D(i, { render: b }), /* @__PURE__ */ D(a, {
+			side: "inline-end",
+			children: d
+		})]
+	});
+}
+function ne({ showOnHover: e = !1, className: t, ...r }) {
+	return /* @__PURE__ */ D("button", {
+		type: "button",
+		"data-slot": "sidebar-menu-action",
+		className: n("sidebar-menu-action--component", P.menuAction, e && P.menuActionOnHover, t),
+		...r
+	});
+}
+function re({ inline: t = !1, className: r, ...i }) {
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "sidebar-menu-badge",
+		className: n("sidebar-menu-badge--component", P.menuBadge, t && P.menuBadgeInline, e({
+			size: "xs",
+			weight: "medium",
+			numeric: !0
+		}), r),
+		...i
+	});
+}
+function ie({ showIcon: e = !1, className: t, style: r, ...i }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "sidebar-menu-skeleton",
+		className: n("sidebar-menu-skeleton--component", P.menuSkeleton, t),
+		style: r,
+		...i,
+		children: [e && /* @__PURE__ */ D(f, { className: P.menuSkeletonIcon }), /* @__PURE__ */ D(f, { className: P.menuSkeletonText })]
+	});
+}
+function ae({ className: e, ...t }) {
+	return /* @__PURE__ */ D("ul", {
+		"data-slot": "sidebar-menu-sub",
+		className: n("sidebar-menu-sub--component", P.menuSub, e),
+		...t
+	});
+}
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ D("li", {
+		"data-slot": "sidebar-menu-sub-item",
+		className: n("sidebar-menu-sub-item--component", P.menuSubItem, e),
+		...t
+	});
+}
+function se({ size: t = "default", active: r = !1, closeOnSelectMobile: i = !0, render: a, className: o, onClick: s, children: c, ...l }) {
+	let { isMobile: d, setOpenMobile: f } = M(), p = typeof l.href == "string";
+	return A({
+		defaultTagName: p ? "a" : "button",
+		render: a ? u(a, c) : void 0,
+		props: {
+			"data-slot": "sidebar-menu-sub-button",
+			"data-size": t,
+			"data-active": r || void 0,
+			"aria-current": r ? "page" : void 0,
+			...k({
+				...a || p ? {} : { type: "button" },
+				className: n("sidebar-menu-sub-button--component", P.menuSubButton, e({
+					size: t === "sm" ? "xs" : "sm",
+					weight: r ? "medium" : "normal"
+				}), o),
+				children: c,
+				onClick: () => {
+					i && d && f(!1);
+				}
+			}, {
+				onClick: s,
+				...l
+			})
+		}
+	});
+}
+//#endregion
+export { R as C, M as E, B as S, N as T, ae as _, X as a, V as b, U as c, Q as d, ne as f, ie as g, $ as h, J as i, q as l, te as m, G as n, Z as o, re as p, W as r, Y as s, z as t, H as u, se as v, F as w, K as x, oe as y };

package/dist/skeleton-BTKNKTdj.js

@@ -0,0 +1,173 @@
+import "#core.css";
+import { c as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { t as n } from "./strings-Co9_qArR.js";
+import { d as r } from "./display-a7AoX_u7.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import "#css/skeleton.css";
+var o = {
+	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 s({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "skeleton",
+		className: t("skeleton--component", o.root, e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/skeleton/skeleton.strings.ts
+var c = {
+	loading: "Loading",
+	loadingPage: "Loading page",
+	loadingTable: "Loading table"
+}, l = e({ size: "xl" });
+function u({ lines: u = 3, showTitle: d = !1, label: f, strings: p, className: m, ...h }) {
+	return /* @__PURE__ */ a("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: t("content-skeleton--component", o.block, e({ size: "sm" }), m),
+		...h,
+		children: [
+			/* @__PURE__ */ i(r, { children: f ?? n(c, p).loading }),
+			d && /* @__PURE__ */ i(s, {
+				"aria-hidden": !0,
+				className: t(o.title, l)
+			}),
+			/* @__PURE__ */ i("div", {
+				"aria-hidden": !0,
+				className: o.lines,
+				children: Array.from({ length: u }, (e, n) => /* @__PURE__ */ i(s, { className: t(o.line, n === u - 1 && u > 1 && o.lineLast) }, n))
+			})
+		]
+	});
+}
+function d({ showHeader: u = !0, blocks: d = 2, label: p, strings: m, className: h, ...g }) {
+	return /* @__PURE__ */ a("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: t("page-skeleton--component", o.block, e({ size: "sm" }), h),
+		...g,
+		children: [
+			/* @__PURE__ */ i(r, { children: p ?? n(c, m).loadingPage }),
+			u && /* @__PURE__ */ a("div", {
+				"aria-hidden": !0,
+				className: o.pageHeader,
+				children: [/* @__PURE__ */ a("div", {
+					className: o.pageHeaderText,
+					children: [/* @__PURE__ */ i(s, { className: t(o.title, l) }), /* @__PURE__ */ i(s, { className: t(o.line, o.pageHeaderDescription) })]
+				}), /* @__PURE__ */ a("div", {
+					className: o.pageHeaderActions,
+					children: [/* @__PURE__ */ i(s, { className: o.action }), /* @__PURE__ */ i(s, { className: o.action })]
+				})]
+			}),
+			Array.from({ length: d }, (e, t) => /* @__PURE__ */ i(f, {}, t))
+		]
+	});
+}
+function f() {
+	return /* @__PURE__ */ a("div", {
+		"aria-hidden": !0,
+		className: o.panel,
+		children: [/* @__PURE__ */ i(s, { className: t(o.heading, e({ size: "base" })) }), /* @__PURE__ */ a("div", {
+			className: o.lines,
+			children: [
+				/* @__PURE__ */ i(s, { className: o.line }),
+				/* @__PURE__ */ i(s, { className: o.line }),
+				/* @__PURE__ */ i(s, { className: t(o.line, o.lineLast) })
+			]
+		})]
+	});
+}
+function p({ label: u, strings: d, className: p, ...m }) {
+	return /* @__PURE__ */ a("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: t("two-column-page-skeleton--component", o.block, e({ size: "sm" }), p),
+		...m,
+		children: [
+			/* @__PURE__ */ i(r, { children: u ?? n(c, d).loadingPage }),
+			/* @__PURE__ */ i(s, {
+				"aria-hidden": !0,
+				className: t(o.title, l)
+			}),
+			/* @__PURE__ */ a("div", {
+				className: o.twoColumn,
+				children: [/* @__PURE__ */ i(f, {}), /* @__PURE__ */ a("div", {
+					"aria-hidden": !0,
+					className: o.panel,
+					children: [/* @__PURE__ */ a("div", {
+						className: o.identity,
+						children: [/* @__PURE__ */ i(s, { className: o.avatar }), /* @__PURE__ */ a("div", {
+							className: o.lines,
+							children: [/* @__PURE__ */ i(s, { className: t(o.line, o.identityName) }), /* @__PURE__ */ i(s, { className: t(o.line, o.identityMeta) })]
+						})]
+					}), /* @__PURE__ */ i("div", {
+						className: o.facts,
+						children: Array.from({ length: 3 }, (e, n) => /* @__PURE__ */ a("div", {
+							className: o.fact,
+							children: [/* @__PURE__ */ i(s, { className: t(o.line, o.factLabel) }), /* @__PURE__ */ i(s, { className: t(o.line, o.factValue) })]
+						}, n))
+					})]
+				})]
+			})
+		]
+	});
+}
+function m({ rows: l = 5, columns: u = 4, showHeader: d = !0, framed: f = !0, label: p, strings: m, className: h, ...g }) {
+	let _ = (e) => Array.from({ length: u }, (t, n) => /* @__PURE__ */ i("div", {
+		className: o.tableCell,
+		children: /* @__PURE__ */ i(s, { className: o.tableBar })
+	}, `${e}-${n}`));
+	return /* @__PURE__ */ a("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: t("table-skeleton--component", o.table, f && o.tableFramed, e({ size: "sm" }), h),
+		...g,
+		children: [
+			/* @__PURE__ */ i(r, { children: p ?? n(c, m).loadingTable }),
+			d && /* @__PURE__ */ i("div", {
+				"aria-hidden": !0,
+				className: t(o.tableRow, o.tableHeadRow, e({ size: "xs" })),
+				children: _(-1)
+			}),
+			Array.from({ length: l }, (e, t) => /* @__PURE__ */ i("div", {
+				"aria-hidden": !0,
+				className: o.tableRow,
+				children: _(t)
+			}, t))
+		]
+	});
+}
+//#endregion
+export { c as a, p as i, d as n, s as o, m as r, u as t };

package/dist/spinner-Tc1QCnxM.js

@@ -0,0 +1,30 @@
+import "#core.css";
+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";
+import "#css/spinner.css";
+var i = {
+	root: "spinner__root___whSBs",
+	ring: "spinner__ring___MbYnO",
+	sizeSm: "spinner__sizeSm___Kl7C1"
+}, a = e(i.root, {
+	variants: { size: {
+		default: void 0,
+		sm: i.sizeSm
+	} },
+	defaultVariants: { size: "default" }
+});
+function o({ size: e = "default", tone: o = "primary", label: s, className: c, ...l }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "spinner",
+		"data-tone": o,
+		role: s ? "status" : void 0,
+		"aria-hidden": !s || void 0,
+		className: t("spinner--component", a({ size: e }), c),
+		...l,
+		children: [/* @__PURE__ */ n("span", { className: i.ring }), s]
+	});
+}
+//#endregion
+export { o as t };