themelia-ui 3.0.0 → 3.2.0

package/dist/features/resource-assignment.js

@@ -1,15 +1,17 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n } from "../typography-BkxEiwQ1.js";
-import { h as r, p as i } from "../feedback-DRerHGuV.js";
-import { c as a } from "../buttons-CqXKWty3.js";
-import { n as o } from "../action-menu-BNLURfMK.js";
-import { l as s } from "../display-B3Q17h5z.js";
-import { o as c } from "../structure-D0WGQAP3.js";
-import { r as l } from "../overlays-DvVoS3td.js";
+import "#core.css";
+import { a 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 { n as i } from "../action-menu-BwiL_F6I.js";
+import { o as a } from "../structure-CynEZ-OY.js";
+import { h as o, p as s } from "../feedback-D4qVsKlD.js";
+import { l as c } from "../display-a7AoX_u7.js";
+import { r as l } from "../overlays-1sULyytH.js";
 import { EyeIcon as u, PackageOpenIcon as d } from "lucide-react";
 import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import "#css/resource-assignment.css";
 //#region src/components/features/resource-assignment/use-shared-resource-card.ts
 function b({ resource: e, mapInitialSelected: t, onConfirmSelection: n, isConfirmDisabled: r, onDialogOpen: i, onDialogClose: a, onError: o, open: s, defaultOpen: c = !1, onOpenChange: l, value: u, defaultValue: d, onValueChange: _ }) {
 	let [v, y] = g(c), [b, x] = g(d ?? null), [S, C] = g(!1), w = h(!1), T = h(0), E = s !== void 0, D = u !== void 0, O = E ? s : v, k = D ? u : b, A = h(!1), j = h(!1), M = h(d !== void 0), N = f((e) => {
@@ -124,15 +126,15 @@ function w({ context: r, strings: i, getSelectionLabel: a }) {
 	if (s === null) return null;
 	let c = a?.(s) ?? (typeof s == "object" && s && "label" in s && typeof s.label == "string" ? s.label : null);
 	return c == null || c === "" ? null : /* @__PURE__ */ y("div", {
-		className: e("default-dialog-summary--component", S.summary),
-		children: [/* @__PURE__ */ v(t, { children: o.currentlySelected }), /* @__PURE__ */ v(n, {
+		className: n("default-dialog-summary--component", S.summary),
+		children: [/* @__PURE__ */ v(e, { children: o.currentlySelected }), /* @__PURE__ */ v(t, {
 			weight: "medium",
 			className: S.summaryValue,
 			children: c
 		})]
 	});
 }
-function T({ icon: t, title: p, description: h, className: g, contentClassName: T, alert: E, alertTone: D = "neutral", actions: O, headerAction: k, footerText: A, resource: j, selector: M, sections: N, sectionsClassName: P, viewAction: F, viewLink: I, ResourceContentComponent: L, EmptyContentComponent: R, renderResourceContent: z, renderEmptyContent: B, strings: V }) {
+function T({ icon: e, title: p, description: h, className: g, contentClassName: T, alert: E, alertTone: D = "neutral", actions: O, headerAction: k, footerText: A, resource: j, selector: M, sections: N, sectionsClassName: P, viewAction: F, viewLink: I, ResourceContentComponent: L, EmptyContentComponent: R, renderResourceContent: z, renderEmptyContent: B, strings: V }) {
 	let H = {
 		...x,
 		...V
@@ -167,25 +169,25 @@ function T({ icon: t, title: p, description: h, className: g, contentClassName:
 		J
 	]), Q = (k || X) && /* @__PURE__ */ y(_, { children: [
 		k,
-		X && /* @__PURE__ */ v(a, {
+		X && /* @__PURE__ */ v(r, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "outline",
+			appearance: "outline",
 			onClick: q,
 			children: G
 		}),
-		Z.length > 0 && /* @__PURE__ */ v(o, { actions: Z })
+		Z.length > 0 && /* @__PURE__ */ v(i, { actions: Z })
 	] }), ee = m(() => {
 		if (z) return z(U);
 		if (L) return /* @__PURE__ */ v(L, { context: U });
-		let t = (N ?? []).filter((e) => e.when?.(U) ?? !0);
-		return t.length > 0 ? /* @__PURE__ */ v("div", {
-			className: e(S.sections, P),
-			children: t.map((e) => /* @__PURE__ */ v("div", {
+		let e = (N ?? []).filter((e) => e.when?.(U) ?? !0);
+		return e.length > 0 ? /* @__PURE__ */ v("div", {
+			className: n(S.sections, P),
+			children: e.map((e) => /* @__PURE__ */ v("div", {
 				className: e.className,
 				children: /* @__PURE__ */ v(e.Component, { context: U })
 			}, e.id))
-		}) : /* @__PURE__ */ v(n, {
+		}) : /* @__PURE__ */ v(t, {
 			type: "secondary",
 			children: H.noResourceContent
 		});
@@ -196,20 +198,20 @@ function T({ icon: t, title: p, description: h, className: g, contentClassName:
 		z,
 		N,
 		P
-	]), te = m(() => B ? B(U) : R ? /* @__PURE__ */ v(R, { context: U }) : W ? /* @__PURE__ */ v(i, {
+	]), te = m(() => B ? B(U) : R ? /* @__PURE__ */ v(R, { context: U }) : W ? /* @__PURE__ */ v(s, {
 		padding: "sm",
 		media: /* @__PURE__ */ v(d, {}),
 		mediaVariant: "icon-soft",
 		title: H.noResourceSelected,
 		description: !1,
-		action: /* @__PURE__ */ v(a, {
+		action: /* @__PURE__ */ v(r, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "outline",
+			appearance: "outline",
 			onClick: q,
 			children: G
 		})
-	}) : /* @__PURE__ */ v(n, {
+	}) : /* @__PURE__ */ v(t, {
 		type: "secondary",
 		children: H.noResourceSelected
 	}), [
@@ -220,35 +222,35 @@ function T({ icon: t, title: p, description: h, className: g, contentClassName:
 		H.noResourceSelected,
 		q,
 		B
-	]), $ = U.hasResource ? F ?? (I ? /* @__PURE__ */ y(a, {
+	]), $ = U.hasResource ? F ?? (I ? /* @__PURE__ */ y(r, {
 		render: /* @__PURE__ */ v("a", { href: I.href }),
 		tone: "neutral",
-		buttonStyle: "outline",
+		appearance: "outline",
 		children: [/* @__PURE__ */ v(u, { "aria-hidden": !0 }), I.label]
 	}) : null) : null;
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(s, {
-		icon: t,
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(c, {
+		icon: e,
 		title: p,
 		description: h,
 		headerEnd: Q,
 		surface: "bordered",
 		"data-slot": "shared-resource-card",
 		"data-state": U.hasResource ? "assigned" : "empty",
-		className: e("shared-resource-card--component", S.card, g),
+		className: n("shared-resource-card--component", S.card, g),
 		children: [
-			!!E && /* @__PURE__ */ v(r, {
+			!!E && /* @__PURE__ */ v(o, {
 				tone: D,
 				children: E
 			}),
 			/* @__PURE__ */ v("div", {
-				className: e(S.body, T),
+				className: n(S.body, T),
 				children: U.hasResource ? ee : te
 			}),
 			!!$ && /* @__PURE__ */ v("div", {
-				className: e(S.viewAction, I?.className),
+				className: n(S.viewAction, I?.className),
 				children: $
 			}),
-			!!A && /* @__PURE__ */ v(n, {
+			!!A && /* @__PURE__ */ v(t, {
 				size: "xs",
 				type: "secondary",
 				children: A
@@ -280,19 +282,19 @@ function T({ icon: t, title: p, description: h, className: g, contentClassName:
 				strings: V,
 				getSelectionLabel: M.getSelectionLabel
 			}),
-			/* @__PURE__ */ y(c, {
+			/* @__PURE__ */ y(a, {
 				direction: "horizontal",
-				gap: "md",
+				gap: "sm",
 				justify: "end",
 				className: S.dialogFooter,
-				children: [/* @__PURE__ */ v(a, {
+				children: [/* @__PURE__ */ v(r, {
 					type: "button",
 					tone: "neutral",
-					buttonStyle: "outline",
+					appearance: "outline",
 					onClick: U.closeSelector,
 					disabled: U.isConfirming,
 					children: M.cancelText
-				}), /* @__PURE__ */ v(a, {
+				}), /* @__PURE__ */ v(r, {
 					type: "button",
 					onClick: () => void U.confirmSelection(),
 					disabled: !U.canConfirmSelection || U.isConfirming,

package/dist/features/resource.js

@@ -1,13 +1,15 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { o as t } from "../typography-BkxEiwQ1.js";
-import { n, p as r, t as i } from "../feedback-DRerHGuV.js";
-import { l as a, n as o, u as s } from "../display-B3Q17h5z.js";
-import { o as c } from "../structure-D0WGQAP3.js";
-import { F as l } from "../primitives-D0bdDozz.js";
-import { a as u, c as d, r as f } from "../avatar-CS7zow2q.js";
-import { n as p, o as m } from "../navigation-CsqTA16F.js";
+import "#core.css";
+import { s as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { o as n } from "../structure-CynEZ-OY.js";
+import { a as r, c as i, r as a } from "../avatar-Dc_BNYfB.js";
+import { F as o } from "../primitives-BskKlf35.js";
+import { n as s, p as c, t as l } from "../feedback-D4qVsKlD.js";
+import { l as u, n as d, u as f } from "../display-a7AoX_u7.js";
+import { n as p, o as m } from "../navigation-Bgu7Vc0M.js";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import "#css/resource.css";
 //#region src/components/features/resource/resource.strings.ts
 var _ = {
 	loadingLabel: "Loading resources",
@@ -38,116 +40,114 @@ var _ = {
 };
 //#endregion
 //#region src/components/features/resource/resource.tsx
-function y({ title: t, description: n, eyebrow: r, media: i, avatarUrl: a, avatarAlt: o, avatarFallback: p, icon: _, iconTone: y = "neutral", badges: b, metadata: x, actions: S, className: C, contentClassName: w, mediaClassName: T }) {
-	let E = typeof t == "string" ? t : "", D = i ?? (a || p ? /* @__PURE__ */ g(f, {
-		className: e("resource-header--avatar", v.headerAvatar, T),
-		children: [!!a && /* @__PURE__ */ h(d, {
-			src: a,
-			alt: o ?? E
-		}), /* @__PURE__ */ h(u, { children: p ?? /* @__PURE__ */ h(l, {
+function y({ title: e, description: s, eyebrow: c, media: l, avatarUrl: u, avatarAlt: d, avatarFallback: p, icon: _, iconTone: y = "neutral", badges: b, metadata: x, actions: S, className: C, contentClassName: w, mediaClassName: T }) {
+	let E = typeof e == "string" ? e : "", D = l ?? (u || p ? /* @__PURE__ */ g(a, {
+		className: t("resource-header--avatar", v.headerAvatar, T),
+		children: [!!u && /* @__PURE__ */ h(i, {
+			src: u,
+			alt: d ?? E
+		}), /* @__PURE__ */ h(r, { children: p ?? /* @__PURE__ */ h(o, {
 			value: E,
 			strategy: "first-words"
 		}) })]
-	}) : _ ? /* @__PURE__ */ h(s, {
+	}) : _ ? /* @__PURE__ */ h(f, {
 		icon: /* @__PURE__ */ h(_, {}),
 		shape: "rounded",
 		tone: y,
-		className: e("resource-header--icon", v.headerIcon, T)
+		className: t("resource-header--icon", v.headerIcon, T)
 	}) : null);
 	return /* @__PURE__ */ h(m, {
-		eyebrow: r,
-		title: t,
-		description: n,
+		eyebrow: c,
+		title: e,
+		description: s,
 		leading: D,
-		titleSuffix: b ? /* @__PURE__ */ h(c, {
+		titleSuffix: b ? /* @__PURE__ */ h(n, {
 			"data-slot": "resource-header-badges",
 			direction: "horizontal",
 			gap: "sm",
-			className: e("resource-header--badges", v.headerBadges),
+			className: t("resource-header--badges", v.headerBadges),
 			children: b
 		}) : void 0,
 		afterDescription: x ? /* @__PURE__ */ h("div", {
 			"data-slot": "resource-header-metadata",
-			className: e("resource-header--metadata", v.headerMetadata),
+			className: t("resource-header--metadata", v.headerMetadata),
 			children: x
 		}) : void 0,
 		actions: S,
 		withSeparator: !1,
-		className: e("resource-header--component", C),
+		className: t("resource-header--component", C),
 		contentClassName: w
 	});
 }
-function b({ children: t, leading: n, trailing: r, sticky: i = !1, className: a }) {
+function b({ children: e, leading: r, trailing: i, sticky: a = !1, className: o }) {
 	return /* @__PURE__ */ h("div", {
 		"data-slot": "resource-action-bar",
-		className: e("resource-action-bar--component", v.actionBar, i && v.actionBarSticky, a),
-		children: /* @__PURE__ */ g(c, {
+		className: t("resource-action-bar--component", v.actionBar, a && v.actionBarSticky, o),
+		children: /* @__PURE__ */ g(n, {
 			direction: {
 				base: "vertical",
 				sm: "horizontal"
 			},
-			gap: "lg",
 			align: { sm: "center" },
 			justify: { sm: "between" },
 			wrap: { sm: !1 },
-			children: [/* @__PURE__ */ h(c, {
+			children: [/* @__PURE__ */ h(n, {
 				"data-slot": "resource-action-leading",
 				direction: "horizontal",
-				gap: "md",
+				gap: "sm",
 				align: "center",
 				wrap: !0,
 				className: v.actionBarLeading,
-				children: n ?? t
-			}), !!r && /* @__PURE__ */ h(c, {
+				children: r ?? e
+			}), !!i && /* @__PURE__ */ h(n, {
 				"data-slot": "resource-action-trailing",
 				direction: "horizontal",
-				gap: "md",
+				gap: "sm",
 				align: "center",
 				className: v.actionBarTrailing,
-				children: r
+				children: i
 			})]
 		})
 	});
 }
-function x({ className: t, ...n }) {
-	return /* @__PURE__ */ h(r, {
+function x({ className: e, ...n }) {
+	return /* @__PURE__ */ h(c, {
 		"data-slot": "resource-empty-state",
-		className: e("resource-empty-state--component", t),
+		className: t("resource-empty-state--component", e),
 		...n
 	});
 }
-function S({ children: t, title: r, description: a, actions: o, toolbar: s, empty: l = !1, loading: u = !1, error: d, onRetry: f, slots: p, className: m, headerClassName: b, contentClassName: S, strings: C, asideClassName: w, variant: T }) {
+function S({ children: e, title: r, description: i, actions: a, toolbar: o, empty: c = !1, loading: u = !1, error: d, onRetry: f, slots: p, className: m, headerClassName: b, contentClassName: S, strings: C, asideClassName: w, variant: T }) {
 	let E = {
 		..._,
 		...C
 	}, D = p?.header ?? (r ? /* @__PURE__ */ h(y, {
 		title: r,
-		description: a,
-		actions: o,
+		description: i,
+		actions: a,
 		className: b
-	}) : null), O = p?.toolbar ?? s, k = p?.loading ?? /* @__PURE__ */ h(n, {
+	}) : null), O = p?.toolbar ?? o, k = p?.loading ?? /* @__PURE__ */ h(s, {
 		label: E.loadingLabel,
 		className: v.stateSurface
 	}), A = p?.empty ?? /* @__PURE__ */ h(x, {
 		title: E.emptyTitle,
 		description: E.emptyDescription,
 		border: !0
-	}), j = d instanceof Error || typeof d == "string" || typeof d == "number", M = p?.error ?? (d && !j && typeof d != "boolean" ? d : /* @__PURE__ */ h(i, {
+	}), j = d instanceof Error || typeof d == "string" || typeof d == "number", M = p?.error ?? (d && !j && typeof d != "boolean" ? d : /* @__PURE__ */ h(l, {
 		title: E.errorTitle,
 		description: d instanceof Error ? d.message : typeof d == "string" || typeof d == "number" ? String(d) : E.errorDescription,
 		onRetry: f,
 		strings: { retry: E.retryLabel },
 		className: v.stateSurface
-	})), N = u ? k : d ? M : l ? A : t;
+	})), N = u ? k : d ? M : c ? A : e;
 	return /* @__PURE__ */ h("section", {
 		"data-slot": `resource-${T}-shell`,
-		className: e(`resource-${T}-shell--component`, v.shell, m),
+		className: t(`resource-${T}-shell--component`, v.shell, m),
 		children: /* @__PURE__ */ g("div", {
 			"data-slot": `resource-${T}-layout`,
 			"data-has-aside": p?.aside ? "" : void 0,
 			className: v.layout,
-			children: [/* @__PURE__ */ g(c, {
-				gap: "xl",
+			children: [/* @__PURE__ */ g(n, {
 				className: v.primary,
 				children: [
 					!!D && /* @__PURE__ */ h("div", {
@@ -160,7 +160,7 @@ function S({ children: t, title: r, description: a, actions: o, toolbar: s, empt
 					}),
 					/* @__PURE__ */ h("div", {
 						"data-slot": `resource-${T}-content`,
-						className: e(v.content, S),
+						className: t(v.content, S),
 						children: N
 					}),
 					!!p?.footer && /* @__PURE__ */ h("div", {
@@ -170,7 +170,7 @@ function S({ children: t, title: r, description: a, actions: o, toolbar: s, empt
 				]
 			}), !!p?.aside && /* @__PURE__ */ h("aside", {
 				"data-slot": `resource-${T}-aside`,
-				className: e(v.aside, w),
+				className: t(v.aside, w),
 				children: p.aside
 			})]
 		})
@@ -188,59 +188,58 @@ function w(e) {
 		variant: "show"
 	});
 }
-function T({ tabs: t, activeTab: n, onTabChange: r, tabsClassName: i, toolbar: a, slots: o, className: s, strings: l, ...u }) {
+function T({ tabs: e, activeTab: r, onTabChange: i, tabsClassName: a, toolbar: o, slots: s, className: c, strings: l, ...u }) {
 	let d = {
 		..._,
 		...l
-	}, f = /* @__PURE__ */ g(c, {
-		gap: "lg",
+	}, f = /* @__PURE__ */ g(n, {
 		"data-slot": "tabbed-resource-toolbar",
 		children: [/* @__PURE__ */ h(p, {
-			items: t,
-			value: n,
-			onValueChange: r,
-			className: i,
+			items: e,
+			value: r,
+			onValueChange: i,
+			className: a,
 			strings: { label: d.tabsLabel }
-		}), a]
+		}), o]
 	});
 	return /* @__PURE__ */ h(w, {
 		...u,
 		strings: l,
-		className: e("tabbed-resource-shell--component", s),
+		className: t("tabbed-resource-shell--component", c),
 		slots: {
-			...o,
-			toolbar: o?.toolbar ?? f
+			...s,
+			toolbar: s?.toolbar ?? f
 		}
 	});
 }
-function E({ metadata: n, metadataColumns: r = 2, metadataDense: i = !1, body: s, help: c, children: l, footer: u, padding: d = "md", surface: f = "bordered", className: p, contentClassName: m, ..._ }) {
-	return /* @__PURE__ */ g(a, {
+function E({ metadata: n, metadataColumns: r = 2, metadataDense: i = !1, body: a, help: o, children: s, footer: c, padding: l = "default", surface: f = "bordered", className: p, contentClassName: m, ..._ }) {
+	return /* @__PURE__ */ g(u, {
 		"data-slot": "resource-details-section",
 		surface: f,
-		"data-padding": d,
-		className: e("resource-details-section--component", v.section, p),
+		"data-padding": l,
+		className: t("resource-details-section--component", v.section, p),
 		..._,
 		children: [/* @__PURE__ */ g("div", {
-			className: e(v.sectionContent, m),
+			className: t(v.sectionContent, m),
 			children: [
-				!!n?.length && /* @__PURE__ */ h(o, {
+				!!n?.length && /* @__PURE__ */ h(d, {
 					items: n,
 					columns: r,
-					density: i ? "compact" : "default"
+					size: i ? "sm" : "default"
 				}),
+				a,
 				s,
-				l,
-				!!c && /* @__PURE__ */ h(t, {
+				!!o && /* @__PURE__ */ h(e, {
 					size: "xs",
 					type: "secondary",
 					className: "resource-details-section--help",
-					children: c
+					children: o
 				})
 			]
-		}), !!u && /* @__PURE__ */ h("div", {
+		}), !!c && /* @__PURE__ */ h("div", {
 			"data-slot": "resource-details-footer",
 			className: v.sectionFooter,
-			children: u
+			children: c
 		})]
 	});
 }

package/dist/features/rich-text-editor.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../rich-text-editor-BQXFe9oN.js";
-export { s as EditorCounts, a as RichTextEditor, r as RichTextEditorToolbar, l as createExecCommandEngine, e as defaultRichTextEditorStrings, o as htmlToText, c as insertHtmlAtCaret, t as normalizeHtml, i as readCaretContext, u as replaceBeforeCaret, n as toEditorContent };
+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, u as l } from "../rich-text-editor-D_Ppm8yh.js";
+export { i as EditorCounts, c as RichTextEditor, o as RichTextEditorToolbar, n as defaultRichTextEditorStrings, e as htmlToText, a as insertHtmlAtCaret, s as normalizeHtml, t as readCaretContext, r as replaceBeforeCaret, l as toEditorContent };