themelia-react-ui 2.0.0 → 2.0.1

package/dist/features/resource.js

@@ -1,16 +1,16 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-Cospvlj1.js";
-import { s as n } from "../typography-CAr3dQhX.js";
-import { t as r } from "../structure-hzCW-XsV.js";
-import { n as i, t as a } from "../feedback-C7nR0UtT.js";
-import { u as o } from "../primitives-BHrwQXFC.js";
-import { t as s } from "../icon-badge-DKlaKXoo.js";
-import { i as c, n as l, s as u } from "../avatar-djdaaQ_s.js";
-import { n as d } from "../display-DrdvPwF0.js";
-import { t as f } from "../navigation-Cs1npsPm.js";
-import { t as p } from "../page-header-hUTzcRZX.js";
-import { l as m, n as h } from "../data-display-3xWQUnMA.js";
+import { t } from "../utils-l5LpDw2z.js";
+import { s as n } from "../typography-DTRkE9zL.js";
+import { t as r } from "../structure-DC2dygdA.js";
+import { n as i, t as a } from "../feedback-qNuMBtRH.js";
+import { u as o } from "../primitives-B-CkiEMU.js";
+import { t as s } from "../icon-badge-CAuKupo9.js";
+import { i as c, n as l, s as u } from "../avatar-BBnEJIx8.js";
+import { n as d } from "../display-DsQTVzMz.js";
+import { t as f } from "../metadata-list-X5rYAKSB.js";
+import { r as p, t as m } from "../overflow-tab-bar-sQHXLlwQ.js";
+import { s as h } from "../data-display-DafIvCl5.js";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/features/resource/resource.strings.ts
 var v = {
@@ -25,27 +25,27 @@ var v = {
 };
 //#endregion
 //#region src/components/features/resource/resource.tsx
-function y({ title: e, description: n, eyebrow: i, media: a, avatarUrl: d, avatarAlt: f, avatarFallback: m, icon: h, iconTone: v = "neutral", badges: y, metadata: b, actions: x, className: S, contentClassName: C, mediaClassName: w }) {
-	let T = h, E = typeof e == "string" ? e : "", D = a ?? (d || m ? /* @__PURE__ */ _(l, {
-		className: t("resource-header--avatar size-avatar-lg", w),
+function y({ title: e, description: n, eyebrow: i, media: a, avatarUrl: d, avatarAlt: f, avatarFallback: m, icon: h, iconTone: v = "neutral", badges: y, metadata: b, actions: x, primaryAction: S, secondaryActions: C, moreActionsLabel: w, renderLink: T, className: E, contentClassName: D, mediaClassName: O }) {
+	let k = h, A = typeof e == "string" ? e : "", j = a ?? (d || m ? /* @__PURE__ */ _(l, {
+		className: t("resource-header--avatar size-avatar-lg", O),
 		children: [!!d && /* @__PURE__ */ g(u, {
 			src: d,
-			alt: f ?? E
+			alt: f ?? A
 		}), /* @__PURE__ */ g(c, { children: m ?? /* @__PURE__ */ g(o, {
-			value: E,
+			value: A,
 			strategy: "first-words"
 		}) })]
-	}) : T ? /* @__PURE__ */ g(s, {
-		icon: T,
+	}) : k ? /* @__PURE__ */ g(s, {
+		icon: k,
 		shape: "square",
 		tone: v,
-		className: t("resource-header--icon size-avatar-lg [&>svg]:size-icon-lg", w)
+		className: t("resource-header--icon size-avatar-lg [&>svg]:size-icon-lg", O)
 	}) : null);
 	return /* @__PURE__ */ g(p, {
 		eyebrow: i,
 		title: e,
 		description: n,
-		leading: D,
+		leading: j,
 		titleSuffix: y ? /* @__PURE__ */ g(r, {
 			"data-slot": "resource-header-badges",
 			direction: "horizontal",
@@ -61,9 +61,13 @@ function y({ title: e, description: n, eyebrow: i, media: a, avatarUrl: d, avata
 			children: b
 		}) : void 0,
 		actions: x,
+		primaryAction: S,
+		secondaryActions: C,
+		moreActionsLabel: w,
+		renderLink: T,
 		withSeparator: !1,
-		className: t("resource-header--component", S),
-		contentClassName: C,
+		className: t("resource-header--component", E),
+		contentClassName: D,
 		eyebrowClassName: "resource-header--eyebrow",
 		titleClassName: "resource-header--title truncate",
 		descriptionClassName: "resource-header--description max-w-3xl",
@@ -74,7 +78,7 @@ function b({ children: e, leading: n, trailing: i, sticky: a = !1, className: o
 	return /* @__PURE__ */ g("div", {
 		"data-component": "resource-action-bar",
 		"data-slot": "resource-action-bar",
-		className: t("resource-action-bar--component rounded-radius border border-border/70 bg-card px-surface py-row-y-lg shadow-xs", a && "sticky top-shell-header z-30", o),
+		className: t("resource-action-bar--component rounded-radius border border-border bg-card px-surface py-row-y-lg shadow-xs", a && "sticky top-shell-header z-30", o),
 		children: /* @__PURE__ */ _(r, {
 			direction: {
 				base: "vertical",
@@ -102,71 +106,75 @@ function b({ children: e, leading: n, trailing: i, sticky: a = !1, className: o
 	});
 }
 function x(e) {
-	return /* @__PURE__ */ g(m, {
+	return /* @__PURE__ */ g(h, {
 		...e,
 		"data-component": "resource-empty-state",
 		"data-slot": "resource-empty-state",
 		className: t("resource-empty-state--component", e.className)
 	});
 }
-function S({ children: n, title: o, description: s, actions: c, toolbar: l, emptySlot: u, empty: d = !1, loading: f = !1, error: p, onRetry: m, slots: h, className: b, headerClassName: S, contentClassName: C, strings: w, asideClassName: T, variant: E }) {
-	let D = e(v, w), O = h?.header ?? (o ? /* @__PURE__ */ g(y, {
+function S({ children: n, title: o, description: s, actions: c, primaryAction: l, secondaryActions: u, moreActionsLabel: d, renderLink: f, toolbar: p, emptySlot: m, empty: h = !1, loading: b = !1, error: S, onRetry: C, slots: w, className: T, headerClassName: E, contentClassName: D, strings: O, asideClassName: k, variant: A }) {
+	let j = e(v, O), M = w?.header ?? (o ? /* @__PURE__ */ g(y, {
 		title: o,
 		description: s,
 		actions: c,
-		className: S
-	}) : null), k = h?.toolbar ?? l, A = h?.loading ?? /* @__PURE__ */ g(i, {
+		primaryAction: l,
+		secondaryActions: u,
+		moreActionsLabel: d,
+		renderLink: f,
+		className: E
+	}) : null), N = w?.toolbar ?? p, P = w?.loading ?? /* @__PURE__ */ g(i, {
 		variant: "panel",
-		label: D.loadingLabel,
-		description: D.loadingDescription,
+		label: j.loadingLabel,
+		description: j.loadingDescription,
 		skeleton: !0,
 		lines: 4,
 		className: "resource-shell--loading rounded-radius border border-border bg-card"
-	}), j = h?.empty ?? u ?? /* @__PURE__ */ g(x, {
-		title: D.emptyTitle,
-		description: D.emptyDescription,
+	}), F = w?.empty ?? m ?? /* @__PURE__ */ g(x, {
+		title: j.emptyTitle,
+		description: j.emptyDescription,
 		border: !0
-	}), M = /* @__PURE__ */ g(a, {
-		title: D.errorTitle,
-		description: p instanceof Error ? p.message : typeof p == "string" || typeof p == "number" ? String(p) : D.errorDescription,
-		onRetry: m,
-		retryLabel: D.retryLabel
-	}), N = h?.error ?? (p && typeof p != "boolean" && typeof p != "string" && typeof p != "number" && !(p instanceof Error) ? p : M), P = f ? A : p ? N : d ? j : n;
+	}), I = /* @__PURE__ */ g(a, {
+		title: j.errorTitle,
+		description: S instanceof Error ? S.message : typeof S == "string" || typeof S == "number" ? String(S) : j.errorDescription,
+		onRetry: C,
+		retryLabel: j.retryLabel
+	}), L = w?.error ?? (S && typeof S != "boolean" && typeof S != "string" && typeof S != "number" && !(S instanceof Error) ? S : I), R = b ? P : S ? L : h ? F : n;
 	return /* @__PURE__ */ g("section", {
-		"data-component": `resource-${E}-shell`,
-		"data-slot": `resource-${E}-shell`,
-		className: t(`resource-${E}-shell--component min-w-0`, E === "index" && "@container/resource-index", E === "show" && "@container/resource-show", b),
+		"data-component": `resource-${A}-shell`,
+		"data-slot": `resource-${A}-shell`,
+		className: t(`resource-${A}-shell--component min-w-0`, A === "index" && "@container/resource-index", A === "show" && "@container/resource-show", T),
 		children: /* @__PURE__ */ _("div", {
-			"data-slot": `resource-${E}-layout`,
-			className: t(`resource-${E}-shell--layout grid min-w-0 gap-space-xl`, h?.aside && E === "show" && "@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]", h?.aside && E === "index" && "@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]"),
+			"data-slot": `resource-${A}-layout`,
+			className: t(`resource-${A}-shell--layout grid min-w-0 gap-space-xl`, w?.aside && A === "show" && "@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]", w?.aside && A === "index" && "@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]"),
 			children: [/* @__PURE__ */ _(r, {
 				gap: "xl",
 				children: [
-					!!O && /* @__PURE__ */ g("div", {
-						"data-slot": `resource-${E}-header`,
-						className: `resource-${E}-shell--header`,
-						children: O
+					!!M && /* @__PURE__ */ g("div", {
+						"data-slot": `resource-${A}-header`,
+						className: `resource-${A}-shell--header`,
+						children: M
 					}),
-					!!k && /* @__PURE__ */ g("div", {
-						"data-slot": `resource-${E}-toolbar`,
-						className: `resource-${E}-shell--toolbar`,
-						children: k
+					!!N && /* @__PURE__ */ g("div", {
+						"data-slot": `resource-${A}-toolbar`,
+						className: `resource-${A}-shell--toolbar`,
+						children: N
 					}),
 					/* @__PURE__ */ g("div", {
-						"data-slot": `resource-${E}-content`,
-						className: t(`resource-${E}-shell--content min-w-0`, C),
-						children: P
+						"data-slot": `resource-${A}-content`,
+						className: t(`resource-${A}-shell--content min-w-0`, D),
+						children: R
 					}),
-					!!h?.footer && /* @__PURE__ */ g("div", {
-						"data-slot": `resource-${E}-footer`,
-						className: `resource-${E}-shell--footer`,
-						children: h.footer
+					!!w?.footer && /* @__PURE__ */ g("div", {
+						"data-slot": `resource-${A}-footer`,
+						className: `resource-${A}-shell--footer`,
+						children: w.footer
 					})
 				]
-			}), !!h?.aside && /* @__PURE__ */ g("aside", {
-				"data-slot": `resource-${E}-aside`,
-				className: t(`resource-${E}-shell--aside min-w-0`, T),
-				children: h.aside
+			}), !!w?.aside && /* @__PURE__ */ g("aside", {
+				"data-slot": `resource-${A}-aside`,
+				className: t(`resource-${A}-shell--aside min-w-0`, k),
+				children: w.aside
 			})]
 		})
 	});
@@ -183,12 +191,12 @@ function w(e) {
 		variant: "show"
 	});
 }
-function T({ tabs: n, activeTab: i, onTabChange: a, tabsClassName: o, moreLabel: s, tabsAriaLabel: c, toolbar: l, slots: u, className: d, strings: p, ...m }) {
-	let h = e(v, p), y = /* @__PURE__ */ _(r, {
+function T({ tabs: n, activeTab: i, onTabChange: a, tabsClassName: o, moreLabel: s, tabsAriaLabel: c, toolbar: l, slots: u, className: d, strings: f, ...p }) {
+	let h = e(v, f), y = /* @__PURE__ */ _(r, {
 		gap: "lg",
 		"data-slot": "tabbed-resource-toolbar",
 		className: "tabbed-resource-shell--toolbar",
-		children: [/* @__PURE__ */ g(f, {
+		children: [/* @__PURE__ */ g(m, {
 			items: n,
 			value: i,
 			onValueChange: a,
@@ -200,8 +208,8 @@ function T({ tabs: n, activeTab: i, onTabChange: a, tabsClassName: o, moreLabel:
 		}), l]
 	});
 	return /* @__PURE__ */ g(w, {
-		...m,
-		strings: p,
+		...p,
+		strings: f,
 		className: t("tabbed-resource-shell--component", d),
 		toolbar: y,
 		slots: {
@@ -232,7 +240,7 @@ function D({ metadata: e, metadataColumns: r = 2, metadataDense: i = !1, body: a
 		name: "resource-details-section",
 		contentClassName: t("resource-details-section--content grid gap-space-xl", c),
 		children: [
-			!!e?.length && /* @__PURE__ */ g(h, {
+			!!e?.length && /* @__PURE__ */ g(f, {
 				items: e,
 				columns: r,
 				density: i ? "compact" : "default"

package/dist/features/resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource.js","names":["Text","Stack","LoadingState","ErrorState","Initials","IconBadge","AvatarFallback","Avatar","AvatarImage","ContentBlock","OverflowTabBar","PageHeading","EmptyState","MetadataList","defaultResourceStrings","ResourceHeader","Icon","icon","titleText","title","resolvedMedia","media","avatarUrl","avatarFallback","cn","mediaClassName","avatarAlt","iconTone","badges","metadata","className","ResourceActionBar","sticky","leading","children","trailing","ResourceEmptyState","props","ResourceShellFrame","emptyState","stringsProp","strings","useStrings","header","slots","headerClassName","toolbarNode","toolbar","loadingNode","emptyNode","emptySlot","defaultErrorNode","error","errorNode","body","loading","variant","contentClassName","asideClassName","ResourceIndexShell","ResourceShowShell","TabbedResourceShell","tabs","activeTab","onTabChange","tabsClassName","moreLabel","tabsAriaLabel","ResourceCard","name","footer","ResourceDetailsSection","metadataColumns","metadataDense","help"],"sources":["../../src/components/features/resource/resource.strings.ts","../../src/components/features/resource/resource.tsx"],"sourcesContent":["/** Default copy for state-aware resource workspace replacement states. */\nexport interface ResourceStrings {\n\tloadingLabel: string;\n\tloadingDescription: string;\n\temptyTitle: string;\n\temptyDescription: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tretryLabel: string;\n\ttabsAriaLabel: string;\n}\n\nexport const defaultResourceStrings: ResourceStrings = {\n\tloadingLabel: 'Loading resources',\n\tloadingDescription: 'Preparing the latest data for this view.',\n\temptyTitle: 'No resources found',\n\temptyDescription: 'There are no records available for this view.',\n\terrorTitle: 'Resources unavailable',\n\terrorDescription: 'The resource data could not be loaded.',\n\tretryLabel: 'Try again',\n\ttabsAriaLabel: 'Resource sections',\n};\n","/** State-aware resource workspace primitives for coordinated index/show surfaces. */\nimport { ContentBlock, IconBadge } from '../../base/display';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../base/avatar';\nimport { ErrorState, LoadingState } from '../../base/feedback';\nimport { EmptyState, MetadataList } from '../../blocks/data-display';\nimport { OverflowTabBar, PageHeading } from '../../base/navigation';\nimport { Stack } from '../../base/structure';\nimport { Initials } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultResourceStrings } from './resource.strings';\nimport type {\n\tResourceActionBarProps,\n\tResourceDetailsSectionProps,\n\tResourceEmptyStateProps,\n\tResourceHeaderProps,\n\tResourceIndexShellProps,\n\tResourceShowShellProps,\n\tTabbedResourceShellProps,\n} from './resource.types';\n\nexport function ResourceHeader({\n\ttitle,\n\tdescription,\n\teyebrow,\n\tmedia,\n\tavatarUrl,\n\tavatarAlt,\n\tavatarFallback,\n\ticon,\n\ticonTone = 'neutral',\n\tbadges,\n\tmetadata,\n\tactions,\n\tclassName,\n\tcontentClassName,\n\tmediaClassName,\n}: ResourceHeaderProps) {\n\tconst Icon = icon;\n\tconst titleText = typeof title === 'string' ? title : '';\n\tconst resolvedMedia =\n\t\tmedia ??\n\t\t(avatarUrl || avatarFallback ? (\n\t\t\t<Avatar className={cn('resource-header--avatar size-avatar-lg', mediaClassName)}>\n\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={avatarAlt ?? titleText} />}\n\t\t\t\t<AvatarFallback>{avatarFallback ?? <Initials value={titleText} strategy=\"first-words\" />}</AvatarFallback>\n\t\t\t</Avatar>\n\t\t) : Icon ? (\n\t\t\t<IconBadge\n\t\t\t\ticon={Icon}\n\t\t\t\tshape=\"square\"\n\t\t\t\ttone={iconTone}\n\t\t\t\tclassName={cn('resource-header--icon size-avatar-lg [&>svg]:size-icon-lg', mediaClassName)}\n\t\t\t/>\n\t\t) : null);\n\n\treturn (\n\t\t<PageHeading\n\t\t\teyebrow={eyebrow}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tleading={resolvedMedia}\n\t\t\ttitleSuffix={\n\t\t\t\tbadges ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-badges\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"sm\"\n\t\t\t\t\t\tclassName=\"resource-header--badges shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{badges}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tafterDescription={\n\t\t\t\tmetadata ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-metadata\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-header--metadata mt-space-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{metadata}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tactions={actions}\n\t\t\twithSeparator={false}\n\t\t\tclassName={cn('resource-header--component', className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t\teyebrowClassName=\"resource-header--eyebrow\"\n\t\t\ttitleClassName=\"resource-header--title truncate\"\n\t\t\tdescriptionClassName=\"resource-header--description max-w-3xl\"\n\t\t\tactionsClassName=\"resource-header--actions flex-wrap\"\n\t\t/>\n\t);\n}\n\nexport function ResourceActionBar({ children, leading, trailing, sticky = false, className }: ResourceActionBarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"resource-action-bar\"\n\t\t\tdata-slot=\"resource-action-bar\"\n\t\t\tclassName={cn(\n\t\t\t\t'resource-action-bar--component rounded-radius border border-border/70 bg-card px-surface py-row-y-lg shadow-xs',\n\t\t\t\tsticky && 'sticky top-shell-header z-30',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Stack\n\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\tgap=\"lg\"\n\t\t\t\talign={{ sm: 'center' }}\n\t\t\t\tjustify={{ sm: 'between' }}\n\t\t\t\twrap={{ sm: false }}\n\t\t\t\tclassName=\"resource-action-bar--layout\"\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdata-slot=\"resource-action-leading\"\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\tclassName=\"resource-action-bar--leading flex-1\"\n\t\t\t\t>\n\t\t\t\t\t{leading ?? children}\n\t\t\t\t</Stack>\n\t\t\t\t{!!trailing && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-action-trailing\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-action-bar--trailing shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{trailing}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n}\n\nexport function ResourceEmptyState(props: ResourceEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\t{...props}\n\t\t\tdata-component=\"resource-empty-state\"\n\t\t\tdata-slot=\"resource-empty-state\"\n\t\t\tclassName={cn('resource-empty-state--component', props.className)}\n\t\t/>\n\t);\n}\n\nfunction ResourceShellFrame({\n\tchildren,\n\ttitle,\n\tdescription,\n\tactions,\n\ttoolbar,\n\temptySlot,\n\tempty: emptyState = false,\n\tloading = false,\n\terror,\n\tonRetry,\n\tslots,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n\tasideClassName,\n\tvariant,\n}: ResourceIndexShellProps & {\n\tasideClassName?: string;\n\tvariant: 'index' | 'show';\n}) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst header =\n\t\tslots?.header ??\n\t\t(title ? (\n\t\t\t<ResourceHeader title={title} description={description} actions={actions} className={headerClassName} />\n\t\t) : null);\n\tconst toolbarNode = slots?.toolbar ?? toolbar;\n\tconst loadingNode = slots?.loading ?? (\n\t\t<LoadingState\n\t\t\tvariant=\"panel\"\n\t\t\tlabel={strings.loadingLabel}\n\t\t\tdescription={strings.loadingDescription}\n\t\t\tskeleton\n\t\t\tlines={4}\n\t\t\tclassName=\"resource-shell--loading rounded-radius border border-border bg-card\"\n\t\t/>\n\t);\n\tconst emptyNode = slots?.empty ?? emptySlot ?? (\n\t\t<ResourceEmptyState title={strings.emptyTitle} description={strings.emptyDescription} border />\n\t);\n\tconst defaultErrorNode = (\n\t\t<ErrorState\n\t\t\ttitle={strings.errorTitle}\n\t\t\tdescription={\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: typeof error === 'string' || typeof error === 'number'\n\t\t\t\t\t\t? String(error)\n\t\t\t\t\t\t: strings.errorDescription\n\t\t\t}\n\t\t\tonRetry={onRetry}\n\t\t\tretryLabel={strings.retryLabel}\n\t\t/>\n\t);\n\tconst errorNode =\n\t\tslots?.error ??\n\t\t(error &&\n\t\ttypeof error !== 'boolean' &&\n\t\ttypeof error !== 'string' &&\n\t\ttypeof error !== 'number' &&\n\t\t!(error instanceof Error)\n\t\t\t? error\n\t\t\t: defaultErrorNode);\n\tconst body = loading ? loadingNode : error ? errorNode : emptyState ? emptyNode : children;\n\n\treturn (\n\t\t<section\n\t\t\tdata-component={`resource-${variant}-shell`}\n\t\t\tdata-slot={`resource-${variant}-shell`}\n\t\t\tclassName={cn(\n\t\t\t\t`resource-${variant}-shell--component min-w-0`,\n\t\t\t\tvariant === 'index' && '@container/resource-index',\n\t\t\t\tvariant === 'show' && '@container/resource-show',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tdata-slot={`resource-${variant}-layout`}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t`resource-${variant}-shell--layout grid min-w-0 gap-space-xl`,\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'show' &&\n\t\t\t\t\t\t'@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'index' &&\n\t\t\t\t\t\t'@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack gap=\"xl\">\n\t\t\t\t\t{!!header && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-header`} className={`resource-${variant}-shell--header`}>\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!toolbarNode && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-toolbar`} className={`resource-${variant}-shell--toolbar`}>\n\t\t\t\t\t\t\t{toolbarNode}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-slot={`resource-${variant}-content`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--content min-w-0`, contentClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{body}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!slots?.footer && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-footer`} className={`resource-${variant}-shell--footer`}>\n\t\t\t\t\t\t\t{slots.footer}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!slots?.aside && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tdata-slot={`resource-${variant}-aside`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--aside min-w-0`, asideClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{slots.aside}\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nexport function ResourceIndexShell(props: ResourceIndexShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"index\" />;\n}\n\nexport function ResourceShowShell(props: ResourceShowShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"show\" />;\n}\n\nexport function TabbedResourceShell({\n\ttabs,\n\tactiveTab,\n\tonTabChange,\n\ttabsClassName,\n\tmoreLabel,\n\ttabsAriaLabel,\n\ttoolbar,\n\tslots,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: TabbedResourceShellProps) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst toolbarNode = (\n\t\t<Stack gap=\"lg\" data-slot=\"tabbed-resource-toolbar\" className=\"tabbed-resource-shell--toolbar\">\n\t\t\t<OverflowTabBar\n\t\t\t\titems={tabs}\n\t\t\t\tvalue={activeTab}\n\t\t\t\tonValueChange={onTabChange}\n\t\t\t\tclassName={tabsClassName}\n\t\t\t\tstrings={{\n\t\t\t\t\tmore: moreLabel,\n\t\t\t\t\tnavigationLabel: tabsAriaLabel ?? strings.tabsAriaLabel,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{toolbar}\n\t\t</Stack>\n\t);\n\n\treturn (\n\t\t<ResourceShowShell\n\t\t\t{...props}\n\t\t\tstrings={stringsProp}\n\t\t\tclassName={cn('tabbed-resource-shell--component', className)}\n\t\t\ttoolbar={toolbarNode}\n\t\t\tslots={{ ...slots, toolbar: slots?.toolbar ?? toolbarNode }}\n\t\t/>\n\t);\n}\n\nfunction ResourceCard({\n\ttitle,\n\tdescription,\n\tactions,\n\theaderAction,\n\tchildren,\n\tfooter,\n\tpadding = 'md',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n\tname,\n}: ResourceDetailsSectionProps & { name: string }) {\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component={name}\n\t\t\tdata-slot={name}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tactions={actions}\n\t\t\theaderAction={headerAction}\n\t\t\tfooterSlot={footer}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn(`${name}--component`, className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t>\n\t\t\t{children}\n\t\t</ContentBlock>\n\t);\n}\n\nexport function ResourceDetailsSection({\n\tmetadata,\n\tmetadataColumns = 2,\n\tmetadataDense = false,\n\tbody,\n\thelp,\n\tchildren,\n\tcontentClassName,\n\t...props\n}: ResourceDetailsSectionProps) {\n\treturn (\n\t\t<ResourceCard\n\t\t\t{...props}\n\t\t\tname=\"resource-details-section\"\n\t\t\tcontentClassName={cn('resource-details-section--content grid gap-space-xl', contentClassName)}\n\t\t>\n\t\t\t{!!metadata?.length && (\n\t\t\t\t<MetadataList items={metadata} columns={metadataColumns} density={metadataDense ? 'compact' : 'default'} />\n\t\t\t)}\n\t\t\t{body}\n\t\t\t{children}\n\t\t\t{!!help && (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"resource-details-section--help\">\n\t\t\t\t\t{help}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</ResourceCard>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"resource.js","names":["Text","Stack","LoadingState","ErrorState","Initials","IconBadge","AvatarFallback","Avatar","AvatarImage","ContentBlock","MetadataList","PageHeading","OverflowTabBar","EmptyState","defaultResourceStrings","ResourceHeader","Icon","icon","titleText","title","resolvedMedia","media","avatarUrl","avatarFallback","cn","mediaClassName","avatarAlt","iconTone","badges","metadata","className","ResourceActionBar","sticky","leading","children","trailing","ResourceEmptyState","props","ResourceShellFrame","emptyState","stringsProp","strings","useStrings","header","slots","headerClassName","toolbarNode","toolbar","loadingNode","emptyNode","emptySlot","defaultErrorNode","error","errorNode","body","loading","variant","contentClassName","asideClassName","ResourceIndexShell","ResourceShowShell","TabbedResourceShell","tabs","activeTab","onTabChange","tabsClassName","moreLabel","tabsAriaLabel","ResourceCard","name","footer","ResourceDetailsSection","metadataColumns","metadataDense","help"],"sources":["../../src/components/features/resource/resource.strings.ts","../../src/components/features/resource/resource.tsx"],"sourcesContent":["/** Default copy for state-aware resource workspace replacement states. */\nexport interface ResourceStrings {\n\tloadingLabel: string;\n\tloadingDescription: string;\n\temptyTitle: string;\n\temptyDescription: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tretryLabel: string;\n\ttabsAriaLabel: string;\n}\n\nexport const defaultResourceStrings: ResourceStrings = {\n\tloadingLabel: 'Loading resources',\n\tloadingDescription: 'Preparing the latest data for this view.',\n\temptyTitle: 'No resources found',\n\temptyDescription: 'There are no records available for this view.',\n\terrorTitle: 'Resources unavailable',\n\terrorDescription: 'The resource data could not be loaded.',\n\tretryLabel: 'Try again',\n\ttabsAriaLabel: 'Resource sections',\n};\n","/** State-aware resource workspace primitives for coordinated index/show surfaces. */\nimport { ContentBlock, IconBadge } from '../../base/display';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../base/avatar';\nimport { ErrorState, LoadingState } from '../../base/feedback';\nimport { MetadataList } from '../../base/metadata-list';\nimport { EmptyState } from '../../blocks/data-display';\nimport { OverflowTabBar, PageHeading } from '../../base/navigation';\nimport { Stack } from '../../base/structure';\nimport { Initials } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultResourceStrings } from './resource.strings';\nimport type {\n\tResourceActionBarProps,\n\tResourceDetailsSectionProps,\n\tResourceEmptyStateProps,\n\tResourceHeaderProps,\n\tResourceIndexShellProps,\n\tResourceShowShellProps,\n\tTabbedResourceShellProps,\n} from './resource.types';\n\nexport function ResourceHeader({\n\ttitle,\n\tdescription,\n\teyebrow,\n\tmedia,\n\tavatarUrl,\n\tavatarAlt,\n\tavatarFallback,\n\ticon,\n\ticonTone = 'neutral',\n\tbadges,\n\tmetadata,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmoreActionsLabel,\n\trenderLink,\n\tclassName,\n\tcontentClassName,\n\tmediaClassName,\n}: ResourceHeaderProps) {\n\tconst Icon = icon;\n\tconst titleText = typeof title === 'string' ? title : '';\n\tconst resolvedMedia =\n\t\tmedia ??\n\t\t(avatarUrl || avatarFallback ? (\n\t\t\t<Avatar className={cn('resource-header--avatar size-avatar-lg', mediaClassName)}>\n\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={avatarAlt ?? titleText} />}\n\t\t\t\t<AvatarFallback>{avatarFallback ?? <Initials value={titleText} strategy=\"first-words\" />}</AvatarFallback>\n\t\t\t</Avatar>\n\t\t) : Icon ? (\n\t\t\t<IconBadge\n\t\t\t\ticon={Icon}\n\t\t\t\tshape=\"square\"\n\t\t\t\ttone={iconTone}\n\t\t\t\tclassName={cn('resource-header--icon size-avatar-lg [&>svg]:size-icon-lg', mediaClassName)}\n\t\t\t/>\n\t\t) : null);\n\n\treturn (\n\t\t<PageHeading\n\t\t\teyebrow={eyebrow}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tleading={resolvedMedia}\n\t\t\ttitleSuffix={\n\t\t\t\tbadges ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-badges\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"sm\"\n\t\t\t\t\t\tclassName=\"resource-header--badges shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{badges}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tafterDescription={\n\t\t\t\tmetadata ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-metadata\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-header--metadata mt-space-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{metadata}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tactions={actions}\n\t\t\tprimaryAction={primaryAction}\n\t\t\tsecondaryActions={secondaryActions}\n\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\trenderLink={renderLink}\n\t\t\twithSeparator={false}\n\t\t\tclassName={cn('resource-header--component', className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t\teyebrowClassName=\"resource-header--eyebrow\"\n\t\t\ttitleClassName=\"resource-header--title truncate\"\n\t\t\tdescriptionClassName=\"resource-header--description max-w-3xl\"\n\t\t\tactionsClassName=\"resource-header--actions flex-wrap\"\n\t\t/>\n\t);\n}\n\nexport function ResourceActionBar({ children, leading, trailing, sticky = false, className }: ResourceActionBarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"resource-action-bar\"\n\t\t\tdata-slot=\"resource-action-bar\"\n\t\t\tclassName={cn(\n\t\t\t\t'resource-action-bar--component rounded-radius border border-border bg-card px-surface py-row-y-lg shadow-xs',\n\t\t\t\tsticky && 'sticky top-shell-header z-30',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Stack\n\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\tgap=\"lg\"\n\t\t\t\talign={{ sm: 'center' }}\n\t\t\t\tjustify={{ sm: 'between' }}\n\t\t\t\twrap={{ sm: false }}\n\t\t\t\tclassName=\"resource-action-bar--layout\"\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdata-slot=\"resource-action-leading\"\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\tclassName=\"resource-action-bar--leading flex-1\"\n\t\t\t\t>\n\t\t\t\t\t{leading ?? children}\n\t\t\t\t</Stack>\n\t\t\t\t{!!trailing && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-action-trailing\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-action-bar--trailing shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{trailing}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n}\n\nexport function ResourceEmptyState(props: ResourceEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\t{...props}\n\t\t\tdata-component=\"resource-empty-state\"\n\t\t\tdata-slot=\"resource-empty-state\"\n\t\t\tclassName={cn('resource-empty-state--component', props.className)}\n\t\t/>\n\t);\n}\n\nfunction ResourceShellFrame({\n\tchildren,\n\ttitle,\n\tdescription,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmoreActionsLabel,\n\trenderLink,\n\ttoolbar,\n\temptySlot,\n\tempty: emptyState = false,\n\tloading = false,\n\terror,\n\tonRetry,\n\tslots,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n\tasideClassName,\n\tvariant,\n}: ResourceIndexShellProps & {\n\tasideClassName?: string;\n\tvariant: 'index' | 'show';\n}) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst header =\n\t\tslots?.header ??\n\t\t(title ? (\n\t\t\t<ResourceHeader\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tactions={actions}\n\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\t\trenderLink={renderLink}\n\t\t\t\tclassName={headerClassName}\n\t\t\t/>\n\t\t) : null);\n\tconst toolbarNode = slots?.toolbar ?? toolbar;\n\tconst loadingNode = slots?.loading ?? (\n\t\t<LoadingState\n\t\t\tvariant=\"panel\"\n\t\t\tlabel={strings.loadingLabel}\n\t\t\tdescription={strings.loadingDescription}\n\t\t\tskeleton\n\t\t\tlines={4}\n\t\t\tclassName=\"resource-shell--loading rounded-radius border border-border bg-card\"\n\t\t/>\n\t);\n\tconst emptyNode = slots?.empty ?? emptySlot ?? (\n\t\t<ResourceEmptyState title={strings.emptyTitle} description={strings.emptyDescription} border />\n\t);\n\tconst defaultErrorNode = (\n\t\t<ErrorState\n\t\t\ttitle={strings.errorTitle}\n\t\t\tdescription={\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: typeof error === 'string' || typeof error === 'number'\n\t\t\t\t\t\t? String(error)\n\t\t\t\t\t\t: strings.errorDescription\n\t\t\t}\n\t\t\tonRetry={onRetry}\n\t\t\tretryLabel={strings.retryLabel}\n\t\t/>\n\t);\n\tconst errorNode =\n\t\tslots?.error ??\n\t\t(error &&\n\t\ttypeof error !== 'boolean' &&\n\t\ttypeof error !== 'string' &&\n\t\ttypeof error !== 'number' &&\n\t\t!(error instanceof Error)\n\t\t\t? error\n\t\t\t: defaultErrorNode);\n\tconst body = loading ? loadingNode : error ? errorNode : emptyState ? emptyNode : children;\n\n\treturn (\n\t\t<section\n\t\t\tdata-component={`resource-${variant}-shell`}\n\t\t\tdata-slot={`resource-${variant}-shell`}\n\t\t\tclassName={cn(\n\t\t\t\t`resource-${variant}-shell--component min-w-0`,\n\t\t\t\tvariant === 'index' && '@container/resource-index',\n\t\t\t\tvariant === 'show' && '@container/resource-show',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tdata-slot={`resource-${variant}-layout`}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t`resource-${variant}-shell--layout grid min-w-0 gap-space-xl`,\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'show' &&\n\t\t\t\t\t\t'@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'index' &&\n\t\t\t\t\t\t'@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack gap=\"xl\">\n\t\t\t\t\t{!!header && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-header`} className={`resource-${variant}-shell--header`}>\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!toolbarNode && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-toolbar`} className={`resource-${variant}-shell--toolbar`}>\n\t\t\t\t\t\t\t{toolbarNode}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-slot={`resource-${variant}-content`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--content min-w-0`, contentClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{body}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!slots?.footer && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-footer`} className={`resource-${variant}-shell--footer`}>\n\t\t\t\t\t\t\t{slots.footer}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!slots?.aside && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tdata-slot={`resource-${variant}-aside`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--aside min-w-0`, asideClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{slots.aside}\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nexport function ResourceIndexShell(props: ResourceIndexShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"index\" />;\n}\n\nexport function ResourceShowShell(props: ResourceShowShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"show\" />;\n}\n\nexport function TabbedResourceShell({\n\ttabs,\n\tactiveTab,\n\tonTabChange,\n\ttabsClassName,\n\tmoreLabel,\n\ttabsAriaLabel,\n\ttoolbar,\n\tslots,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: TabbedResourceShellProps) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst toolbarNode = (\n\t\t<Stack gap=\"lg\" data-slot=\"tabbed-resource-toolbar\" className=\"tabbed-resource-shell--toolbar\">\n\t\t\t<OverflowTabBar\n\t\t\t\titems={tabs}\n\t\t\t\tvalue={activeTab}\n\t\t\t\tonValueChange={onTabChange}\n\t\t\t\tclassName={tabsClassName}\n\t\t\t\tstrings={{\n\t\t\t\t\tmore: moreLabel,\n\t\t\t\t\tnavigationLabel: tabsAriaLabel ?? strings.tabsAriaLabel,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{toolbar}\n\t\t</Stack>\n\t);\n\n\treturn (\n\t\t<ResourceShowShell\n\t\t\t{...props}\n\t\t\tstrings={stringsProp}\n\t\t\tclassName={cn('tabbed-resource-shell--component', className)}\n\t\t\ttoolbar={toolbarNode}\n\t\t\tslots={{ ...slots, toolbar: slots?.toolbar ?? toolbarNode }}\n\t\t/>\n\t);\n}\n\nfunction ResourceCard({\n\ttitle,\n\tdescription,\n\tactions,\n\theaderAction,\n\tchildren,\n\tfooter,\n\tpadding = 'md',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n\tname,\n}: ResourceDetailsSectionProps & { name: string }) {\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component={name}\n\t\t\tdata-slot={name}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tactions={actions}\n\t\t\theaderAction={headerAction}\n\t\t\tfooterSlot={footer}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn(`${name}--component`, className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t>\n\t\t\t{children}\n\t\t</ContentBlock>\n\t);\n}\n\nexport function ResourceDetailsSection({\n\tmetadata,\n\tmetadataColumns = 2,\n\tmetadataDense = false,\n\tbody,\n\thelp,\n\tchildren,\n\tcontentClassName,\n\t...props\n}: ResourceDetailsSectionProps) {\n\treturn (\n\t\t<ResourceCard\n\t\t\t{...props}\n\t\t\tname=\"resource-details-section\"\n\t\t\tcontentClassName={cn('resource-details-section--content grid gap-space-xl', contentClassName)}\n\t\t>\n\t\t\t{!!metadata?.length && (\n\t\t\t\t<MetadataList items={metadata} columns={metadataColumns} density={metadataDense ? 'compact' : 'default'} />\n\t\t\t)}\n\t\t\t{body}\n\t\t\t{children}\n\t\t\t{!!help && (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"resource-details-section--help\">\n\t\t\t\t\t{help}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</ResourceCard>\n\t);\n}\n"],"mappings":"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"}

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

@@ -1,23 +1,42 @@
 "use client";
-import { n as e } from "../rich-text-editor.recipes-CnrbmTS1.js";
-import { t } from "../rich-text-editor.strings-BpnIQgMl.js";
-import { n, t as r } from "../rich-text-editor-CF8QYt5p.js";
-import { jsx as i } from "react/jsx-runtime";
-import { useController as a, useFormContext as o } from "react-hook-form";
+import { n as e } from "../rich-text-editor.recipes-CadiF_Uu.js";
+import { t } from "../rich-text-editor.strings-CB59ekH2.js";
+import { n, t as r } from "../rich-text-editor-sMU_Scqm.js";
+import { useMemo as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useController as s, useFormContext as c } from "react-hook-form";
 //#region src/components/features/rich-text-editor/form-rich-text-editor.tsx
-function s({ name: e, ...t }) {
-	let { control: n } = o(), { field: s } = a({
+function l({ name: e, ...t }) {
+	let { control: n } = c(), { field: i } = s({
 		name: e,
 		control: n
 	});
-	return /* @__PURE__ */ i(r, {
+	return /* @__PURE__ */ o(r, {
 		className: "form-rich-text-editor--component",
 		...t,
-		value: typeof s.value == "string" ? s.value : "",
-		onValueChange: s.onChange
+		value: typeof i.value == "string" ? i.value : "",
+		onValueChange: i.onChange
 	});
 }
 //#endregion
-export { n as CountsFooterText, s as FormRichTextEditor, r as RichTextEditor, e as RichTextEditorToolbar, t as defaultRichTextEditorStrings };
+//#region src/components/features/rich-text-editor/use-rich-text-images.ts
+function u(e) {
+	let t = a(e);
+	t.current = e;
+	let n = !!e.renderImage;
+	return i(() => ({
+		upload: (e, n) => t.current.upload(e, n),
+		onError: (e, n) => t.current.onError?.(e, n),
+		renderImage: n ? (e) => t.current.renderImage?.(e) : void 0,
+		get accept() {
+			return t.current.accept;
+		},
+		get maxSize() {
+			return t.current.maxSize;
+		}
+	}), [n]);
+}
+//#endregion
+export { n as CountsFooterText, l as FormRichTextEditor, r as RichTextEditor, e as RichTextEditorToolbar, t as defaultRichTextEditorStrings, u as useRichTextImages };
 
 //# sourceMappingURL=rich-text-editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","names":["RichTextEditorToolbar","RichTextEditor","FormRichTextEditor","props","useFormContext","useController","field","CountsFooterText","defaultRichTextEditorStrings"],"sources":["../../src/components/features/rich-text-editor/form-rich-text-editor.tsx"],"sourcesContent":["import { useController, useFormContext } from 'react-hook-form';\nimport { RichTextEditor, type RichTextEditorProps } from './rich-text-editor';\n\nexport interface FormRichTextEditorProps\n\textends Omit<RichTextEditorProps, 'value' | 'onValueChange'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n}\n\nexport function FormRichTextEditor({ name, ...props }: FormRichTextEditorProps) {\n\tconst { control } = useFormContext();\n\tconst { field } = useController({ name, control });\n\n\treturn (\n\t\t<RichTextEditor className=\"form-rich-text-editor--component\"\n\t\t\t{...props}\n\t\t\tvalue={typeof field.value === 'string' ? field.value : ''}\n\t\t\tonValueChange={field.onChange}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AASA,SAAgBE,EAAmB,EAAE,SAAM,GAAGC,KAAkC;CAC/E,IAAM,EAAE,eAAYC,EAAe,GAC7B,EAAE,aAAUC,EAAc;EAAE;EAAM;CAAQ,CAAC;CAEjD,OACC,kBAACJ,GAAD;EAAgB,WAAU;EACzB,GAAIE;EACJ,OAAO,OAAOG,EAAM,SAAU,WAAWA,EAAM,QAAQ;EACvD,eAAeA,EAAM;CACrB,CAAA;AAEH"}
+{"version":3,"file":"rich-text-editor.js","names":["RichTextEditorToolbar","RichTextEditor","FormRichTextEditor","props","useFormContext","useController","field","useRichTextImages","latest","useRef","options","hasRenderImage","useMemo","file","context","error","image","CountsFooterText","defaultRichTextEditorStrings"],"sources":["../../src/components/features/rich-text-editor/form-rich-text-editor.tsx","../../src/components/features/rich-text-editor/use-rich-text-images.ts"],"sourcesContent":["import { useController, useFormContext } from 'react-hook-form';\nimport { RichTextEditor, type RichTextEditorProps } from './rich-text-editor';\n\nexport interface FormRichTextEditorProps\n\textends Omit<RichTextEditorProps, 'value' | 'onValueChange'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n}\n\nexport function FormRichTextEditor({ name, ...props }: FormRichTextEditorProps) {\n\tconst { control } = useFormContext();\n\tconst { field } = useController({ name, control });\n\n\treturn (\n\t\t<RichTextEditor className=\"form-rich-text-editor--component\"\n\t\t\t{...props}\n\t\t\tvalue={typeof field.value === 'string' ? field.value : ''}\n\t\t\tonValueChange={field.onChange}\n\t\t/>\n\t);\n}\n","import { useMemo, useRef } from 'react';\n\nimport type { RichTextEditorImages } from './rich-text-editor.types';\n\n/**\n * Image support for `RichTextEditor` and read-only `RichText` from one place.\n * The consumer supplies `upload` (and optionally `renderImage`, such as a\n * framework image component); the returned object is stable across renders\n * while always calling the latest callbacks, so inline functions are fine.\n *\n *   const images = useRichTextImages({\n *     upload: async (file, { signal }) => {\n *       const stored = await api.uploadImage(file, { signal });\n *       return { src: stored.url, width: stored.width, height: stored.height };\n *     },\n *     renderImage: (image) => <Image {...image} />,\n *   });\n *   <RichTextEditor value={html} onValueChange={setHtml} images={images} />\n *   <RichText html={html} images={images} />\n */\nexport function useRichTextImages(options: RichTextEditorImages): RichTextEditorImages {\n\tconst latest = useRef(options);\n\tlatest.current = options;\n\tconst hasRenderImage = Boolean(options.renderImage);\n\treturn useMemo<RichTextEditorImages>(() => ({\n\t\tupload: (file, context) => latest.current.upload(file, context),\n\t\tonError: (error, file) => latest.current.onError?.(error, file),\n\t\trenderImage: hasRenderImage ? (image) => latest.current.renderImage?.(image) : undefined,\n\t\tget accept() { return latest.current.accept; },\n\t\tget maxSize() { return latest.current.maxSize; },\n\t}), [hasRenderImage]);\n}\n"],"mappings":";;;;;;;;AASA,SAAgBE,EAAmB,EAAE,SAAM,GAAGC,KAAkC;CAC/E,IAAM,EAAE,eAAYC,EAAe,GAC7B,EAAE,aAAUC,EAAc;EAAE;EAAM;CAAQ,CAAC;CAEjD,OACC,kBAACJ,GAAD;EAAgB,WAAU;EACzB,GAAIE;EACJ,OAAO,OAAOG,EAAM,SAAU,WAAWA,EAAM,QAAQ;EACvD,eAAeA,EAAM;CACrB,CAAA;AAEH;;;ACAA,SAAgBC,EAAkB,GAAqD;CACtF,IAAMC,IAASC,EAAOC,CAAO;CAC7B,EAAO,UAAUA;CACjB,IAAMC,IAAiB,EAAQD,EAAQ;CACvC,OAAOE,SAAqC;EAC3C,SAAS,GAAM,MAAYJ,EAAO,QAAQ,OAAOK,GAAMC,CAAO;EAC9D,UAAU,GAAO,MAASN,EAAO,QAAQ,UAAUO,GAAOF,CAAI;EAC9D,aAAaF,KAAkB,MAAUH,EAAO,QAAQ,cAAcQ,CAAK,IAAI,KAAA;EAC/E,IAAI,SAAS;GAAE,OAAOR,EAAO,QAAQ;EAAQ;EAC7C,IAAI,UAAU;GAAE,OAAOA,EAAO,QAAQ;EAAS;CAChD,IAAI,CAACG,CAAc,CAAC;AACrB"}

package/dist/features/schema-form.js

@@ -1,18 +1,18 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-Cospvlj1.js";
-import { s as n } from "../typography-CAr3dQhX.js";
-import { t as r } from "../button-BS3KDg00.js";
-import { t as i } from "../structure-hzCW-XsV.js";
-import { t as a } from "../smart-card-Bek-TwUp.js";
-import { t as o } from "../input-DhQdBnV3.js";
-import { t as s } from "../form-field-VZRULhUK.js";
-import { d as c } from "../text-inputs-BFpku0Qd.js";
-import { a as l, c as u, i as d, o as f, r as p } from "../choice-inputs-DrJ17tpL.js";
-import { n as m } from "../display-DrdvPwF0.js";
-import { u as h } from "../value-inputs-CjfzGMsN.js";
-import { d as g } from "../forms-numeric-D3CO60IF.js";
-import { l as _ } from "../data-display-3xWQUnMA.js";
+import { t } from "../utils-l5LpDw2z.js";
+import { n } from "../buttons-SbIcm1HJ.js";
+import { s as r } from "../typography-DTRkE9zL.js";
+import { t as i } from "../structure-DC2dygdA.js";
+import { t as a } from "../smart-card-lFKxn5Hu.js";
+import { t as o } from "../input-DWhBBBww.js";
+import { t as s } from "../form-field-DUt4UxSV.js";
+import { d as c } from "../text-inputs-aaK9wcDT.js";
+import { a as l, i as u, l as d, o as f, r as p } from "../choice-inputs-t6w3ATNz.js";
+import { n as m } from "../display-DsQTVzMz.js";
+import { u as h } from "../value-inputs-TAYMX111.js";
+import { d as g } from "../forms-numeric-C0bvjRPZ.js";
+import { s as _ } from "../data-display-DafIvCl5.js";
 import { Fragment as v, useCallback as y, useEffect as b, useId as x, useMemo as S, useState as C } from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/components/features/schema-form/schema-form.utils.ts
@@ -205,21 +205,21 @@ function ne({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i,
 }
 //#endregion
 //#region src/components/features/schema-form/partials/schema-form-actions.tsx
-function z({ submitLabel: e, resetLabel: n, showReset: a = !1, disabled: o = !1, submitDisabled: s = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
+function z({ submitLabel: e, resetLabel: r, showReset: a = !1, disabled: o = !1, submitDisabled: s = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
 	return /* @__PURE__ */ T(i, {
 		direction: "horizontal",
 		align: "center",
 		justify: "end",
 		gap: "md",
 		className: t("schema-form-actions--component", d),
-		children: [!!a && /* @__PURE__ */ w(r, {
+		children: [!!a && /* @__PURE__ */ w(n, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
 			disabled: o || c || l,
 			onClick: u,
-			children: n
-		}), /* @__PURE__ */ w(r, {
+			children: r
+		}), /* @__PURE__ */ w(n, {
 			type: "submit",
 			tone: "primary",
 			loading: l,
@@ -237,7 +237,7 @@ function B({ title: e, description: n, className: r }) {
 		description: n,
 		padding: "md",
 		border: !0,
-		className: t("schema-form-empty--component bg-muted/20", r)
+		className: t("schema-form-empty--component bg-muted/30", r)
 	});
 }
 B.displayName = "SchemaFormEmpty";
@@ -470,7 +470,7 @@ function q({ field: e, value: n, values: r, error: i, disabled: a, required: m,
 		}));
 		return /* @__PURE__ */ w(s, {
 			...C,
-			children: /* @__PURE__ */ w(u, {
+			children: /* @__PURE__ */ w(d, {
 				name: e.key,
 				value: A(n),
 				options: t,
@@ -504,7 +504,7 @@ function q({ field: e, value: n, values: r, error: i, disabled: a, required: m,
 	});
 	if (S === "checkbox-cards" && e.type === "checkbox-cards") return /* @__PURE__ */ w(s, {
 		...C,
-		children: /* @__PURE__ */ w(d, {
+		children: /* @__PURE__ */ w(u, {
 			name: e.key,
 			value: j(n),
 			options: e.options,
@@ -574,20 +574,20 @@ function ae({ section: e }) {
 	return !e.title && !e.description ? null : /* @__PURE__ */ T(i, {
 		gap: "normal",
 		className: "schema-form--section-heading",
-		children: [!!e.title && /* @__PURE__ */ w(n, {
+		children: [!!e.title && /* @__PURE__ */ w(r, {
 			weight: "semibold",
 			className: "schema-form--section-title",
 			children: e.title
-		}), !!e.description && /* @__PURE__ */ w(n, {
+		}), !!e.description && /* @__PURE__ */ w(r, {
 			type: "secondary",
 			className: "schema-form--section-description",
 			children: e.description
 		})]
 	});
 }
-function Y({ schema: r, value: o, defaultValue: s, errors: c, disabled: l = !1, layout: u = "form", columns: d = 2, id: f, name: p, title: h, description: g, headerSlot: _, footerSlot: y, actionsSlot: b, emptySlot: C, showActions: O, submitLabel: k, resetLabel: A, submitDisabled: j = !1, resetDisabled: M = !1, submitting: N = !1, onValueChange: P, onFieldChange: F, onSubmit: I, onReset: L, onError: R, renderField: V, renderSection: H, strings: U, className: re, contentClassName: W, sectionClassName: G, fieldClassName: K }) {
+function Y({ schema: n, value: o, defaultValue: s, errors: c, disabled: l = !1, layout: u = "form", columns: d = 2, id: f, name: p, title: h, description: g, headerSlot: _, footerSlot: y, actionsSlot: b, emptySlot: C, showActions: O, submitLabel: k, resetLabel: A, submitDisabled: j = !1, resetDisabled: M = !1, submitting: N = !1, onValueChange: P, onFieldChange: F, onSubmit: I, onReset: L, onError: R, renderField: V, renderSection: H, strings: U, className: re, contentClassName: W, sectionClassName: G, fieldClassName: K }) {
 	let Y = x(), oe = f ?? `schema-form-${Y}`, X = e(J, U), Z = ne({
-		fields: r.fields,
+		fields: n.fields,
 		value: o,
 		defaultValue: s,
 		errors: c,
@@ -596,11 +596,11 @@ function Y({ schema: r, value: o, defaultValue: s, errors: c, disabled: l = !1,
 		formatRequiredError: X.formatRequiredError,
 		validationError: X.validationError,
 		onError: R
-	}), Q = S(() => te(r, Z.values, X.defaultSectionTitle, d, R), [
+	}), Q = S(() => te(n, Z.values, X.defaultSectionTitle, d, R), [
 		d,
 		Z.values,
 		R,
-		r,
+		n,
 		X.defaultSectionTitle
 	]), se = Q.some((e) => e.fields.length > 0), ce = {
 		setFieldValue: Z.setFieldValue,
@@ -697,7 +697,7 @@ function Y({ schema: r, value: o, defaultValue: s, errors: c, disabled: l = !1,
 			gap: "2xl",
 			className: t("schema-form--cards", W),
 			children: [
-				!!(h ?? r.title ?? g ?? r.description ?? _) && /* @__PURE__ */ T(i, {
+				!!(h ?? n.title ?? g ?? n.description ?? _) && /* @__PURE__ */ T(i, {
 					direction: "horizontal",
 					align: "start",
 					justify: "between",
@@ -706,15 +706,15 @@ function Y({ schema: r, value: o, defaultValue: s, errors: c, disabled: l = !1,
 					children: [/* @__PURE__ */ T(i, {
 						gap: "normal",
 						className: "min-w-0",
-						children: [!!(h ?? r.title) && /* @__PURE__ */ w(n, {
+						children: [!!(h ?? n.title) && /* @__PURE__ */ w(r, {
 							size: "base",
 							weight: "semibold",
 							className: "schema-form--title",
-							children: h ?? r.title
-						}), !!(g ?? r.description) && /* @__PURE__ */ w(n, {
+							children: h ?? n.title
+						}), !!(g ?? n.description) && /* @__PURE__ */ w(r, {
 							type: "secondary",
 							className: "schema-form--description",
-							children: g ?? r.description
+							children: g ?? n.description
 						})]
 					}), _]
 				}),
@@ -729,8 +729,8 @@ function Y({ schema: r, value: o, defaultValue: s, errors: c, disabled: l = !1,
 			gap: "2xl",
 			contentGap: "2xl",
 			contentClassName: t("schema-form--content", W),
-			title: h ?? r.title,
-			description: g ?? r.description,
+			title: h ?? n.title,
+			description: g ?? n.description,
 			headerEnd: _,
 			footerSlot: y || $ ? /* @__PURE__ */ T(i, {
 				gap: "lg",