themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/features/resource-assignment.js

@@ -0,0 +1,317 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { n } from "../buttons-Co6GavvM.js";
+import { a as r, r as i } from "../typography-Cv8MT-82.js";
+import { t as a } from "../structure-BvW4vG4H.js";
+import { n as o } from "../cards-BMB0laLG.js";
+import { r as s } from "../overlays-DBqV0J_V.js";
+import { n as c } from "../display-ByI5tkqy.js";
+import { l } from "../data-display-b3d1TfL4.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Eye as v, PackageOpen as y } from "lucide-react";
+//#region src/components/features/resource-assignment/resource-assignment.strings.ts
+var b = {
+	currentlySelected: "Currently selected:",
+	noResourceContent: "No resource content configured.",
+	noResourceSelected: "No resource selected.",
+	changeAction: "Change"
+};
+//#endregion
+//#region src/components/features/resource-assignment/hooks/use-shared-resource-card.ts
+function x({ resource: e, mapInitialSelected: t, onConfirmSelection: n, isConfirmDisabled: r, onDialogOpen: i, onDialogClose: a, onError: o, open: s, defaultOpen: c = !1, onOpenChange: l, value: h, defaultValue: g, onValueChange: _ }) {
+	let [v, y] = m(c), [b, x] = m(!1), [S, C] = m(g ?? null), w = s !== void 0, T = h !== void 0, E = w ? s : v, D = T ? h : S, O = e !== null, k = p(!1), A = p(!1), j = p(g !== void 0), M = u((e) => {
+		w || y(e), l?.(e);
+	}, [w, l]), N = u((e) => {
+		T || C(e), _?.(e);
+	}, [T, _]), P = u(() => {
+		M(!0);
+	}, [M]);
+	d(() => {
+		if (!E) {
+			k.current = !1;
+			return;
+		}
+		if (k.current) return;
+		k.current = !0;
+		let n = !A.current, r;
+		T ? r = h : n && j.current ? r = S : (r = t(e), N(r)), A.current = !0, i?.(r);
+	}, [
+		S,
+		E,
+		T,
+		t,
+		i,
+		e,
+		N,
+		h
+	]);
+	let F = u(() => {
+		b || (M(!1), N(null), a?.());
+	}, [
+		b,
+		a,
+		N,
+		M
+	]), I = f(() => D === null ? !1 : !r || !r(D), [r, D]), L = u(async () => {
+		if (!b && I && D !== null) {
+			x(!0);
+			try {
+				await n(D), M(!1), N(null), a?.();
+			} catch (e) {
+				o?.(e, D);
+			} finally {
+				x(!1);
+			}
+		}
+	}, [
+		I,
+		b,
+		n,
+		a,
+		o,
+		D,
+		N,
+		M
+	]);
+	return f(() => ({
+		resource: e,
+		hasResource: O,
+		isSelectorOpen: E,
+		isConfirming: b,
+		selectedSuggestion: D,
+		setSelectedSuggestion: N,
+		openSelector: P,
+		closeSelector: F,
+		confirmSelection: L,
+		canConfirmSelection: I
+	}), [
+		I,
+		F,
+		L,
+		O,
+		b,
+		E,
+		P,
+		e,
+		D,
+		N
+	]);
+}
+//#endregion
+//#region src/components/features/resource-assignment/partials/default-shared-resource-partials.tsx
+function S({ context: t, strings: n, getSelectionLabel: a }) {
+	let o = e(b, n), s = t.selectedSuggestion;
+	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__ */ _("div", {
+		className: "default-dialog-summary--component shared-resource-card--dialog-summary rounded-radius bg-muted p-surface",
+		children: [/* @__PURE__ */ g(i, { children: o.currentlySelected }), /* @__PURE__ */ g(r, {
+			className: "mt-space-xs",
+			children: c
+		})]
+	});
+}
+S.displayName = "DefaultDialogSummary";
+function C({ context: t, strings: n }) {
+	let i = e(b, n);
+	return /* @__PURE__ */ g(r, {
+		type: "secondary",
+		className: "default-resource-content--component",
+		children: i.noResourceContent
+	});
+}
+C.displayName = "DefaultResourceContent";
+function w({ context: t, strings: r }) {
+	let i = e(b, r);
+	return /* @__PURE__ */ g(l, {
+		title: i.noResourceSelected,
+		description: !1,
+		media: /* @__PURE__ */ g(y, { className: "size-icon" }),
+		mediaVariant: "icon-soft",
+		actions: /* @__PURE__ */ g(n, {
+			tone: "secondary",
+			buttonStyle: "outline",
+			onClick: t.openSelector,
+			type: "button",
+			children: i.changeAction
+		}),
+		className: "default-empty-content--component"
+	});
+}
+w.displayName = "DefaultEmptyContent";
+function T({ SelectorComponent: e, selectorProps: t, context: n }) {
+	let r = {
+		...t ?? {},
+		onSelect: n.setSelectedSuggestion,
+		selected: n.selectedSuggestion,
+		inModal: !0,
+		lockOnSelect: !1,
+		context: "dialog"
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "default-dialog-content--component py-space-sm",
+		children: /* @__PURE__ */ g(e, { ...r })
+	});
+}
+T.displayName = "DefaultDialogContent";
+//#endregion
+//#region src/components/features/resource-assignment/resource-assignment.tsx
+function E({ icon: i, title: l, description: u, className: d, contentClassName: p, alert: m, alertTone: y, actions: E, headerAction: D, footerText: O, resource: k, selector: A, sections: j, sectionsClassName: M, viewAction: N, viewLink: P, ResourceContentComponent: F, EmptyContentComponent: I, renderResourceContent: L, renderEmptyContent: R, strings: z }) {
+	let B = e(b, z), V = x({
+		resource: k,
+		mapInitialSelected: A?.mapInitialSelected ?? (() => null),
+		onConfirmSelection: A?.onConfirmSelection ?? (() => void 0),
+		isConfirmDisabled: A?.isConfirmDisabled,
+		onDialogOpen: A?.onDialogOpen,
+		onDialogClose: A?.onDialogClose,
+		onError: A?.onError,
+		open: A?.open,
+		defaultOpen: A?.defaultOpen,
+		onOpenChange: A?.onOpenChange,
+		value: A?.value,
+		defaultValue: A?.defaultValue,
+		onValueChange: A?.onValueChange
+	}), H = A !== void 0, U = A?.actionLabel?.trim(), W = E?.filter((e) => e.visible !== !1).length ?? 0, G = !!(H && U && W === 0), K = f(() => {
+		let e = E ?? [];
+		return !H || !U || G ? e.length > 0 ? e : void 0 : [...e, {
+			id: "shared-resource-selector-change",
+			label: U,
+			onClick: V.openSelector
+		}];
+	}, [
+		E,
+		H,
+		U,
+		V.openSelector,
+		G
+	]), ee = D || G ? /* @__PURE__ */ _(h, { children: [D, G && /* @__PURE__ */ g(n, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "outline",
+		size: "sm",
+		onClick: V.openSelector,
+		className: "shared-resource-card--selector-action",
+		children: U
+	})] }) : void 0, te = f(() => {
+		if (L) return L(V);
+		if (F) return /* @__PURE__ */ g(F, { context: V });
+		if (Array.isArray(j) && j.length > 0) {
+			let e = j.filter((e) => !e.when || e.when(V));
+			if (e.length > 0) return /* @__PURE__ */ g("div", {
+				className: M ?? "grid gap-space-lg",
+				children: e.map((e) => {
+					let t = e.Component;
+					return /* @__PURE__ */ g("div", {
+						className: e.className,
+						children: /* @__PURE__ */ g(t, { context: V })
+					}, e.id);
+				})
+			});
+		}
+		return /* @__PURE__ */ g(C, {
+			context: V,
+			strings: B
+		});
+	}, [
+		F,
+		L,
+		j,
+		M,
+		V,
+		B
+	]), ne = f(() => R ? R(V) : I ? /* @__PURE__ */ g(I, { context: V }) : H ? /* @__PURE__ */ g(w, {
+		context: V,
+		strings: B
+	}) : /* @__PURE__ */ g(r, {
+		type: "secondary",
+		children: B.noResourceSelected
+	}), [
+		I,
+		H,
+		R,
+		V,
+		B
+	]), q = A?.DialogContentComponent, J = A?.DialogSummaryComponent, Y = A?.SelectorComponent, X = A?.selectorProps, re = A?.dialogContentProps ?? {}, Z = V.hasResource, ie = Z ? te : ne, ae = !!(H && A && Y), Q = N !== void 0, $ = null;
+	Z && Q ? $ = N : Z && P && ($ = /* @__PURE__ */ g(o, {
+		href: P.href,
+		icon: v,
+		children: P.label
+	}));
+	let oe = $ === null || $ === !1 ? null : /* @__PURE__ */ g("div", {
+		className: t("shared-resource-card--view-action border-t border-border/60 pt-space-lg", !Q && P?.className),
+		children: $
+	}), se = ae && A && Y ? /* @__PURE__ */ _(s, {
+		open: V.isSelectorOpen,
+		onOpenChange: (e) => {
+			e || V.closeSelector();
+		},
+		title: A.title,
+		description: A.description,
+		size: A.dialogSize ?? "2xl",
+		showCancel: !1,
+		showConfirm: !1,
+		children: [
+			q ? /* @__PURE__ */ g(q, {
+				SelectorComponent: Y,
+				selectorProps: X,
+				context: V,
+				...re
+			}) : /* @__PURE__ */ g(T, {
+				SelectorComponent: Y,
+				selectorProps: X,
+				context: V
+			}),
+			J ? /* @__PURE__ */ g(J, { context: V }) : /* @__PURE__ */ g(S, {
+				context: V,
+				strings: B,
+				getSelectionLabel: A.getSelectionLabel
+			}),
+			/* @__PURE__ */ _(a, {
+				direction: "horizontal",
+				gap: "md",
+				justify: "end",
+				wrap: !1,
+				className: "border-t border-border/60 pt-space-lg",
+				children: [/* @__PURE__ */ g(n, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: V.closeSelector,
+					disabled: V.isConfirming,
+					type: "button",
+					children: A.cancelText
+				}), /* @__PURE__ */ g(n, {
+					onClick: () => {
+						V.confirmSelection();
+					},
+					disabled: !V.canConfirmSelection || V.isConfirming,
+					loading: V.isConfirming,
+					type: "button",
+					children: A.confirmText
+				})]
+			})
+		]
+	}) : null;
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(c, {
+		icon: i,
+		title: l,
+		description: u,
+		"data-state": Z ? "selected" : "empty",
+		headerDivider: !0,
+		className: t("shared-resource-card--component", d),
+		contentGap: "lg",
+		contentClassName: p,
+		alert: m,
+		alertTone: y,
+		actions: K,
+		headerAction: ee,
+		footerText: O,
+		children: [ie, oe]
+	}), se] });
+}
+E.displayName = "SharedResourceCard";
+//#endregion
+export { T as DefaultDialogContent, S as DefaultDialogSummary, w as DefaultEmptyContent, C as DefaultResourceContent, E as SharedResourceCard, b as defaultSharedResourceCardStrings, x as useSharedResourceCard };
+
+//# sourceMappingURL=resource-assignment.js.map

