themelia-ui 1.0.0

package/dist/features/resource-assignment.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../buttons-CQc0AVpb.cjs"),r=require("../action-menu-DcUKnD_n.cjs"),i=require("../display-BPuD0OAo.cjs"),a=require("../structure-C4IX5OuO.cjs"),o=require("../overlays-SoQf4DDt.cjs");let s=require("lucide-react"),c=require("react"),l=require("react/jsx-runtime"),u=require("clsx");function d({resource:e,mapInitialSelected:t,onConfirmSelection:n,isConfirmDisabled:r,onDialogOpen:i,onDialogClose:a,onError:o,open:s,defaultOpen:l=!1,onOpenChange:u,value:d,defaultValue:f,onValueChange:p}){let[m,h]=(0,c.useState)(l),[g,_]=(0,c.useState)(f??null),[v,y]=(0,c.useState)(!1),b=s!==void 0,x=d!==void 0,S=b?s:m,C=x?d:g,w=(0,c.useRef)(!1),T=(0,c.useRef)(!1),E=(0,c.useRef)(f!==void 0),D=(0,c.useCallback)(e=>{b||h(e),u?.(e)},[b,u]),O=(0,c.useCallback)(e=>{x||_(e),p?.(e)},[x,p]),k=(0,c.useCallback)(()=>D(!0),[D]);(0,c.useEffect)(()=>{if(!S){w.current=!1;return}if(w.current)return;w.current=!0;let n=!T.current,r;x?r=d:n&&E.current?r=g:(r=t(e),O(r)),T.current=!0,i?.(r)},[g,S,x,t,i,e,O,d]);let A=(0,c.useCallback)(()=>{v||(D(!1),O(null),a?.())},[v,a,O,D]),j=(0,c.useMemo)(()=>C===null?!1:!r||!r(C),[r,C]),M=(0,c.useCallback)(async()=>{if(!(v||!j||C===null)){y(!0);try{await n(C),D(!1),O(null),a?.()}catch(e){o?.(e,C)}finally{y(!1)}}},[j,v,n,a,o,C,O,D]);return(0,c.useMemo)(()=>({resource:e,hasResource:e!==null,isSelectorOpen:S,isConfirming:v,selectedSuggestion:C,setSelectedSuggestion:O,openSelector:k,closeSelector:A,confirmSelection:M,canConfirmSelection:j}),[j,A,M,v,S,k,e,C,O])}var f={currentlySelected:`Currently selected`,noResourceContent:`No content configured for this resource.`,noResourceSelected:`Nothing assigned.`,changeAction:`Change`,assignAction:`Assign`},p={card:`resource-assignment-module__card___HK4fI`,body:`resource-assignment-module__body___Wl-Ft`,sections:`resource-assignment-module__sections___NadTM`,viewAction:`resource-assignment-module__viewAction___Ph0i6`,summary:`resource-assignment-module__summary___b2hiW`,summaryValue:`resource-assignment-module__summaryValue___RTGjl`,dialogFooter:`resource-assignment-module__dialogFooter___Cmunw`};function m({SelectorComponent:e,selectorProps:t,context:n}){let r={...t??{},onSelect:n.setSelectedSuggestion,selected:n.selectedSuggestion,inModal:!0,lockOnSelect:!1,context:`dialog`};return(0,l.jsx)(e,{...r})}function h({context:t,strings:n,getSelectionLabel:r}){let i={...f,...n},a=t.selectedSuggestion;if(a===null)return null;let o=r?.(a)??(typeof a==`object`&&a&&`label`in a&&typeof a.label==`string`?a.label:null);return o==null||o===``?null:(0,l.jsxs)(`div`,{className:(0,u.clsx)(`default-dialog-summary--component`,p.summary),children:[(0,l.jsx)(e.i,{children:i.currentlySelected}),(0,l.jsx)(e.o,{className:p.summaryValue,children:o})]})}function g({icon:g,title:_,description:v,className:y,contentClassName:b,alert:x,alertTone:S=`neutral`,actions:C,headerAction:w,footerText:T,resource:E,selector:D,sections:O,sectionsClassName:k,viewAction:A,viewLink:j,ResourceContentComponent:M,EmptyContentComponent:N,renderResourceContent:P,renderEmptyContent:F,strings:I}){let L={...f,...I},R=d({resource:E,mapInitialSelected:D?.mapInitialSelected??(()=>null),onConfirmSelection:D?.onConfirmSelection??(()=>void 0),isConfirmDisabled:D?.isConfirmDisabled,onDialogOpen:D?.onDialogOpen,onDialogClose:D?.onDialogClose,onError:D?.onError,open:D?.open,defaultOpen:D?.defaultOpen,onOpenChange:D?.onOpenChange,value:D?.value,defaultValue:D?.defaultValue,onValueChange:D?.onValueChange}),z=!!(D&&D.SelectorComponent),B=D?.actionLabel??(R.hasResource?L.changeAction:L.assignAction),V=(C?.length??0)>0,H=!R.hasResource&&z&&!F&&!N,U=z&&!V&&!H,W=(0,c.useMemo)(()=>{let e=[...C??[]];return z&&V&&e.unshift({id:`change-resource`,label:B,onClick:R.openSelector}),e},[C,z,B,R.openSelector,V]),G=(w||U)&&(0,l.jsxs)(l.Fragment,{children:[w,U&&(0,l.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:R.openSelector,children:B}),W.length>0&&(0,l.jsx)(r.n,{actions:W})]}),K=(0,c.useMemo)(()=>{if(P)return P(R);if(M)return(0,l.jsx)(M,{context:R});let t=(O??[]).filter(e=>e.when?.(R)??!0);return t.length>0?(0,l.jsx)(`div`,{className:(0,u.clsx)(p.sections,k),children:t.map(e=>(0,l.jsx)(`div`,{className:e.className,children:(0,l.jsx)(e.Component,{context:R})},e.id))}):(0,l.jsx)(e.o,{type:`secondary`,children:L.noResourceContent})},[M,R,L.noResourceContent,P,O,k]),q=(0,c.useMemo)(()=>F?F(R):N?(0,l.jsx)(N,{context:R}):z?(0,l.jsx)(t.p,{padding:`sm`,media:(0,l.jsx)(s.PackageOpenIcon,{}),mediaVariant:`icon-soft`,title:L.noResourceSelected,description:!1,action:(0,l.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:R.openSelector,children:B})}):(0,l.jsx)(e.o,{type:`secondary`,children:L.noResourceSelected}),[N,z,B,R,L.noResourceSelected,F]),J=R.hasResource?A??(j?(0,l.jsxs)(n.c,{render:(0,l.jsx)(`a`,{href:j.href}),tone:`neutral`,buttonStyle:`outline`,children:[(0,l.jsx)(s.EyeIcon,{"aria-hidden":!0}),j.label]}):null):null;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(i.l,{icon:g,title:_,description:v,headerEnd:G,surface:`bordered`,"data-slot":`shared-resource-card`,"data-state":R.hasResource?`assigned`:`empty`,className:(0,u.clsx)(`shared-resource-card--component`,p.card,y),children:[!!x&&(0,l.jsx)(t.h,{tone:S,children:x}),(0,l.jsx)(`div`,{className:(0,u.clsx)(p.body,b),children:R.hasResource?K:q}),!!J&&(0,l.jsx)(`div`,{className:(0,u.clsx)(p.viewAction,j?.className),children:J}),!!T&&(0,l.jsx)(e.o,{size:`xs`,type:`secondary`,children:T})]}),z&&!!D&&(0,l.jsxs)(o.r,{open:R.isSelectorOpen,onOpenChange:e=>{e||R.closeSelector()},title:D.title,description:D.description,width:D.dialogWidth??`xl`,showCancel:!1,showConfirm:!1,children:[D.DialogContentComponent?(0,l.jsx)(D.DialogContentComponent,{SelectorComponent:D.SelectorComponent,selectorProps:D.selectorProps,context:R,...D.dialogContentProps??{}}):(0,l.jsx)(m,{SelectorComponent:D.SelectorComponent,selectorProps:D.selectorProps,context:R}),D.DialogSummaryComponent?(0,l.jsx)(D.DialogSummaryComponent,{context:R}):(0,l.jsx)(h,{context:R,strings:I,getSelectionLabel:D.getSelectionLabel}),(0,l.jsxs)(a.o,{direction:`horizontal`,gap:`md`,justify:`end`,className:p.dialogFooter,children:[(0,l.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:R.closeSelector,disabled:R.isConfirming,children:D.cancelText}),(0,l.jsx)(n.c,{type:`button`,onClick:()=>void R.confirmSelection(),disabled:!R.canConfirmSelection||R.isConfirming,loading:R.isConfirming,children:D.confirmText})]})]})]})}exports.DefaultDialogContent=m,exports.DefaultDialogSummary=h,exports.SharedResourceCard=g,exports.defaultSharedResourceCardStrings=f,exports.useSharedResourceCard=d;

