themelia-react-ui 2.0.5 → 3.0.0

package/dist/blocks/data-display.js

@@ -1,4 +1,3 @@
 "use client";
-import { n as e, t } from "../metadata-list-C3MkU-Om.js";
-import { a as n, c as r, d as i, f as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../data-display-BdgCAw8T.js";
-export { a as DenseInfoClassification, o as DenseInfoDashboard, i as DenseInfoFinancial, g as DenseInfoProjectCard, c as DenseInfoScoreCard, d as DocumentStackIllustration, m as EmptyState, n as InboxCleanIllustration, l as InlineStat, t as MetadataList, e as MetadataValue, h as RelationshipCardFrame, s as SearchGlassIllustration, p as StackedCardsIllustration, u as UsersCircleIllustration, f as defaultDenseInfoStrings, r as defaultEmptyStateStrings };
+import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "../data-display-CWe9SOYh.js";
+export { r as DenseInfoClassification, i as DenseInfoDashboard, n as DenseInfoFinancial, m as DenseInfoProjectCard, o as DenseInfoScoreCard, l as DocumentStackIllustration, f as EmptyState, e as InboxCleanIllustration, s as InlineStat, p as RelationshipCardFrame, a as SearchGlassIllustration, d as StackedCardsIllustration, c as UsersCircleIllustration, u as defaultDenseInfoStrings, t as defaultEmptyStateStrings };

package/dist/blocks/onboarding.js

@@ -1,16 +1,16 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-B6kKb8jB.js";
-import { c as n } from "../typography-BQnine1k.js";
-import { t as r } from "../structure-DuxKl954.js";
+import { t } from "../utils-BVbAG2J6.js";
+import { c as n } from "../typography-C0dELqYV.js";
+import { t as r } from "../structure-DElaQwwN.js";
 import { t as i } from "../tone-recipes-BPsRAvhu.js";
-import { a, c as o, i as s, l as c, o as l, r as u, s as d, u as f } from "../accordion-B9MHG0cT.js";
-import { t as p } from "../icon-badge-DZF-YjQp.js";
+import { a, c as o, i as s, l as c, o as l, r as u, s as d, u as f } from "../accordion-DNVqwEIC.js";
+import { t as p } from "../icon-badge-B0Kq7wom.js";
 import { forwardRef as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Check as S, CircleDashed as C } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Check as C, CircleDashed as w } from "lucide-react";
 //#region src/components/blocks/onboarding/checklist/checklist.strings.ts