package/dist/features/resource-assignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-assignment.js","names":["_Fragment","ContentComponent","Text","DisplayLabel","Stack","CardPrimaryAction","ActionDialog","ContentBlock","Fragment$1","defaultSharedResourceCardStrings","useSharedResourceCard","internalOpen","setInternalOpen","useState","defaultOpen","isConfirming","setIsConfirming","internalSelectedSuggestion","setInternalSelectedSuggestion","defaultValue","isOpenControlled","open","isValueControlled","value","isSelectorOpen","selectedSuggestion","hasResource","resource","initializedOpenCycleRef","useRef","hasOpenedRef","hasExplicitDefaultValueRef","setSelectorOpen","useCallback","nextOpen","onOpenChange","setSelectedSuggestion","selection","onValueChange","openSelector","isFirstOpen","initial","mapInitialSelected","onDialogOpen","closeSelector","onDialogClose","canConfirmSelection","useMemo","isConfirmDisabled","confirmSelection","onConfirmSelection","error","onError","DefaultDialogSummary","s","useStrings","strings","selected","context","label","getSelectionLabel","DefaultResourceContent","_context","DefaultEmptyContent","EmptyState","PackageOpen","Button","DefaultDialogContent","componentProps","selectorProps","SelectorComponent","SharedResourceCard","stringsProp","selectorContext","selector","canUseSelector","selectorActionLabel","visibleBaseActionCount","actions","action","shouldInlineSelectorAction","resolvedActions","baseActions","resolvedHeaderAction","headerAction","resourceContent","renderResourceContent","ResourceContentComponent","sections","visibleSections","section","sectionsClassName","SectionComponent","emptyContent","renderEmptyContent","EmptyContentComponent","DialogContentComponent","DialogSummaryComponent","dialogContentProps","cardBody","shouldRenderDialog","hasCustomViewAction","viewAction","viewActionContent","viewLink","Eye","viewActionNode","cn","dialogNode","className"],"sources":["../../src/components/features/resource-assignment/resource-assignment.strings.ts","../../src/components/features/resource-assignment/hooks/use-shared-resource-card.ts","../../src/components/features/resource-assignment/partials/default-shared-resource-partials.tsx","../../src/components/features/resource-assignment/resource-assignment.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the resource-assignment feature.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SharedResourceCard\n *     strings={{ noResourceSelected: t('resourceAssignment.empty') }}\n *     …\n *   />\n */\n\nexport interface SharedResourceCardStrings {\n\tcurrentlySelected: string;\n\tnoResourceContent: string;\n\tnoResourceSelected: string;\n\tchangeAction: string;\n}\n\nexport const defaultSharedResourceCardStrings: SharedResourceCardStrings = {\n\tcurrentlySelected: 'Currently selected:',\n\tnoResourceContent: 'No resource content configured.',\n\tnoResourceSelected: 'No resource selected.',\n\tchangeAction: 'Change',\n};\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { SharedResourceCardContext } from '../resource-assignment.types';\n\nexport type UseSharedResourceCardOptions<TResource, TSuggestion> = {\n\t/** Persisted assignment. `null` is the only empty state. */\n\tresource: TResource | null;\n\t/** Map persisted data when neither `value` nor first-open `defaultValue` supplies selection. */\n\tmapInitialSelected: (resource: TResource | null) => TSuggestion | null;\n\t/** Persist a confirmed suggestion. Returned promises are awaited. */\n\tonConfirmSelection: (selection: TSuggestion) => void | Promise<void>;\n\t/** Disable confirmation for a pending candidate. */\n\tisConfirmDisabled?: (selection: TSuggestion | null) => boolean;\n\t/** Called once per closed-to-open cycle, including an initially open selector. */\n\tonDialogOpen?: (selection: TSuggestion | null) => void;\n\t/** Called after selection mode closes or confirmation succeeds. */\n\tonDialogClose?: () => void;\n\t/** Called when `onConfirmSelection` throws. Library DEV-logs the error;\n\t *  consumer wires telemetry. */\n\tonError?: (error: unknown, selection: TSuggestion) => void;\n\t/** Controlled selector visibility. An initial `true` value initializes selection. */\n\topen?: boolean;\n\t/** Initial selector visibility; `true` initializes selection after mount. */\n\tdefaultOpen?: boolean;\n\t/** Controlled visibility callback and uncontrolled visibility observer. */\n\tonOpenChange?: (open: boolean) => void;\n\t/** Controlled pending suggestion; authoritative over mapping on every open. */\n\tvalue?: TSuggestion | null;\n\t/** Initial uncontrolled suggestion; authoritative over mapping on the first open. */\n\tdefaultValue?: TSuggestion | null;\n\t/** Controlled selection callback and uncontrolled selection observer. */\n\tonValueChange?: (selection: TSuggestion | null) => void;\n};\n\nexport type UseSharedResourceCardResult<TResource, TSuggestion> =\n\tSharedResourceCardContext<TResource, TSuggestion>;\n\nexport function useSharedResourceCard<TResource, TSuggestion>({\n\tresource,\n\tmapInitialSelected,\n\tonConfirmSelection,\n\tisConfirmDisabled,\n\tonDialogOpen,\n\tonDialogClose,\n\tonError,\n\topen,\n\tdefaultOpen = false,\n\tonOpenChange,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n}: UseSharedResourceCardOptions<TResource, TSuggestion>): UseSharedResourceCardResult<TResource, TSuggestion> {\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst [isConfirming, setIsConfirming] = useState(false);\n\tconst [internalSelectedSuggestion, setInternalSelectedSuggestion] =\n\t\tuseState<TSuggestion | null>(defaultValue ?? null);\n\tconst isOpenControlled = open !== undefined;\n\tconst isValueControlled = value !== undefined;\n\tconst isSelectorOpen = isOpenControlled ? open : internalOpen;\n\tconst selectedSuggestion = isValueControlled ? value : internalSelectedSuggestion;\n\tconst hasResource = resource !== null;\n\tconst initializedOpenCycleRef = useRef(false);\n\tconst hasOpenedRef = useRef(false);\n\tconst hasExplicitDefaultValueRef = useRef(defaultValue !== undefined);\n\n\tconst setSelectorOpen = useCallback((nextOpen: boolean) => {\n\t\tif (!isOpenControlled) setInternalOpen(nextOpen);\n\t\tonOpenChange?.(nextOpen);\n\t}, [isOpenControlled, onOpenChange]);\n\n\tconst setSelectedSuggestion = useCallback((selection: TSuggestion | null) => {\n\t\tif (!isValueControlled) setInternalSelectedSuggestion(selection);\n\t\tonValueChange?.(selection);\n\t}, [isValueControlled, onValueChange]);\n\n\tconst openSelector = useCallback(() => {\n\t\tsetSelectorOpen(true);\n\t}, [setSelectorOpen]);\n\n\tuseEffect(() => {\n\t\tif (!isSelectorOpen) {\n\t\t\tinitializedOpenCycleRef.current = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (initializedOpenCycleRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tinitializedOpenCycleRef.current = true;\n\t\tconst isFirstOpen = !hasOpenedRef.current;\n\t\tlet initial: TSuggestion | null;\n\n\t\tif (isValueControlled) {\n\t\t\tinitial = value;\n\t\t} else if (isFirstOpen && hasExplicitDefaultValueRef.current) {\n\t\t\tinitial = internalSelectedSuggestion;\n\t\t} else {\n\t\t\tinitial = mapInitialSelected(resource);\n\t\t\tsetSelectedSuggestion(initial);\n\t\t}\n\n\t\thasOpenedRef.current = true;\n\t\tonDialogOpen?.(initial);\n\t}, [\n\t\tinternalSelectedSuggestion,\n\t\tisSelectorOpen,\n\t\tisValueControlled,\n\t\tmapInitialSelected,\n\t\tonDialogOpen,\n\t\tresource,\n\t\tsetSelectedSuggestion,\n\t\tvalue,\n\t]);\n\n\tconst closeSelector = useCallback(() => {\n\t\tif (isConfirming) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetSelectorOpen(false);\n\t\tsetSelectedSuggestion(null);\n\t\tonDialogClose?.();\n\t}, [isConfirming, onDialogClose, setSelectedSuggestion, setSelectorOpen]);\n\n\tconst canConfirmSelection = useMemo(() => {\n\t\tif (selectedSuggestion === null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (!isConfirmDisabled) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn !isConfirmDisabled(selectedSuggestion);\n\t}, [isConfirmDisabled, selectedSuggestion]);\n\n\tconst confirmSelection = useCallback(async () => {\n\t\tif (\n\t\t\tisConfirming ||\n\t\t\t!canConfirmSelection ||\n\t\t\tselectedSuggestion === null\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsConfirming(true);\n\n\t\ttry {\n\t\t\tawait onConfirmSelection(selectedSuggestion);\n\t\t\tsetSelectorOpen(false);\n\t\t\tsetSelectedSuggestion(null);\n\t\t\tonDialogClose?.();\n\t\t} catch (error) {\n\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\tconsole.warn('SharedResourceCard confirmation failed:', error);\n\t\t\t}\n\t\t\tonError?.(error, selectedSuggestion);\n\t\t} finally {\n\t\t\tsetIsConfirming(false);\n\t\t}\n\t}, [\n\t\tcanConfirmSelection,\n\t\tisConfirming,\n\t\tonConfirmSelection,\n\t\tonDialogClose,\n\t\tonError,\n\t\tselectedSuggestion,\n\t\tsetSelectedSuggestion,\n\t\tsetSelectorOpen,\n\t]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\tresource,\n\t\t\thasResource,\n\t\t\tisSelectorOpen,\n\t\t\tisConfirming,\n\t\t\tselectedSuggestion,\n\t\t\tsetSelectedSuggestion,\n\t\t\topenSelector,\n\t\t\tcloseSelector,\n\t\t\tconfirmSelection,\n\t\t\tcanConfirmSelection,\n\t\t}),\n\t\t[\n\t\t\tcanConfirmSelection,\n\t\t\tcloseSelector,\n\t\t\tconfirmSelection,\n\t\t\thasResource,\n\t\t\tisConfirming,\n\t\t\tisSelectorOpen,\n\t\t\topenSelector,\n\t\t\tresource,\n\t\t\tselectedSuggestion,\n\t\t\tsetSelectedSuggestion,\n\t\t],\n\t);\n}\n","/**\n * Default partial implementations for `<SharedResourceCard>`.\n *\n * Consumers can override any of these by passing\n * `ResourceContentComponent` / `EmptyContentComponent` /\n * `selector.DialogContentComponent` / `selector.DialogSummaryComponent`\n * to `<SharedResourceCard>`. Strings flow through the `strings` prop\n * deep-merged over `defaultSharedResourceCardStrings`.\n */\nimport { Button } from '../../../base/buttons';\nimport { EmptyState } from '../../../blocks/data-display';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { PackageOpen } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { defaultSharedResourceCardStrings, type SharedResourceCardStrings } from '../resource-assignment.strings';\nimport type {\n\tSharedResourceCardContentProps,\n\tSharedResourceCardDialogContentProps,\n\tSharedResourceCardDialogSummaryProps,\n\tSharedResourceSelectorComponentProps,\n} from '../resource-assignment.types';\n\ntype DefaultStrings = StringsProp<SharedResourceCardStrings>;\n\nexport function DefaultDialogSummary<TResource, TSuggestion>({\n\tcontext,\n\tstrings,\n\tgetSelectionLabel,\n}: SharedResourceCardDialogSummaryProps<TResource, TSuggestion> & {\n\t/** Overrides this surface's own copy. */\n\tstrings?: DefaultStrings;\n\t/** Builds the summary shown for the current selection. */\n\tgetSelectionLabel?: (selection: TSuggestion) => ReactNode;\n}) {\n\tconst s = useStrings(defaultSharedResourceCardStrings, strings);\n\tconst selected = context.selectedSuggestion;\n\n\tif (selected === null) {\n\t\treturn null;\n\t}\n\n\tconst label = getSelectionLabel?.(selected) ?? (\n\t\ttypeof selected === 'object' &&\n\t\tselected !== null &&\n\t\t'label' in selected &&\n\t\ttypeof selected.label === 'string'\n\t\t\t? selected.label\n\t\t\t: null\n\t);\n\n\tif (label === null || label === undefined || label === '') {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"default-dialog-summary--component shared-resource-card--dialog-summary rounded-radius bg-muted p-surface\">\n\t\t\t<DisplayLabel>{s.currentlySelected}</DisplayLabel>\n\t\t\t<Text className=\"mt-space-xs\">{label}</Text>\n\t\t</div>\n\t);\n}\nDefaultDialogSummary.displayName = 'DefaultDialogSummary';\n\nexport function DefaultResourceContent<TResource, TSuggestion>({\n\tcontext: _context,\n\tstrings,\n}: SharedResourceCardContentProps<TResource, TSuggestion> & { strings?: DefaultStrings }) {\n\tconst s = useStrings(defaultSharedResourceCardStrings, strings);\n\treturn <Text type=\"secondary\" className=\"default-resource-content--component\">{s.noResourceContent}</Text>;\n}\nDefaultResourceContent.displayName = 'DefaultResourceContent';\n\nexport function DefaultEmptyContent<TResource, TSuggestion>({\n\tcontext,\n\tstrings,\n}: SharedResourceCardContentProps<TResource, TSuggestion> & { strings?: DefaultStrings }) {\n\tconst s = useStrings(defaultSharedResourceCardStrings, strings);\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={s.noResourceSelected}\n\t\t\tdescription={false}\n\t\t\tmedia={<PackageOpen className=\"size-icon\" />}\n\t\t\tmediaVariant=\"icon-soft\"\n\t\t\tactions={<Button\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\tonClick={context.openSelector}\n\t\t\t\ttype=\"button\"\n\t\t\t>\n\t\t\t\t{s.changeAction}\n\t\t\t</Button>}\n\t\t\tclassName=\"default-empty-content--component\"\n\t\t/>\n\t);\n}\nDefaultEmptyContent.displayName = 'DefaultEmptyContent';\n\nexport function DefaultDialogContent<\n\tTResource,\n\tTSuggestion,\n\tTSelectorProps extends object = Record<never, never>,\n>({\n\tSelectorComponent,\n\tselectorProps,\n\tcontext,\n}: SharedResourceCardDialogContentProps<TResource, TSuggestion, TSelectorProps>) {\n\tconst componentProps = {\n\t\t...(selectorProps ?? {} as TSelectorProps),\n\t\tonSelect: context.setSelectedSuggestion,\n\t\tselected: context.selectedSuggestion,\n\t\tinModal: true,\n\t\tlockOnSelect: false,\n\t\tcontext: 'dialog' as const,\n\t} as SharedResourceSelectorComponentProps<TSuggestion, TSelectorProps>;\n\n\treturn (\n\t\t<div className=\"default-dialog-content--component py-space-sm\">\n\t\t\t<SelectorComponent {...componentProps} />\n\t\t</div>\n\t);\n}\nDefaultDialogContent.displayName = 'DefaultDialogContent';\n","import { Eye } from 'lucide-react';\nimport { type ReactNode, useMemo } from 'react';\n\nimport { Button } from '../../base/buttons';\nimport { CardPrimaryAction } from '../../base/cards';\nimport { ContentBlock } from '../../base/display';\nimport { Stack } from '../../base/structure';\nimport { Text } from '../../typography';\nimport { ActionDialog } from '../overlays';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultSharedResourceCardStrings } from './resource-assignment.strings';\nimport { type SharedResourceCardProps } from './resource-assignment.types';\nimport { useSharedResourceCard } from './hooks';\nimport {\n\tDefaultDialogContent,\n\tDefaultDialogSummary,\n\tDefaultEmptyContent,\n\tDefaultResourceContent,\n} from './partials';\n\n/**\n * Stateful, card-free relationship assignment workflow.\n *\n * Consumers own persisted resources, selector data, mutations, routing, and\n * translations. The feature owns pending selection, confirmation state,\n * failure handling, and the default assignment presentation.\n */\nexport function SharedResourceCard<\n\tTResource,\n\tTSuggestion,\n\tTSelectorProps extends object = Record<never, never>,\n>({\n\ticon,\n\ttitle,\n\tdescription,\n\tclassName,\n\tcontentClassName,\n\talert,\n\talertTone,\n\tactions,\n\theaderAction,\n\tfooterText,\n\tresource,\n\tselector,\n\tsections,\n\tsectionsClassName,\n\tviewAction,\n\tviewLink,\n\tResourceContentComponent,\n\tEmptyContentComponent,\n\trenderResourceContent,\n\trenderEmptyContent,\n\tstrings: stringsProp,\n}: SharedResourceCardProps<TResource, TSuggestion, TSelectorProps>) {\n\tconst strings = useStrings(defaultSharedResourceCardStrings, stringsProp);\n\tconst selectorContext = useSharedResourceCard<TResource, TSuggestion>({\n\t\tresource,\n\t\tmapInitialSelected:\n\t\t\tselector?.mapInitialSelected ?? (() => null as TSuggestion | null),\n\t\tonConfirmSelection:\n\t\t\tselector?.onConfirmSelection ?? (() => undefined),\n\t\tisConfirmDisabled: selector?.isConfirmDisabled,\n\t\tonDialogOpen: selector?.onDialogOpen,\n\t\tonDialogClose: selector?.onDialogClose,\n\t\tonError: selector?.onError,\n\t\topen: selector?.open,\n\t\tdefaultOpen: selector?.defaultOpen,\n\t\tonOpenChange: selector?.onOpenChange,\n\t\tvalue: selector?.value,\n\t\tdefaultValue: selector?.defaultValue,\n\t\tonValueChange: selector?.onValueChange,\n\t});\n\n\tconst canUseSelector = selector !== undefined;\n\tconst selectorActionLabel = selector?.actionLabel?.trim();\n\tconst visibleBaseActionCount = actions?.filter((action) => action.visible !== false).length ?? 0;\n\tconst shouldInlineSelectorAction = Boolean(\n\t\tcanUseSelector && selectorActionLabel && visibleBaseActionCount === 0,\n\t);\n\tconst resolvedActions = useMemo(() => {\n\t\tconst baseActions = actions ?? [];\n\n\t\tif (!canUseSelector || !selectorActionLabel) {\n\t\t\treturn baseActions.length > 0 ? baseActions : undefined;\n\t\t}\n\n\t\tif (shouldInlineSelectorAction) {\n\t\t\treturn baseActions.length > 0 ? baseActions : undefined;\n\t\t}\n\n\t\treturn [\n\t\t\t...baseActions,\n\t\t\t{\n\t\t\t\tid: 'shared-resource-selector-change',\n\t\t\t\tlabel: selectorActionLabel,\n\t\t\t\tonClick: selectorContext.openSelector,\n\t\t\t},\n\t\t];\n\t}, [\n\t\tactions,\n\t\tcanUseSelector,\n\t\tselectorActionLabel,\n\t\tselectorContext.openSelector,\n\t\tshouldInlineSelectorAction,\n\t]);\n\tconst resolvedHeaderAction = headerAction || shouldInlineSelectorAction ? (\n\t\t<>\n\t\t\t{headerAction}\n\t\t\t{shouldInlineSelectorAction && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={selectorContext.openSelector}\n\t\t\t\t\tclassName=\"shared-resource-card--selector-action\"\n\t\t\t\t>\n\t\t\t\t\t{selectorActionLabel}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</>\n\t) : undefined;\n\n\tconst resourceContent: ReactNode = useMemo(() => {\n\t\tif (renderResourceContent) {\n\t\t\treturn renderResourceContent(selectorContext);\n\t\t}\n\n\t\tif (ResourceContentComponent) {\n\t\t\tconst ContentComponent = ResourceContentComponent;\n\t\t\treturn <ContentComponent context={selectorContext} />;\n\t\t}\n\n\t\tif (Array.isArray(sections) && sections.length > 0) {\n\t\t\tconst visibleSections = sections.filter((section) => {\n\t\t\t\treturn section.when ? section.when(selectorContext) : true;\n\t\t\t});\n\n\t\t\tif (visibleSections.length > 0) {\n\t\t\t\treturn (\n\t\t\t\t\t<div className={sectionsClassName ?? 'grid gap-space-lg'}>\n\t\t\t\t\t\t{visibleSections.map((section) => {\n\t\t\t\t\t\t\tconst SectionComponent = section.Component;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div key={section.id} className={section.className}>\n\t\t\t\t\t\t\t\t\t<SectionComponent context={selectorContext} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn <DefaultResourceContent context={selectorContext} strings={strings} />;\n\t}, [\n\t\tResourceContentComponent,\n\t\trenderResourceContent,\n\t\tsections,\n\t\tsectionsClassName,\n\t\tselectorContext,\n\t\tstrings,\n\t]);\n\n\tconst emptyContent: ReactNode = useMemo(() => {\n\t\tif (renderEmptyContent) {\n\t\t\treturn renderEmptyContent(selectorContext);\n\t\t}\n\n\t\tif (EmptyContentComponent) {\n\t\t\tconst ContentComponent = EmptyContentComponent;\n\t\t\treturn <ContentComponent context={selectorContext} />;\n\t\t}\n\n\t\tif (!canUseSelector) {\n\t\t\treturn <Text type=\"secondary\">{strings.noResourceSelected}</Text>;\n\t\t}\n\n\t\treturn <DefaultEmptyContent context={selectorContext} strings={strings} />;\n\t}, [\n\t\tEmptyContentComponent,\n\t\tcanUseSelector,\n\t\trenderEmptyContent,\n\t\tselectorContext,\n\t\tstrings,\n\t]);\n\n\tconst DialogContentComponent = selector?.DialogContentComponent;\n\tconst DialogSummaryComponent = selector?.DialogSummaryComponent;\n\tconst SelectorComponent = selector?.SelectorComponent;\n\tconst selectorProps = selector?.selectorProps;\n\tconst dialogContentProps = selector?.dialogContentProps ?? {};\n\tconst hasResource = selectorContext.hasResource;\n\tconst cardBody = hasResource ? resourceContent : emptyContent;\n\tconst shouldRenderDialog = Boolean(\n\t\tcanUseSelector && selector && SelectorComponent,\n\t);\n\tconst hasCustomViewAction = viewAction !== undefined;\n\tlet viewActionContent: ReactNode = null;\n\n\tif (hasResource && hasCustomViewAction) {\n\t\tviewActionContent = viewAction;\n\t} else if (hasResource && viewLink) {\n\t\tviewActionContent = (\n\t\t\t<CardPrimaryAction href={viewLink.href} icon={Eye}>\n\t\t\t\t{viewLink.label}\n\t\t\t</CardPrimaryAction>\n\t\t);\n\t}\n\n\tconst viewActionNode = viewActionContent === null || viewActionContent === false\n\t\t? null\n\t\t: (\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'shared-resource-card--view-action border-t border-border/60 pt-space-lg',\n\t\t\t\t\t!hasCustomViewAction && viewLink?.className,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{viewActionContent}\n\t\t\t</div>\n\t\t);\n\tconst dialogNode =\n\t\tshouldRenderDialog && selector && SelectorComponent ? (\n\t\t<ActionDialog\n\t\t\t\topen={selectorContext.isSelectorOpen}\n\t\t\t\tonOpenChange={(open) => {\n\t\t\t\t\tif (!open) {\n\t\t\t\t\t\tselectorContext.closeSelector();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ttitle={selector.title}\n\t\t\t\tdescription={selector.description}\n\t\t\t\tsize={selector.dialogSize ?? '2xl'}\n\t\t\t\tshowCancel={false}\n\t\t\t\tshowConfirm={false}\n\t\t\t>\n\t\t\t\t{DialogContentComponent ? (\n\t\t\t\t\t<DialogContentComponent\n\t\t\t\t\t\tSelectorComponent={SelectorComponent}\n\t\t\t\t\t\tselectorProps={selectorProps}\n\t\t\t\t\t\tcontext={selectorContext}\n\t\t\t\t\t\t{...dialogContentProps}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<DefaultDialogContent<TResource, TSuggestion, TSelectorProps>\n\t\t\t\t\t\tSelectorComponent={SelectorComponent}\n\t\t\t\t\t\tselectorProps={selectorProps}\n\t\t\t\t\t\tcontext={selectorContext}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{DialogSummaryComponent ? (\n\t\t\t\t\t<DialogSummaryComponent context={selectorContext} />\n\t\t\t\t) : (\n\t\t\t\t\t<DefaultDialogSummary\n\t\t\t\t\t\tcontext={selectorContext}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tgetSelectionLabel={selector.getSelectionLabel}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<Stack direction=\"horizontal\" gap=\"md\" justify=\"end\" wrap={false} className=\"border-t border-border/60 pt-space-lg\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\tonClick={selectorContext.closeSelector}\n\t\t\t\t\t\tdisabled={selectorContext.isConfirming}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{selector.cancelText}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tvoid selectorContext.confirmSelection();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t!selectorContext.canConfirmSelection ||\n\t\t\t\t\t\t\tselectorContext.isConfirming\n\t\t\t\t\t\t}\n\t\t\t\t\t\tloading={selectorContext.isConfirming}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{selector.confirmText}\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t</ActionDialog>\n\t\t) : null;\n\n\treturn (\n\t\t<>\n\t\t\t<ContentBlock\n\t\t\t\ticon={icon}\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tdata-state={hasResource ? 'selected' : 'empty'}\n\t\t\t\theaderDivider\n\t\t\t\tclassName={cn('shared-resource-card--component', className)}\n\t\t\t\tcontentGap=\"lg\"\n\t\t\t\tcontentClassName={contentClassName}\n\t\t\t\talert={alert}\n\t\t\t\talertTone={alertTone}\n\t\t\t\tactions={resolvedActions}\n\t\t\t\theaderAction={resolvedHeaderAction}\n\t\t\t\tfooterText={footerText}\n\t\t\t>\n\t\t\t\t{cardBody}\n\t\t\t\t{viewActionNode}\n\t\t\t</ContentBlock>\n\t\t\t{dialogNode}\n\t\t</>\n\t);\n}\n\nSharedResourceCard.displayName = 'SharedResourceCard';\n"],"mappings":"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"}

package/dist/features/resource.js

@@ -0,0 +1,254 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { a as n } from "../typography-Cv8MT-82.js";
+import { t as r } from "../structure-BvW4vG4H.js";
+import { n as i, t as a } from "../feedback-a9j9J-9A.js";
+import { u as o } from "../primitives-DKPOGVpj.js";
+import { t as s } from "../icon-badge-Dv0RYQwj.js";
+import { i as c, n as l, s as u } from "../avatar-CsnWaYmt.js";
+import { n as d } from "../display-ByI5tkqy.js";
+import { t as f } from "../navigation-BTrEb5u4.js";
+import { t as p } from "../page-header-BH41wCyY.js";
+import { l as m, n as h } from "../data-display-b3d1TfL4.js";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/features/resource/resource.strings.ts
+var v = {
+	loadingLabel: "Loading resources",
+	loadingDescription: "Preparing the latest data for this view.",
+	emptyTitle: "No resources found",
+	emptyDescription: "There are no records available for this view.",
+	errorTitle: "Resources unavailable",
+	errorDescription: "The resource data could not be loaded.",
+	retryLabel: "Try again",
+	tabsAriaLabel: "Resource sections"
+};
+//#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),
+		children: [!!d && /* @__PURE__ */ g(u, {
+			src: d,
+			alt: f ?? E
+		}), /* @__PURE__ */ g(c, { children: m ?? /* @__PURE__ */ g(o, {
+			value: E,
+			strategy: "first-words"
+		}) })]
+	}) : T ? /* @__PURE__ */ g(s, {
+		icon: T,
+		shape: "square",
+		tone: v,
+		className: t("resource-header--icon size-avatar-lg [&>svg]:size-icon-lg", w)
+	}) : null);
+	return /* @__PURE__ */ g(p, {
+		eyebrow: i,
+		title: e,
+		description: n,
+		leading: D,
+		titleSuffix: y ? /* @__PURE__ */ g(r, {
+			"data-slot": "resource-header-badges",
+			direction: "horizontal",
+			gap: "sm",
+			className: "resource-header--badges shrink-0",
+			children: y
+		}) : void 0,
+		afterDescription: b ? /* @__PURE__ */ g(r, {
+			"data-slot": "resource-header-metadata",
+			direction: "horizontal",
+			gap: "md",
+			className: "resource-header--metadata mt-space-sm",
+			children: b
+		}) : void 0,
+		actions: x,
+		withSeparator: !1,
+		className: t("resource-header--component", S),
+		contentClassName: C,
+		eyebrowClassName: "resource-header--eyebrow",
+		titleClassName: "resource-header--title truncate",
+		descriptionClassName: "resource-header--description max-w-3xl",
+		actionsClassName: "resource-header--actions flex-wrap"
+	});
+}
+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-lg border border-border/70 bg-card px-surface py-row-y-lg shadow-xs", a && "sticky top-shell-header z-30", o),
+		children: /* @__PURE__ */ _(r, {
+			direction: {
+				base: "vertical",
+				sm: "horizontal"
+			},
+			gap: "lg",
+			align: { sm: "center" },
+			justify: { sm: "between" },
+			wrap: { sm: !1 },
+			className: "resource-action-bar--layout",
+			children: [/* @__PURE__ */ g(r, {
+				"data-slot": "resource-action-leading",
+				direction: "horizontal",
+				gap: "md",
+				className: "resource-action-bar--leading flex-1",
+				children: n ?? e
+			}), !!i && /* @__PURE__ */ g(r, {
+				"data-slot": "resource-action-trailing",
+				direction: "horizontal",
+				gap: "md",
+				className: "resource-action-bar--trailing shrink-0",
+				children: i
+			})]
+		})
+	});
+}
+function x(e) {
+	return /* @__PURE__ */ g(m, {
+		...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, {
+		title: o,
+		description: s,
+		actions: c,
+		className: S
+	}) : null), k = h?.toolbar ?? l, A = h?.loading ?? /* @__PURE__ */ g(i, {
+		variant: "panel",
+		label: D.loadingLabel,
+		description: D.loadingDescription,
+		skeleton: !0,
+		lines: 4,
+		className: "resource-shell--loading rounded-radius-lg border border-border bg-card"
+	}), j = h?.empty ?? u ?? /* @__PURE__ */ g(x, {
+		title: D.emptyTitle,
+		description: D.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;
+	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),
+		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)]"),
+			children: [/* @__PURE__ */ _(r, {
+				gap: "xl",
+				children: [
+					!!O && /* @__PURE__ */ g("div", {
+						"data-slot": `resource-${E}-header`,
+						className: `resource-${E}-shell--header`,
+						children: O
+					}),
+					!!k && /* @__PURE__ */ g("div", {
+						"data-slot": `resource-${E}-toolbar`,
+						className: `resource-${E}-shell--toolbar`,
+						children: k
+					}),
+					/* @__PURE__ */ g("div", {
+						"data-slot": `resource-${E}-content`,
+						className: t(`resource-${E}-shell--content min-w-0`, C),
+						children: P
+					}),
+					!!h?.footer && /* @__PURE__ */ g("div", {
+						"data-slot": `resource-${E}-footer`,
+						className: `resource-${E}-shell--footer`,
+						children: h.footer
+					})
+				]
+			}), !!h?.aside && /* @__PURE__ */ g("aside", {
+				"data-slot": `resource-${E}-aside`,
+				className: t(`resource-${E}-shell--aside min-w-0`, T),
+				children: h.aside
+			})]
+		})
+	});
+}
+function C(e) {
+	return /* @__PURE__ */ g(S, {
+		...e,
+		variant: "index"
+	});
+}
+function w(e) {
+	return /* @__PURE__ */ g(S, {
+		...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, {
+		gap: "lg",
+		"data-slot": "tabbed-resource-toolbar",
+		className: "tabbed-resource-shell--toolbar",
+		children: [/* @__PURE__ */ g(f, {
+			items: n,
+			value: i,
+			onValueChange: a,
+			className: o,
+			strings: {
+				more: s,
+				navigationLabel: c ?? h.tabsAriaLabel
+			}
+		}), l]
+	});
+	return /* @__PURE__ */ g(w, {
+		...m,
+		strings: p,
+		className: t("tabbed-resource-shell--component", d),
+		toolbar: y,
+		slots: {
+			...u,
+			toolbar: u?.toolbar ?? y
+		}
+	});
+}
+function E({ title: e, description: n, actions: r, headerAction: i, children: a, footer: o, padding: s = "md", surface: c = "card", className: l, contentClassName: u, name: f }) {
+	return /* @__PURE__ */ g(d, {
+		"data-component": f,
+		"data-slot": f,
+		title: e,
+		description: n,
+		actions: r,
+		headerAction: i,
+		footerSlot: o,
+		padding: s,
+		surface: c,
+		className: t(`${f}--component`, l),
+		contentClassName: u,
+		children: a
+	});
+}
+function D({ metadata: e, metadataColumns: r = 2, metadataDense: i = !1, body: a, help: o, children: s, contentClassName: c, ...l }) {
+	return /* @__PURE__ */ _(E, {
+		...l,
+		name: "resource-details-section",
+		contentClassName: t("resource-details-section--content grid gap-space-xl", c),
+		children: [
+			!!e?.length && /* @__PURE__ */ g(h, {
+				items: e,
+				columns: r,
+				density: i ? "compact" : "default"
+			}),
+			a,
+			s,
+			!!o && /* @__PURE__ */ g(n, {
+				size: "xs",
+				type: "secondary",
+				className: "resource-details-section--help",
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { b as ResourceActionBar, D as ResourceDetailsSection, x as ResourceEmptyState, y as ResourceHeader, C as ResourceIndexShell, w as ResourceShowShell, T as TabbedResourceShell, v as defaultResourceStrings };
+
+//# sourceMappingURL=resource.js.map