themelia-react-ui 1.0.2 → 2.0.1

package/dist/blocks/data-display.js

@@ -1,3 +1,4 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g 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-Bihs9Ven.js";
-export { l as DenseInfoClassification, e as DenseInfoDashboard, f as DenseInfoFinancial, i as DenseInfoProjectCard, r as DenseInfoScoreCard, n as DocumentStackIllustration, c as EmptyState, m as InboxCleanIllustration, a as InlineStat, u as MetadataList, p as MetadataValue, h as RelationshipCardFrame, d as SearchGlassIllustration, t as StackedCardsIllustration, s as UsersCircleIllustration, o as defaultDenseInfoStrings, g as defaultEmptyStateStrings };
+import { n as e, t } from "../metadata-list-X5rYAKSB.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-DafIvCl5.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 };

package/dist/blocks/onboarding.js

@@ -1,15 +1,16 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BvH9PSmq.js";
-import { a as n } from "../typography-BxQgiZyw.js";
-import { t as r } from "../structure-CRdqVawd.js";
-import { a as i, c as a, i as o, l as s, o as c, r as l, s as u, u as d } from "../accordion-BRTcsp8J.js";
-import { t as f } from "../spinner-Cpf7oRkF.js";
-import { forwardRef as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { CheckCircle2 as x } from "lucide-react";
+import { t } from "../utils-l5LpDw2z.js";
+import { s as n } from "../typography-DTRkE9zL.js";
+import { t as r } from "../structure-DC2dygdA.js";
+import { r as i } from "../tone-recipes-CPoExcTE.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-B6a3vVgA.js";
+import { t as p } from "../spinner-fa3h1Aif.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 { CheckCircle2 as S } from "lucide-react";
 //#region src/components/blocks/onboarding/checklist/checklist.strings.ts
-var S = {
+var C = {
 	regionAriaLabel: void 0,
 	statusCompletedAria: "Completed",
 	statusInProgressAria: "In progress",
@@ -17,56 +18,56 @@ var S = {
 };
 //#endregion
 //#region src/components/blocks/onboarding/checklist/partials/step-status-indicator.tsx
-function C({ status: e, ariaLabel: n, className: r }) {
-	return e === "completed" ? /* @__PURE__ */ y("span", {
+function w({ status: e, ariaLabel: n, className: r }) {
+	return e === "completed" ? /* @__PURE__ */ b("span", {
 		role: "img",
 		"aria-label": n,
-		className: t("step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20", r),
-		children: /* @__PURE__ */ y(x, { className: "size-icon" })
-	}) : e === "in-progress" ? /* @__PURE__ */ y("span", {
+		className: t("step-status-indicator--component flex size-8 items-center justify-center rounded-full ring-1", i.success.tint, i.success.ink, i.success.halo, r),
+		children: /* @__PURE__ */ b(S, { className: "size-icon" })
+	}) : e === "in-progress" ? /* @__PURE__ */ b("span", {
 		role: "img",
 		"aria-label": n,
-		className: t("step-status-indicator--component", "flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30", r),
-		children: /* @__PURE__ */ y("span", { className: "size-2 rounded-full bg-warning" })
-	}) : /* @__PURE__ */ y("span", {
+		className: t("step-status-indicator--component", "flex size-8 items-center justify-center rounded-full ring-1", i.warning.tint, i.warning.halo, r),
+		children: /* @__PURE__ */ b("span", { className: "size-2 rounded-full bg-warning" })
+	}) : /* @__PURE__ */ b("span", {
 		role: "img",
 		"aria-label": n,
-		className: t("step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70", r),
-		children: /* @__PURE__ */ y(f, { className: "size-icon opacity-60" })
+		className: t("step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground ring-1 ring-border", r),
+		children: /* @__PURE__ */ b(p, { className: "size-icon opacity-60" })
 	});
 }
-C.displayName = "StepStatusIndicator";
+w.displayName = "StepStatusIndicator";
 //#endregion
 //#region src/components/blocks/onboarding/checklist/checklist.tsx
-var w = {
+var T = {
 	completed: "text-foreground",
 	"in-progress": "text-foreground",
 	pending: "text-muted-foreground"
 };
-function T(e, t) {
+function E(e, t) {
 	return e === "completed" ? t.statusCompletedAria : e === "in-progress" ? t.statusInProgressAria : t.statusPendingAria;
 }
-function E(e) {
+function D(e) {
 	let t = e.find((e) => e.status !== "completed" && !e.disabled);
 	return t ? [t.id] : [];
 }
-var D = p(function({ steps: f, defaultExpanded: p, multiple: x = !1, expanded: D, onExpandedChange: O, onStepOpen: k, variant: A = "bordered", className: j, stepClassName: M, strings: N }, P) {
-	let F = e(S, N), I = D !== void 0, L = g(() => p ?? E(f), []), [R, z] = v(L), B = _(!1), V = I ? D : R, H = _(new Set(L));
-	h(() => {
-		if (I || B.current || p !== void 0 || f.length === 0 || R.length > 0) return;
-		let e = E(f);
+var O = m(function({ steps: i, defaultExpanded: p, multiple: m = !1, expanded: S, onExpandedChange: O, onStepOpen: k, variant: A = "bordered", className: j, stepClassName: M, strings: N }, P) {
+	let F = e(C, N), I = S !== void 0, L = _(() => p ?? D(i), []), [R, z] = y(L), B = v(!1), V = I ? S : R, H = v(new Set(L));
+	g(() => {
+		if (I || B.current || p !== void 0 || i.length === 0 || R.length > 0) return;
+		let e = D(i);
 		e.length > 0 && z(e);
 	}, [
-		f,
+		i,
 		I,
 		p,
 		R.length
 	]);
-	let U = m((e) => {
+	let U = h((e) => {
 		let t = e ?? [];
 		B.current = !0, I || z(t), O?.(t);
 	}, [I, O]);
-	return h(() => {
+	return g(() => {
 		if (!k) {
 			H.current = new Set(V);
 			return;
@@ -74,44 +75,44 @@ var D = p(function({ steps: f, defaultExpanded: p, multiple: x = !1, expanded: D
 		let e = H.current;
 		for (let t of V) e.has(t) || k(t);
 		H.current = new Set(V);
-	}, [V, k]), /* @__PURE__ */ y(u, {
+	}, [V, k]), /* @__PURE__ */ b(d, {
 		ref: P,
-		multiple: x,
+		multiple: m,
 		value: V,
 		onValueChange: U,
 		"aria-label": F.regionAriaLabel,
-		className: t("checklist--component", i[A], j),
-		children: f.map((e) => /* @__PURE__ */ b(s, {
+		className: t("checklist--component", a[A], j),
+		children: i.map((e) => /* @__PURE__ */ x(c, {
 			value: e.id,
-			className: t(o[A], M),
-			children: [/* @__PURE__ */ y(d, {
+			className: t(s[A], M),
+			children: [/* @__PURE__ */ b(f, {
 				disabled: e.disabled,
-				className: t(c, "min-h-16 items-center"),
-				children: /* @__PURE__ */ b(r, {
+				className: t(l, "min-h-16 items-center"),
+				children: /* @__PURE__ */ x(r, {
 					direction: "horizontal",
 					align: "center",
 					gap: "lg",
 					className: "w-full min-w-0",
 					children: [
-						/* @__PURE__ */ y(C, {
+						/* @__PURE__ */ b(w, {
 							status: e.status,
-							ariaLabel: T(e.status, F)
+							ariaLabel: E(e.status, F)
 						}),
-						/* @__PURE__ */ y(n, {
+						/* @__PURE__ */ b(n, {
 							tag: "span",
 							weight: "semibold",
-							className: t(w[e.status]),
+							className: t(T[e.status]),
 							children: e.title
 						}),
-						!!e.badge && /* @__PURE__ */ y("span", {
+						!!e.badge && /* @__PURE__ */ b("span", {
 							className: "ml-auto inline-flex shrink-0",
 							children: e.badge
 						})
 					]
 				})
-			}), !!e.content && /* @__PURE__ */ y(a, {
-				className: l.withMedallion,
-				children: /* @__PURE__ */ y(n, {
+			}), !!e.content && /* @__PURE__ */ b(o, {
+				className: u.withMedallion,
+				children: /* @__PURE__ */ b(n, {
 					type: "secondary",
 					className: "leading-relaxed",
 					tag: "div",
@@ -121,8 +122,8 @@ var D = p(function({ steps: f, defaultExpanded: p, multiple: x = !1, expanded: D
 		}, e.id))
 	});
 });
-D.displayName = "OnboardingChecklist";
+O.displayName = "OnboardingChecklist";
 //#endregion
-export { D as OnboardingChecklist, C as StepStatusIndicator, S as defaultOnboardingChecklistStrings };
+export { O as OnboardingChecklist, w as StepStatusIndicator, C as defaultOnboardingChecklistStrings };
 
 //# sourceMappingURL=onboarding.js.map

package/dist/blocks/onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding.js","names":["Text","Stack","ACCORDION_ROOT_VARIANT_CLASS","AccordionContent","ACCORDION_ITEM_VARIANT_CLASS","AccordionItem","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","Accordion","AccordionTrigger","Spinner","defaultOnboardingChecklistStrings","StepStatusIndicator","status","ariaLabel","cn","className","CheckCircle2","TITLE_TONE_CLASS","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","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`   → filled success check\n * - `in-progress` → soft warning-tinted disc with a small pulsing dot\n * - `pending`     → muted spinner ring\n *\n * Token-driven: success / warning / muted-foreground tokens only. No\n * raw palette colors so consumer rebrand flows through.\n */\nimport { CheckCircle2 } from 'lucide-react';\n\nimport { Spinner } from '../../../../base/spinner';\nimport { cn } from '../../../../../lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\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\tif (status === 'completed') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-icon\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'step-status-indicator--component',\n\t\t\t\t\t'flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span className=\"size-2 rounded-full bg-warning\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span\n\t\t\trole=\"img\"\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn('step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-icon opacity-60\" />\n\t\t</span>\n\t);\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_TONE_CLASS: Record<OnboardingStepStatus, string> = {\n\tcompleted: 'text-foreground',\n\t'in-progress': 'text-foreground',\n\tpending: 'text-muted-foreground',\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(ACCORDION_ITEM_VARIANT_CLASS[variant], stepClassName)}\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\" 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\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(TITLE_TONE_CLASS[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\" className=\"leading-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":";;;;;;;;;;;AAeA,IAAaW,IAAgE;CAC5E,iBAAiB,KAAA;CACjB,qBAAqB;CACrB,sBAAsB;CACtB,mBAAmB;AACpB;;;ACMA,SAAgBC,EAAoB,EACnC,WACA,cACA,gBAC4B;CA6B5B,OA5BIC,MAAW,cAEb,kBAAC,QAAD;EACC,MAAK;EACL,cAAYC;EACZ,WAAWC,EAAG,2IAA2IC,CAAS;EAElK,UAAA,kBAACC,GAAD,EAAc,WAAU,YAAa,CAAA;CAChC,CAAA,IAIJJ,MAAW,gBAEb,kBAAC,QAAD;EACC,MAAK;EACL,cAAYC;EACZ,WAAWC,EACV,oCACA,6FACAC,CACD;EAEA,UAAA,kBAAC,QAAD,EAAM,WAAU,iCAAkC,CAAA;CAC7C,CAAA,IAKP,kBAAC,QAAD;EACC,MAAK;EACL,cAAYF;EACZ,WAAWC,EAAG,iJAAiJC,CAAS;EAExK,UAAA,kBAACN,GAAD,EAAS,WAAU,uBAAwB,CAAA;CACtC,CAAA;AAER;AAEA,EAAoB,cAAc;;;ACzBlC,IAAMQ,IAAyD;CAC9D,WAAW;CACX,eAAe;CACf,SAAS;AACV;AAEA,SAASC,EACR,GACA,GACS;CAGT,OAFIN,MAAW,cAAoBO,EAAQ,sBACvCP,MAAW,gBAAsBO,EAAQ,uBACtCA,EAAQ;AAChB;AAEA,SAASC,EAAmB,GAAoD;CAC/E,IAAMC,IAAOC,EAAM,MAAM,MAAMC,EAAE,WAAW,eAAe,CAACA,EAAE,QAAQ;CACtE,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,EAAWlB,GAAmCiB,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,GACzCM,IAAqBF,EAAoB,IAAI,IAAIP,CAAe,CAAC;CAKvE,QAAgB;EAIf,IAHID,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,kBAACtC,GAAD;EACM;EACK;EACV,OAAO+B;EACP,eAAeE;EACf,cAAYrB,EAAQ;EACpB,WAAWL,EAAG,wBAAwBb,EAA6B+C,IAAUjC,CAAS;EAErF,UAAAO,EAAM,KAAK,MACX,kBAAClB,GAAD;GAEC,OAAO6C,EAAK;GACZ,WAAWnC,EAAGX,EAA6B6C,IAAUE,CAAa;GAHnE,UAAA,CAKC,kBAAC1C,GAAD;IACC,UAAUyC,EAAK;IACf,WAAWnC,EAAGT,GAAwB,uBAAuB;IAE7D,UAAA,kBAACL,GAAD;KAAO,WAAU;KAAa,OAAM;KAAS,KAAI;KAAK,WAAU;KAAhE,UAAA;MACC,kBAACW,GAAD;OACC,QAAQsC,EAAK;OACb,WAAW/B,EAAe+B,EAAK,QAAQ9B,CAAO;MAC9C,CAAA;MACD,kBAACpB,GAAD;OACC,KAAI;OACJ,QAAO;OACP,WAAWe,EAAGG,EAAiBgC,EAAK,OAAO;OAE1C,UAAAA,EAAK;MACD,CAAA;MACL,CAAC,CAACA,EAAK,SACP,kBAAC,QAAD;OAAM,WAAU;OAAgC,UAAAA,EAAK;MAAY,CAAA;KAE5D;;GACU,CAAA,GACjB,CAAC,CAACA,EAAK,WACP,kBAAC/C,GAAD;IAAkB,WAAWI,EAA0B;IACtD,UAAA,kBAACP,GAAD;KAAM,MAAK;KAAY,WAAU;KAAkB,KAAI;KACrD,UAAAkD,EAAK;IACD,CAAA;GACW,CAAA,CAEL;EAhCT,GAAAA,EAAK,EAgCI,CACf;CACS,CAAA;AAEb,CAAC;AAED,EAAoB,cAAc"}
+{"version":3,"file":"onboarding.js","names":["Text","Stack","toneRecipes","AccordionContent","ACCORDION_ITEM_VARIANT_CLASS","AccordionItem","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","Accordion","AccordionTrigger","Spinner","defaultOnboardingChecklistStrings","StepStatusIndicator","status","ariaLabel","cn","className","CheckCircle2","TITLE_TONE_CLASS","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`   → filled success check\n * - `in-progress` → soft warning-tinted disc with a small pulsing dot\n * - `pending`     → muted spinner ring\n *\n * Token-driven: success / warning / muted-foreground tokens only. No\n * raw palette colors so consumer rebrand flows through.\n */\nimport { CheckCircle2 } from 'lucide-react';\n\nimport { Spinner } from '../../../../base/spinner';\nimport { cn } from '../../../../../lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\nimport { toneRecipes } 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\tif (status === 'completed') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('step-status-indicator--component flex size-8 items-center justify-center rounded-full ring-1', toneRecipes.success.tint, toneRecipes.success.ink, toneRecipes.success.halo, className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-icon\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'step-status-indicator--component',\n\t\t\t\t\t'flex size-8 items-center justify-center rounded-full ring-1',\n\t\t\t\t\ttoneRecipes.warning.tint,\n\t\t\t\t\ttoneRecipes.warning.halo,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span className=\"size-2 rounded-full bg-warning\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span\n\t\t\trole=\"img\"\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn('step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground ring-1 ring-border', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-icon opacity-60\" />\n\t\t</span>\n\t);\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_TONE_CLASS: Record<OnboardingStepStatus, string> = {\n\tcompleted: 'text-foreground',\n\t'in-progress': 'text-foreground',\n\tpending: 'text-muted-foreground',\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(ACCORDION_ITEM_VARIANT_CLASS[variant], stepClassName)}\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\" 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\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(TITLE_TONE_CLASS[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\" className=\"leading-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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"}

package/dist/blocks/planning.js

@@ -1,21 +1,21 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BvH9PSmq.js";
-import { a as n, n as r } from "../typography-BxQgiZyw.js";
-import { t as i } from "../button-BZDasD04.js";
-import { t as a } from "../structure-CRdqVawd.js";
-import { t as o } from "../smart-card-DjGVV2xr.js";
-import { t as s } from "../progress-BroqrAyV.js";
-import { t as c } from "../avatar-Bu2HhitA.js";
-import { t as l } from "../badge-CzId1Wlm.js";
-import { t as u } from "../checkbox-BQNDjUCh.js";
-import { n as d, r as f, t as p } from "../collapsible-ClvC7Bj3.js";
-import { c as m, n as h, r as g, t as _ } from "../item-DE4YnuJx.js";
+import { t } from "../utils-l5LpDw2z.js";
+import { n } from "../buttons-SbIcm1HJ.js";
+import { i as r, s as i } from "../typography-DTRkE9zL.js";
+import { t as a } from "../structure-DC2dygdA.js";
+import { t as o } from "../smart-card-lFKxn5Hu.js";
+import { t as s } from "../progress-rnS8-uAW.js";
+import { t as c } from "../avatar-BBnEJIx8.js";
+import { t as l } from "../badge-MrKVNzW9.js";
+import { t as u } from "../checkbox-DhB6K0bK.js";
+import { n as d, r as f, t as p } from "../collapsible-D8AEGU1-.js";
+import { c as m, n as h, r as g, t as _ } from "../item-DEmDiTlD.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, CalendarDays as w, ChevronDown as T, CircleDashed as E, LoaderCircle as D } from "lucide-react";
+import { ArrowUpRight as C, ChevronDown as w, CircleDashed as T, LoaderCircle as E } from "lucide-react";
 //#region src/components/blocks/planning/task-card.strings.ts
-var O = {
+var D = {
 	expand: "Expand subtasks",
 	collapse: "Collapse subtasks",
 	subtasks: "Subtasks",
@@ -27,16 +27,16 @@ var O = {
 	formatCompletionCount: (e, t) => `${e}/${t}`,
 	formatCompletion: (e, t) => `${e} of ${t} completed`,
 	formatAssignedTo: (e) => `Assigned to ${e}`
-}, k = [
+}, O = [
 	"button, a[href], input, select, textarea, summary, label, [tabindex]",
 	"[role=\"button\"], [role=\"link\"], [role=\"checkbox\"], [role=\"switch\"], [role=\"radio\"]",
 	"[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"], [role=\"tab\"]",
 	"[role=\"combobox\"], [role=\"textbox\"], [role=\"slider\"], [role=\"spinbutton\"]",
 	"[contenteditable]:not([contenteditable=\"false\"])"
 ].join(", ");
-function A({ completed: e, total: n, label: r, valueText: i }) {
+function k({ completed: e, total: n, label: r, valueText: i }) {
 	let a = `task-completion-${y()}`;
-	return n === 0 ? /* @__PURE__ */ x(E, {
+	return n === 0 ? /* @__PURE__ */ x(T, {
 		"aria-hidden": "true",
 		className: "text-muted-foreground"
 	}) : /* @__PURE__ */ x(s, {
@@ -99,7 +99,7 @@ function A({ completed: e, total: n, label: r, valueText: i }) {
 		})
 	});
 }
-function j({ item: e, disabled: i, onChange: a, savingLabel: o }) {
+function A({ item: e, disabled: n, onChange: a, savingLabel: o }) {
 	let s = y(), l = y(), d = y();
 	return /* @__PURE__ */ S(_, {
 		role: "listitem",
@@ -110,7 +110,7 @@ function j({ item: e, disabled: i, onChange: a, savingLabel: o }) {
 			/* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(u, {
 				id: l,
 				checked: e.completed,
-				disabled: i || e.disabled || e.busy || !a,
+				disabled: n || e.disabled || e.busy || !a,
 				"aria-labelledby": s,
 				"aria-describedby": e.error ? d : void 0,
 				"aria-invalid": e.error ? !0 : void 0,
@@ -120,7 +120,7 @@ function j({ item: e, disabled: i, onChange: a, savingLabel: o }) {
 			/* @__PURE__ */ S(g, { children: [
 				/* @__PURE__ */ x(r, {
 					htmlFor: l,
-					children: /* @__PURE__ */ x(n, {
+					children: /* @__PURE__ */ x(i, {
 						id: s,
 						tag: "span",
 						type: e.completed ? "secondary" : "main",
@@ -128,21 +128,21 @@ function j({ item: e, disabled: i, onChange: a, savingLabel: o }) {
 						children: e.title
 					})
 				}),
-				e.error && /* @__PURE__ */ x(n, {
+				e.error && /* @__PURE__ */ x(i, {
 					id: d,
 					role: "alert",
 					size: "xs",
 					type: "error",
 					children: e.error
 				}),
-				e.busy && /* @__PURE__ */ x(n, {
+				e.busy && /* @__PURE__ */ x(i, {
 					role: "status",
 					size: "xs",
 					type: "secondary",
 					children: o
 				})
 			] }),
-			(e.assignee || e.busy) && /* @__PURE__ */ S(h, { children: [e.busy && /* @__PURE__ */ x(D, {
+			(e.assignee || e.busy) && /* @__PURE__ */ S(h, { children: [e.busy && /* @__PURE__ */ x(E, {
 				"aria-hidden": "true",
 				className: "size-icon animate-spin motion-reduce:animate-none text-muted-foreground"
 			}), e.assignee && /* @__PURE__ */ x(c, {
@@ -152,69 +152,61 @@ function j({ item: e, disabled: i, onChange: a, savingLabel: o }) {
 		]
 	});
 }
-var M = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, assignedTo: g, expanded: _, defaultExpanded: v = !1, onExpandedChange: y, onItemCompletedChange: E, onOpen: D, href: M, disabled: N = !1, surface: P, strings: F, className: I, onClick: L, ...R }, z) {
-	let B = e(O, F), [V, H] = b(v), U = _ ?? V, W = s.filter((e) => e.completed).length, G = B.formatCompletion(W, s.length), K = B.formatCompletionCount(W, s.length), q = g || M !== void 0 || D, J = !!(m || h?.length);
-	function Y(e) {
-		N || (_ === void 0 && H(e), y?.(e));
+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) {
+	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));
 	}
-	function X(e) {
-		if (L?.(e), N || e.defaultPrevented || !(e.target instanceof Element)) return;
+	function Y(e) {
+		if (I?.(e), M || e.defaultPrevented || !(e.target instanceof Element)) return;
 		let t = e.target.closest(".card--header");
 		if (!t || t.closest(".card--component") !== e.currentTarget) return;
-		let n = e.target.closest(k);
-		n && t.contains(n) || (Y(!U), e.currentTarget.querySelector(".collapsible-trigger--component")?.focus({ preventScroll: !0 }));
+		let n = e.target.closest(O);
+		n && t.contains(n) || (J(!H), e.currentTarget.querySelector(".collapsible-trigger--component")?.focus({ preventScroll: !0 }));
 	}
 	return /* @__PURE__ */ x(p, {
-		ref: z,
-		open: U,
-		disabled: N,
-		onOpenChange: Y,
+		ref: R,
+		open: H,
+		disabled: M,
+		onOpenChange: J,
 		render: /* @__PURE__ */ x(o, {
-			...R,
-			onClick: X,
+			...L,
+			onClick: Y,
 			title: r,
-			description: J ? /* @__PURE__ */ S(a, {
+			description: q ? /* @__PURE__ */ S(a, {
 				direction: "horizontal",
 				align: "center",
 				justify: "between",
 				gap: "sm",
 				className: "task-card--metadata",
-				children: [m && /* @__PURE__ */ S(a, {
-					direction: "horizontal",
-					align: "center",
-					gap: "xs",
-					children: [/* @__PURE__ */ x(w, {
-						"aria-hidden": "true",
-						className: "size-icon-sm text-muted-foreground"
-					}), /* @__PURE__ */ S(n, {
-						tag: "span",
-						size: "xs",
-						type: "secondary",
-						children: [
-							B.due,
-							" ",
-							/* @__PURE__ */ x("time", {
-								dateTime: m.dateTime,
-								children: m.label
-							})
-						]
-					})]
+				children: [m && /* @__PURE__ */ S(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: [
+						z.due,
+						" ",
+						/* @__PURE__ */ x("time", {
+							dateTime: m.dateTime,
+							children: m.label
+						})
+					]
 				}), !!h?.length && /* @__PURE__ */ x(c, {
 					users: h,
 					size: "sm"
 				})]
 			}) : void 0,
-			surface: P,
+			surface: N,
 			textGap: "dense",
 			gap: "md",
-			headerClassName: t("flex-row flex-nowrap items-center", !N && "cursor-pointer"),
-			"data-expanded": U,
-			className: t("task-card--component min-w-0", I),
-			icon: /* @__PURE__ */ x(A, {
-				completed: W,
+			headerClassName: t("flex-row flex-nowrap items-center", !M && "cursor-pointer"),
+			"data-expanded": H,
+			className: t("task-card--component min-w-0", F),
+			icon: /* @__PURE__ */ x(k, {
+				completed: U,
 				total: s.length,
-				label: B.completion,
-				valueText: G
+				label: z.completion,
+				valueText: W
 			}),
 			titleSuffix: /* @__PURE__ */ S(a, {
 				direction: "horizontal",
@@ -224,32 +216,31 @@ var M = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 					tone: u.tone ?? "neutral",
 					size: "sm",
 					children: u.label
-				}), /* @__PURE__ */ x(n, {
+				}), /* @__PURE__ */ x(i, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
 					type: "secondary",
 					className: "task-card--count tabular-nums",
-					"aria-label": G,
-					children: K
+					"aria-label": W,
+					children: G
 				})]
 			}),
 			headerAction: /* @__PURE__ */ x(f, {
-				render: /* @__PURE__ */ x(i, {
+				render: /* @__PURE__ */ x(n, {
 					type: "button",
 					tone: "neutral",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0
 				}),
-				"aria-label": U ? B.collapse : B.expand,
-				children: /* @__PURE__ */ x(T, {
+				"aria-label": H ? z.collapse : z.expand,
+				children: /* @__PURE__ */ x(w, {
 					"aria-hidden": "true",
-					className: t("size-icon", U && "rotate-180")
+					className: t("size-icon", H && "rotate-180")
 				})
 			}),
-			footerDivider: U && !!q,
-			footerSlot: U && q ? /* @__PURE__ */ S(a, {
+			footerSlot: H && K ? /* @__PURE__ */ S(a, {
 				direction: "horizontal",
 				align: "center",
 				justify: "between",
@@ -262,50 +253,50 @@ var M = v(function({ title: r, items: s, status: u, dueDate: m, assignees: h, as
 					children: [/* @__PURE__ */ x(c, {
 						users: [g],
 						size: "sm"
-					}), /* @__PURE__ */ x(n, {
+					}), /* @__PURE__ */ x(i, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
 						className: "min-w-0 break-words",
-						children: B.formatAssignedTo(g.name)
+						children: z.formatAssignedTo(g.name)
 					})]
-				}), (M !== void 0 || D) && /* @__PURE__ */ S(i, {
+				}), (j !== void 0 || E) && /* @__PURE__ */ S(n, {
 					type: "button",
-					href: M,
-					onClick: D,
-					disabled: N,
+					href: j,
+					onClick: E,
+					disabled: M,
 					tone: "neutral",
 					buttonStyle: "outline",
 					size: "sm",
-					children: [B.open, /* @__PURE__ */ x(C, { "aria-hidden": "true" })]
+					children: [z.open, /* @__PURE__ */ x(C, { "aria-hidden": "true" })]
 				})]
 			}) : void 0
 		}),
-		children: U && /* @__PURE__ */ x(a, {
+		children: H && /* @__PURE__ */ x(a, {
 			gap: "md",
 			children: /* @__PURE__ */ x(d, {
 				role: "region",
-				"aria-label": B.subtasks,
+				"aria-label": z.subtasks,
 				children: s.length > 0 ? /* @__PURE__ */ x(a, {
 					role: "list",
 					gap: "none",
 					className: "task-card--items",
-					children: s.map((e) => /* @__PURE__ */ x(j, {
+					children: s.map((e) => /* @__PURE__ */ x(A, {
 						item: e,
-						disabled: N,
-						onChange: E,
-						savingLabel: B.saving
+						disabled: M,
+						onChange: T,
+						savingLabel: z.saving
 					}, e.id))
-				}) : /* @__PURE__ */ x(n, {
+				}) : /* @__PURE__ */ x(i, {
 					type: "secondary",
-					children: B.empty
+					children: z.empty
 				})
 			})
 		})
 	});
 });
-M.displayName = "TaskCard";
+j.displayName = "TaskCard";
 //#endregion
-export { M as TaskCard, O as defaultTaskCardStrings };
+export { j as TaskCard, D as defaultTaskCardStrings };
 
 //# sourceMappingURL=planning.js.map