-var w = {
+var T = {
 	regionAriaLabel: void 0,
 	statusCompletedAria: "Completed",
 	statusInProgressAria: "In progress",
@@ -18,121 +18,130 @@ var w = {
 };
 //#endregion
 //#region src/components/blocks/onboarding/checklist/partials/step-status-indicator.tsx
-function T({ status: e, ariaLabel: n, className: r }) {
+function E({ status: e, ariaLabel: n, className: r }) {
 	let a = t("step-status-indicator--component", r);
-	return e === "completed" ? /* @__PURE__ */ b(p, {
-		icon: S,
+	return e === "completed" ? /* @__PURE__ */ x(p, {
+		icon: C,
 		tone: "success",
 		size: "md",
 		"aria-label": n,
 		className: a
-	}) : e === "in-progress" ? /* @__PURE__ */ b(p, {
+	}) : e === "in-progress" ? /* @__PURE__ */ x(p, {
 		tone: "warning",
 		size: "md",
 		"aria-label": n,
 		className: a,
-		children: /* @__PURE__ */ b("span", {
+		children: /* @__PURE__ */ x("span", {
 			"aria-hidden": "true",
 			className: t(i.marker, "bg-warning")
 		})
-	}) : /* @__PURE__ */ b(p, {
-		icon: C,
+	}) : /* @__PURE__ */ x(p, {
+		icon: w,
 		tone: "neutral",
 		size: "md",
 		"aria-label": n,
 		className: a
 	});
 }
-T.displayName = "StepStatusIndicator";
+E.displayName = "StepStatusIndicator";
 //#endregion
 //#region src/components/blocks/onboarding/checklist/checklist.tsx
-var E = {
+var D = {
 	completed: "inherit",
 	"in-progress": "inherit",
 	pending: "secondary"
 };
-function D(e, t) {
+function O(e, t) {
 	return e === "completed" ? t.statusCompletedAria : e === "in-progress" ? t.statusInProgressAria : t.statusPendingAria;
 }
-function O(e) {
-	let t = e.find((e) => e.status !== "completed" && !e.disabled);
+function k(e) {
+	let t = e.find((e) => e.status !== "completed" && !e.disabled && !!e.content);
 	return t ? [t.id] : [];
 }
-var k = m(function({ steps: i, defaultExpanded: p, multiple: m = !1, expanded: S, onExpandedChange: C, onStepOpen: k, variant: A = "bordered", className: j, stepClassName: M, strings: N }, P) {
-	let F = e(w, N), I = S !== void 0, L = _(() => p ?? O(i), []), [R, z] = y(L), B = v(!1), V = I ? S : R, H = v(new Set(L));
+var A = m(function({ steps: i, defaultExpanded: p, multiple: m = !1, expanded: C, onExpandedChange: w, onStepOpen: A, variant: j = "bordered", className: M, stepClassName: N, strings: P }, F) {
+	let I = e(T, P), L = C !== void 0, R = _(() => p ?? k(i), []), [z, B] = y(R), V = v(!1), H = L ? C : z, U = v(new Set(H));
 	g(() => {
-		if (I || B.current || p !== void 0 || i.length === 0 || R.length > 0) return;
-		let e = O(i);
-		e.length > 0 && z(e);
+		if (L || V.current || p !== void 0 || i.length === 0 || z.length > 0) return;
+		let e = k(i);
+		e.length > 0 && B(e);
 	}, [
 		i,
-		I,
+		L,
 		p,
-		R.length
+		z.length
 	]);
-	let U = h((e) => {
+	let W = h((e) => {
 		let t = e ?? [];
-		B.current = !0, I || z(t), C?.(t);
-	}, [I, C]);
+		V.current = !0, L || B(t), w?.(t);
+	}, [L, w]);
 	return g(() => {
-		if (!k) {
-			H.current = new Set(V);
+		if (!A) {
+			U.current = new Set(H);
 			return;
 		}
-		let e = H.current;
-		for (let t of V) e.has(t) || k(t);
-		H.current = new Set(V);
-	}, [V, k]), /* @__PURE__ */ b(d, {
-		ref: P,
+		let e = U.current;
+		for (let t of H) e.has(t) || A(t);
+		U.current = new Set(H);
+	}, [H, A]), /* @__PURE__ */ x(d, {
+		ref: F,
 		multiple: m,
-		value: V,
-		onValueChange: U,
-		"aria-label": F.regionAriaLabel,
-		className: t("checklist--component", a[A], j),
-		children: i.map((e) => /* @__PURE__ */ x(c, {
-			value: e.id,
-			className: t(s[A], A === "card" && "last:border-b border-border", M),
-			children: [/* @__PURE__ */ b(f, {
-				disabled: e.disabled,
-				className: t(l, "min-h-16 items-center"),
-				children: /* @__PURE__ */ x(r, {
-					direction: "horizontal",
-					align: "center",
-					gap: "lg",
-					wrap: !1,
-					className: "w-full min-w-0",
-					children: [
-						/* @__PURE__ */ b(T, {
-							status: e.status,
-							ariaLabel: D(e.status, F)
-						}),
-						/* @__PURE__ */ b(n, {
-							tag: "span",
-							className: "min-w-0",
-							weight: "semibold",
-							type: E[e.status],
-							children: e.title
-						}),
-						!!e.badge && /* @__PURE__ */ b("span", {
-							className: "ml-auto inline-flex shrink-0",
-							children: e.badge
-						})
-					]
+		value: H,
+		onValueChange: W,
+		"aria-label": I.regionAriaLabel,
+		className: t("checklist--component", a[j], M),
+		children: i.map((e) => {
+			let i = /* @__PURE__ */ S(r, {
+				direction: "horizontal",
+				align: "center",
+				gap: "lg",
+				wrap: !1,
+				className: "w-full min-w-0",
+				children: [
+					/* @__PURE__ */ x(E, {
+						status: e.status,
+						ariaLabel: O(e.status, I)
+					}),
+					/* @__PURE__ */ x(n, {
+						tag: "span",
+						className: "min-w-0",
+						weight: "semibold",
+						type: D[e.status],
+						children: e.title
+					}),
+					!!e.badge && /* @__PURE__ */ x("span", {
+						className: "ms-auto inline-flex shrink-0",
+						children: e.badge
+					})
+				]
+			});
+			return /* @__PURE__ */ x(c, {
+				value: e.id,
+				className: t(s[j], j === "card" && "last:border-b border-border", N),
+				children: e.content ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(f, {
+					disabled: e.disabled,
+					className: t(l, "min-h-16 items-center"),
+					children: i
+				}), /* @__PURE__ */ x(o, {
+					className: u.withMedallion,
+					children: /* @__PURE__ */ x(n, {
+						type: "secondary",
+						lineHeight: "relaxed",
+						tag: "div",
+						children: e.content
+					})
+				})] }) : /* @__PURE__ */ S("div", {
+					className: t("checklist--static-step box-border flex w-full justify-between", l, "min-h-16"),
+					children: [i, /* @__PURE__ */ x("span", {
+						"aria-hidden": "true",
+						className: "size-icon shrink-0"
+					})]
 				})
-			}), !!e.content && /* @__PURE__ */ b(o, {
-				className: u.withMedallion,
-				children: /* @__PURE__ */ b(n, {
-					type: "secondary",
-					lineHeight: "relaxed",
-					tag: "div",
-					children: e.content
-				})
-			})]
-		}, e.id))
+			}, e.id);
+		})
 	});
 });
-k.displayName = "OnboardingChecklist";
+A.displayName = "OnboardingChecklist";
 //#endregion
-export { k as OnboardingChecklist, T as StepStatusIndicator, w as defaultOnboardingChecklistStrings };
+export { A as OnboardingChecklist, E as StepStatusIndicator, T as defaultOnboardingChecklistStrings };
 
 //# sourceMappingURL=onboarding.js.map

package/dist/blocks/onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding.js","names":["Text","Stack","dotRecipes","AccordionContent","ACCORDION_ITEM_VARIANT_CLASS","AccordionItem","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","Accordion","AccordionTrigger","IconBadge","defaultOnboardingChecklistStrings","StepStatusIndicator","rootClassName","cn","className","status","Check","ariaLabel","CircleDashed","TITLE_TYPE","pickStatusAria","strings","defaultExpandedFor","next","steps","s","OnboardingChecklist","forwardRef","expandedProp","stringsProp","useStrings","isControlled","computedDefault","useMemo","defaultExpanded","internalValue","setInternalValue","useState","userInteractedRef","useRef","expanded","previouslyExpanded","handleValueChange","useCallback","nextArr","onExpandedChange","useEffect","onStepOpen","prev","id","ACCORDION_ROOT_VARIANT_CLASS","variant","step","stepClassName"],"sources":["../../src/components/blocks/onboarding/checklist/checklist.strings.ts","../../src/components/blocks/onboarding/checklist/partials/step-status-indicator.tsx","../../src/components/blocks/onboarding/checklist/checklist.tsx"],"sourcesContent":["/**\n * Strings for `<OnboardingChecklist>`. Indicator labels are screen-reader\n * announcements for the status icons; consumers wire their i18n into them.\n *\n * The `regionAriaLabel` is intentionally optional — the consumer typically\n * already has a heading above the checklist that names it (\"Set up your\n * workspace\"), so adding an aria-label here would be redundant.\n */\nexport interface OnboardingChecklistStrings {\n\tregionAriaLabel?: string;\n\tstatusCompletedAria: string;\n\tstatusInProgressAria: string;\n\tstatusPendingAria: string;\n}\n\nexport const defaultOnboardingChecklistStrings: OnboardingChecklistStrings = {\n\tregionAriaLabel: undefined,\n\tstatusCompletedAria: 'Completed',\n\tstatusInProgressAria: 'In progress',\n\tstatusPendingAria: 'Pending',\n};\n","/**\n * StepStatusIndicator — the small leading icon that signals each step's\n * status in an OnboardingChecklist.\n *\n * - `completed`   → success-tinted disc with a check\n * - `in-progress` → warning-tinted disc with a small dot\n * - `pending`     → muted disc with a dashed ring\n *\n * Drawn on the shared `IconBadge` medallion at its default (`md`) size, the\n * geometry the accordion's `withMedallion` content inset aligns under. The\n * badge takes image semantics from the status label.\n */\nimport { Check, CircleDashed } from 'lucide-react';\n\nimport { IconBadge } from '../../../../base/display/icon-badge';\nimport { cn } from '../../../../../lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\nimport { dotRecipes } from '../../../../../lib/tone-recipes';\n\nexport interface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\t/** Accessible name for the region. */\n\tariaLabel: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function StepStatusIndicator({\n\tstatus,\n\tariaLabel,\n\tclassName,\n}: StepStatusIndicatorProps) {\n\tconst rootClassName = cn('step-status-indicator--component', className);\n\n\tif (status === 'completed') {\n\t\treturn <IconBadge icon={Check} tone=\"success\" size=\"md\" aria-label={ariaLabel} className={rootClassName} />;\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<IconBadge tone=\"warning\" size=\"md\" aria-label={ariaLabel} className={rootClassName}>\n\t\t\t\t<span aria-hidden=\"true\" className={cn(dotRecipes.marker, 'bg-warning')} />\n\t\t\t</IconBadge>\n\t\t);\n\t}\n\n\treturn <IconBadge icon={CircleDashed} tone=\"neutral\" size=\"md\" aria-label={ariaLabel} className={rootClassName} />;\n}\n\nStepStatusIndicator.displayName = 'StepStatusIndicator';\n","/**\n * OnboardingChecklist — the canonical step-list accordion for SaaS\n * onboarding flows. Each step has a status (completed / in-progress /\n * pending), a title, an optional badge, and an optional expanded body\n * for forms / actions / instructions.\n *\n * Composes `base/accordion`'s primitives directly (rule 2). Builds on\n * the shadcn accordion via the wrapped pass-through.\n *\n * Status indicators come from `partials/step-status-indicator.tsx` —\n * token-driven (success / warning / muted-foreground only).\n *\n * Strings — every accessibility label flows through the strings prop\n * (rule 8). Per-step copy lives in the data passed to `steps` (titles,\n * badges, descriptions are consumer-controlled).\n */\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n\tAccordion,\n\tAccordionContent,\n\tAccordionItem,\n\tAccordionTrigger,\n} from '../../../base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '../../../base/accordion/accordion-variants';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultOnboardingChecklistStrings,\n\ttype OnboardingChecklistStrings,\n} from './checklist.strings';\nimport type {\n\tOnboardingChecklistProps,\n\tOnboardingStepStatus,\n} from './checklist.types';\nimport { StepStatusIndicator } from './partials/step-status-indicator';\n\nconst TITLE_TYPE: Record<OnboardingStepStatus, 'inherit' | 'secondary'> = {\n\tcompleted: 'inherit',\n\t'in-progress': 'inherit',\n\tpending: 'secondary',\n};\n\nfunction pickStatusAria(\n\tstatus: OnboardingStepStatus,\n\tstrings: OnboardingChecklistStrings,\n): string {\n\tif (status === 'completed') return strings.statusCompletedAria;\n\tif (status === 'in-progress') return strings.statusInProgressAria;\n\treturn strings.statusPendingAria;\n}\n\nfunction defaultExpandedFor(steps: OnboardingChecklistProps['steps']): string[] {\n\tconst next = steps.find((s) => s.status !== 'completed' && !s.disabled);\n\treturn next ? [next.id] : [];\n}\n\nexport const OnboardingChecklist = forwardRef<HTMLDivElement, OnboardingChecklistProps>(function OnboardingChecklist({\n\tsteps,\n\tdefaultExpanded,\n\tmultiple = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = expandedProp !== undefined;\n\tconst computedDefault = useMemo(\n\t\t() => defaultExpanded ?? defaultExpandedFor(steps),\n\t\t// First-mount default. Re-resolution when `steps` arrives async is\n\t\t// handled by the effect below — that effect picks the next pending\n\t\t// step and opens it, but only if the user hasn't already toggled\n\t\t// anything.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[],\n\t);\n\tconst [internalValue, setInternalValue] = useState<string[]>(computedDefault);\n\tconst userInteractedRef = useRef(false);\n\tconst expanded = isControlled ? expandedProp : internalValue;\n\tconst previouslyExpanded = useRef<Set<string>>(new Set(computedDefault));\n\n\t// When `steps` is loaded asynchronously (consumer passes [] then\n\t// populates), promote the next-pending step the first time real\n\t// steps arrive — but never overwrite an explicit user toggle.\n\tuseEffect(() => {\n\t\tif (isControlled || userInteractedRef.current) return;\n\t\tif (defaultExpanded !== undefined) return;\n\t\tif (steps.length === 0) return;\n\t\tif (internalValue.length > 0) return;\n\t\tconst next = defaultExpandedFor(steps);\n\t\tif (next.length > 0) setInternalValue(next);\n\t}, [steps, isControlled, defaultExpanded, internalValue.length]);\n\n\tconst handleValueChange = useCallback(\n\t\t(next: unknown) => {\n\t\t\tconst nextArr = (next as string[]) ?? [];\n\t\t\tuserInteractedRef.current = true;\n\t\t\tif (!isControlled) setInternalValue(nextArr);\n\t\t\tonExpandedChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onExpandedChange],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!onStepOpen) {\n\t\t\tpreviouslyExpanded.current = new Set(expanded);\n\t\t\treturn;\n\t\t}\n\t\tconst prev = previouslyExpanded.current;\n\t\tfor (const id of expanded) {\n\t\t\tif (!prev.has(id)) onStepOpen(id);\n\t\t}\n\t\tpreviouslyExpanded.current = new Set(expanded);\n\t}, [expanded, onStepOpen]);\n\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tvalue={expanded}\n\t\t\tonValueChange={handleValueChange}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('checklist--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{steps.map((step) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={step.id}\n\t\t\t\t\tvalue={step.id}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tACCORDION_ITEM_VARIANT_CLASS[variant],\n\t\t\t\t\t\t// Each card step is its own closed frame: restore the bottom\n\t\t\t\t\t\t// edge the raw item drops on the last row of a ruled list.\n\t\t\t\t\t\tvariant === 'card' && 'last:border-b border-border',\n\t\t\t\t\t\tstepClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tdisabled={step.disabled}\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, 'min-h-16 items-center')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"lg\" wrap={false} className=\"w-full min-w-0\">\n\t\t\t\t\t\t\t<StepStatusIndicator\n\t\t\t\t\t\t\t\tstatus={step.status}\n\t\t\t\t\t\t\t\tariaLabel={pickStatusAria(step.status, strings)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tclassName=\"min-w-0\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\ttype={TITLE_TYPE[step.status]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!step.badge && (\n\t\t\t\t\t\t\t\t<span className=\"ml-auto inline-flex shrink-0\">{step.badge}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t{!!step.content && (\n\t\t\t\t\t\t<AccordionContent className={ACCORDION_CONTENT_PADDING.withMedallion}>\n\t\t\t\t\t\t\t<Text type=\"secondary\" lineHeight=\"relaxed\" tag=\"div\">\n\t\t\t\t\t\t\t\t{step.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</AccordionContent>\n\t\t\t\t\t)}\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nOnboardingChecklist.displayName = 'OnboardingChecklist';\n"],"mappings":"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"}
+{"version":3,"file":"onboarding.js","names":["_Fragment","Text","Stack","dotRecipes","AccordionContent","ACCORDION_ITEM_VARIANT_CLASS","AccordionItem","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","Accordion","AccordionTrigger","IconBadge","Fragment$1","defaultOnboardingChecklistStrings","StepStatusIndicator","rootClassName","cn","className","status","Check","ariaLabel","CircleDashed","TITLE_TYPE","pickStatusAria","strings","defaultExpandedFor","next","steps","s","OnboardingChecklist","forwardRef","expandedProp","stringsProp","useStrings","isControlled","computedDefault","useMemo","defaultExpanded","internalValue","setInternalValue","useState","userInteractedRef","useRef","expanded","previouslyExpanded","handleValueChange","useCallback","nextArr","onExpandedChange","useEffect","onStepOpen","prev","id","ACCORDION_ROOT_VARIANT_CLASS","variant","row","step","stepClassName"],"sources":["../../src/components/blocks/onboarding/checklist/checklist.strings.ts","../../src/components/blocks/onboarding/checklist/partials/step-status-indicator.tsx","../../src/components/blocks/onboarding/checklist/checklist.tsx"],"sourcesContent":["/**\n * Strings for `<OnboardingChecklist>`. Indicator labels are screen-reader\n * announcements for the status icons; consumers wire their i18n into them.\n *\n * The `regionAriaLabel` is intentionally optional — the consumer typically\n * already has a heading above the checklist that names it (\"Set up your\n * workspace\"), so adding an aria-label here would be redundant.\n */\nexport interface OnboardingChecklistStrings {\n\tregionAriaLabel?: string;\n\tstatusCompletedAria: string;\n\tstatusInProgressAria: string;\n\tstatusPendingAria: string;\n}\n\nexport const defaultOnboardingChecklistStrings: OnboardingChecklistStrings = {\n\tregionAriaLabel: undefined,\n\tstatusCompletedAria: 'Completed',\n\tstatusInProgressAria: 'In progress',\n\tstatusPendingAria: 'Pending',\n};\n","/**\n * StepStatusIndicator — the small leading icon that signals each step's\n * status in an OnboardingChecklist.\n *\n * - `completed`   → success-tinted disc with a check\n * - `in-progress` → warning-tinted disc with a small dot\n * - `pending`     → muted disc with a dashed ring\n *\n * Drawn on the shared `IconBadge` medallion at its default (`md`) size, the\n * geometry the accordion's `withMedallion` content inset aligns under. The\n * badge takes image semantics from the status label.\n */\nimport { Check, CircleDashed } from 'lucide-react';\n\nimport { IconBadge } from '../../../../base/display/icon-badge';\nimport { cn } from '../../../../../lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\nimport { dotRecipes } from '../../../../../lib/tone-recipes';\n\nexport interface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\t/** Accessible name for the region. */\n\tariaLabel: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function StepStatusIndicator({\n\tstatus,\n\tariaLabel,\n\tclassName,\n}: StepStatusIndicatorProps) {\n\tconst rootClassName = cn('step-status-indicator--component', className);\n\n\tif (status === 'completed') {\n\t\treturn <IconBadge icon={Check} tone=\"success\" size=\"md\" aria-label={ariaLabel} className={rootClassName} />;\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<IconBadge tone=\"warning\" size=\"md\" aria-label={ariaLabel} className={rootClassName}>\n\t\t\t\t<span aria-hidden=\"true\" className={cn(dotRecipes.marker, 'bg-warning')} />\n\t\t\t</IconBadge>\n\t\t);\n\t}\n\n\treturn <IconBadge icon={CircleDashed} tone=\"neutral\" size=\"md\" aria-label={ariaLabel} className={rootClassName} />;\n}\n\nStepStatusIndicator.displayName = 'StepStatusIndicator';\n","/**\n * OnboardingChecklist — the canonical step-list accordion for SaaS\n * onboarding flows. Each step has a status (completed / in-progress /\n * pending), a title, an optional badge, and an optional expanded body\n * for forms / actions / instructions.\n *\n * Composes `base/accordion`'s primitives directly (rule 2). Builds on\n * the shadcn accordion via the wrapped pass-through.\n *\n * Status indicators come from `partials/step-status-indicator.tsx` —\n * token-driven (success / warning / muted-foreground only).\n *\n * A step without `content` has nothing to reveal, so it renders as a static\n * row in the same anatomy rather than a disclosure, and is never the step\n * opened by default.\n *\n * Strings — every accessibility label flows through the strings prop\n * (rule 8). Per-step copy lives in the data passed to `steps` (titles,\n * badges, descriptions are consumer-controlled).\n */\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n\tAccordion,\n\tAccordionContent,\n\tAccordionItem,\n\tAccordionTrigger,\n} from '../../../base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '../../../base/accordion/accordion-variants';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultOnboardingChecklistStrings,\n\ttype OnboardingChecklistStrings,\n} from './checklist.strings';\nimport type {\n\tOnboardingChecklistProps,\n\tOnboardingStepStatus,\n} from './checklist.types';\nimport { StepStatusIndicator } from './partials/step-status-indicator';\n\nconst TITLE_TYPE: Record<OnboardingStepStatus, 'inherit' | 'secondary'> = {\n\tcompleted: 'inherit',\n\t'in-progress': 'inherit',\n\tpending: 'secondary',\n};\n\nfunction pickStatusAria(\n\tstatus: OnboardingStepStatus,\n\tstrings: OnboardingChecklistStrings,\n): string {\n\tif (status === 'completed') return strings.statusCompletedAria;\n\tif (status === 'in-progress') return strings.statusInProgressAria;\n\treturn strings.statusPendingAria;\n}\n\nfunction defaultExpandedFor(steps: OnboardingChecklistProps['steps']): string[] {\n\tconst next = steps.find((s) => s.status !== 'completed' && !s.disabled && !!s.content);\n\treturn next ? [next.id] : [];\n}\n\nexport const OnboardingChecklist = forwardRef<HTMLDivElement, OnboardingChecklistProps>(function OnboardingChecklist({\n\tsteps,\n\tdefaultExpanded,\n\tmultiple = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = expandedProp !== undefined;\n\tconst computedDefault = useMemo(\n\t\t() => defaultExpanded ?? defaultExpandedFor(steps),\n\t\t// First-mount default. Re-resolution when `steps` arrives async is\n\t\t// handled by the effect below — that effect picks the next pending\n\t\t// step and opens it, but only if the user hasn't already toggled\n\t\t// anything.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[],\n\t);\n\tconst [internalValue, setInternalValue] = useState<string[]>(computedDefault);\n\tconst userInteractedRef = useRef(false);\n\tconst expanded = isControlled ? expandedProp : internalValue;\n\t// Seeded from what is open at mount, controlled or not, so `onStepOpen`\n\t// reports only later openings.\n\tconst previouslyExpanded = useRef<Set<string>>(new Set(expanded));\n\n\t// When `steps` is loaded asynchronously (consumer passes [] then\n\t// populates), promote the next-pending step the first time real\n\t// steps arrive — but never overwrite an explicit user toggle.\n\tuseEffect(() => {\n\t\tif (isControlled || userInteractedRef.current) return;\n\t\tif (defaultExpanded !== undefined) return;\n\t\tif (steps.length === 0) return;\n\t\tif (internalValue.length > 0) return;\n\t\tconst next = defaultExpandedFor(steps);\n\t\tif (next.length > 0) setInternalValue(next);\n\t}, [steps, isControlled, defaultExpanded, internalValue.length]);\n\n\tconst handleValueChange = useCallback(\n\t\t(next: unknown) => {\n\t\t\tconst nextArr = (next as string[]) ?? [];\n\t\t\tuserInteractedRef.current = true;\n\t\t\tif (!isControlled) setInternalValue(nextArr);\n\t\t\tonExpandedChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onExpandedChange],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!onStepOpen) {\n\t\t\tpreviouslyExpanded.current = new Set(expanded);\n\t\t\treturn;\n\t\t}\n\t\tconst prev = previouslyExpanded.current;\n\t\tfor (const id of expanded) {\n\t\t\tif (!prev.has(id)) onStepOpen(id);\n\t\t}\n\t\tpreviouslyExpanded.current = new Set(expanded);\n\t}, [expanded, onStepOpen]);\n\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tvalue={expanded}\n\t\t\tonValueChange={handleValueChange}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('checklist--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{steps.map((step) => {\n\t\t\t\tconst row = (\n\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"lg\" wrap={false} className=\"w-full min-w-0\">\n\t\t\t\t\t\t<StepStatusIndicator\n\t\t\t\t\t\t\tstatus={step.status}\n\t\t\t\t\t\t\tariaLabel={pickStatusAria(step.status, strings)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tclassName=\"min-w-0\"\n\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\ttype={TITLE_TYPE[step.status]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!step.badge && (\n\t\t\t\t\t\t\t<span className=\"ms-auto inline-flex shrink-0\">{step.badge}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<AccordionItem\n\t\t\t\t\t\tkey={step.id}\n\t\t\t\t\t\tvalue={step.id}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tACCORDION_ITEM_VARIANT_CLASS[variant],\n\t\t\t\t\t\t\t// Each card step is its own closed frame: restore the bottom\n\t\t\t\t\t\t\t// edge the raw item drops on the last row of a ruled list.\n\t\t\t\t\t\t\tvariant === 'card' && 'last:border-b border-border',\n\t\t\t\t\t\t\tstepClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{step.content ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\t\t\t\tdisabled={step.disabled}\n\t\t\t\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, 'min-h-16 items-center')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{row}\n\t\t\t\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t\t\t\t<AccordionContent className={ACCORDION_CONTENT_PADDING.withMedallion}>\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\" lineHeight=\"relaxed\" tag=\"div\">\n\t\t\t\t\t\t\t\t\t\t{step.content}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</AccordionContent>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t// Same row geometry as a trigger; the trailing spacer keeps the\n\t\t\t\t\t\t\t// badge column aligned with rows that carry a chevron.\n\t\t\t\t\t\t\t<div className={cn('checklist--static-step box-border flex w-full justify-between', ACCORDION_TRIGGER_BASE, 'min-h-16')}>\n\t\t\t\t\t\t\t\t{row}\n\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" className=\"size-icon shrink-0\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AccordionItem>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Accordion>\n\t);\n});\n\nOnboardingChecklist.displayName = 'OnboardingChecklist';\n"],"mappings":";;;;;;;;;;;;AAeA,IAAaa,IAAgE;CAC5E,iBAAiB,KAAA;CACjB,qBAAqB;CACrB,sBAAsB;CACtB,mBAAmB;AACpB;;;ACQA,SAAgBC,EAAoB,EACnC,WACA,cACA,gBAC4B;CAC5B,IAAMC,IAAgBC,EAAG,oCAAoCC,CAAS;CActE,OAZIC,MAAW,cACP,kBAACP,GAAD;EAAW,MAAMQ;EAAO,MAAK;EAAU,MAAK;EAAK,cAAYC;EAAW,WAAWL;CAAgB,CAAA,IAGvGG,MAAW,gBAEb,kBAACP,GAAD;EAAW,MAAK;EAAU,MAAK;EAAK,cAAYS;EAAW,WAAWL;EACrE,UAAA,kBAAC,QAAD;GAAM,eAAY;GAAO,WAAWC,EAAGb,EAAW,QAAQ,YAAY;EAAI,CAAA;CAChE,CAAA,IAIN,kBAACQ,GAAD;EAAW,MAAMU;EAAc,MAAK;EAAU,MAAK;EAAK,cAAYD;EAAW,WAAWL;CAAgB,CAAA;AAClH;AAEA,EAAoB,cAAc;;;ACDlC,IAAMO,IAAoE;CACzE,WAAW;CACX,eAAe;CACf,SAAS;AACV;AAEA,SAASC,EACR,GACA,GACS;CAGT,OAFIL,MAAW,cAAoBM,EAAQ,sBACvCN,MAAW,gBAAsBM,EAAQ,uBACtCA,EAAQ;AAChB;AAEA,SAASC,EAAmB,GAAoD;CAC/E,IAAMC,IAAOC,EAAM,MAAM,MAAMC,EAAE,WAAW,eAAe,CAACA,EAAE,YAAY,CAAC,CAACA,EAAE,OAAO;CACrF,OAAOF,IAAO,CAACA,EAAK,EAAE,IAAI,CAAC;AAC5B;AAEA,IAAaG,IAAsBC,EAAqD,SAA6B,EACpH,UACA,oBACA,cAAW,IACX,UAAUC,GACV,qBACA,eACA,aAAU,YACV,cACA,kBACA,SAASC,KACP,GAAK;CACP,IAAMR,IAAUS,EAAWpB,GAAmCmB,CAAW,GACnEE,IAAeH,MAAiB,KAAA,GAChCI,IAAkBC,QACjBC,KAAmBZ,EAAmBE,CAAK,GAMjD,CAAC,CACF,GACM,CAACW,GAAeC,KAAoBC,EAAmBL,CAAe,GACtEM,IAAoBC,EAAO,EAAK,GAChCC,IAAWT,IAAeH,IAAeO,GAGzCM,IAAqBF,EAAoB,IAAI,IAAIC,CAAQ,CAAC;CAKhE,QAAgB;EAIf,IAHIT,KAAgBO,EAAkB,WAClCJ,MAAoB,KAAA,KACpBV,EAAM,WAAW,KACjBW,EAAc,SAAS,GAAG;EAC9B,IAAMZ,IAAOD,EAAmBE,CAAK;EACrC,AAAID,EAAK,SAAS,KAAGa,EAAiBb,CAAI;CAC3C,GAAG;EAACC;EAAOO;EAAcG;EAAiBC,EAAc;CAAM,CAAC;CAE/D,IAAMO,IAAoBC,GACxB,MAAkB;EAClB,IAAMC,IAAWrB,KAAqB,CAAC;EAGvC,AAFA,EAAkB,UAAU,IACvBQ,KAAcK,EAAiBQ,CAAO,GAC3CC,IAAmBD,CAAO;CAC3B,GACA,CAACb,GAAcc,CAAgB,CAChC;CAcA,OAZAC,QAAgB;EACf,IAAI,CAACC,GAAY;GAChB,EAAmB,UAAU,IAAI,IAAIP,CAAQ;GAC7C;EACD;EACA,IAAMQ,IAAOP,EAAmB;EAChC,KAAK,IAAMQ,KAAMT,GAChB,AAAKQ,EAAK,IAAIC,CAAE,KAAGF,EAAWE,CAAE;EAEjC,EAAmB,UAAU,IAAI,IAAIT,CAAQ;CAC9C,GAAG,CAACA,GAAUO,CAAU,CAAC,GAGxB,kBAACzC,GAAD;EACM;EACK;EACV,OAAOkC;EACP,eAAeE;EACf,cAAYrB,EAAQ;EACpB,WAAWR,EAAG,wBAAwBqC,EAA6BC,IAAUrC,CAAS;EAErF,UAAAU,EAAM,KAAK,MAAS;GACpB,IAAM4B,IACL,kBAACrD,GAAD;IAAO,WAAU;IAAa,OAAM;IAAS,KAAI;IAAK,MAAM;IAAO,WAAU;IAA7E,UAAA;KACC,kBAACY,GAAD;MACC,QAAQ0C,EAAK;MACb,WAAWjC,EAAeiC,EAAK,QAAQhC,CAAO;KAC9C,CAAA;KACD,kBAACvB,GAAD;MACC,KAAI;MACJ,WAAU;MACV,QAAO;MACP,MAAMqB,EAAWkC,EAAK;MAErB,UAAAA,EAAK;KACD,CAAA;KACL,CAAC,CAACA,EAAK,SACP,kBAAC,QAAD;MAAM,WAAU;MAAgC,UAAAA,EAAK;KAAY,CAAA;IAE5D;;GAGR,OACC,kBAAClD,GAAD;IAEC,OAAOkD,EAAK;IACZ,WAAWxC,EACVX,EAA6BiD,IAG7BA,MAAY,UAAU,+BACtBG,CACD;IAEC,UAAAD,EAAK,UACL,kBAAAxD,GAAA,EAAA,UAAA,CACC,kBAACU,GAAD;KACC,UAAU8C,EAAK;KACf,WAAWxC,EAAGT,GAAwB,uBAAuB;KAE5D,UAAAgD;IACgB,CAAA,GAClB,kBAACnD,GAAD;KAAkB,WAAWI,EAA0B;KACtD,UAAA,kBAACP,GAAD;MAAM,MAAK;MAAY,YAAW;MAAU,KAAI;MAC9C,UAAAuD,EAAK;KACD,CAAA;IACW,CAAA,CACjB,EAAA,CAAA,IAIF,kBAAC,OAAD;KAAK,WAAWxC,EAAG,iEAAiET,GAAwB,UAAU;KAAtH,UAAA,CACEgD,GACD,kBAAC,QAAD;MAAM,eAAY;MAAO,WAAU;KAAsB,CAAA,CACrD;;GAEQ,GAhCTC,EAAK,EAgCI;EAEjB,CAAC;CACS,CAAA;AAEb,CAAC;AAED,EAAoB,cAAc"}

package/dist/blocks/planning.js

@@ -1,16 +1,16 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-B6kKb8jB.js";
-import { n } from "../buttons-BedGfygC.js";
-import { a as r, c as i } from "../typography-BQnine1k.js";
-import { t as a } from "../structure-DuxKl954.js";
-import { t as o } from "../smart-card-CW0hjetE.js";
-import { t as s } from "../progress-BJhQP9WX.js";
-import { t as c } from "../avatar-CeZaFmNH.js";
-import { t as l } from "../badge-xIiV_E7f.js";
-import { t as u } from "../checkbox-fflqmODR.js";
-import { n as d, r as f, t as p } from "../collapsible-BkAI_XD4.js";
-import { c as m, n as h, r as g, t as _ } from "../item-DjCcM18E.js";
+import { t } from "../utils-BVbAG2J6.js";
+import { a as n, c as r } from "../typography-C0dELqYV.js";
+import { n as i } from "../buttons-pZVgPTZn.js";
+import { t as a } from "../structure-DElaQwwN.js";
+import { t as o } from "../smart-card-C59z6KFO.js";
+import { t as s } from "../progress-RARK8AjB.js";
+import { t as c } from "../avatar-Ca3Ihrq4.js";
+import { t as l } from "../badge-oGiXblW7.js";
+import { t as u } from "../checkbox-Dy5_XBMZ.js";
+import { n as d, r as f, t as p } from "../collapsible-CRCCg_bO.js";
+import { c as m, n as h, r as g, t as _ } from "../item-GJ9mvCcg.js";
 import { forwardRef as v, useId as y, useState as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 import { ArrowUpRight as C, ChevronDown as w, CircleDashed as T, LoaderCircle as E } from "lucide-react";
@@ -99,7 +99,7 @@ function k({ completed: e, total: n, label: r, valueText: i }) {
 		})
 	});
 }
-function A({ item: e, disabled: n, onChange: a, savingLabel: o }) {
+function A({ item: e, disabled: i, onChange: a, savingLabel: o }) {
 	let s = y(), l = y(), d = y();
 	return /* @__PURE__ */ S(_, {
 		role: "listitem",
@@ -110,7 +110,7 @@ function A({ item: e, disabled: n, onChange: a, savingLabel: o }) {
 			/* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(u, {
 				id: l,
 				checked: e.completed,
-				disabled: n || e.disabled || e.busy || !a,
+				disabled: i || e.disabled || e.busy || !a,
 				"aria-labelledby": s,
 				"aria-describedby": e.error ? d : void 0,
 				"aria-invalid": e.error ? !0 : void 0,
@@ -118,10 +118,10 @@ function A({ item: e, disabled: n, onChange: a, savingLabel: o }) {
 				onCheckedChange: (t) => a?.(e.id, t === !0)
 			}) }),
 			/* @__PURE__ */ S(g, { children: [
-				/* @__PURE__ */ x(r, {
+				/* @__PURE__ */ x(n, {
 					htmlFor: l,
 					className: "text-inherit",
-					children: /* @__PURE__ */ x(i, {
+					children: /* @__PURE__ */ x(r, {
 						id: s,
 						tag: "span",
 						type: e.completed ? "secondary" : "inherit",
@@ -129,14 +129,14 @@ function A({ item: e, disabled: n, onChange: a, savingLabel: o }) {
 						children: e.title
 					})
 				}),
-				e.error && /* @__PURE__ */ x(i, {
+				e.error && /* @__PURE__ */ x(r, {
 					id: d,
 					role: "alert",
 					size: "xs",
 					type: "error",
 					children: e.error
 				}),
-				e.busy && /* @__PURE__ */ x(i, {
+				e.busy && /* @__PURE__ */ x(r, {
 					role: "status",
 					size: "xs",
 					type: "secondary",
@@ -153,7 +153,7 @@ function A({ item: e, disabled: n, onChange: a, savingLabel: o }) {
 		]
 	});
 }
-var j = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, assignedTo: g, expanded: _, defaultExpanded: v = !1, onExpandedChange: y, onItemCompletedChange: T, onOpen: E, href: j, disabled: M = !1, surface: N, strings: P, className: F, onClick: I, ...L }, R) {
+var j = v(function({ title: n, items: s, status: u, dueDate: m, assignees: h, assignedTo: g, expanded: _, defaultExpanded: v = !1, onExpandedChange: y, onItemCompletedChange: T, onOpen: E, href: j, disabled: M = !1, surface: N, strings: P, className: F, onClick: I, ...L }, R) {
 	let z = e(D, P), [B, V] = b(v), H = _ ?? B, U = s.filter((e) => e.completed).length, W = z.formatCompletion(U, s.length), G = z.formatCompletionCount(U, s.length), K = g || j !== void 0 || E, q = !!(m || h?.length);
 	function J(e) {
 		M || (_ === void 0 && V(e), y?.(e));
@@ -173,14 +173,14 @@ var j = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 		render: /* @__PURE__ */ x(o, {
 			...L,
 			onClick: Y,
-			title: r,
+			title: n,
 			description: q ? /* @__PURE__ */ S(a, {
 				direction: "horizontal",
 				align: "center",
 				justify: "between",
 				gap: "sm",
 				className: "task-card--metadata",
-				children: [m && /* @__PURE__ */ S(i, {
+				children: [m && /* @__PURE__ */ S(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -217,7 +217,7 @@ var j = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 					tone: u.tone ?? "neutral",
 					size: "sm",
 					children: u.label
-				}), /* @__PURE__ */ x(i, {
+				}), /* @__PURE__ */ x(r, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
@@ -228,7 +228,7 @@ var j = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 				})]
 			}),
 			headerAction: /* @__PURE__ */ x(f, {
-				render: /* @__PURE__ */ x(n, {
+				render: /* @__PURE__ */ x(i, {
 					type: "button",
 					tone: "neutral",
 					buttonStyle: "ghost",
@@ -254,14 +254,14 @@ var j = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 					children: [/* @__PURE__ */ x(c, {
 						users: [g],
 						size: "sm"
-					}), /* @__PURE__ */ x(i, {
+					}), /* @__PURE__ */ x(r, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
 						className: "min-w-0 break-words",
 						children: z.formatAssignedTo(g.name)
 					})]
-				}), (j !== void 0 || E) && /* @__PURE__ */ S(n, {
+				}), (j !== void 0 || E) && /* @__PURE__ */ S(i, {
 					type: "button",
 					href: j,
 					onClick: E,
@@ -288,7 +288,7 @@ var j = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 						onChange: T,
 						savingLabel: z.saving
 					}, e.id))
-				}) : /* @__PURE__ */ x(i, {
+				}) : /* @__PURE__ */ x(r, {
 					type: "secondary",
 					children: z.empty
 				})

package/dist/blocks/planning.js.map

@@ -1 +1 @@
-{"version":3,"file":"planning.js","names":["Label","Text","Stack","Card","Progress","StackedAvatars","Badge","Checkbox","CollapsibleContent","CollapsibleTrigger","Collapsible","ItemMedia","ItemActions","ItemContent","Item","defaultTaskCardStrings","completed","total","name","headerControlSelector","CompletionIndicator","maskId","useId","CircleDashed","label","valueText","cn","SubtaskRow","titleId","checkboxId","errorId","item","disabled","onChange","checked","savingLabel","LoaderCircle","TaskCard","forwardRef","expandedProp","stringsProp","props","strings","useStrings","internalExpanded","setInternalExpanded","useState","defaultExpanded","expanded","items","completion","completionCount","hasFooter","assignedTo","href","onOpen","hasMetadata","dueDate","assignees","requestExpanded","next","onExpandedChange","handleClick","onClick","event","header","control","className","status","Button","ChevronDown","ArrowUpRight","onItemCompletedChange"],"sources":["../../src/components/blocks/planning/task-card.strings.ts","../../src/components/blocks/planning/task-card.tsx"],"sourcesContent":["export interface TaskCardStrings {\n\texpand: string;\n\tcollapse: string;\n\tsubtasks: string;\n\tcompletion: string;\n\tdue: string;\n\topen: string;\n\tempty: string;\n\tsaving: string;\n\t/** Compact visible count; the full completion formatter remains the accessible value. */\n\tformatCompletionCount: (completed: number, total: number) => string;\n\tformatCompletion: (completed: number, total: number) => string;\n\tformatAssignedTo: (name: string) => string;\n}\n\nexport const defaultTaskCardStrings: TaskCardStrings = {\n\texpand: 'Expand subtasks',\n\tcollapse: 'Collapse subtasks',\n\tsubtasks: 'Subtasks',\n\tcompletion: 'Subtask completion',\n\tdue: 'Due',\n\topen: 'Open',\n\tempty: 'No subtasks yet.',\n\tsaving: 'Saving…',\n\tformatCompletionCount: (completed, total) => `${completed}/${total}`,\n\tformatCompletion: (completed, total) => `${completed} of ${total} completed`,\n\tformatAssignedTo: (name) => `Assigned to ${name}`,\n};\n","import { ArrowUpRight, ChevronDown, CircleDashed, LoaderCircle } from 'lucide-react';\nimport { forwardRef, useId, useState, type MouseEvent } from 'react';\n\nimport { StackedAvatars } from '../../base/avatar';\nimport { Badge } from '../../base/badge';\nimport { Button } from '../../base/buttons';\nimport { Card } from '../../base/cards';\nimport { Checkbox } from '../../base/choice-inputs/checkbox';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../base/display/collapsible';\nimport { Progress } from '../../base/feedback/progress';\nimport { Item, ItemActions, ItemContent, ItemMedia } from '../../base/item';\nimport { Stack } from '../../base/structure';\nimport { Label, Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultTaskCardStrings } from './task-card.strings';\nimport type { TaskCardItem, TaskCardProps } from './task-card.types';\n\nconst headerControlSelector = [\n\t'button, a[href], input, select, textarea, summary, label, [tabindex]',\n\t'[role=\"button\"], [role=\"link\"], [role=\"checkbox\"], [role=\"switch\"], [role=\"radio\"]',\n\t'[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"], [role=\"tab\"]',\n\t'[role=\"combobox\"], [role=\"textbox\"], [role=\"slider\"], [role=\"spinbutton\"]',\n\t'[contenteditable]:not([contenteditable=\"false\"])',\n].join(', ');\n\n/** Private drawing geometry; Progress retains the shared value and accessibility contract. */\nfunction CompletionIndicator({ completed, total, label, valueText }: { completed: number; total: number; label: string; valueText: string }) {\n\tconst maskId = `task-completion-${useId()}`;\n\tif (total === 0) return <CircleDashed aria-hidden=\"true\" className=\"text-muted-foreground\" />;\n\treturn (\n\t\t<Progress\n\t\t\tvalue={completed}\n\t\t\tmax={total}\n\t\t\taria-label={label}\n\t\t\tgetAriaValueText={() => valueText}\n\t\t\theaderSlot={null}\n\t\t\tclassName=\"task-card--completion block shrink-0\"\n\t\t\ttrackSlot={(\n\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" className=\"-rotate-90\">\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<mask id={maskId} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"24\" style={{ maskType: 'alpha' }}>\n\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" pathLength=\"100\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"4\"\n\t\t\t\t\t\t\t\tstrokeDasharray=\"100\" strokeDashoffset={100 - completed / total * 100}\n\t\t\t\t\t\t\t\tclassName=\"task-card--completion-reveal transition-[stroke-dashoffset] duration-300 ease-out motion-reduce:transition-none\" />\n\t\t\t\t\t\t</mask>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" pathLength=\"100\" fill=\"none\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeDasharray=\"5 7.5\" className=\"stroke-muted\" />\n\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" pathLength=\"100\" fill=\"none\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeDasharray=\"5 7.5\" mask={`url(#${maskId})`}\n\t\t\t\t\t\tclassName={cn('transition-[stroke] duration-300 ease-out motion-reduce:transition-none', completed === total ? 'stroke-success' : 'stroke-primary')} />\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t/>\n\t);\n}\n\nfunction SubtaskRow({ item, disabled, onChange, savingLabel }: { item: TaskCardItem; disabled: boolean; onChange?: TaskCardProps['onItemCompletedChange']; savingLabel: string }) {\n\tconst titleId = useId();\n\tconst checkboxId = useId();\n\tconst errorId = useId();\n\treturn (\n\t\t<Item role=\"listitem\" density=\"compact\" className=\"task-card--item gap-space-md py-space-xs\" data-completed={item.completed || undefined}>\n\t\t\t<ItemMedia>\n\t\t\t\t<Checkbox\n\t\t\t\t\tid={checkboxId}\n\t\t\t\t\tchecked={item.completed}\n\t\t\t\t\tdisabled={disabled || item.disabled || item.busy || !onChange}\n\t\t\t\t\taria-labelledby={titleId}\n\t\t\t\t\taria-describedby={item.error ? errorId : undefined}\n\t\t\t\t\taria-invalid={item.error ? true : undefined}\n\t\t\t\t\taria-busy={item.busy || undefined}\n\t\t\t\t\tonCheckedChange={(checked) => onChange?.(item.id, checked === true)}\n\t\t\t\t/>\n\t\t\t</ItemMedia>\n\t\t\t<ItemContent>\n\t\t\t\t<Label htmlFor={checkboxId} className=\"text-inherit\">\n\t\t\t\t\t<Text id={titleId} tag=\"span\" type={item.completed ? 'secondary' : 'inherit'} className={cn('task-card--item-title min-w-0 break-words', item.completed && 'line-through')}>\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t</Text>\n\t\t\t\t</Label>\n\t\t\t\t{item.error && <Text id={errorId} role=\"alert\" size=\"xs\" type=\"error\">{item.error}</Text>}\n\t\t\t\t{item.busy && <Text role=\"status\" size=\"xs\" type=\"secondary\">{savingLabel}</Text>}\n\t\t\t</ItemContent>\n\t\t\t{(item.assignee || item.busy) && <ItemActions>\n\t\t\t\t{item.busy && <LoaderCircle aria-hidden=\"true\" className=\"size-icon animate-spin motion-reduce:animate-none text-muted-foreground\" />}\n\t\t\t\t{item.assignee && <StackedAvatars users={[item.assignee]} size=\"sm\" />}\n\t\t\t</ItemActions>}\n\t\t</Item>\n\t);\n}\n\n/** Compact task summary with explicit keyboard disclosure and controlled subtasks. */\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(function TaskCard({\n\ttitle,\n\titems,\n\tstatus,\n\tdueDate,\n\tassignees,\n\tassignedTo,\n\texpanded: expandedProp,\n\tdefaultExpanded = false,\n\tonExpandedChange,\n\tonItemCompletedChange,\n\tonOpen,\n\thref,\n\tdisabled = false,\n\tsurface,\n\tstrings: stringsProp,\n\tclassName,\n\tonClick,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultTaskCardStrings, stringsProp);\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = expandedProp ?? internalExpanded;\n\tconst completed = items.filter((item) => item.completed).length;\n\tconst completion = strings.formatCompletion(completed, items.length);\n\tconst completionCount = strings.formatCompletionCount(completed, items.length);\n\tconst hasFooter = assignedTo || href !== undefined || onOpen;\n\tconst hasMetadata = Boolean(dueDate || assignees?.length);\n\tfunction requestExpanded(next: boolean) {\n\t\tif (disabled) return;\n\t\tif (expandedProp === undefined) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t}\n\tfunction handleClick(event: MouseEvent<HTMLDivElement>) {\n\t\tonClick?.(event);\n\t\tif (disabled || event.defaultPrevented || !(event.target instanceof Element)) return;\n\t\tconst header = event.target.closest('.card--header');\n\t\tif (!header || header.closest('.card--component') !== event.currentTarget) return;\n\t\t// The native disclosure button and any nested controls own their clicks.\n\t\tconst control = event.target.closest(headerControlSelector);\n\t\tif (control && header.contains(control)) return;\n\t\trequestExpanded(!expanded);\n\t\tevent.currentTarget.querySelector<HTMLButtonElement>('.collapsible-trigger--component')?.focus({ preventScroll: true });\n\t}\n\n\treturn (\n\t\t<Collapsible\n\t\t\tref={ref}\n\t\t\topen={expanded}\n\t\t\tdisabled={disabled}\n\t\t\tonOpenChange={requestExpanded}\n\t\t\trender={(\n\t\t\t\t<Card\n\t\t\t\t\t{...props}\n\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tdescription={hasMetadata ? (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"sm\" className=\"task-card--metadata\">\n\t\t\t\t\t\t\t{/* \"Due\" already labels the date; no calendar glyph. */}\n\t\t\t\t\t\t\t{dueDate && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.due} <time dateTime={dueDate.dateTime}>{dueDate.label}</time></Text>}\n\t\t\t\t\t\t\t{Boolean(assignees?.length) && <StackedAvatars users={assignees!} size=\"sm\" />}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t) : undefined}\n\t\t\t\t\tsurface={surface}\n\t\t\t\t\ttextGap=\"dense\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\theaderClassName={cn('flex-row flex-nowrap items-center', !disabled && 'cursor-pointer')}\n\t\t\t\t\tdata-expanded={expanded}\n\t\t\t\t\tclassName={cn('task-card--component min-w-0', className)}\n\t\t\t\t\ticon={<CompletionIndicator completed={completed} total={items.length} label={strings.completion} valueText={completion} />}\n\t\t\t\t\ttitleSuffix={(\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\">\n\t\t\t\t\t\t\t{status && <Badge tone={status.tone ?? 'neutral'} size=\"sm\">{status.label}</Badge>}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"task-card--count tabular-nums\" aria-label={completion}>{completionCount}</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t)}\n\t\t\t\t\theaderAction={(\n\t\t\t\t\t\t<CollapsibleTrigger render={<Button type=\"button\" tone=\"neutral\" buttonStyle=\"ghost\" size=\"sm\" iconOnly />} aria-label={expanded ? strings.collapse : strings.expand}>\n\t\t\t\t\t\t\t<ChevronDown aria-hidden=\"true\" className={cn('size-icon', expanded && 'rotate-180')} />\n\t\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t)}\n\t\t\t\t\tfooterSlot={expanded && hasFooter ? (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"md\">\n\t\t\t\t\t\t\t{assignedTo && <Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<StackedAvatars users={[assignedTo]} size=\"sm\" />\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 break-words\">{strings.formatAssignedTo(assignedTo.name)}</Text>\n\t\t\t\t\t\t\t</Stack>}\n\t\t\t\t\t\t\t{(href !== undefined || onOpen) && <Button type=\"button\" href={href} onClick={onOpen} disabled={disabled} tone=\"neutral\" buttonStyle=\"outline\" size=\"sm\">\n\t\t\t\t\t\t\t\t{strings.open}<ArrowUpRight aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</Button>}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t) : undefined}\n\t\t\t\t/>\n\t\t\t)}\n\t\t>\n\t\t\t{expanded && <Stack gap=\"md\">\n\t\t\t\t<CollapsibleContent role=\"region\" aria-label={strings.subtasks}>\n\t\t\t\t\t{items.length > 0 ? <Stack role=\"list\" gap=\"none\" className=\"task-card--items\">\n\t\t\t\t\t\t{items.map((item) => <SubtaskRow key={item.id} item={item} disabled={disabled} onChange={onItemCompletedChange} savingLabel={strings.saving} />)}\n\t\t\t\t\t</Stack> : <Text type=\"secondary\">{strings.empty}</Text>}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Stack>}\n\t\t</Collapsible>\n\t);\n});\n\nTaskCard.displayName = 'TaskCard';\n"],"mappings":"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"}
+{"version":3,"file":"planning.js","names":["Label","Text","Button","Stack","Card","Progress","StackedAvatars","Badge","Checkbox","CollapsibleContent","CollapsibleTrigger","Collapsible","ItemMedia","ItemActions","ItemContent","Item","defaultTaskCardStrings","completed","total","name","headerControlSelector","CompletionIndicator","maskId","useId","CircleDashed","label","valueText","cn","SubtaskRow","titleId","checkboxId","errorId","item","disabled","onChange","checked","savingLabel","LoaderCircle","TaskCard","forwardRef","expandedProp","stringsProp","props","strings","useStrings","internalExpanded","setInternalExpanded","useState","defaultExpanded","expanded","items","completion","completionCount","hasFooter","assignedTo","href","onOpen","hasMetadata","dueDate","assignees","requestExpanded","next","onExpandedChange","handleClick","onClick","event","header","control","className","status","ChevronDown","ArrowUpRight","onItemCompletedChange"],"sources":["../../src/components/blocks/planning/task-card.strings.ts","../../src/components/blocks/planning/task-card.tsx"],"sourcesContent":["export interface TaskCardStrings {\n\texpand: string;\n\tcollapse: string;\n\tsubtasks: string;\n\tcompletion: string;\n\tdue: string;\n\topen: string;\n\tempty: string;\n\tsaving: string;\n\t/** Compact visible count; the full completion formatter remains the accessible value. */\n\tformatCompletionCount: (completed: number, total: number) => string;\n\tformatCompletion: (completed: number, total: number) => string;\n\tformatAssignedTo: (name: string) => string;\n}\n\nexport const defaultTaskCardStrings: TaskCardStrings = {\n\texpand: 'Expand subtasks',\n\tcollapse: 'Collapse subtasks',\n\tsubtasks: 'Subtasks',\n\tcompletion: 'Subtask completion',\n\tdue: 'Due',\n\topen: 'Open',\n\tempty: 'No subtasks yet.',\n\tsaving: 'Saving…',\n\tformatCompletionCount: (completed, total) => `${completed}/${total}`,\n\tformatCompletion: (completed, total) => `${completed} of ${total} completed`,\n\tformatAssignedTo: (name) => `Assigned to ${name}`,\n};\n","import { ArrowUpRight, ChevronDown, CircleDashed, LoaderCircle } from 'lucide-react';\nimport { forwardRef, useId, useState, type MouseEvent } from 'react';\n\nimport { StackedAvatars } from '../../base/avatar';\nimport { Badge } from '../../base/badge';\nimport { Button } from '../../base/buttons';\nimport { Card } from '../../base/cards';\nimport { Checkbox } from '../../base/choice-inputs/checkbox';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../base/display/collapsible';\nimport { Progress } from '../../base/feedback/progress';\nimport { Item, ItemActions, ItemContent, ItemMedia } from '../../base/item';\nimport { Stack } from '../../base/structure';\nimport { Label, Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultTaskCardStrings } from './task-card.strings';\nimport type { TaskCardItem, TaskCardProps } from './task-card.types';\n\nconst headerControlSelector = [\n\t'button, a[href], input, select, textarea, summary, label, [tabindex]',\n\t'[role=\"button\"], [role=\"link\"], [role=\"checkbox\"], [role=\"switch\"], [role=\"radio\"]',\n\t'[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"], [role=\"tab\"]',\n\t'[role=\"combobox\"], [role=\"textbox\"], [role=\"slider\"], [role=\"spinbutton\"]',\n\t'[contenteditable]:not([contenteditable=\"false\"])',\n].join(', ');\n\n/** Private drawing geometry; Progress retains the shared value and accessibility contract. */\nfunction CompletionIndicator({ completed, total, label, valueText }: { completed: number; total: number; label: string; valueText: string }) {\n\tconst maskId = `task-completion-${useId()}`;\n\tif (total === 0) return <CircleDashed aria-hidden=\"true\" className=\"text-muted-foreground\" />;\n\treturn (\n\t\t<Progress\n\t\t\tvalue={completed}\n\t\t\tmax={total}\n\t\t\taria-label={label}\n\t\t\tgetAriaValueText={() => valueText}\n\t\t\theaderSlot={null}\n\t\t\tclassName=\"task-card--completion block shrink-0\"\n\t\t\ttrackSlot={(\n\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" className=\"-rotate-90\">\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<mask id={maskId} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"24\" style={{ maskType: 'alpha' }}>\n\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" pathLength=\"100\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"4\"\n\t\t\t\t\t\t\t\tstrokeDasharray=\"100\" strokeDashoffset={100 - completed / total * 100}\n\t\t\t\t\t\t\t\tclassName=\"task-card--completion-reveal transition-[stroke-dashoffset] duration-300 ease-out motion-reduce:transition-none\" />\n\t\t\t\t\t\t</mask>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" pathLength=\"100\" fill=\"none\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeDasharray=\"5 7.5\" className=\"stroke-muted\" />\n\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" pathLength=\"100\" fill=\"none\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeDasharray=\"5 7.5\" mask={`url(#${maskId})`}\n\t\t\t\t\t\tclassName={cn('transition-[stroke] duration-300 ease-out motion-reduce:transition-none', completed === total ? 'stroke-success' : 'stroke-primary')} />\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t/>\n\t);\n}\n\nfunction SubtaskRow({ item, disabled, onChange, savingLabel }: { item: TaskCardItem; disabled: boolean; onChange?: TaskCardProps['onItemCompletedChange']; savingLabel: string }) {\n\tconst titleId = useId();\n\tconst checkboxId = useId();\n\tconst errorId = useId();\n\treturn (\n\t\t<Item role=\"listitem\" density=\"compact\" className=\"task-card--item gap-space-md py-space-xs\" data-completed={item.completed || undefined}>\n\t\t\t<ItemMedia>\n\t\t\t\t<Checkbox\n\t\t\t\t\tid={checkboxId}\n\t\t\t\t\tchecked={item.completed}\n\t\t\t\t\tdisabled={disabled || item.disabled || item.busy || !onChange}\n\t\t\t\t\taria-labelledby={titleId}\n\t\t\t\t\taria-describedby={item.error ? errorId : undefined}\n\t\t\t\t\taria-invalid={item.error ? true : undefined}\n\t\t\t\t\taria-busy={item.busy || undefined}\n\t\t\t\t\tonCheckedChange={(checked) => onChange?.(item.id, checked === true)}\n\t\t\t\t/>\n\t\t\t</ItemMedia>\n\t\t\t<ItemContent>\n\t\t\t\t<Label htmlFor={checkboxId} className=\"text-inherit\">\n\t\t\t\t\t<Text id={titleId} tag=\"span\" type={item.completed ? 'secondary' : 'inherit'} className={cn('task-card--item-title min-w-0 break-words', item.completed && 'line-through')}>\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t</Text>\n\t\t\t\t</Label>\n\t\t\t\t{item.error && <Text id={errorId} role=\"alert\" size=\"xs\" type=\"error\">{item.error}</Text>}\n\t\t\t\t{item.busy && <Text role=\"status\" size=\"xs\" type=\"secondary\">{savingLabel}</Text>}\n\t\t\t</ItemContent>\n\t\t\t{(item.assignee || item.busy) && <ItemActions>\n\t\t\t\t{item.busy && <LoaderCircle aria-hidden=\"true\" className=\"size-icon animate-spin motion-reduce:animate-none text-muted-foreground\" />}\n\t\t\t\t{item.assignee && <StackedAvatars users={[item.assignee]} size=\"sm\" />}\n\t\t\t</ItemActions>}\n\t\t</Item>\n\t);\n}\n\n/** Compact task summary with explicit keyboard disclosure and controlled subtasks. */\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(function TaskCard({\n\ttitle,\n\titems,\n\tstatus,\n\tdueDate,\n\tassignees,\n\tassignedTo,\n\texpanded: expandedProp,\n\tdefaultExpanded = false,\n\tonExpandedChange,\n\tonItemCompletedChange,\n\tonOpen,\n\thref,\n\tdisabled = false,\n\tsurface,\n\tstrings: stringsProp,\n\tclassName,\n\tonClick,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultTaskCardStrings, stringsProp);\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = expandedProp ?? internalExpanded;\n\tconst completed = items.filter((item) => item.completed).length;\n\tconst completion = strings.formatCompletion(completed, items.length);\n\tconst completionCount = strings.formatCompletionCount(completed, items.length);\n\tconst hasFooter = assignedTo || href !== undefined || onOpen;\n\tconst hasMetadata = Boolean(dueDate || assignees?.length);\n\tfunction requestExpanded(next: boolean) {\n\t\tif (disabled) return;\n\t\tif (expandedProp === undefined) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t}\n\tfunction handleClick(event: MouseEvent<HTMLDivElement>) {\n\t\tonClick?.(event);\n\t\tif (disabled || event.defaultPrevented || !(event.target instanceof Element)) return;\n\t\tconst header = event.target.closest('.card--header');\n\t\tif (!header || header.closest('.card--component') !== event.currentTarget) return;\n\t\t// The native disclosure button and any nested controls own their clicks.\n\t\tconst control = event.target.closest(headerControlSelector);\n\t\tif (control && header.contains(control)) return;\n\t\trequestExpanded(!expanded);\n\t\tevent.currentTarget.querySelector<HTMLButtonElement>('.collapsible-trigger--component')?.focus({ preventScroll: true });\n\t}\n\n\treturn (\n\t\t<Collapsible\n\t\t\tref={ref}\n\t\t\topen={expanded}\n\t\t\tdisabled={disabled}\n\t\t\tonOpenChange={requestExpanded}\n\t\t\trender={(\n\t\t\t\t<Card\n\t\t\t\t\t{...props}\n\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tdescription={hasMetadata ? (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"sm\" className=\"task-card--metadata\">\n\t\t\t\t\t\t\t{/* \"Due\" already labels the date; no calendar glyph. */}\n\t\t\t\t\t\t\t{dueDate && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.due} <time dateTime={dueDate.dateTime}>{dueDate.label}</time></Text>}\n\t\t\t\t\t\t\t{Boolean(assignees?.length) && <StackedAvatars users={assignees!} size=\"sm\" />}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t) : undefined}\n\t\t\t\t\tsurface={surface}\n\t\t\t\t\ttextGap=\"dense\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\theaderClassName={cn('flex-row flex-nowrap items-center', !disabled && 'cursor-pointer')}\n\t\t\t\t\tdata-expanded={expanded}\n\t\t\t\t\tclassName={cn('task-card--component min-w-0', className)}\n\t\t\t\t\ticon={<CompletionIndicator completed={completed} total={items.length} label={strings.completion} valueText={completion} />}\n\t\t\t\t\ttitleSuffix={(\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\">\n\t\t\t\t\t\t\t{status && <Badge tone={status.tone ?? 'neutral'} size=\"sm\">{status.label}</Badge>}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"task-card--count tabular-nums\" aria-label={completion}>{completionCount}</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t)}\n\t\t\t\t\theaderAction={(\n\t\t\t\t\t\t<CollapsibleTrigger render={<Button type=\"button\" tone=\"neutral\" buttonStyle=\"ghost\" size=\"sm\" iconOnly />} aria-label={expanded ? strings.collapse : strings.expand}>\n\t\t\t\t\t\t\t<ChevronDown aria-hidden=\"true\" className={cn('size-icon', expanded && 'rotate-180')} />\n\t\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t)}\n\t\t\t\t\tfooterSlot={expanded && hasFooter ? (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"md\">\n\t\t\t\t\t\t\t{assignedTo && <Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<StackedAvatars users={[assignedTo]} size=\"sm\" />\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 break-words\">{strings.formatAssignedTo(assignedTo.name)}</Text>\n\t\t\t\t\t\t\t</Stack>}\n\t\t\t\t\t\t\t{(href !== undefined || onOpen) && <Button type=\"button\" href={href} onClick={onOpen} disabled={disabled} tone=\"neutral\" buttonStyle=\"outline\" size=\"sm\">\n\t\t\t\t\t\t\t\t{strings.open}<ArrowUpRight aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</Button>}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t) : undefined}\n\t\t\t\t/>\n\t\t\t)}\n\t\t>\n\t\t\t{expanded && <Stack gap=\"md\">\n\t\t\t\t<CollapsibleContent role=\"region\" aria-label={strings.subtasks}>\n\t\t\t\t\t{items.length > 0 ? <Stack role=\"list\" gap=\"none\" className=\"task-card--items\">\n\t\t\t\t\t\t{items.map((item) => <SubtaskRow key={item.id} item={item} disabled={disabled} onChange={onItemCompletedChange} savingLabel={strings.saving} />)}\n\t\t\t\t\t</Stack> : <Text type=\"secondary\">{strings.empty}</Text>}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Stack>}\n\t\t</Collapsible>\n\t);\n});\n\nTaskCard.displayName = 'TaskCard';\n"],"mappings":"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"}

package/dist/blocks/timelines.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../timelines-D3Sl9ueq.js";
-export { i as ChangelogTimeline, o as MilestonesTimeline, e as StepsCard, r as StepsHorizontal, a as Timeline, t as defaultChangelogTimelineStrings, n as defaultMilestonesTimelineStrings };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timelines-mOmS9Eh3.js";
+export { a as ChangelogTimeline, s as MilestonesTimeline, e as StepsCard, i as StepsHorizontal, o as Timeline, n as defaultChangelogTimelineStrings, r as defaultMilestonesTimelineStrings, t as defaultStepsStrings };