themelia-ui 2.0.1 → 3.1.0

package/SECURITY.md

@@ -4,9 +4,10 @@
 
 | version | supported |
 |---|---|
-| 2.x | ✅ |
-| 1.x | ❌ — superseded by 2.0 |
-| 0.x | ❌ — pre-release, superseded by 1.0 |
+| 3.x | ✅ |
+| 2.x | ❌ superseded by 3.0 |
+| 1.x | ❌ superseded by 2.0 |
+| 0.x | ❌ pre-release, superseded by 1.0 |
 
 ## Reporting
 
@@ -14,67 +15,63 @@ Report a suspected vulnerability privately, through GitHub's **Report a vulnerab
 button on the repository's Security tab. Please do not open a public issue first.
 
 Include what you did, what happened, and which version you were on. A reply should come
-within a week; a fix or a documented mitigation within thirty days for anything that reaches
-a consumer's users.
+within a week, and a fix or a documented mitigation within thirty days for anything that
+reaches a consumer's users.
 
-## What this package does and does not do with untrusted input
+## Untrusted input
 
-This is a presentation library. It renders what it is given, and it holds no data of its own
-— no network calls, no storage, no authentication. That makes the trust boundary the
-consumer's, and there is one place where that matters more than the rest.
+This is a presentation library: it renders what it is given, has no authentication, and
+keeps no data of its own beyond the two preferences under
+[Network and storage](#network-and-storage). The trust boundary is the application's.
 
-### HTML trust boundaries
+Text goes through the typography components, which render it as text, and values go
+through the primitives, which format them. Neither interprets markup: `Value` and its
+relatives escape by construction, because React does. Passing `dangerouslySetInnerHTML` to
+a component that accepts arbitrary children is your call and your sanitiser's job.
 
-`RichTextEditor` produces **HTML** and does not sanitize the draft. The package's `RichText`
-renderer does sanitize stored HTML through an allow-list before it reaches the DOM:
+### Rich text
 
-- **On the way in**, an editor's output is whatever the browser's editing engine produced
-  from what the user typed or pasted. A paste can carry markup and attributes the user never
-  saw.
-- **On the way out**, rendering stored HTML through application-owned
-  `dangerouslySetInnerHTML` is the classic stored-XSS shape. Render it with `RichText`, or
-  apply the application's own sanitizer before any other HTML sink.
+The editor and the renderer sit on opposite sides of the trust boundary, on purpose.
 
-Sanitize at the application's trust boundary before storage when its allowed tags, embeds,
-or author policy are stricter than `RichText`'s display allow-list. `RichText` provides the
-non-bypassable rendering safeguard; it does not replace server-side validation or policy.
+**`RichTextEditor` and every `RichTextEngine` hold what the writer typed, unsanitised.** A
+paste can carry markup and attributes the writer never saw. An editor that quietly removed
+part of a draft would be a worse failure, and would not make the content safe anyway: the
+value travels to a server and comes back by another path.
 
-`RichTextEditor` is marked **experimental** for a related reason: its editing engine is
-`document.execCommand`, which is deprecated. It works in every current browser and has no
-standard replacement, but it is not a foundation to freeze a stable API on. Expect its
-internals to change within 2.x; `RichTextEditorHandle` is the seam intended to survive that.
+**`RichText` is where sanitisation happens.** It renders stored HTML only through a fixed
+allow-list, with no prop to widen or skip it: paragraphs, headings, lists, quotes, code,
+inline marks and links, with `http`, `https`, `mailto` and `tel` the only link protocols.
+Scripts, styles, images, embeds, SVG, comments, event handlers and `style` and `class`
+attributes are removed.
 
-### Everything else
+So store what the editor gives you and render it through `RichText`. Rendering editor output
+with your own `dangerouslySetInnerHTML` is the classic stored-XSS shape. Where your policy is
+stricter than `RichText`'s display allow-list (allowed tags, embeds, who may author what),
+sanitise at your own trust boundary before storage too: `RichText` is a rendering safeguard,
+not server-side validation.
 
-Text goes through the typography components, which render it as text. Values go through the
-primitives, which format them. Neither interprets markup. `Value` and its relatives escape
-by construction because React does.
+Load only HTML you trust into an editor. The default TipTap engine parses its value, and the
+HTML passed to the editor handle's `setHTML` and `insertHTML`, into its own document model,
+keeping only what that model supports. `createExecCommandEngine`, and a custom engine without
+`mount`, write HTML into the live page, where an inline event handler in it runs.
 
-If you pass `dangerouslySetInnerHTML` to a component that accepts arbitrary children, that
-is your call and your sanitizer's job.
+`createExecCommandEngine` is kept for existing integrations and is **experimental**: it edits
+through `document.execCommand`, which is deprecated and has no standard replacement.
+`RichTextEditor`, its `RichTextEditorHandle` and the `RichTextEngine` contract are stable.
 
-## Rich text: where sanitisation happens
+## Network and storage
 
-The editor and the renderer sit on opposite sides of this line, on purpose.
+The package makes no network requests of its own except in `features/map`:
 
-**`RichTextEditor` and every `RichTextEngine` hold what the writer typed, unsanitised.** An
-editor that quietly removed part of a draft mid-keystroke would be a worse failure than the
-one it was trying to prevent, and it would not make the content safe anyway — the value
-goes to a server and comes back through some other path.
+- Map tiles load from `tile.openstreetmap.org` unless a `MapTileLayer` sets `url`.
+- `PlaceAutocomplete`, `MapSearchControl` and `usePlaceSearch` send the typed query to the
+  public Photon geocoder at `photon.komoot.io` unless `searchUrl` points elsewhere.
 
-**`RichText` is where the allow-list runs.** It is the component for rendering stored
-content, it sanitises before anything reaches the DOM, and there is no way to skip that: the
-`sanitizer` prop replaces the allow-list, it does not disable it.
-
-So: store what the editor gives you, and render it through `RichText`. Do not render editor
-output with `dangerouslySetInnerHTML` of your own.
-
-`src/components/features/rich-text-editor/rich-text-security.test.tsx` asserts both halves —
-that an engine keeps a `<script>` tag it was given, and that `RichText` removes both the
-script and an `onerror` attribute while keeping the surrounding text.
+It stores two interface preferences in `localStorage`: the sidebar's expanded state
+(`SidebarProvider`'s `persist`, on by default) and a data table's column visibility when
+`storageKey` is set.
 
 ## Dependencies
 
-Runtime dependencies are kept few and the optional peers are genuinely optional — a family
-that does not need `recharts` never loads it, which `verify:package` proves across 1164
-containment checks on every release.
+Runtime dependencies are few, and the optional peers are optional: a module that does not
+need `recharts` never loads it.

package/dist/accordion-CHuzMmWL.js

@@ -0,0 +1,143 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { n as r } from "./ui-provider-DpzLUD12.js";
+import { Accordion as i } from "@base-ui/react/accordion";
+import { ChevronDownIcon as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import "#css/accordion.css";
+var c = {
+	root: "accordion__root___hEph1",
+	surfaceBordered: "accordion__surfaceBordered___zgX5U",
+	surfaceCard: "accordion__surfaceCard___U4Iy7",
+	surfaceFlat: "accordion__surfaceFlat___qR6LI",
+	item: "accordion__item___3ML8e",
+	header: "accordion__header___OH-Pt",
+	trigger: "accordion__trigger___uSwje",
+	icon: "accordion__icon___LakYD",
+	panel: "accordion__panel___08Ioe",
+	content: "accordion__content___QPJl8",
+	row: "accordion__row___oCO96",
+	rowWithMedia: "accordion__rowWithMedia___0tYvT",
+	media: "accordion__media___uasy7",
+	mediaMedallion: "accordion__mediaMedallion___HST4U",
+	heading: "accordion__heading___l_NxV",
+	titleLine: "accordion__titleLine___Q0PVI",
+	badge: "accordion__badge___PHYok",
+	bodyWithMedia: "accordion__bodyWithMedia___jP5Gh",
+	bodyWithMedallion: "accordion__bodyWithMedallion___rRwpM"
+}, l = {
+	bordered: c.surfaceBordered,
+	card: c.surfaceCard,
+	flat: c.surfaceFlat
+};
+function u(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function d({ className: t, surface: a, items: s, media: u, children: d, ...f }) {
+	let p = r("accordion", {
+		surface: "bordered",
+		media: "inline"
+	}), m = a ?? p.surface, g = u ?? p.media;
+	return /* @__PURE__ */ o(i.Root, {
+		className: n("accordion--component", c.root, l[m], e({ size: "sm" }), t),
+		"data-surface": m,
+		...f,
+		children: d ?? s?.map((e) => /* @__PURE__ */ o(h, {
+			item: e,
+			media: g,
+			items: s
+		}, e.value))
+	});
+}
+function f({ className: e, ...t }) {
+	return /* @__PURE__ */ o(i.Item, {
+		className: n("accordion-item--component", c.item, e),
+		...t
+	});
+}
+function p({ className: r, children: l, ...d }) {
+	return /* @__PURE__ */ o(i.Header, {
+		className: c.header,
+		children: /* @__PURE__ */ s(i.Trigger, {
+			className: n("accordion-trigger--component", c.trigger, e({
+				size: "inherit",
+				weight: "medium"
+			}), r),
+			...d,
+			children: [u(l) ? /* @__PURE__ */ o(t, {
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				children: l
+			}) : l, /* @__PURE__ */ o(a, {
+				"aria-hidden": !0,
+				className: c.icon
+			})]
+		})
+	});
+}
+function m({ className: r, children: a, ...s }) {
+	return /* @__PURE__ */ o(i.Panel, {
+		className: n("accordion-content--component", c.panel),
+		...s,
+		children: /* @__PURE__ */ o("div", {
+			className: n(c.content, e({
+				size: "inherit",
+				lineHeight: "relaxed"
+			}), r),
+			children: u(a) ? /* @__PURE__ */ o(t, {
+				tag: "div",
+				size: "inherit",
+				type: "secondary",
+				lineHeight: "relaxed",
+				children: a
+			}) : a
+		})
+	});
+}
+function h({ item: e, media: r, items: i }) {
+	let a = r !== "none" && i.some((e) => e.icon != null), l = a ? r === "medallion" ? c.bodyWithMedallion : c.bodyWithMedia : void 0;
+	return /* @__PURE__ */ s(f, {
+		value: e.value,
+		className: "accordion--item",
+		children: [/* @__PURE__ */ o(p, {
+			disabled: e.disabled,
+			className: "accordion--trigger",
+			children: /* @__PURE__ */ s("span", {
+				className: n(c.row, a && c.rowWithMedia),
+				children: [a && /* @__PURE__ */ o("span", {
+					"aria-hidden": !0,
+					className: n("accordion--media", c.media, r === "medallion" && e.icon != null && c.mediaMedallion),
+					children: e.icon
+				}), /* @__PURE__ */ s("span", {
+					className: n("accordion--heading", c.heading),
+					children: [/* @__PURE__ */ s("span", {
+						className: c.titleLine,
+						children: [u(e.title) ? /* @__PURE__ */ o(t, {
+							tag: "span",
+							size: "inherit",
+							weight: "medium",
+							className: "accordion--title",
+							children: e.title
+						}) : e.title, e.badge != null && /* @__PURE__ */ o("span", {
+							className: c.badge,
+							children: e.badge
+						})]
+					}), e.description != null && (u(e.description) ? /* @__PURE__ */ o(t, {
+						tag: "span",
+						size: "sm",
+						type: "secondary",
+						className: "accordion--description",
+						children: e.description
+					}) : e.description)]
+				})]
+			})
+		}), /* @__PURE__ */ o(m, {
+			className: n("accordion--content", l),
+			children: e.content
+		})]
+	});
+}
+//#endregion
+export { p as i, m as n, f as r, d as t };

package/dist/{action-menu-BrMchcyt.js → action-menu-BwiL_F6I.js}

@@ -1,12 +1,13 @@
-import "./css/action-menu.css";
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { n } from "./ui-provider-gNDv-ZRY.js";
-import { c as r } from "./buttons-riLAPVQV.js";
-import { a as i, d as a, g as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./dropdown-menu-BdgB__AC.js";
+import "#core.css";
+import { s as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { n } from "./ui-provider-DpzLUD12.js";
+import { c as r } from "./buttons-BX2JfL5X.js";
+import { a as i, d as a, g as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./dropdown-menu-Br8kvjrF.js";
 import { MoreVerticalIcon as p } from "lucide-react";
 import { Fragment as m, isValidElement as h, useMemo as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import "#css/action-menu.css";
 var b = {
 	triggerLabel: "action-menu__triggerLabel___1wz5W",
 	buttons: "action-menu__buttons___ZDGlp",
@@ -74,13 +75,13 @@ function k(n, r, a, o, s = !1) {
 		className: "action-menu--item",
 		children: n.render
 	}, l);
-	let f = O(n), p = typeof n.label == "string" ? /* @__PURE__ */ v(t, {
+	let f = O(n), p = typeof n.label == "string" ? /* @__PURE__ */ v(e, {
 		tag: "span",
 		size: "inherit",
 		truncate: !0,
 		className: "action-menu--item-label",
 		children: n.label
-	}) : n.label, m = e("action-menu--item", n.className), h = w(n) ? "destructive" : "default";
+	}) : n.label, m = t("action-menu--item", n.className), h = w(n) ? "destructive" : "default";
 	if (n.type === "checkbox") return /* @__PURE__ */ v(c, {
 		checked: !!n.checked,
 		disabled: n.disabled,
@@ -159,15 +160,15 @@ function M({ actions: i, label: a, icon: s = p, strings: c, buttonProps: l, alig
 	let R = !!a && I === "visible", z = I === "hidden" ? b.labelHidden : I === "responsive" ? b.labelResponsive : void 0, B = D(s);
 	return /* @__PURE__ */ y(f, { children: [/* @__PURE__ */ v(o, { render: A ?? /* @__PURE__ */ y(r, {
 		tone: "neutral",
-		buttonStyle: "ghost",
+		appearance: "ghost",
 		iconOnly: !R,
 		"aria-label": R ? void 0 : M.trigger,
 		...l,
-		children: [B, a != null && /* @__PURE__ */ v(t, {
+		children: [B, a != null && /* @__PURE__ */ v(e, {
 			tag: "span",
 			size: "inherit",
 			weight: "medium",
-			className: e(b.triggerLabel, z),
+			className: t(b.triggerLabel, z),
 			children: a
 		})]
 	}) }), /* @__PURE__ */ v(u, {
@@ -176,49 +177,49 @@ function M({ actions: i, label: a, icon: s = p, strings: c, buttonProps: l, alig
 		width: _,
 		minWidth: x,
 		maxWidth: S,
-		className: e("action-menu--component", h),
+		className: t("action-menu--component", h),
 		children: j(L, F, k)
 	})] });
 }
-function N({ actions: t, max: n, strings: i, className: a, renderLink: o }) {
+function N({ actions: e, max: n, strings: i, className: a, renderLink: o }) {
 	let s = {
 		...C,
 		...i
-	}, c = t.filter((e) => e.visible !== !1);
+	}, c = e.filter((e) => e.visible !== !1);
 	if (c.length === 0) return null;
 	let { inline: l, overflow: u } = S(c, n != null && n >= 0 ? n : void 0);
 	return /* @__PURE__ */ y("div", {
-		className: e("action-buttons--component", b.buttons, a),
-		children: [l.map((t, n) => {
-			let i = t.buttonStyle === "link", a = i ? "ghost" : t.buttonStyle ?? "solid", s = /* @__PURE__ */ y(_, { children: [D(t.icon), t.label] });
-			if (t.href && !t.disabled) {
-				let c = t.href, l = o ? o({
+		className: t("action-buttons--component", b.buttons, a),
+		children: [l.map((e, n) => {
+			let i = e.appearance === "link", a = i ? "ghost" : e.appearance ?? "solid", s = /* @__PURE__ */ y(_, { children: [D(e.icon), e.label] });
+			if (e.href && !e.disabled) {
+				let c = e.href, l = o ? o({
 					href: c,
 					children: s,
-					target: t.target,
-					rel: t.rel,
-					external: t.external
+					target: e.target,
+					rel: e.rel,
+					external: e.external
 				}) : /* @__PURE__ */ v("a", {
 					href: c,
-					target: t.target,
-					rel: t.rel,
+					target: e.target,
+					rel: e.rel,
 					children: s
 				});
 				return /* @__PURE__ */ v(r, {
 					render: l,
-					tone: t.tone ?? "primary",
-					buttonStyle: a,
-					className: e(i && b.linkButton, t.className)
-				}, T(t, n));
+					tone: e.tone ?? "primary",
+					appearance: a,
+					className: t(i && b.linkButton, e.className)
+				}, T(e, n));
 			}
 			return /* @__PURE__ */ v(r, {
-				tone: t.tone ?? "primary",
-				buttonStyle: a,
-				disabled: t.disabled,
-				onClick: t.onClick,
-				className: e(i && b.linkButton, t.className),
+				tone: e.tone ?? "primary",
+				appearance: a,
+				disabled: e.disabled,
+				onClick: e.onClick,
+				className: t(i && b.linkButton, e.className),
 				children: s
-			}, T(t, n));
+			}, T(e, n));
 		}), u.length > 0 && /* @__PURE__ */ v(M, {
 			actions: u,
 			strings: { trigger: s.overflow },

package/dist/{alert-dialog-ZHkE0QEz.js → alert-dialog-Bmo1YrTm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cx--CBrhWH0.js";
-import { n as t, r as n } from "./overlay-A5bE-8n5.js";
+import { n as t, r as n } from "./overlay-C8RAgi2_.js";
 import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/base/alert-dialog/alert-dialog.tsx

package/dist/avatar-Dc_BNYfB.js

@@ -0,0 +1,93 @@
+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 { I as r } from "./primitives-BskKlf35.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Avatar as s } from "@base-ui/react/avatar";
+import "#css/avatar.css";
+var c = {
+	root: "avatar__root___2ptsc",
+	image: "avatar__image___wq0Gj",
+	fallback: "avatar__fallback___g0j6V",
+	badge: "avatar__badge___icwZh",
+	group: "avatar__group___1Rp-f",
+	count: "avatar__count___Lb26q"
+}, l = i.createContext("default"), u = i.createContext(!1);
+function d({ className: e, size: n = "default", ...r }) {
+	return /* @__PURE__ */ a(l.Provider, {
+		value: n,
+		children: /* @__PURE__ */ a(s.Root, {
+			"data-slot": "avatar",
+			"data-size": n,
+			className: t("avatar--component", c.root, e),
+			...r
+		})
+	});
+}
+function f({ className: e, ...n }) {
+	return /* @__PURE__ */ a(s.Image, {
+		"data-slot": "avatar-image",
+		className: t("avatar-image--component", c.image, e),
+		...n
+	});
+}
+function p({ className: n, ...r }) {
+	let o = i.useContext(l), d = i.useContext(u);
+	return /* @__PURE__ */ a(s.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: t("avatar-fallback--component", c.fallback, e({ size: o === "sm" || d ? "xs" : "sm" }), n),
+		...r
+	});
+}
+function m({ className: e, ...n }) {
+	return /* @__PURE__ */ a("span", {
+		"data-slot": "avatar-badge",
+		className: t("avatar-badge--component", c.badge, e),
+		...n
+	});
+}
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ a(u.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ a("div", {
+			"data-slot": "avatar-group",
+			className: t("avatar-group--component", c.group, e),
+			...n
+		})
+	});
+}
+function g({ className: n, ...r }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "avatar-group-count",
+		className: t("avatar-group-count--component", c.count, e({ size: "xs" }), n),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/avatar/avatar.strings.ts
+var _ = {
+	people: (e) => `${e} ${e === 1 ? "person" : "people"}`,
+	overflow: (e) => `+${e}`
+};
+//#endregion
+//#region src/components/base/avatar/stacked-avatars.tsx
+function v({ users: e, strings: i, max: s = 4, showOverflow: c = !0, overflowFormatter: l, className: u, ...m }) {
+	let v = n(_, i), y = e.slice(0, s), b = e.length - y.length;
+	return /* @__PURE__ */ o(h, {
+		role: "group",
+		"aria-label": v.people(e.length),
+		className: t("stacked-avatars--component", u),
+		...m,
+		children: [y.map((e) => /* @__PURE__ */ o(d, {
+			title: e.name,
+			children: [!!e.src && /* @__PURE__ */ a(f, {
+				src: e.src,
+				alt: e.name
+			}), /* @__PURE__ */ a(p, { children: e.initials ?? r(e.name) })]
+		}, e.id ?? e.name)), c && b > 0 && /* @__PURE__ */ a(g, { children: (l ?? v.overflow)(b) })]
+	});
+}
+//#endregion
+export { p as a, f as c, m as i, _ as n, h as o, d as r, g as s, v as t };

package/dist/badge-VlJVZjdm.js

@@ -0,0 +1,45 @@
+import "#core.css";
+import { t as e } from "./cvm-DtsCA8iZ.js";
+import { c as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { t as r } from "./slot-2Jf4M2nC.js";
+import * as i from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import "#css/badge.css";
+var c = {
+	root: "badge__root___op_Cd",
+	appearanceSoft: "badge__appearanceSoft___pZUbt",
+	appearanceSolid: "badge__appearanceSolid___v5dC0",
+	appearanceOutline: "badge__appearanceOutline___cX52y",
+	dot: "badge__dot___0GUHb",
+	dotPending: "badge__dotPending___wFqQ4",
+	dotPulse: "badge__dotPulse___oSXFf"
+}, l = e(c.root, {
+	variants: { appearance: {
+		soft: c.appearanceSoft,
+		solid: c.appearanceSolid,
+		outline: c.appearanceOutline
+	} },
+	defaultVariants: { appearance: "soft" }
+});
+//#endregion
+//#region src/components/base/badge/badge.tsx
+function u({ className: e, tone: u = "neutral", appearance: d = "soft", render: f, dot: p = !1, pending: m = !1, pulse: h = !1, children: g, ..._ }) {
+	let v = f === void 0 ? "span" : r, y = /* @__PURE__ */ s(a, { children: [!!p && /* @__PURE__ */ o("span", {
+		"aria-hidden": !0,
+		className: n(c.dot, m && c.dotPending, h && c.dotPulse)
+	}), g] });
+	return /* @__PURE__ */ o(v, {
+		"data-slot": "badge",
+		"data-tone": u,
+		className: n("badge--component", l({ appearance: d }), t({
+			size: "xs",
+			weight: "medium",
+			lineHeight: "none"
+		}), e),
+		..._,
+		children: f ? g == null ? f : i.cloneElement(f, void 0, y) : y
+	});
+}
+//#endregion
+export { u as t };

package/dist/base/accordion.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { i as e, n as t, r as n, t as r } from "../accordion-B4zNzH7s.js";
+import { i as e, n as t, r as n, t as r } from "../accordion-CHuzMmWL.js";
 export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger };

package/dist/base/action-menu.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, i as t, n, r, t as i } from "../action-menu-BrMchcyt.js";
+import { a as e, i as t, n, r, t as i } from "../action-menu-BwiL_F6I.js";
 export { i as ActionButtons, n as ActionMenu, r as defaultActionMenuStrings, t as resolveContextActions, e as splitActions };

package/dist/base/alert-dialog.js

@@ -1,3 +1,2 @@
-import "../core.css";
-import { i as e, n as t, r as n, t as r } from "../alert-dialog-ZHkE0QEz.js";
+import { i as e, n as t, r as n, t as r } from "../alert-dialog-Bmo1YrTm.js";
 export { r as AlertDialogAction, t as AlertDialogCancel, n as AlertDialogContent, e as AlertDialogMedia };

package/dist/base/aspect-ratio.js

@@ -1,8 +1,8 @@
-import "../core.css";
-import "../css/aspect-ratio.css";
+import "#core.css";
 import { t as e } from "../cx--CBrhWH0.js";
 import { n as t, r as n } from "../responsive-B4VDcIUK.js";
 import { jsx as r } from "react/jsx-runtime";
+import "#css/aspect-ratio.css";
 var i = { root: "aspect-ratio__root___QIdOK" };
 //#endregion
 //#region src/components/base/aspect-ratio/aspect-ratio.tsx
@@ -11,7 +11,7 @@ function a({ ratio: a = 1, fit: o = "cover", className: s, style: c, ...l }) {
 		"data-slot": "aspect-ratio",
 		"data-fit": o,
 		className: e("aspect-ratio--component", i.root, s),
-		style: t(n("aspect-ratio", a), c ?? {}),
+		style: t(n("_aspect-ratio", a), c ?? {}),
 		...l
 	});
 }

package/dist/base/avatar.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../avatar-C30TNJoy.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../avatar-Dc_BNYfB.js";
 export { a as Avatar, n as AvatarBadge, e as AvatarFallback, i as AvatarGroup, o as AvatarGroupCount, t as AvatarImage, s as StackedAvatars, r as defaultStackedAvatarsStrings };

package/dist/base/badge.js

@@ -1,3 +1,2 @@
-import "../core.css";
-import { n as e, t } from "../badge-D34FkKLD.js";
-export { t as Badge, e as badgeVariants };
+import { t as e } from "../badge-VlJVZjdm.js";
+export { e as Badge };

package/dist/base/batch-action-bar.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { n as e, t } from "../batch-action-bar-CAIjntVw.js";
+import { n as e, t } from "../batch-action-bar-DZVMVW83.js";
 export { t as BatchActionBar, e as defaultBatchActionBarStrings };

package/dist/base/buttons.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../buttons-riLAPVQV.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../buttons-BX2JfL5X.js";
 export { t as Button, e as ButtonGroup, i as ButtonGroupSeparator, o as ButtonGroupText, r as LoaderButton, n as TextButton, s as TooltipButton, a as defaultButtonLoadingStrings };

package/dist/base/cards.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../cards-CcwLsQQS.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../cards-DdiICdMM.js";
 export { n as Card, r as CardActionStrip, e as CardContent, i as CardFooter, o as CardHeader, a as CardPrimaryAction, s as CardSkeleton, t as defaultCardStrings };