npm - admin-ui-starter-kit - Versions diffs - 0.1.2 → 0.1.4 - Mend

admin-ui-starter-kit 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1948) hide show

package/dist/components/composed/navigation/tab-switcher/tab-switcher.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TabSwitcherCardProps } from './types';
-export declare function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps): import("react").JSX.Element;
 export declare namespace TabSwitcherCard {
     var displayName: string;
 }

package/dist/components/composed/navigation/tab-switcher/tab-switcher.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,oBAAoB~~,2CAoC3F~~;yBApCe,eAAe"}
1	+ {"version":3,"file":"tab-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAoC3F;yBApCe,eAAe"}

package/dist/components/composed/navigation/time-ruler/time-ruler.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TimeDistributionRulerProps } from './types';
-export declare function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps): import("react").JSX.Element;
 export declare namespace TimeDistributionRuler {
     var displayName: string;
 }

package/dist/components/composed/navigation/time-ruler/time-ruler.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-ruler.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuC,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE/F,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,0BAA0B~~,2CAiFxH~~;yBAjFe,qBAAqB"}
1	+ {"version":3,"file":"time-ruler.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuC,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE/F,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,0BAA0B,+BAiFxH;yBAjFe,qBAAqB"}

package/dist/components/composed/navigation/vendor-performance/vendor-performance.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { VendorPerformanceCardProps } from './types';
-export declare function VendorPerformanceCard({ vendorName, rating, maxRating, metrics, performanceScore, lastActive, joinedDate, className, }: VendorPerformanceCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function VendorPerformanceCard({ vendorName, rating, maxRating, metrics, performanceScore, lastActive, joinedDate, className, }: VendorPerformanceCardProps): import("react").JSX.Element;
 export declare namespace VendorPerformanceCard {
     var displayName: string;
 }

package/dist/components/composed/navigation/vendor-performance/vendor-performance.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vendor-performance.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AA6B1D,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,MAAM,EACN,SAAa,EACb,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,SAAS,GACZ,EAAE,0BAA0B~~,2CAwD5B~~;yBAjEe,qBAAqB"}
1	+ {"version":3,"file":"vendor-performance.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AA6B1D,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,MAAM,EACN,SAAa,EACb,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,SAAS,GACZ,EAAE,0BAA0B,+BAwD5B;yBAjEe,qBAAqB"}

package/dist/components/composed/onboarding/checklist/checklist.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checklist.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/onboarding/checklist/checklist.tsx"],"names":[],"mappings":"~~AAqCA~~,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,mBAAmB,CAAC;AAuB3B,eAAO,MAAM,mBAAmB,qHA6G9B,CAAC"}
1	+ {"version":3,"file":"checklist.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/onboarding/checklist/checklist.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,mBAAmB,CAAC;AAuB3B,eAAO,MAAM,mBAAmB,qHA6G9B,CAAC"}

package/dist/components/composed/onboarding/checklist/partials/step-status-indicator.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ interface StepStatusIndicatorProps {
     ariaLabel: string;
     className?: string;
 }
-export declare function StepStatusIndicator({ status, ariaLabel, className, }: StepStatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepStatusIndicator({ status, ariaLabel, className, }: StepStatusIndicatorProps): import("react").JSX.Element;
 export declare namespace StepStatusIndicator {
     var displayName: string;
 }

package/dist/components/composed/onboarding/checklist/partials/step-status-indicator.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"step-status-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,UAAU,wBAAwB;IACjC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,SAAS,GACT,EAAE,wBAAwB~~,2CAqC1B~~;yBAzCe,mBAAmB"}
1	+ {"version":3,"file":"step-status-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,UAAU,wBAAwB;IACjC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,SAAS,GACT,EAAE,wBAAwB,+BAqC1B;yBAzCe,mBAAmB"}

package/dist/components/composed/onboarding/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../lib/utils.cjs`),n=require(`../../../_shared/text-DBnY6fcL.cjs`),r=require(`../../../_shared/accordion-D5uTCLCB.cjs`),i=require(`../../../_shared/spinner-Dvaa6GUm.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`),s=require(`lucide-react`);var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-5 items-center justify-center`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-5 fill-success text-background`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-5 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-5 items-center justify-center text-muted-foreground/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.o,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.c,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.l,{disabled:e.disabled,className:`gap-3 px-3 py-(--row-py) hover:no-underline`,children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.t,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.s,{className:r.r.withMedallion,children:(0,o.jsx)(n.t,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/text-DzKt9cyb.cjs"),r=require("../../../_shared/accordion-RIN0MjPz.cjs"),i=require("../../../_shared/spinner-Bvjs1ybK.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.t,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.t,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/onboarding/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/onboarding/checklist/checklist.strings.ts","../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx","../../../../src/components/composed/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 '@/components/base/spinner';\nimport { cn } from '@/lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\ninterface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\tariaLabel: string;\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('flex size-5 items-center justify-center', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-5 fill-success text-background\" />\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'flex size-5 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('flex size-5 items-center justify-center text-muted-foreground/70', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-4 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 '@/components/base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n} from '@/components/base/accordion/accordion-variants';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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\tvalue,\n\tonValueChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = value !== 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 ? value : 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\tonValueChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onValueChange],\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=\"gap-3 px-3 py-(--row-py) hover:no-underline\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex w-full min-w-0 items-center gap-3 pr-2\">\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</div>\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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"}
1	+ {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/onboarding/checklist/checklist.strings.ts","../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx","../../../../src/components/composed/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 '@/components/base/spinner';\nimport { cn } from '@/lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\ninterface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\tariaLabel: string;\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('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-4\" />\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'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('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-4 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 '@/components/base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '@/components/base/accordion/accordion-variants';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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\tvalue,\n\tonValueChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = value !== 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 ? value : 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\tonValueChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onValueChange],\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<div className=\"flex w-full min-w-0 items-center gap-3 pr-2\">\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</div>\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/components/composed/onboarding/index.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-DIxMTECE.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l } from "../../../_shared/accordion-CztqyaIN.js";
-import { t as u } from "../../../_shared/spinner-BQjxJ_Kx.js";
-import { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { CheckCircle2 as y } from "lucide-react";
+import { t as n } from "../../../_shared/text-qsEg5GdP.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-BnxO7Is4.js";
+import { t as d } from "../../../_shared/spinner-XcfVYbbp.js";
+import { forwardRef as f, useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CheckCircle2 as b } from "lucide-react";
 //#region src/components/composed/onboarding/checklist/checklist.strings.ts
-var b = {
+var x = {
 	regionAriaLabel: void 0,
 	statusCompletedAria: "Completed",
 	statusInProgressAria: "In progress",
@@ -15,98 +15,98 @@ var b = {
 };
 //#endregion
 //#region src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx
-function x({ status: e, ariaLabel: n, className: r }) {
-	return e === "completed" ? /* @__PURE__ */ _("span", {
+function S({ status: e, ariaLabel: n, className: r }) {
+	return e === "completed" ? /* @__PURE__ */ v("span", {
 		role: "img",
 		"aria-label": n,
-		className: t("flex size-5 items-center justify-center", r),
-		children: /* @__PURE__ */ _(y, { className: "size-5 fill-success text-background" })
-	}) : e === "in-progress" ? /* @__PURE__ */ _("span", {
+		className: t("flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20", r),
+		children: /* @__PURE__ */ v(b, { className: "size-4" })
+	}) : e === "in-progress" ? /* @__PURE__ */ v("span", {
 		role: "img",
 		"aria-label": n,
-		className: t("flex size-5 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30", r),
-		children: /* @__PURE__ */ _("span", { className: "size-2 rounded-full bg-warning" })
-	}) : /* @__PURE__ */ _("span", {
+		className: t("flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30", r),
+		children: /* @__PURE__ */ v("span", { className: "size-2 rounded-full bg-warning" })
+	}) : /* @__PURE__ */ v("span", {
 		role: "img",
 		"aria-label": n,
-		className: t("flex size-5 items-center justify-center text-muted-foreground/70", r),
-		children: /* @__PURE__ */ _(u, { className: "size-4 opacity-60" })
+		className: t("flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70", r),
+		children: /* @__PURE__ */ v(d, { className: "size-4 opacity-60" })
 	});
 }
-x.displayName = "StepStatusIndicator";
+S.displayName = "StepStatusIndicator";
 //#endregion
 //#region src/components/composed/onboarding/checklist/checklist.tsx
-var S = {
+var C = {
 	completed: "text-foreground",
 	"in-progress": "text-foreground",
 	pending: "text-muted-foreground"
 };
-function C(e, t) {
+function w(e, t) {
 	return e === "completed" ? t.statusCompletedAria : e === "in-progress" ? t.statusInProgressAria : t.statusPendingAria;
 }
-function w(e) {
+function T(e) {
 	let t = e.find((e) => e.status !== "completed" && !e.disabled);
 	return t ? [t.id] : [];
 }
-var T = d(function({ steps: u, defaultExpanded: d, multiple: y = !1, value: T, onValueChange: E, onStepOpen: D, variant: O = "bordered", className: k, stepClassName: A, strings: j }, M) {
-	let N = e(b, j), P = T !== void 0, F = m(() => d ?? w(u), []), [I, L] = g(F), R = h(!1), z = P ? T : I, B = h(new Set(F));
-	p(() => {
-		if (P || R.current || d !== void 0 || u.length === 0 || I.length > 0) return;
-		let e = w(u);
-		e.length > 0 && L(e);
+var E = f(function({ steps: d, defaultExpanded: f, multiple: b = !1, value: E, onValueChange: D, onStepOpen: O, variant: k = "bordered", className: A, stepClassName: j, strings: M }, N) {
+	let P = e(x, M), F = E !== void 0, I = h(() => f ?? T(d), []), [L, R] = _(I), z = g(!1), B = F ? E : L, V = g(new Set(I));
+	m(() => {
+		if (F || z.current || f !== void 0 || d.length === 0 || L.length > 0) return;
+		let e = T(d);
+		e.length > 0 && R(e);
 	}, [
-		u,
-		P,
 		d,
-		I.length
+		F,
+		f,
+		L.length
 	]);
-	let V = f((e) => {
+	let H = p((e) => {
 		let t = e ?? [];
-		R.current = !0, P || L(t), E?.(t);
-	}, [P, E]);
-	return p(() => {
-		if (!D) {
-			B.current = new Set(z);
+		z.current = !0, F || R(t), D?.(t);
+	}, [F, D]);
+	return m(() => {
+		if (!O) {
+			V.current = new Set(B);
 			return;
 		}
-		let e = B.current;
-		for (let t of z) e.has(t) || D(t);
-		B.current = new Set(z);
-	}, [z, D]), /* @__PURE__ */ _(s, {
-		ref: M,
-		multiple: y,
-		value: z,
-		onValueChange: V,
-		"aria-label": N.regionAriaLabel,
-		className: t("checklist--component", r[O], k),
-		children: u.map((e) => /* @__PURE__ */ v(i, {
+		let e = V.current;
+		for (let t of B) e.has(t) || O(t);
+		V.current = new Set(B);
+	}, [B, O]), /* @__PURE__ */ v(l, {
+		ref: N,
+		multiple: b,
+		value: B,
+		onValueChange: H,
+		"aria-label": P.regionAriaLabel,
+		className: t("checklist--component", r[k], A),
+		children: d.map((e) => /* @__PURE__ */ y(o, {
 			value: e.id,
-			className: t(a[O], A),
-			children: [/* @__PURE__ */ _(o, {
+			className: t(a[k], j),
+			children: [/* @__PURE__ */ v(u, {
 				disabled: e.disabled,
-				className: "gap-3 px-3 py-(--row-py) hover:no-underline",
-				children: /* @__PURE__ */ v("div", {
+				className: t(s, "min-h-16 items-center"),
+				children: /* @__PURE__ */ y("div", {
 					className: "flex w-full min-w-0 items-center gap-3 pr-2",
 					children: [
-						/* @__PURE__ */ _(x, {
+						/* @__PURE__ */ v(S, {
 							status: e.status,
-							ariaLabel: C(e.status, N)
+							ariaLabel: w(e.status, P)
 						}),
-						/* @__PURE__ */ _(n, {
+						/* @__PURE__ */ v(n, {
 							tag: "span",
 							weight: "semibold",
-							className: t(S[e.status]),
+							className: t(C[e.status]),
 							children: e.title
 						}),
-						!!e.badge && /* @__PURE__ */ _("span", {
+						!!e.badge && /* @__PURE__ */ v("span", {
 							className: "ml-auto inline-flex shrink-0",
 							children: e.badge
 						})
 					]
 				})
-			}), !!e.content && /* @__PURE__ */ _(l, {
+			}), !!e.content && /* @__PURE__ */ v(i, {
 				className: c.withMedallion,
-				children: /* @__PURE__ */ _(n, {
+				children: /* @__PURE__ */ v(n, {
 					type: "secondary",
 					className: "leading-relaxed",
 					tag: "div",
@@ -116,8 +116,8 @@ var T = d(function({ steps: u, defaultExpanded: d, multiple: y = !1, value: T, o
 		}, e.id))
 	});
 });
-T.displayName = "OnboardingChecklist";
+E.displayName = "OnboardingChecklist";
 //#endregion
-export { T as OnboardingChecklist, x as StepStatusIndicator, b as defaultOnboardingChecklistStrings };
+export { E as OnboardingChecklist, S as StepStatusIndicator, x as defaultOnboardingChecklistStrings };
 //# sourceMappingURL=index.js.map

package/dist/components/composed/onboarding/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/onboarding/checklist/checklist.strings.ts","../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx","../../../../src/components/composed/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 '@/components/base/spinner';\nimport { cn } from '@/lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\ninterface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\tariaLabel: string;\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('flex size-5 items-center justify-center', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-5 fill-success text-background\" />\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'flex size-5 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('flex size-5 items-center justify-center text-muted-foreground/70', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-4 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 '@/components/base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n} from '@/components/base/accordion/accordion-variants';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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\tvalue,\n\tonValueChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = value !== 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 ? value : 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\tonValueChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onValueChange],\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=\"gap-3 px-3 py-(--row-py) hover:no-underline\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex w-full min-w-0 items-center gap-3 pr-2\">\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</div>\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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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/onboarding/checklist/checklist.strings.ts","../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx","../../../../src/components/composed/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 '@/components/base/spinner';\nimport { cn } from '@/lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\ninterface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\tariaLabel: string;\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('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-4\" />\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'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('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-4 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 '@/components/base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '@/components/base/accordion/accordion-variants';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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\tvalue,\n\tonValueChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = value !== 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 ? value : 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\tonValueChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onValueChange],\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<div className=\"flex w-full min-w-0 items-center gap-3 pr-2\">\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</div>\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,IAAa,IAAgE;CAC5E,iBAAiB,KAAA;CACjB,qBAAqB;CACrB,sBAAsB;CACtB,mBAAmB;AACpB;;;ACIA,SAAgB,EAAoB,EACnC,WACA,cACA,gBAC4B;CA4B5B,OA3BI,MAAW,cAEb,kBAAC,QAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,0GAA0G,CAAS;YAEjI,kBAAC,GAAD,EAAc,WAAU,SAAU,CAAA;CAC7B,CAAA,IAIJ,MAAW,gBAEb,kBAAC,QAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EACV,6FACA,CACD;YAEA,kBAAC,QAAD,EAAM,WAAU,iCAAkC,CAAA;CAC7C,CAAA,IAKP,kBAAC,QAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,gHAAgH,CAAS;YAEvI,kBAAC,GAAD,EAAS,WAAU,oBAAqB,CAAA;CACnC,CAAA;AAER;AAEA,EAAoB,cAAc;;;ACvBlC,IAAM,IAAyD;CAC9D,WAAW;CACX,eAAe;CACf,SAAS;AACV;AAEA,SAAS,EACR,GACA,GACS;CAGT,OAFI,MAAW,cAAoB,EAAQ,sBACvC,MAAW,gBAAsB,EAAQ,uBACtC,EAAQ;AAChB;AAEA,SAAS,EAAmB,GAAoD;CAC/E,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,WAAW,eAAe,CAAC,EAAE,QAAQ;CACtE,OAAO,IAAO,CAAC,EAAK,EAAE,IAAI,CAAC;AAC5B;AAEA,IAAa,IAAsB,EAAqD,SAA6B,EACpH,UACA,oBACA,cAAW,IACX,UACA,kBACA,eACA,aAAU,YACV,cACA,kBACA,SAAS,KACP,GAAK;CACP,IAAM,IAAU,EAAW,GAAmC,CAAW,GACnE,IAAe,MAAU,KAAA,GACzB,IAAkB,QACjB,KAAmB,EAAmB,CAAK,GAMjD,CAAC,CACF,GACM,CAAC,GAAe,KAAoB,EAAmB,CAAe,GACtE,IAAoB,EAAO,EAAK,GAChC,IAAW,IAAe,IAAQ,GAClC,IAAqB,EAAoB,IAAI,IAAI,CAAe,CAAC;CAKvE,QAAgB;EAIf,IAHI,KAAgB,EAAkB,WAClC,MAAoB,KAAA,KACpB,EAAM,WAAW,KACjB,EAAc,SAAS,GAAG;EAC9B,IAAM,IAAO,EAAmB,CAAK;EACrC,AAAI,EAAK,SAAS,KAAG,EAAiB,CAAI;CAC3C,GAAG;EAAC;EAAO;EAAc;EAAiB,EAAc;CAAM,CAAC;CAE/D,IAAM,IAAoB,GACxB,MAAkB;EAClB,IAAM,IAAW,KAAqB,CAAC;EAGvC,AAFA,EAAkB,UAAU,IACvB,KAAc,EAAiB,CAAO,GAC3C,IAAgB,CAAO;CACxB,GACA,CAAC,GAAc,CAAa,CAC7B;CAcA,OAZA,QAAgB;EACf,IAAI,CAAC,GAAY;GAChB,EAAmB,UAAU,IAAI,IAAI,CAAQ;GAC7C;EACD;EACA,IAAM,IAAO,EAAmB;EAChC,KAAK,IAAM,KAAM,GAChB,AAAK,EAAK,IAAI,CAAE,KAAG,EAAW,CAAE;EAEjC,EAAmB,UAAU,IAAI,IAAI,CAAQ;CAC9C,GAAG,CAAC,GAAU,CAAU,CAAC,GAGxB,kBAAC,GAAD;EACM;EACK;EACV,OAAO;EACP,eAAe;EACf,cAAY,EAAQ;EACpB,WAAW,EAAG,wBAAwB,EAA6B,IAAU,CAAS;YAErF,EAAM,KAAK,MACX,kBAAC,GAAD;GAEC,OAAO,EAAK;GACZ,WAAW,EAAG,EAA6B,IAAU,CAAa;aAHnE,CAKC,kBAAC,GAAD;IACC,UAAU,EAAK;IACf,WAAW,EAAG,GAAwB,uBAAuB;cAE7D,kBAAC,OAAD;KAAK,WAAU;eAAf;MACC,kBAAC,GAAD;OACC,QAAQ,EAAK;OACb,WAAW,EAAe,EAAK,QAAQ,CAAO;MAC9C,CAAA;MACD,kBAAC,GAAD;OACC,KAAI;OACJ,QAAO;OACP,WAAW,EAAG,EAAiB,EAAK,OAAO;iBAE1C,EAAK;MACD,CAAA;MACL,CAAC,CAAC,EAAK,SACP,kBAAC,QAAD;OAAM,WAAU;iBAAgC,EAAK;MAAY,CAAA;KAE9D;;GACY,CAAA,GACjB,CAAC,CAAC,EAAK,WACP,kBAAC,GAAD;IAAkB,WAAW,EAA0B;cACtD,kBAAC,GAAD;KAAM,MAAK;KAAY,WAAU;KAAkB,KAAI;eACrD,EAAK;IACD,CAAA;GACW,CAAA,CAEL;KAhCT,EAAK,EAgCI,CACf;CACS,CAAA;AAEb,CAAC;AAED,EAAoB,cAAc"}

package/dist/components/composed/timelines/activity-stream/activity-stream.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ActivityStreamCardProps } from './types';
-export declare function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps): import("react").JSX.Element;
 export declare namespace ActivityStreamCard {
     var displayName: string;
 }

package/dist/components/composed/timelines/activity-stream/activity-stream.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"activity-stream.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEN,KAAK,uBAAuB,EAC5B,MAAM,SAAS,CAAC;AAWjB,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,uBAAuB~~,2CAiDrG~~;yBAjDe,kBAAkB"}
1	+ {"version":3,"file":"activity-stream.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEN,KAAK,uBAAuB,EAC5B,MAAM,SAAS,CAAC;AAWjB,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,uBAAuB,+BAiDrG;yBAjDe,kBAAkB"}

package/dist/components/composed/timelines/changelog/changelog-timeline.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ChangelogTimelineCardProps } from './types';
-export declare function ChangelogTimelineCard({ entries, className, strings: stringsProp, }: ChangelogTimelineCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChangelogTimelineCard({ entries, className, strings: stringsProp, }: ChangelogTimelineCardProps): import("react").JSX.Element;
 export declare namespace ChangelogTimelineCard {
     var displayName: string;
 }

package/dist/components/composed/timelines/changelog/changelog-timeline.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"changelog-timeline.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/changelog/changelog-timeline.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIN,KAAK,0BAA0B,EAC/B,MAAM,SAAS,CAAC;AA2BjB,wBAAgB,qBAAqB,CAAC,EACrC,OAAO,EACP,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,0BAA0B~~,2CAgD5B~~;yBApDe,qBAAqB"}
1	+ {"version":3,"file":"changelog-timeline.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/changelog/changelog-timeline.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIN,KAAK,0BAA0B,EAC/B,MAAM,SAAS,CAAC;AA2BjB,wBAAgB,qBAAqB,CAAC,EACrC,OAAO,EACP,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,0BAA0B,+BAgD5B;yBApDe,qBAAqB"}

package/dist/components/composed/timelines/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../lib/utils.cjs`),n=require(`../../../_shared/text-DBnY6fcL.cjs`),r=require(`../../../_shared/badge-C49SSz-6.cjs`),i=require(`../../../_shared/smart-card-Bm_VxYUG.cjs`);let a=require(`react/jsx-runtime`),o=require(`lucide-react`);var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-white ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.t,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-white`,children:(0,a.jsx)(n.t,{weight:`bold`,className:`text-white`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.t,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:c,children:(0,a.jsx)(`div`,{className:`overflow-x-auto -mx-1 px-1`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.t,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.t,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`h-[11px] w-[11px] rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.t,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.t,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.t,{weight:`medium`,children:r.label}),(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.t,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.t,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.t,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.t,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.t,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.t,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.t,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.t,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.t,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.t,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/text-DzKt9cyb.cjs"),r=require("../../../_shared/badge-kS_XtN-z.cjs"),i=require("../../../_shared/smart-card-DL7esK_y.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-white ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.t,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-white`,children:(0,a.jsx)(n.t,{weight:`bold`,className:`text-white`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.t,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.t,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.t,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.t,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`h-[11px] w-[11px] rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.t,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.t,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.t,{weight:`medium`,children:r.label}),(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.t,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.t,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.t,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.t,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.t,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.t,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.t,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.t,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.t,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.t,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
 //# sourceMappingURL=index.cjs.map