package/dist/features/resource-assignment.css

@@ -0,0 +1,14 @@
+@import "../core.css";
+@import "../css/resource-assignment.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/overlays.css";
+@import "../css/overlay.css";

package/dist/features/resource-assignment.js

@@ -0,0 +1,306 @@
+"use client";
+import "../core.css";
+import "../css/resource-assignment.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { i as t, o as n } from "../typography-vC_wwEBm.js";
+import { h as r, p as i } from "../feedback-DHdvxang.js";
+import { c as a } from "../buttons-CabBjPap.js";
+import { n as o } from "../action-menu-jAPdRvbi.js";
+import { l as s } from "../display-DTWjv_bB.js";
+import { o as c } from "../structure-es_UqqmD.js";
+import { r as l } from "../overlays-BN7GOm51.js";
+import { EyeIcon as u, PackageOpenIcon as d } from "lucide-react";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/features/resource-assignment/use-shared-resource-card.ts
+function b({ resource: e, mapInitialSelected: t, onConfirmSelection: n, isConfirmDisabled: r, onDialogOpen: i, onDialogClose: a, onError: o, open: s, defaultOpen: c = !1, onOpenChange: l, value: u, defaultValue: d, onValueChange: _ }) {
+	let [v, y] = g(c), [b, x] = g(d ?? null), [S, C] = g(!1), w = s !== void 0, T = u !== void 0, E = w ? s : v, D = T ? u : b, O = h(!1), k = h(!1), A = h(d !== void 0), j = f((e) => {
+		w || y(e), l?.(e);
+	}, [w, l]), M = f((e) => {
+		T || x(e), _?.(e);
+	}, [T, _]), N = f(() => j(!0), [j]);
+	p(() => {
+		if (!E) {
+			O.current = !1;
+			return;
+		}
+		if (O.current) return;
+		O.current = !0;
+		let n = !k.current, r;
+		T ? r = u : n && A.current ? r = b : (r = t(e), M(r)), k.current = !0, i?.(r);
+	}, [
+		b,
+		E,
+		T,
+		t,
+		i,
+		e,
+		M,
+		u
+	]);
+	let P = f(() => {
+		S || (j(!1), M(null), a?.());
+	}, [
+		S,
+		a,
+		M,
+		j
+	]), F = m(() => D === null ? !1 : !r || !r(D), [r, D]), I = f(async () => {
+		if (!(S || !F || D === null)) {
+			C(!0);
+			try {
+				await n(D), j(!1), M(null), a?.();
+			} catch (e) {
+				o?.(e, D);
+			} finally {
+				C(!1);
+			}
+		}
+	}, [
+		F,
+		S,
+		n,
+		a,
+		o,
+		D,
+		M,
+		j
+	]);
+	return m(() => ({
+		resource: e,
+		hasResource: e !== null,
+		isSelectorOpen: E,
+		isConfirming: S,
+		selectedSuggestion: D,
+		setSelectedSuggestion: M,
+		openSelector: N,
+		closeSelector: P,
+		confirmSelection: I,
+		canConfirmSelection: F
+	}), [
+		F,
+		P,
+		I,
+		S,
+		E,
+		N,
+		e,
+		D,
+		M
+	]);
+}
+//#endregion
+//#region src/components/features/resource-assignment/resource-assignment.strings.ts
+var x = {
+	currentlySelected: "Currently selected",
+	noResourceContent: "No content configured for this resource.",
+	noResourceSelected: "Nothing assigned.",
+	changeAction: "Change",
+	assignAction: "Assign"
+}, S = {
+	card: "resource-assignment-module__card___HK4fI",
+	body: "resource-assignment-module__body___Wl-Ft",
+	sections: "resource-assignment-module__sections___NadTM",
+	viewAction: "resource-assignment-module__viewAction___Ph0i6",
+	summary: "resource-assignment-module__summary___b2hiW",
+	summaryValue: "resource-assignment-module__summaryValue___RTGjl",
+	dialogFooter: "resource-assignment-module__dialogFooter___Cmunw"
+};
+//#endregion
+//#region src/components/features/resource-assignment/resource-assignment.tsx
+function C({ SelectorComponent: e, selectorProps: t, context: n }) {
+	let r = {
+		...t ?? {},
+		onSelect: n.setSelectedSuggestion,
+		selected: n.selectedSuggestion,
+		inModal: !0,
+		lockOnSelect: !1,
+		context: "dialog"
+	};
+	return /* @__PURE__ */ v(e, { ...r });
+}
+function w({ context: r, strings: i, getSelectionLabel: a }) {
+	let o = {
+		...x,
+		...i
+	}, s = r.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__ */ y("div", {
+		className: e("default-dialog-summary--component", S.summary),
+		children: [/* @__PURE__ */ v(t, { children: o.currentlySelected }), /* @__PURE__ */ v(n, {
+			className: S.summaryValue,
+			children: c
+		})]
+	});
+}
+function T({ icon: t, title: f, description: p, className: h, contentClassName: g, alert: T, alertTone: E = "neutral", actions: D, headerAction: O, footerText: k, resource: A, selector: j, sections: M, sectionsClassName: N, viewAction: P, viewLink: F, ResourceContentComponent: I, EmptyContentComponent: L, renderResourceContent: R, renderEmptyContent: z, strings: B }) {
+	let V = {
+		...x,
+		...B
+	}, H = b({
+		resource: A,
+		mapInitialSelected: j?.mapInitialSelected ?? (() => null),
+		onConfirmSelection: j?.onConfirmSelection ?? (() => void 0),
+		isConfirmDisabled: j?.isConfirmDisabled,
+		onDialogOpen: j?.onDialogOpen,
+		onDialogClose: j?.onDialogClose,
+		onError: j?.onError,
+		open: j?.open,
+		defaultOpen: j?.defaultOpen,
+		onOpenChange: j?.onOpenChange,
+		value: j?.value,
+		defaultValue: j?.defaultValue,
+		onValueChange: j?.onValueChange
+	}), U = !!(j && j.SelectorComponent), W = j?.actionLabel ?? (H.hasResource ? V.changeAction : V.assignAction), G = (D?.length ?? 0) > 0, K = !H.hasResource && U && !z && !L, q = U && !G && !K, J = m(() => {
+		let e = [...D ?? []];
+		return U && G && e.unshift({
+			id: "change-resource",
+			label: W,
+			onClick: H.openSelector
+		}), e;
+	}, [
+		D,
+		U,
+		W,
+		H.openSelector,
+		G
+	]), Y = (O || q) && /* @__PURE__ */ y(_, { children: [
+		O,
+		q && /* @__PURE__ */ v(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			onClick: H.openSelector,
+			children: W
+		}),
+		J.length > 0 && /* @__PURE__ */ v(o, { actions: J })
+	] }), X = m(() => {
+		if (R) return R(H);
+		if (I) return /* @__PURE__ */ v(I, { context: H });
+		let t = (M ?? []).filter((e) => e.when?.(H) ?? !0);
+		return t.length > 0 ? /* @__PURE__ */ v("div", {
+			className: e(S.sections, N),
+			children: t.map((e) => /* @__PURE__ */ v("div", {
+				className: e.className,
+				children: /* @__PURE__ */ v(e.Component, { context: H })
+			}, e.id))
+		}) : /* @__PURE__ */ v(n, {
+			type: "secondary",
+			children: V.noResourceContent
+		});
+	}, [
+		I,
+		H,
+		V.noResourceContent,
+		R,
+		M,
+		N
+	]), Z = m(() => z ? z(H) : L ? /* @__PURE__ */ v(L, { context: H }) : U ? /* @__PURE__ */ v(i, {
+		padding: "sm",
+		media: /* @__PURE__ */ v(d, {}),
+		mediaVariant: "icon-soft",
+		title: V.noResourceSelected,
+		description: !1,
+		action: /* @__PURE__ */ v(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			onClick: H.openSelector,
+			children: W
+		})
+	}) : /* @__PURE__ */ v(n, {
+		type: "secondary",
+		children: V.noResourceSelected
+	}), [
+		L,
+		U,
+		W,
+		H,
+		V.noResourceSelected,
+		z
+	]), Q = H.hasResource ? P ?? (F ? /* @__PURE__ */ y(a, {
+		render: /* @__PURE__ */ v("a", { href: F.href }),
+		tone: "neutral",
+		buttonStyle: "outline",
+		children: [/* @__PURE__ */ v(u, { "aria-hidden": !0 }), F.label]
+	}) : null) : null;
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(s, {
+		icon: t,
+		title: f,
+		description: p,
+		headerEnd: Y,
+		surface: "bordered",
+		"data-slot": "shared-resource-card",
+		"data-state": H.hasResource ? "assigned" : "empty",
+		className: e("shared-resource-card--component", S.card, h),
+		children: [
+			!!T && /* @__PURE__ */ v(r, {
+				tone: E,
+				children: T
+			}),
+			/* @__PURE__ */ v("div", {
+				className: e(S.body, g),
+				children: H.hasResource ? X : Z
+			}),
+			!!Q && /* @__PURE__ */ v("div", {
+				className: e(S.viewAction, F?.className),
+				children: Q
+			}),
+			!!k && /* @__PURE__ */ v(n, {
+				size: "xs",
+				type: "secondary",
+				children: k
+			})
+		]
+	}), U && !!j && /* @__PURE__ */ y(l, {
+		open: H.isSelectorOpen,
+		onOpenChange: (e) => {
+			e || H.closeSelector();
+		},
+		title: j.title,
+		description: j.description,
+		width: j.dialogWidth ?? "xl",
+		showCancel: !1,
+		showConfirm: !1,
+		children: [
+			j.DialogContentComponent ? /* @__PURE__ */ v(j.DialogContentComponent, {
+				SelectorComponent: j.SelectorComponent,
+				selectorProps: j.selectorProps,
+				context: H,
+				...j.dialogContentProps ?? {}
+			}) : /* @__PURE__ */ v(C, {
+				SelectorComponent: j.SelectorComponent,
+				selectorProps: j.selectorProps,
+				context: H
+			}),
+			j.DialogSummaryComponent ? /* @__PURE__ */ v(j.DialogSummaryComponent, { context: H }) : /* @__PURE__ */ v(w, {
+				context: H,
+				strings: B,
+				getSelectionLabel: j.getSelectionLabel
+			}),
+			/* @__PURE__ */ y(c, {
+				direction: "horizontal",
+				gap: "md",
+				justify: "end",
+				className: S.dialogFooter,
+				children: [/* @__PURE__ */ v(a, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "outline",
+					onClick: H.closeSelector,
+					disabled: H.isConfirming,
+					children: j.cancelText
+				}), /* @__PURE__ */ v(a, {
+					type: "button",
+					onClick: () => void H.confirmSelection(),
+					disabled: !H.canConfirmSelection || H.isConfirming,
+					loading: H.isConfirming,
+					children: j.confirmText
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+export { C as DefaultDialogContent, w as DefaultDialogSummary, T as SharedResourceCard, x as defaultSharedResourceCardStrings, b as useSharedResourceCard };

package/dist/features/resource.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../display-BPuD0OAo.cjs"),r=require("../structure-C4IX5OuO.cjs"),i=require("../primitives-Bcjsjg7A.cjs"),a=require("../avatar-BbLcyt_E.cjs"),o=require("../navigation-Zce9nqTO.cjs");let s=require("react/jsx-runtime"),c=require("clsx");var l={loadingLabel:`Loading resources`,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`,tabsLabel:`Resource sections`},u={shell:`resource-module__shell___4VUBN`,layout:`resource-module__layout___9gVER`,primary:`resource-module__primary___VRT4U`,content:`resource-module__content___Nrm-P`,aside:`resource-module__aside___cDupr`,headerAvatar:`resource-module__headerAvatar___RvPlr`,headerIcon:`resource-module__headerIcon___-S0sy`,headerBadges:`resource-module__headerBadges___O4xgb`,headerMetadata:`resource-module__headerMetadata___D02GD`,actionBar:`resource-module__actionBar___PrlJE`,actionBarSticky:`resource-module__actionBarSticky___rINYJ`,actionBarLeading:`resource-module__actionBarLeading___Z4b-P`,actionBarTrailing:`resource-module__actionBarTrailing___zfxM7`,stateSurface:`resource-module__stateSurface___aj4iV`,section:`resource-module__section___HuadO`,sectionContent:`resource-module__sectionContent___6a-07`,sectionFooter:`resource-module__sectionFooter___VXeh1`};function d({title:e,description:t,eyebrow:l,media:d,avatarUrl:f,avatarAlt:p,avatarFallback:m,icon:h,iconTone:g=`neutral`,badges:_,metadata:v,actions:y,className:b,contentClassName:x,mediaClassName:S}){let C=typeof e==`string`?e:``,w=d??(f||m?(0,s.jsxs)(a.r,{className:(0,c.clsx)(`resource-header--avatar`,u.headerAvatar,S),children:[!!f&&(0,s.jsx)(a.c,{src:f,alt:p??C}),(0,s.jsx)(a.a,{children:m??(0,s.jsx)(i.F,{value:C,strategy:`first-words`})})]}):h?(0,s.jsx)(n.u,{icon:(0,s.jsx)(h,{}),shape:`rounded`,tone:g,className:(0,c.clsx)(`resource-header--icon`,u.headerIcon,S)}):null);return(0,s.jsx)(o.o,{eyebrow:l,title:e,description:t,leading:w,titleSuffix:_?(0,s.jsx)(r.o,{"data-slot":`resource-header-badges`,direction:`horizontal`,gap:`sm`,className:(0,c.clsx)(`resource-header--badges`,u.headerBadges),children:_}):void 0,afterDescription:v?(0,s.jsx)(`div`,{"data-slot":`resource-header-metadata`,className:(0,c.clsx)(`resource-header--metadata`,u.headerMetadata),children:v}):void 0,actions:y,withSeparator:!1,className:(0,c.clsx)(`resource-header--component`,b),contentClassName:x})}function f({children:e,leading:t,trailing:n,sticky:i=!1,className:a}){return(0,s.jsx)(`div`,{"data-slot":`resource-action-bar`,className:(0,c.clsx)(`resource-action-bar--component`,u.actionBar,i&&u.actionBarSticky,a),children:(0,s.jsxs)(r.o,{direction:{base:`vertical`,sm:`horizontal`},gap:`lg`,align:{sm:`center`},justify:{sm:`between`},wrap:{sm:!1},children:[(0,s.jsx)(r.o,{"data-slot":`resource-action-leading`,direction:`horizontal`,gap:`md`,align:`center`,wrap:!0,className:u.actionBarLeading,children:t??e}),!!n&&(0,s.jsx)(r.o,{"data-slot":`resource-action-trailing`,direction:`horizontal`,gap:`md`,align:`center`,className:u.actionBarTrailing,children:n})]})})}function p({className:e,...n}){return(0,s.jsx)(t.p,{"data-slot":`resource-empty-state`,className:(0,c.clsx)(`resource-empty-state--component`,e),...n})}function m({children:e,title:n,description:i,actions:a,toolbar:o,empty:f=!1,loading:m=!1,error:h,onRetry:g,slots:_,className:v,headerClassName:y,contentClassName:b,strings:x,asideClassName:S,variant:C}){let w={...l,...x},T=_?.header??(n?(0,s.jsx)(d,{title:n,description:i,actions:a,className:y}):null),E=_?.toolbar??o,D=_?.loading??(0,s.jsx)(t.n,{label:w.loadingLabel,className:u.stateSurface}),O=_?.empty??(0,s.jsx)(p,{title:w.emptyTitle,description:w.emptyDescription,border:!0}),k=h instanceof Error||typeof h==`string`||typeof h==`number`,A=_?.error??(h&&!k&&typeof h!=`boolean`?h:(0,s.jsx)(t.t,{title:w.errorTitle,description:h instanceof Error?h.message:typeof h==`string`||typeof h==`number`?String(h):w.errorDescription,onRetry:g,strings:{retry:w.retryLabel},className:u.stateSurface})),j=m?D:h?A:f?O:e;return(0,s.jsx)(`section`,{"data-slot":`resource-${C}-shell`,className:(0,c.clsx)(`resource-${C}-shell--component`,u.shell,v),children:(0,s.jsxs)(`div`,{"data-slot":`resource-${C}-layout`,"data-has-aside":_?.aside?``:void 0,className:u.layout,children:[(0,s.jsxs)(r.o,{gap:`xl`,className:u.primary,children:[!!T&&(0,s.jsx)(`div`,{"data-slot":`resource-${C}-header`,children:T}),!!E&&(0,s.jsx)(`div`,{"data-slot":`resource-${C}-toolbar`,children:E}),(0,s.jsx)(`div`,{"data-slot":`resource-${C}-content`,className:(0,c.clsx)(u.content,b),children:j}),!!_?.footer&&(0,s.jsx)(`div`,{"data-slot":`resource-${C}-footer`,children:_.footer})]}),!!_?.aside&&(0,s.jsx)(`aside`,{"data-slot":`resource-${C}-aside`,className:(0,c.clsx)(u.aside,S),children:_.aside})]})})}function h(e){return(0,s.jsx)(m,{...e,variant:`index`})}function g(e){return(0,s.jsx)(m,{...e,variant:`show`})}function _({tabs:e,activeTab:t,onTabChange:n,tabsClassName:i,toolbar:a,slots:u,className:d,strings:f,...p}){let m={...l,...f},h=(0,s.jsxs)(r.o,{gap:`lg`,"data-slot":`tabbed-resource-toolbar`,children:[(0,s.jsx)(o.r,{items:e,value:t,onValueChange:n,className:i,strings:{label:m.tabsLabel}}),a]});return(0,s.jsx)(g,{...p,strings:f,className:(0,c.clsx)(`tabbed-resource-shell--component`,d),slots:{...u,toolbar:u?.toolbar??h}})}function v({metadata:t,metadataColumns:r=2,metadataDense:i=!1,body:a,help:o,children:l,footer:d,padding:f=`md`,surface:p=`bordered`,className:m,contentClassName:h,...g}){return(0,s.jsxs)(n.l,{"data-slot":`resource-details-section`,surface:p,"data-padding":f,className:(0,c.clsx)(`resource-details-section--component`,u.section,m),...g,children:[(0,s.jsxs)(`div`,{className:(0,c.clsx)(u.sectionContent,h),children:[!!t?.length&&(0,s.jsx)(n.n,{items:t,columns:r,density:i?`compact`:`default`}),a,l,!!o&&(0,s.jsx)(e.o,{size:`xs`,type:`secondary`,className:`resource-details-section--help`,children:o})]}),!!d&&(0,s.jsx)(`div`,{"data-slot":`resource-details-footer`,className:u.sectionFooter,children:d})]})}exports.ResourceActionBar=f,exports.ResourceDetailsSection=v,exports.ResourceEmptyState=p,exports.ResourceHeader=d,exports.ResourceIndexShell=h,exports.ResourceShowShell=g,exports.TabbedResourceShell=_,exports.defaultResourceStrings=l;

package/dist/features/resource.css

@@ -0,0 +1,15 @@
+@import "../core.css";
+@import "../css/resource.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/avatar.css";
+@import "../css/navigation.css";
+@import "../css/dropdown-menu.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";

package/dist/features/resource.js

@@ -0,0 +1,250 @@
+"use client";
+import "../core.css";
+import "../css/resource.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { n, p as r, t as i } from "../feedback-DHdvxang.js";
+import { l as a, n as o, u as s } from "../display-DTWjv_bB.js";
+import { o as c } from "../structure-es_UqqmD.js";
+import { F as l } from "../primitives-D-cyAv5O.js";
+import { a as u, c as d, r as f } from "../avatar-y8bQHcPP.js";
+import { o as p, r as m } from "../navigation-CRCc8lpn.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/features/resource/resource.strings.ts
+var _ = {
+	loadingLabel: "Loading resources",
+	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",
+	tabsLabel: "Resource sections"
+}, v = {
+	shell: "resource-module__shell___4VUBN",
+	layout: "resource-module__layout___9gVER",
+	primary: "resource-module__primary___VRT4U",
+	content: "resource-module__content___Nrm-P",
+	aside: "resource-module__aside___cDupr",
+	headerAvatar: "resource-module__headerAvatar___RvPlr",
+	headerIcon: "resource-module__headerIcon___-S0sy",
+	headerBadges: "resource-module__headerBadges___O4xgb",
+	headerMetadata: "resource-module__headerMetadata___D02GD",
+	actionBar: "resource-module__actionBar___PrlJE",
+	actionBarSticky: "resource-module__actionBarSticky___rINYJ",
+	actionBarLeading: "resource-module__actionBarLeading___Z4b-P",
+	actionBarTrailing: "resource-module__actionBarTrailing___zfxM7",
+	stateSurface: "resource-module__stateSurface___aj4iV",
+	section: "resource-module__section___HuadO",
+	sectionContent: "resource-module__sectionContent___6a-07",
+	sectionFooter: "resource-module__sectionFooter___VXeh1"
+};
+//#endregion
+//#region src/components/features/resource/resource.tsx
+function y({ title: t, description: n, eyebrow: r, media: i, avatarUrl: a, avatarAlt: o, avatarFallback: m, icon: _, iconTone: y = "neutral", badges: b, metadata: x, actions: S, className: C, contentClassName: w, mediaClassName: T }) {
+	let E = typeof t == "string" ? t : "", D = i ?? (a || m ? /* @__PURE__ */ g(f, {
+		className: e("resource-header--avatar", v.headerAvatar, T),
+		children: [!!a && /* @__PURE__ */ h(d, {
+			src: a,
+			alt: o ?? E
+		}), /* @__PURE__ */ h(u, { children: m ?? /* @__PURE__ */ h(l, {
+			value: E,
+			strategy: "first-words"
+		}) })]
+	}) : _ ? /* @__PURE__ */ h(s, {
+		icon: /* @__PURE__ */ h(_, {}),
+		shape: "rounded",
+		tone: y,
+		className: e("resource-header--icon", v.headerIcon, T)
+	}) : null);
+	return /* @__PURE__ */ h(p, {
+		eyebrow: r,
+		title: t,
+		description: n,
+		leading: D,
+		titleSuffix: b ? /* @__PURE__ */ h(c, {
+			"data-slot": "resource-header-badges",
+			direction: "horizontal",
+			gap: "sm",
+			className: e("resource-header--badges", v.headerBadges),
+			children: b
+		}) : void 0,
+		afterDescription: x ? /* @__PURE__ */ h("div", {
+			"data-slot": "resource-header-metadata",
+			className: e("resource-header--metadata", v.headerMetadata),
+			children: x
+		}) : void 0,
+		actions: S,
+		withSeparator: !1,
+		className: e("resource-header--component", C),
+		contentClassName: w
+	});
+}
+function b({ children: t, leading: n, trailing: r, sticky: i = !1, className: a }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "resource-action-bar",
+		className: e("resource-action-bar--component", v.actionBar, i && v.actionBarSticky, a),
+		children: /* @__PURE__ */ g(c, {
+			direction: {
+				base: "vertical",
+				sm: "horizontal"
+			},
+			gap: "lg",
+			align: { sm: "center" },
+			justify: { sm: "between" },
+			wrap: { sm: !1 },
+			children: [/* @__PURE__ */ h(c, {
+				"data-slot": "resource-action-leading",
+				direction: "horizontal",
+				gap: "md",
+				align: "center",
+				wrap: !0,
+				className: v.actionBarLeading,
+				children: n ?? t
+			}), !!r && /* @__PURE__ */ h(c, {
+				"data-slot": "resource-action-trailing",
+				direction: "horizontal",
+				gap: "md",
+				align: "center",
+				className: v.actionBarTrailing,
+				children: r
+			})]
+		})
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ h(r, {
+		"data-slot": "resource-empty-state",
+		className: e("resource-empty-state--component", t),
+		...n
+	});
+}
+function S({ children: t, title: r, description: a, actions: o, toolbar: s, empty: l = !1, loading: u = !1, error: d, onRetry: f, slots: p, className: m, headerClassName: b, contentClassName: S, strings: C, asideClassName: w, variant: T }) {
+	let E = {
+		..._,
+		...C
+	}, D = p?.header ?? (r ? /* @__PURE__ */ h(y, {
+		title: r,
+		description: a,
+		actions: o,
+		className: b
+	}) : null), O = p?.toolbar ?? s, k = p?.loading ?? /* @__PURE__ */ h(n, {
+		label: E.loadingLabel,
+		className: v.stateSurface
+	}), A = p?.empty ?? /* @__PURE__ */ h(x, {
+		title: E.emptyTitle,
+		description: E.emptyDescription,
+		border: !0
+	}), j = d instanceof Error || typeof d == "string" || typeof d == "number", M = p?.error ?? (d && !j && typeof d != "boolean" ? d : /* @__PURE__ */ h(i, {
+		title: E.errorTitle,
+		description: d instanceof Error ? d.message : typeof d == "string" || typeof d == "number" ? String(d) : E.errorDescription,
+		onRetry: f,
+		strings: { retry: E.retryLabel },
+		className: v.stateSurface
+	})), N = u ? k : d ? M : l ? A : t;
+	return /* @__PURE__ */ h("section", {
+		"data-slot": `resource-${T}-shell`,
+		className: e(`resource-${T}-shell--component`, v.shell, m),
+		children: /* @__PURE__ */ g("div", {
+			"data-slot": `resource-${T}-layout`,
+			"data-has-aside": p?.aside ? "" : void 0,
+			className: v.layout,
+			children: [/* @__PURE__ */ g(c, {
+				gap: "xl",
+				className: v.primary,
+				children: [
+					!!D && /* @__PURE__ */ h("div", {
+						"data-slot": `resource-${T}-header`,
+						children: D
+					}),
+					!!O && /* @__PURE__ */ h("div", {
+						"data-slot": `resource-${T}-toolbar`,
+						children: O
+					}),
+					/* @__PURE__ */ h("div", {
+						"data-slot": `resource-${T}-content`,
+						className: e(v.content, S),
+						children: N
+					}),
+					!!p?.footer && /* @__PURE__ */ h("div", {
+						"data-slot": `resource-${T}-footer`,
+						children: p.footer
+					})
+				]
+			}), !!p?.aside && /* @__PURE__ */ h("aside", {
+				"data-slot": `resource-${T}-aside`,
+				className: e(v.aside, w),
+				children: p.aside
+			})]
+		})
+	});
+}
+function C(e) {
+	return /* @__PURE__ */ h(S, {
+		...e,
+		variant: "index"
+	});
+}
+function w(e) {
+	return /* @__PURE__ */ h(S, {
+		...e,
+		variant: "show"
+	});
+}
+function T({ tabs: t, activeTab: n, onTabChange: r, tabsClassName: i, toolbar: a, slots: o, className: s, strings: l, ...u }) {
+	let d = {
+		..._,
+		...l
+	}, f = /* @__PURE__ */ g(c, {
+		gap: "lg",
+		"data-slot": "tabbed-resource-toolbar",
+		children: [/* @__PURE__ */ h(m, {
+			items: t,
+			value: n,
+			onValueChange: r,
+			className: i,
+			strings: { label: d.tabsLabel }
+		}), a]
+	});
+	return /* @__PURE__ */ h(w, {
+		...u,
+		strings: l,
+		className: e("tabbed-resource-shell--component", s),
+		slots: {
+			...o,
+			toolbar: o?.toolbar ?? f
+		}
+	});
+}
+function E({ metadata: n, metadataColumns: r = 2, metadataDense: i = !1, body: s, help: c, children: l, footer: u, padding: d = "md", surface: f = "bordered", className: p, contentClassName: m, ..._ }) {
+	return /* @__PURE__ */ g(a, {
+		"data-slot": "resource-details-section",
+		surface: f,
+		"data-padding": d,
+		className: e("resource-details-section--component", v.section, p),
+		..._,
+		children: [/* @__PURE__ */ g("div", {
+			className: e(v.sectionContent, m),
+			children: [
+				!!n?.length && /* @__PURE__ */ h(o, {
+					items: n,
+					columns: r,
+					density: i ? "compact" : "default"
+				}),
+				s,
+				l,
+				!!c && /* @__PURE__ */ h(t, {
+					size: "xs",
+					type: "secondary",
+					className: "resource-details-section--help",
+					children: c
+				})
+			]
+		}), !!u && /* @__PURE__ */ h("div", {
+			"data-slot": "resource-details-footer",
+			className: v.sectionFooter,
+			children: u
+		})]
+	});
+}
+//#endregion
+export { b as ResourceActionBar, E as ResourceDetailsSection, x as ResourceEmptyState, y as ResourceHeader, C as ResourceIndexShell, w as ResourceShowShell, T as TabbedResourceShell, _ as defaultResourceStrings };

package/dist/features/rich-text-editor/tiptap.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../rolldown-runtime-BocRIvOZ.cjs");let t=require("@tiptap/core"),n=require("@tiptap/starter-kit");n=e.t(n,1);var r={bold:e=>void e.chain().focus().toggleBold().run(),italic:e=>void e.chain().focus().toggleItalic().run(),underline:()=>{},strike:e=>void e.chain().focus().toggleStrike().run(),bulletList:e=>void e.chain().focus().toggleBulletList().run(),orderedList:e=>void e.chain().focus().toggleOrderedList().run(),blockquote:e=>void e.chain().focus().toggleBlockquote().run(),undo:e=>void e.chain().focus().undo().run(),redo:e=>void e.chain().focus().redo().run()},i={bold:`bold`,italic:`italic`,strike:`strike`,bulletList:`bulletList`,orderedList:`orderedList`,blockquote:`blockquote`};function a({element:e,content:a=``,extensions:o}){let s=new t.Editor({element:e,content:a,extensions:o??[n.default]}),c=new Set,l=!1,u=null,d=()=>{u=null;for(let e of[...c])e()};s.on(`transaction`,d);let f=()=>l,p={html:``,canUndo:!1,canRedo:!1,active:new Set};return{getState(){if(f())return p;if(u)return u;let e=new Set;for(let[t,n]of Object.entries(i))s.isActive(n)&&e.add(t);return u={html:s.getHTML(),canUndo:s.can().undo(),canRedo:s.can().redo(),active:e},u},setHtml(e){f()||s.getHTML()!==e&&(s.commands.setContent(e,{emitUpdate:!1}),d())},focus(){f()||s.commands.focus()},execute(e){f()||(r[e](s),d())},subscribe(e){return f()?()=>{}:(c.add(e),()=>c.delete(e))},destroy(){l||(l=!0,u=null,c.clear(),s.destroy())}}}exports.createTiptapEngine=a;