admin-ui-starter-kit 0.1.3 → 0.4.2

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

@@ -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":";;;;;;;;;AAeA,IAAa,IAAgE;CAC5E,iBAAiB,KAAA;CACjB,qBAAqB;CACrB,sBAAsB;CACtB,mBAAmB;CACnB;;;ACID,SAAgB,EAAoB,EACnC,WACA,cACA,gBAC4B;AA4B5B,QA3BI,MAAW,cAEb,kBAAC,QAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,2CAA2C,EAAU;YAEnE,kBAAC,GAAD,EAAc,WAAU,uCAAwC,CAAA;EAC1D,CAAA,GAIL,MAAW,gBAEb,kBAAC,QAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EACV,6FACA,EACA;YAED,kBAAC,QAAD,EAAM,WAAU,kCAAmC,CAAA;EAC7C,CAAA,GAKR,kBAAC,QAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,oEAAoE,EAAU;YAE5F,kBAAC,GAAD,EAAS,WAAU,qBAAsB,CAAA;EACnC,CAAA;;AAIT,EAAoB,cAAc;;;ACxBlC,IAAM,IAAyD;CAC9D,WAAW;CACX,eAAe;CACf,SAAS;CACT;AAED,SAAS,EACR,GACA,GACS;AAGT,QAFI,MAAW,cAAoB,EAAQ,sBACvC,MAAW,gBAAsB,EAAQ,uBACtC,EAAQ;;AAGhB,SAAS,EAAmB,GAAoD;CAC/E,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,WAAW,eAAe,CAAC,EAAE,SAAS;AACvE,QAAO,IAAO,CAAC,EAAK,GAAG,GAAG,EAAE;;AAG7B,IAAa,IAAsB,EAAqD,SAA6B,EACpH,UACA,oBACA,cAAW,IACX,UACA,kBACA,eACA,aAAU,YACV,cACA,kBACA,SAAS,KACP,GAAK;CACP,IAAM,IAAU,EAAW,GAAmC,EAAY,EACpE,IAAe,MAAU,KAAA,GACzB,IAAkB,QACjB,KAAmB,EAAmB,EAAM,EAMlD,EAAE,CACF,EACK,CAAC,GAAe,KAAoB,EAAmB,EAAgB,EACvE,IAAoB,EAAO,GAAM,EACjC,IAAW,IAAe,IAAQ,GAClC,IAAqB,EAAoB,IAAI,IAAI,EAAgB,CAAC;AAKxE,SAAgB;AAIf,MAHI,KAAgB,EAAkB,WAClC,MAAoB,KAAA,KACpB,EAAM,WAAW,KACjB,EAAc,SAAS,EAAG;EAC9B,IAAM,IAAO,EAAmB,EAAM;AACtC,EAAI,EAAK,SAAS,KAAG,EAAiB,EAAK;IACzC;EAAC;EAAO;EAAc;EAAiB,EAAc;EAAO,CAAC;CAEhE,IAAM,IAAoB,GACxB,MAAkB;EAClB,IAAM,IAAW,KAAqB,EAAE;AAGxC,EAFA,EAAkB,UAAU,IACvB,KAAc,EAAiB,EAAQ,EAC5C,IAAgB,EAAQ;IAEzB,CAAC,GAAc,EAAc,CAC7B;AAcD,QAZA,QAAgB;AACf,MAAI,CAAC,GAAY;AAChB,KAAmB,UAAU,IAAI,IAAI,EAAS;AAC9C;;EAED,IAAM,IAAO,EAAmB;AAChC,OAAK,IAAM,KAAM,EAChB,CAAK,EAAK,IAAI,EAAG,IAAE,EAAW,EAAG;AAElC,IAAmB,UAAU,IAAI,IAAI,EAAS;IAC5C,CAAC,GAAU,EAAW,CAAC,EAGzB,kBAAC,GAAD;EACM;EACK;EACV,OAAO;EACP,eAAe;EACf,cAAY,EAAQ;EACpB,WAAW,EAAG,wBAAwB,EAA6B,IAAU,EAAU;YAEtF,EAAM,KAAK,MACX,kBAAC,GAAD;GAEC,OAAO,EAAK;GACZ,WAAW,EAAG,EAA6B,IAAU,EAAc;aAHpE,CAKC,kBAAC,GAAD;IACC,UAAU,EAAK;IACf,WAAU;cAEV,kBAAC,OAAD;KAAK,WAAU;eAAf;MACC,kBAAC,GAAD;OACC,QAAQ,EAAK;OACb,WAAW,EAAe,EAAK,QAAQ,EAAQ;OAC9C,CAAA;MACF,kBAAC,GAAD;OACC,KAAI;OACJ,QAAO;OACP,WAAW,EAAG,EAAiB,EAAK,QAAQ;iBAE3C,EAAK;OACA,CAAA;MACN,CAAC,CAAC,EAAK,SACP,kBAAC,QAAD;OAAM,WAAU;iBAAgC,EAAK;OAAa,CAAA;MAE9D;;IACY,CAAA,EAClB,CAAC,CAAC,EAAK,WACP,kBAAC,GAAD;IAAkB,WAAW,EAA0B;cACtD,kBAAC,GAAD;KAAM,MAAK;KAAY,WAAU;KAAkB,KAAI;eACrD,EAAK;KACA,CAAA;IACW,CAAA,CAEL;KAhCV,EAAK,GAgCK,CACf;EACS,CAAA;EAEZ;AAEF,EAAoB,cAAc"}
+{"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":"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"}

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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/heading-0DYCOrgC.cjs"),r=require("../../../_shared/badge--o9wFHB_.cjs"),i=require("../../../_shared/smart-card-Df80VF8x.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-primary-foreground 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.n,{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.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.n,{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-primary-foreground`,children:(0,a.jsx)(n.n,{weight:`bold`,className:`text-primary-foreground`,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.n,{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.n,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{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.n,{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.n,{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.n,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.n,{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.n,{weight:`medium`,children:r.label}),(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.n,{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.n,{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.n,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.n,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.n,{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.n,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.n,{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.n,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.n,{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.n,{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.n,{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.n,{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

package/dist/components/composed/timelines/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/timelines/steps-card/steps-card.tsx","../../../../src/components/composed/timelines/order-timeline/order-timeline.tsx","../../../../src/components/composed/timelines/payment-timeline/payment-timeline.tsx","../../../../src/components/composed/timelines/activity-stream/types.ts","../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx","../../../../src/components/composed/timelines/shared/timeline.tsx","../../../../src/components/composed/timelines/changelog/types.ts","../../../../src/components/composed/timelines/changelog/changelog-timeline.tsx","../../../../src/components/composed/timelines/milestones/types.ts","../../../../src/components/composed/timelines/milestones/milestones-timeline.tsx"],"sourcesContent":["import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { Badge } from '@/components/base/badge/badge';\nimport { cn } from '@/lib/utils';\nimport { Check, Circle, Loader2 } from 'lucide-react';\nimport { type StepStatus, type StepsCardProps, type StepsHorizontalProps } from './types';\n\nconst statusStyles: Record<StepStatus, {\n    dot: string;\n    line: string;\n    title: string;\n    Icon: typeof Check;\n}> = {\n    completed: {\n        dot: 'bg-success text-success-foreground',\n        line: 'bg-success',\n        title: 'text-foreground',\n        Icon: Check,\n    },\n    current: {\n        dot: 'bg-primary text-white ring-4 ring-primary/20',\n        line: 'bg-border',\n        title: 'text-foreground',\n        Icon: Loader2,\n    },\n    upcoming: {\n        dot: 'bg-muted text-muted-foreground',\n        line: 'bg-border',\n        title: 'text-muted-foreground',\n        Icon: Circle,\n    },\n};\n\nfunction StepIndicator({ status }: { status: StepStatus }) {\n    const { dot, Icon } = statusStyles[status];\n    const isAnimated = status === 'current';\n\n    return (\n        <div className={cn('steps-card--component', \n            'relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all',\n            dot,\n        )}>\n            <Icon className={cn('h-4 w-4', isAnimated && 'animate-spin')} />\n        </div>\n    );\n}\n\n/* ─── Vertical StepsCard (original) ────────────────────────────────────────── */\n\nexport function StepsCard({ title, description, steps, footerText, className }: StepsCardProps) {\n    return (\n        <SmartCard\n            title={title}\n            description={description}\n            footerText={footerText}\n            className={className}\n        >\n            <div className=\"relative\">\n                {steps.map((step, idx) => {\n                    const isLast = idx === steps.length - 1;\n                    const { line, title: titleColor } = statusStyles[step.status];\n\n                    return (\n                        <div key={step.id} className=\"relative flex gap-4\">\n                            {/* Vertical line + dot */}\n                            <div className=\"flex flex-col items-center\">\n                                <StepIndicator status={step.status} />\n                                {!isLast && (\n                                    <div className={cn('w-0.5 flex-1 min-h-6', line)} />\n                                )}\n                            </div>\n\n                            {/* Content */}\n                            <div className={cn('flex-1 pb-6', isLast && 'pb-0')}>\n                                <div className=\"flex items-center gap-2 pt-1\">\n                                    <Text weight=\"semibold\" className={titleColor}>\n                                        {step.title}\n                                    </Text>\n                                    {!!step.badge && (\n                                        <Badge variant={step.badgeVariant ?? 'secondary'}>\n                                            {step.badge}\n                                        </Badge>\n                                    )}\n                                </div>\n                                {!!step.description && (\n                                    <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n                                        {step.description}\n                                    </Text>\n                                )}\n                                {!!step.timestamp && (\n                                    <Text size=\"xxs\" type=\"discrete\" className=\"mt-1\">\n                                        {step.timestamp}\n                                    </Text>\n                                )}\n                                {!!step.content && (\n                                    <div className=\"mt-2\">{step.content}</div>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </SmartCard>\n    );\n}\n\nStepsCard.displayName = 'StepsCard';\n\n/*──────────────────────────────────────────────────────────────────────────────\n * STEPS HORIZONTAL — Horizontal step bar with connecting lines\n *────────────────────────────────────────────────────────────────────────────*/\n\nfunction HorizontalDot({ status, stepNumber }: { status: StepStatus; stepNumber: number }) {\n    if (status === 'completed') {\n        return (\n            <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground\">\n                <Check className=\"h-4 w-4\" />\n            </div>\n        );\n    }\n\n    if (status === 'current') {\n        return (\n            <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-white\">\n                <Text weight=\"bold\" className=\"text-white\">\n                    {stepNumber}\n                </Text>\n            </div>\n        );\n    }\n\n    return (\n        <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\">\n            <Text weight=\"medium\" className=\"text-muted-foreground\">\n                {stepNumber}\n            </Text>\n        </div>\n    );\n}\n\nexport function StepsHorizontal({ title, description, steps, footerText, className }: StepsHorizontalProps) {\n    return (\n        <SmartCard\n            title={title}\n            description={description}\n            footerText={footerText}\n            className={className}\n        >\n            {/* Horizontal scroll wrapper — when total step width exceeds the\n                card, this lets users scroll instead of clipping labels. */}\n            <div className=\"overflow-x-auto -mx-1 px-1\">\n                <div className=\"flex min-w-fit items-start\">\n                    {steps.map((step, idx) => {\n                        const isLast = idx === steps.length - 1;\n                        const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n                        return (\n                            <div key={step.id} className=\"flex min-w-[110px] flex-1 items-start\">\n                                <div className=\"flex w-full flex-col items-center\">\n                                    <div className=\"flex w-full items-center\">\n                                        {idx > 0 && (\n                                            <div className={cn(\n                                                'h-0.5 flex-1',\n                                                steps[idx - 1].status === 'completed' ? 'bg-success' : 'bg-border',\n                                            )} />\n                                        )}\n                                        {idx === 0 && <div className=\"flex-1\" />}\n\n                                        <HorizontalDot status={step.status} stepNumber={idx + 1} />\n\n                                        {!isLast && (\n                                            <div className={cn('h-0.5 flex-1', lineColor)} />\n                                        )}\n                                        {!!isLast && <div className=\"flex-1\" />}\n                                    </div>\n\n                                    {/* Labels below dot — clamped to 2 lines so long step\n                                        names break gracefully instead of pushing the\n                                        row taller. */}\n                                    <div className=\"mt-2 flex w-full flex-col items-center px-1 text-center\">\n                                        <Text\n                                            size=\"xs\"\n                                            weight=\"semibold\"\n                                            className={cn(\n                                                'leading-snug line-clamp-2',\n                                                step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n                                            )}\n                                        >\n                                            {step.title}\n                                        </Text>\n                                        {!!step.description && (\n                                            <Text size=\"xxs\" type=\"secondary\" className=\"mt-0.5 leading-snug line-clamp-2\">\n                                                {step.description}\n                                            </Text>\n                                        )}\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })}\n                </div>\n            </div>\n        </SmartCard>\n    );\n}\n\nStepsHorizontal.displayName = 'StepsHorizontal';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\nimport { type OrderTimelineEvent, type OrderTimelineCardProps } from './types';\n\nconst timelineStatusDot: Record<OrderTimelineEvent['status'], string> = {\n    completed: 'bg-success',\n    current: 'bg-primary ring-3 ring-primary/20',\n    pending: 'bg-muted',\n};\n\nexport function OrderTimelineCard({ title, description, events, footerText, className }: OrderTimelineCardProps) {\n    return (\n        <SmartCard title={title} description={description} footerText={footerText} className={cn('order-timeline--component', className)}>\n            <div className=\"relative space-y-0\">\n                {events.map((event, index) => {\n                    const isLast = index === events.length - 1;\n\n                    return (\n                        <div key={event.id} className=\"relative flex gap-3 pb-4 last:pb-0\">\n                            {/* Connector line */}\n                            {!isLast && (\n                                <div className=\"absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border\" />\n                            )}\n\n                            {/* Dot */}\n                            <div className=\"relative z-10 mt-[5px] flex-shrink-0\">\n                                <div className={cn('h-[11px] w-[11px] rounded-full', timelineStatusDot[event.status])} />\n                            </div>\n\n                            {/* Content */}\n                            <div className=\"min-w-0 flex-1\">\n                                <div className=\"flex items-baseline justify-between gap-2\">\n                                    <Text weight=\"medium\" className=\"truncate\">\n                                        {event.title}\n                                    </Text>\n                                    <Text size=\"xxs\" type=\"secondary\" className=\"flex-shrink-0 font-mono tabular-nums\">\n                                        {event.timestamp}\n                                    </Text>\n                                </div>\n                                {!!event.description && (\n                                    <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n                                        {event.description}\n                                    </Text>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </SmartCard>\n    );\n}\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { PaymentTimelineCardProps } from './types';\n\nexport function PaymentTimelineCard({ events, className }: PaymentTimelineCardProps) {\n    return (\n        <SmartCard title=\"Payment Timeline\" className={cn('payment-timeline--component', className)}>\n            <div className=\"mt-5 space-y-0\">\n                {events.map((evt, i) => {\n                    const Icon = evt.icon;\n                    return (\n                        <div key={evt.label} className=\"flex gap-4\">\n                            <div className=\"flex flex-col items-center\">\n                                <div\n                                    className={cn(\n                                        'flex size-8 items-center justify-center rounded-full',\n                                        evt.done ? 'bg-success/20' : 'bg-muted',\n                                    )}\n                                >\n                                    <Icon className={cn('size-3.5', evt.done ? 'text-success' : 'text-muted-foreground')} />\n                                </div>\n                                {i < events.length - 1 && (\n                                    <div className={cn('mt-1 h-8 w-px', evt.done ? 'bg-success/30' : 'bg-border')} />\n                                )}\n                            </div>\n                            <div className=\"pb-6\">\n                                <Text weight=\"medium\">\n                                    {evt.label}\n                                </Text>\n                                <Text size=\"xs\" type=\"secondary\">\n                                    {evt.date}\n                                </Text>\n                                {!!evt.amount && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"mt-0.5 tabular-nums text-success\">\n                                        {evt.amount}\n                                    </Text>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </SmartCard>\n    );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport type { ComposedBadgeVariant } from '@/components/base/badge/badge';\n\nexport interface ActivityStreamItem {\n\tid: string;\n\ticon?: LucideIcon;\n\ticonVariant?: ComposedBadgeVariant;\n\tactor?: string;\n\taction: string;\n\ttarget?: string;\n\ttimestamp: string;\n\tmetadata?: { label: string; value: string }[];\n}\n\nexport interface ActivityStreamStrings {\n\ttitle: string;\n\tempty: string;\n}\n\nexport const defaultActivityStreamStrings: ActivityStreamStrings = {\n\ttitle: 'Activity',\n\tempty: 'No activity yet',\n};\n\nexport interface ActivityStreamCardProps {\n\titems: ActivityStreamItem[];\n\tclassName?: string;\n\tstrings?: Partial<ActivityStreamStrings>;\n}\n","/**\n * ActivityStreamCard — chronological list of icon + actor + action + target items\n * with optional inline metadata. Designed for audit logs / \"what happened\" feeds.\n */\nimport { Activity, Circle } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultActivityStreamStrings,\n\ttype ActivityStreamCardProps,\n} from './types';\n\nconst VARIANT_CLASSES: Record<string, string> = {\n\tprimary: 'bg-primary/10 text-primary',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success/15 text-success',\n\tinfo: 'bg-info/15 text-info',\n\twarning: 'bg-warning/30 text-warning-foreground',\n\terror: 'bg-destructive/15 text-destructive',\n};\n\nexport function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps) {\n\tconst strings = useStrings(defaultActivityStreamStrings, stringsProp);\n\n\tif (items.length === 0) {\n\t\treturn (\n\t\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={cn('activity-stream--component', className)}>\n\t\t\t\t<Text type=\"secondary\" align=\"center\" className=\"py-6\">{strings.empty}</Text>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={className}>\n\t\t\t<ul className=\"space-y-3\">\n\t\t\t\t{items.map((it, idx) => {\n\t\t\t\t\tconst Icon = it.icon ?? Circle;\n\t\t\t\t\tconst isLast = idx === items.length - 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={it.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t\t<div className=\"relative flex flex-col items-center\">\n\t\t\t\t\t\t\t\t<div className={cn('flex size-7 items-center justify-center rounded-full', VARIANT_CLASSES[it.iconVariant ?? 'primary'])}>\n\t\t\t\t\t\t\t\t\t<Icon className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!isLast && <div className=\"mt-1 w-px flex-1 bg-border\" />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-3\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-baseline gap-x-1.5\">\n\t\t\t\t\t\t\t\t\t{!!it.actor && <Text tag=\"span\" weight=\"semibold\">{it.actor}</Text>}\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{it.action}</Text>\n\t\t\t\t\t\t\t\t\t{!!it.target && <Text tag=\"span\" weight=\"medium\">{it.target}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!!it.metadata && it.metadata.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5\">\n\t\t\t\t\t\t\t\t\t\t{it.metadata.map((m) => (\n\t\t\t\t\t\t\t\t\t\t\t<Text key={m.label} size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"discrete\">{m.label}: </Text>\n\t\t\t\t\t\t\t\t\t\t\t\t{m.value}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\" className=\"mt-0.5 tabular-nums\">{it.timestamp}</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</SmartCard>\n\t);\n}\n\nActivityStreamCard.displayName = 'ActivityStreamCard';\n","/**\n * Timeline — shared base primitive for the composed timeline family.\n *\n * Renders a vertical, dot-and-line list of events. Each item supports an\n * icon (Lucide component), a status that maps to dot tone, a title row, an\n * optional description block, an optional timestamp, and free-form content\n * via `children`. Use this primitive directly for new timeline variants\n * instead of reinventing the dot/line geometry — see `ChangeLogTimeline`,\n * `MilestonesTimeline`, and the existing OrderTimeline / PaymentTimeline /\n * ActivityStream consumers for examples.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TimelineStatus =\n\t| 'completed'\n\t| 'current'\n\t| 'pending'\n\t| 'success'\n\t| 'warning'\n\t| 'error'\n\t| 'neutral';\n\nexport type TimelineDotSize = 'sm' | 'base' | 'lg';\n\nexport interface TimelineItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttimestamp?: ReactNode;\n\ticon?: LucideIcon;\n\tstatus?: TimelineStatus;\n\tchildren?: ReactNode;\n}\n\nexport interface TimelineProps {\n\titems: TimelineItem[];\n\tdotSize?: TimelineDotSize;\n\tclassName?: string;\n}\n\nconst DOT_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2.5',\n\tbase: 'size-3.5',\n\tlg: 'size-5',\n};\n\nconst ICON_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2',\n\tbase: 'size-2.5',\n\tlg: 'size-3',\n};\n\nconst STATUS_TONE: Record<TimelineStatus, { bg: string; text: string; ring: string; line: string }> = {\n\tcompleted: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\tcurrent: { bg: 'bg-primary', text: 'text-primary-foreground', ring: 'ring-primary/30', line: 'bg-primary/40' },\n\tpending: { bg: 'bg-muted', text: 'text-muted-foreground', ring: 'ring-border', line: 'bg-border' },\n\tsuccess: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\twarning: { bg: 'bg-warning', text: 'text-warning-foreground', ring: 'ring-warning/30', line: 'bg-warning/40' },\n\terror: { bg: 'bg-destructive', text: 'text-destructive-foreground', ring: 'ring-destructive/30', line: 'bg-destructive/40' },\n\tneutral: { bg: 'bg-card', text: 'text-foreground', ring: 'ring-border', line: 'bg-border' },\n};\n\nexport function Timeline({ items, dotSize = 'base', className }: TimelineProps) {\n\treturn (\n\t\t<ol className={cn('timeline--component', 'relative space-y-4', className)}>\n\t\t\t{items.map((item, i) => {\n\t\t\t\tconst status = item.status ?? 'neutral';\n\t\t\t\tconst tone = STATUS_TONE[status];\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\tconst isLast = i === items.length - 1;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={item.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t{/* Connector line — fills available space below dot until last */}\n\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute left-[7px] top-4 bottom-[-1rem] w-px',\n\t\t\t\t\t\t\t\t\ttone.line,\n\t\t\t\t\t\t\t\t\tdotSize === 'lg' && 'left-[10px]',\n\t\t\t\t\t\t\t\t\tdotSize === 'sm' && 'left-[5px]',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div className=\"relative z-[1] mt-0.5 flex shrink-0 items-start\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-full ring-2',\n\t\t\t\t\t\t\t\t\ttone.bg,\n\t\t\t\t\t\t\t\t\ttone.text,\n\t\t\t\t\t\t\t\t\ttone.ring,\n\t\t\t\t\t\t\t\t\tDOT_PX[dotSize],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!Icon && <Icon className={ICON_PX[dotSize]} />}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-baseline justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text weight=\"medium\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.timestamp && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{item.timestamp}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!item.children && <div className=\"mt-2\">{item.children}</div>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ol>\n\t);\n}\n\nTimeline.displayName = 'Timeline';\n","import type { ReactNode } from 'react';\n\nexport type ChangelogEntryKind = 'added' | 'removed' | 'modified' | 'fixed';\n\nexport interface ChangelogEntry {\n\tid: string;\n\tkind: ChangelogEntryKind;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tversion?: string;\n\ttimestamp?: string;\n\tauthor?: string;\n}\n\nexport interface ChangelogTimelineStrings {\n\ttitle: string;\n\tadded: string;\n\tremoved: string;\n\tmodified: string;\n\tfixed: string;\n}\n\nexport const defaultChangelogTimelineStrings: ChangelogTimelineStrings = {\n\ttitle: 'Changelog',\n\tadded: 'Added',\n\tremoved: 'Removed',\n\tmodified: 'Modified',\n\tfixed: 'Fixed',\n};\n\nexport interface ChangelogTimelineCardProps {\n\tentries: ChangelogEntry[];\n\tclassName?: string;\n\tstrings?: Partial<ChangelogTimelineStrings>;\n}\n","/**\n * ChangelogTimelineCard — code/release changelog rendered through the shared\n * `Timeline` primitive. Each entry maps a semantic kind (added / removed /\n * modified / fixed) to a colour-coded chip (green / red / amber / blue) plus\n * an optional version label and timestamp. Strings overridable for i18n.\n */\nimport { GitCommit, Minus, Plus, Wrench } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultChangelogTimelineStrings,\n\ttype ChangelogEntry,\n\ttype ChangelogEntryKind,\n\ttype ChangelogTimelineCardProps,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nconst KIND_TO_STATUS: Record<ChangelogEntryKind, TimelineStatus> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'current',\n};\n\nconst KIND_TO_BADGE: Record<\n\tChangelogEntryKind,\n\t'success' | 'error' | 'warning' | 'info'\n> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'info',\n};\n\nconst KIND_ICON = {\n\tadded: Plus,\n\tremoved: Minus,\n\tmodified: Wrench,\n\tfixed: GitCommit,\n} as const;\n\nexport function ChangelogTimelineCard({\n\tentries,\n\tclassName,\n\tstrings: stringsProp,\n}: ChangelogTimelineCardProps) {\n\tconst strings = useStrings(defaultChangelogTimelineStrings, stringsProp);\n\tconst labelByKind: Record<ChangelogEntryKind, string> = {\n\t\tadded: strings.added,\n\t\tremoved: strings.removed,\n\t\tmodified: strings.modified,\n\t\tfixed: strings.fixed,\n\t};\n\n\tconst items: TimelineItem[] = entries.map((entry: ChangelogEntry) => ({\n\t\tid: entry.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<Badge variant={KIND_TO_BADGE[entry.kind]}>\n\t\t\t\t\t{labelByKind[entry.kind]}\n\t\t\t\t</Badge>\n\t\t\t\t<span>{entry.title}</span>\n\t\t\t\t{!!entry.version && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"font-mono\">\n\t\t\t\t\t\t{entry.version}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t),\n\t\tdescription: entry.author ? (\n\t\t\t<>\n\t\t\t\t{entry.description}\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" className=\"ml-2\">\n\t\t\t\t\t— {entry.author}\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t) : (\n\t\t\tentry.description\n\t\t),\n\t\ttimestamp: entry.timestamp,\n\t\ticon: KIND_ICON[entry.kind],\n\t\tstatus: KIND_TO_STATUS[entry.kind],\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<GitCommit className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('changelog-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nChangelogTimelineCard.displayName = 'ChangelogTimelineCard';\n","import type { ReactNode } from 'react';\n\nexport type MilestoneStatus = 'completed' | 'in_progress' | 'upcoming' | 'blocked';\n\nexport interface MilestoneItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tdueDate?: string;\n\tstatus: MilestoneStatus;\n\t/** 0–100; only used when status is `in_progress`. */\n\tprogress?: number;\n}\n\nexport interface MilestonesTimelineStrings {\n\ttitle: string;\n\tcompleted: string;\n\tin_progress: string;\n\tupcoming: string;\n\tblocked: string;\n\tdueOn: string;\n}\n\nexport const defaultMilestonesTimelineStrings: MilestonesTimelineStrings = {\n\ttitle: 'Milestones',\n\tcompleted: 'Completed',\n\tin_progress: 'In progress',\n\tupcoming: 'Upcoming',\n\tblocked: 'Blocked',\n\tdueOn: 'Due',\n};\n\nexport interface MilestonesTimelineCardProps {\n\tmilestones: MilestoneItem[];\n\tclassName?: string;\n\tstrings?: Partial<MilestonesTimelineStrings>;\n}\n","/**\n * MilestonesTimelineCard — project / goal milestones rendered through the\n * shared `Timeline` primitive. Each milestone has a status (completed /\n * in-progress / upcoming / blocked) that drives the dot tone, and an\n * optional `progress` percent that renders an inline progress bar when the\n * milestone is in flight. Strings overridable for i18n.\n */\nimport { Check, Circle, Clock, Flag, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultMilestonesTimelineStrings,\n\ttype MilestoneItem,\n\ttype MilestoneStatus,\n\ttype MilestonesTimelineCardProps,\n} from './types';\n\nconst STATUS_TO_TIMELINE: Record<MilestoneStatus, TimelineStatus> = {\n\tcompleted: 'completed',\n\tin_progress: 'current',\n\tupcoming: 'pending',\n\tblocked: 'error',\n};\n\nconst STATUS_ICON = {\n\tcompleted: Check,\n\tin_progress: Clock,\n\tupcoming: Circle,\n\tblocked: X,\n} as const;\n\nconst STATUS_BADGE: Record<MilestoneStatus, 'success' | 'primary' | 'secondary' | 'error'> = {\n\tcompleted: 'success',\n\tin_progress: 'primary',\n\tupcoming: 'secondary',\n\tblocked: 'error',\n};\n\nexport function MilestonesTimelineCard({\n\tmilestones,\n\tclassName,\n\tstrings: stringsProp,\n}: MilestonesTimelineCardProps) {\n\tconst strings = useStrings(defaultMilestonesTimelineStrings, stringsProp);\n\tconst labelByStatus: Record<MilestoneStatus, string> = {\n\t\tcompleted: strings.completed,\n\t\tin_progress: strings.in_progress,\n\t\tupcoming: strings.upcoming,\n\t\tblocked: strings.blocked,\n\t};\n\n\tconst items: TimelineItem[] = milestones.map((m: MilestoneItem) => ({\n\t\tid: m.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<span>{m.title}</span>\n\t\t\t\t<Badge variant={STATUS_BADGE[m.status]}>\n\t\t\t\t\t{labelByStatus[m.status]}\n\t\t\t\t</Badge>\n\t\t\t</span>\n\t\t),\n\t\tdescription: m.description,\n\t\ttimestamp: m.dueDate ? `${strings.dueOn} ${m.dueDate}` : undefined,\n\t\ticon: STATUS_ICON[m.status],\n\t\tstatus: STATUS_TO_TIMELINE[m.status],\n\t\tchildren:\n\t\t\tm.status === 'in_progress' && typeof m.progress === 'number' ? (\n\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn('h-full rounded-full bg-primary transition-[width] duration-300')}\n\t\t\t\t\t\t\tstyle={{ width: `${Math.max(0, Math.min(100, m.progress))}%` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t{Math.round(m.progress)}%\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t) : undefined,\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Flag className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('milestones-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nMilestonesTimelineCard.displayName = 'MilestonesTimelineCard';\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/timelines/steps-card/steps-card.tsx","../../../../src/components/composed/timelines/order-timeline/order-timeline.tsx","../../../../src/components/composed/timelines/payment-timeline/payment-timeline.tsx","../../../../src/components/composed/timelines/activity-stream/types.ts","../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx","../../../../src/components/composed/timelines/shared/timeline.tsx","../../../../src/components/composed/timelines/changelog/types.ts","../../../../src/components/composed/timelines/changelog/changelog-timeline.tsx","../../../../src/components/composed/timelines/milestones/types.ts","../../../../src/components/composed/timelines/milestones/milestones-timeline.tsx"],"sourcesContent":["import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { Badge } from '@/components/base/badge/badge';\nimport { cn } from '@/lib/utils';\nimport { Check, Circle, Loader2 } from 'lucide-react';\nimport { type StepStatus, type StepsCardProps, type StepsHorizontalProps } from './types';\n\nconst statusStyles: Record<StepStatus, {\n    dot: string;\n    line: string;\n    title: string;\n    Icon: typeof Check;\n}> = {\n    completed: {\n        dot: 'bg-success text-success-foreground',\n        line: 'bg-success',\n        title: 'text-foreground',\n        Icon: Check,\n    },\n    current: {\n        dot: 'bg-primary text-primary-foreground ring-4 ring-primary/20',\n        line: 'bg-border',\n        title: 'text-foreground',\n        Icon: Loader2,\n    },\n    upcoming: {\n        dot: 'bg-muted text-muted-foreground',\n        line: 'bg-border',\n        title: 'text-muted-foreground',\n        Icon: Circle,\n    },\n};\n\nfunction StepIndicator({ status }: { status: StepStatus }) {\n    const { dot, Icon } = statusStyles[status];\n    const isAnimated = status === 'current';\n\n    return (\n        <div className={cn('steps-card--component', \n            'relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all',\n            dot,\n        )}>\n            <Icon className={cn('h-4 w-4', isAnimated && 'animate-spin')} />\n        </div>\n    );\n}\n\n/* ─── Vertical StepsCard (original) ────────────────────────────────────────── */\n\nexport function StepsCard({ title, description, steps, footerText, className }: StepsCardProps) {\n    return (\n        <SmartCard\n            title={title}\n            description={description}\n            footerText={footerText}\n            className={className}\n        >\n            <div className=\"relative\">\n                {steps.map((step, idx) => {\n                    const isLast = idx === steps.length - 1;\n                    const { line, title: titleColor } = statusStyles[step.status];\n\n                    return (\n                        <div key={step.id} className=\"relative flex gap-4\">\n                            {/* Vertical line + dot */}\n                            <div className=\"flex flex-col items-center\">\n                                <StepIndicator status={step.status} />\n                                {!isLast && (\n                                    <div className={cn('w-0.5 flex-1 min-h-6', line)} />\n                                )}\n                            </div>\n\n                            {/* Content */}\n                            <div className={cn('flex-1 pb-6', isLast && 'pb-0')}>\n                                <div className=\"flex items-center gap-2 pt-1\">\n                                    <Text weight=\"semibold\" className={titleColor}>\n                                        {step.title}\n                                    </Text>\n                                    {!!step.badge && (\n                                        <Badge variant={step.badgeVariant ?? 'secondary'}>\n                                            {step.badge}\n                                        </Badge>\n                                    )}\n                                </div>\n                                {!!step.description && (\n                                    <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n                                        {step.description}\n                                    </Text>\n                                )}\n                                {!!step.timestamp && (\n                                    <Text size=\"xxs\" type=\"discrete\" className=\"mt-1\">\n                                        {step.timestamp}\n                                    </Text>\n                                )}\n                                {!!step.content && (\n                                    <div className=\"mt-2\">{step.content}</div>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </SmartCard>\n    );\n}\n\nStepsCard.displayName = 'StepsCard';\n\n/*──────────────────────────────────────────────────────────────────────────────\n * STEPS HORIZONTAL — Horizontal step bar with connecting lines\n *────────────────────────────────────────────────────────────────────────────*/\n\nfunction HorizontalDot({ status, stepNumber }: { status: StepStatus; stepNumber: number }) {\n    if (status === 'completed') {\n        return (\n            <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground\">\n                <Check className=\"h-4 w-4\" />\n            </div>\n        );\n    }\n\n    if (status === 'current') {\n        return (\n            <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground\">\n                <Text weight=\"bold\" className=\"text-primary-foreground\">\n                    {stepNumber}\n                </Text>\n            </div>\n        );\n    }\n\n    return (\n        <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\">\n            <Text weight=\"medium\" className=\"text-muted-foreground\">\n                {stepNumber}\n            </Text>\n        </div>\n    );\n}\n\nexport function StepsHorizontal({ title, description, steps, footerText, className }: StepsHorizontalProps) {\n    return (\n        <SmartCard\n            title={title}\n            description={description}\n            footerText={footerText}\n            className={className}\n        >\n            <div className=\"space-y-3 sm:hidden\">\n                {steps.map((step, idx) => {\n                    const isLast = idx === steps.length - 1;\n                    const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n                    return (\n                        <div key={step.id} className=\"flex gap-3\">\n                            <div className=\"flex flex-col items-center\">\n                                <HorizontalDot status={step.status} stepNumber={idx + 1} />\n                                {!isLast && <div className={cn('mt-1 w-0.5 flex-1 min-h-5', lineColor)} />}\n                            </div>\n                            <div className={cn('min-w-0 flex-1 pb-2', isLast && 'pb-0')}>\n                                <Text\n                                    weight=\"semibold\"\n                                    className={cn(\n                                        'leading-snug',\n                                        step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n                                    )}\n                                >\n                                    {step.title}\n                                </Text>\n                                {!!step.description && (\n                                    <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5 line-clamp-2\">\n                                        {step.description}\n                                    </Text>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n\n            {/* Horizontal scroll wrapper — when total step width exceeds the\n                card, this lets users scroll instead of clipping labels. */}\n            <div className=\"-mx-1 hidden overflow-x-auto px-1 sm:block\">\n                <div className=\"flex min-w-fit items-start\">\n                    {steps.map((step, idx) => {\n                        const isLast = idx === steps.length - 1;\n                        const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n                        return (\n                            <div key={step.id} className=\"flex min-w-[110px] flex-1 items-start\">\n                                <div className=\"flex w-full flex-col items-center\">\n                                    <div className=\"flex w-full items-center\">\n                                        {idx > 0 && (\n                                            <div className={cn(\n                                                'h-0.5 flex-1',\n                                                steps[idx - 1].status === 'completed' ? 'bg-success' : 'bg-border',\n                                            )} />\n                                        )}\n                                        {idx === 0 && <div className=\"flex-1\" />}\n\n                                        <HorizontalDot status={step.status} stepNumber={idx + 1} />\n\n                                        {!isLast && (\n                                            <div className={cn('h-0.5 flex-1', lineColor)} />\n                                        )}\n                                        {!!isLast && <div className=\"flex-1\" />}\n                                    </div>\n\n                                    {/* Labels below dot — clamped to 2 lines so long step\n                                        names break gracefully instead of pushing the\n                                        row taller. */}\n                                    <div className=\"mt-2 flex w-full flex-col items-center px-1 text-center\">\n                                        <Text\n                                            size=\"xs\"\n                                            weight=\"semibold\"\n                                            className={cn(\n                                                'leading-snug line-clamp-2',\n                                                step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n                                            )}\n                                        >\n                                            {step.title}\n                                        </Text>\n                                        {!!step.description && (\n                                            <Text size=\"xxs\" type=\"secondary\" className=\"mt-0.5 leading-snug line-clamp-2\">\n                                                {step.description}\n                                            </Text>\n                                        )}\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })}\n                </div>\n            </div>\n        </SmartCard>\n    );\n}\n\nStepsHorizontal.displayName = 'StepsHorizontal';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\nimport { type OrderTimelineEvent, type OrderTimelineCardProps } from './types';\n\nconst timelineStatusDot: Record<OrderTimelineEvent['status'], string> = {\n    completed: 'bg-success',\n    current: 'bg-primary ring-3 ring-primary/20',\n    pending: 'bg-muted',\n};\n\nexport function OrderTimelineCard({ title, description, events, footerText, className }: OrderTimelineCardProps) {\n    return (\n        <SmartCard title={title} description={description} footerText={footerText} className={cn('order-timeline--component', className)}>\n            <div className=\"relative space-y-0\">\n                {events.map((event, index) => {\n                    const isLast = index === events.length - 1;\n\n                    return (\n                        <div key={event.id} className=\"relative flex gap-3 pb-4 last:pb-0\">\n                            {/* Connector line */}\n                            {!isLast && (\n                                <div className=\"absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border\" />\n                            )}\n\n                            {/* Dot */}\n                            <div className=\"relative z-10 mt-[5px] flex-shrink-0\">\n                                <div className={cn('h-[11px] w-[11px] rounded-full', timelineStatusDot[event.status])} />\n                            </div>\n\n                            {/* Content */}\n                            <div className=\"min-w-0 flex-1\">\n                                <div className=\"flex items-baseline justify-between gap-2\">\n                                    <Text weight=\"medium\" className=\"truncate\">\n                                        {event.title}\n                                    </Text>\n                                    <Text size=\"xxs\" type=\"secondary\" className=\"flex-shrink-0 font-mono tabular-nums\">\n                                        {event.timestamp}\n                                    </Text>\n                                </div>\n                                {!!event.description && (\n                                    <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n                                        {event.description}\n                                    </Text>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </SmartCard>\n    );\n}\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { PaymentTimelineCardProps } from './types';\n\nexport function PaymentTimelineCard({ events, className }: PaymentTimelineCardProps) {\n    return (\n        <SmartCard title=\"Payment Timeline\" className={cn('payment-timeline--component', className)}>\n            <div className=\"mt-5 space-y-0\">\n                {events.map((evt, i) => {\n                    const Icon = evt.icon;\n                    return (\n                        <div key={evt.label} className=\"flex gap-4\">\n                            <div className=\"flex flex-col items-center\">\n                                <div\n                                    className={cn(\n                                        'flex size-8 items-center justify-center rounded-full',\n                                        evt.done ? 'bg-success/20' : 'bg-muted',\n                                    )}\n                                >\n                                    <Icon className={cn('size-3.5', evt.done ? 'text-success' : 'text-muted-foreground')} />\n                                </div>\n                                {i < events.length - 1 && (\n                                    <div className={cn('mt-1 h-8 w-px', evt.done ? 'bg-success/30' : 'bg-border')} />\n                                )}\n                            </div>\n                            <div className=\"pb-6\">\n                                <Text weight=\"medium\">\n                                    {evt.label}\n                                </Text>\n                                <Text size=\"xs\" type=\"secondary\">\n                                    {evt.date}\n                                </Text>\n                                {!!evt.amount && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"mt-0.5 tabular-nums text-success\">\n                                        {evt.amount}\n                                    </Text>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </SmartCard>\n    );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport type { ComposedBadgeVariant } from '@/components/base/badge/badge';\n\nexport interface ActivityStreamItem {\n\tid: string;\n\ticon?: LucideIcon;\n\ticonVariant?: ComposedBadgeVariant;\n\tactor?: string;\n\taction: string;\n\ttarget?: string;\n\ttimestamp: string;\n\tmetadata?: { label: string; value: string }[];\n}\n\nexport interface ActivityStreamStrings {\n\ttitle: string;\n\tempty: string;\n}\n\nexport const defaultActivityStreamStrings: ActivityStreamStrings = {\n\ttitle: 'Activity',\n\tempty: 'No activity yet',\n};\n\nexport interface ActivityStreamCardProps {\n\titems: ActivityStreamItem[];\n\tclassName?: string;\n\tstrings?: Partial<ActivityStreamStrings>;\n}\n","/**\n * ActivityStreamCard — chronological list of icon + actor + action + target items\n * with optional inline metadata. Designed for audit logs / \"what happened\" feeds.\n */\nimport { Activity, Circle } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultActivityStreamStrings,\n\ttype ActivityStreamCardProps,\n} from './types';\n\nconst VARIANT_CLASSES: Record<string, string> = {\n\tprimary: 'bg-primary/10 text-primary',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success/15 text-success',\n\tinfo: 'bg-info/15 text-info',\n\twarning: 'bg-warning/30 text-warning-foreground',\n\terror: 'bg-destructive/15 text-destructive',\n};\n\nexport function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps) {\n\tconst strings = useStrings(defaultActivityStreamStrings, stringsProp);\n\n\tif (items.length === 0) {\n\t\treturn (\n\t\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={cn('activity-stream--component', className)}>\n\t\t\t\t<Text type=\"secondary\" align=\"center\" className=\"py-6\">{strings.empty}</Text>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={className}>\n\t\t\t<ul className=\"space-y-3\">\n\t\t\t\t{items.map((it, idx) => {\n\t\t\t\t\tconst Icon = it.icon ?? Circle;\n\t\t\t\t\tconst isLast = idx === items.length - 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={it.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t\t<div className=\"relative flex flex-col items-center\">\n\t\t\t\t\t\t\t\t<div className={cn('flex size-7 items-center justify-center rounded-full', VARIANT_CLASSES[it.iconVariant ?? 'primary'])}>\n\t\t\t\t\t\t\t\t\t<Icon className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!isLast && <div className=\"mt-1 w-px flex-1 bg-border\" />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-3\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-baseline gap-x-1.5\">\n\t\t\t\t\t\t\t\t\t{!!it.actor && <Text tag=\"span\" weight=\"semibold\">{it.actor}</Text>}\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{it.action}</Text>\n\t\t\t\t\t\t\t\t\t{!!it.target && <Text tag=\"span\" weight=\"medium\">{it.target}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!!it.metadata && it.metadata.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5\">\n\t\t\t\t\t\t\t\t\t\t{it.metadata.map((m) => (\n\t\t\t\t\t\t\t\t\t\t\t<Text key={m.label} size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"discrete\">{m.label}: </Text>\n\t\t\t\t\t\t\t\t\t\t\t\t{m.value}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\" className=\"mt-0.5 tabular-nums\">{it.timestamp}</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</SmartCard>\n\t);\n}\n\nActivityStreamCard.displayName = 'ActivityStreamCard';\n","/**\n * Timeline — shared base primitive for the composed timeline family.\n *\n * Renders a vertical, dot-and-line list of events. Each item supports an\n * icon (Lucide component), a status that maps to dot tone, a title row, an\n * optional description block, an optional timestamp, and free-form content\n * via `children`. Use this primitive directly for new timeline variants\n * instead of reinventing the dot/line geometry — see `ChangeLogTimeline`,\n * `MilestonesTimeline`, and the existing OrderTimeline / PaymentTimeline /\n * ActivityStream consumers for examples.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TimelineStatus =\n\t| 'completed'\n\t| 'current'\n\t| 'pending'\n\t| 'success'\n\t| 'warning'\n\t| 'error'\n\t| 'neutral';\n\nexport type TimelineDotSize = 'sm' | 'base' | 'lg';\n\nexport interface TimelineItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttimestamp?: ReactNode;\n\ticon?: LucideIcon;\n\tstatus?: TimelineStatus;\n\tchildren?: ReactNode;\n}\n\nexport interface TimelineProps {\n\titems: TimelineItem[];\n\tdotSize?: TimelineDotSize;\n\tclassName?: string;\n}\n\nconst DOT_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2.5',\n\tbase: 'size-3.5',\n\tlg: 'size-5',\n};\n\nconst ICON_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2',\n\tbase: 'size-2.5',\n\tlg: 'size-3',\n};\n\nconst STATUS_TONE: Record<TimelineStatus, { bg: string; text: string; ring: string; line: string }> = {\n\tcompleted: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\tcurrent: { bg: 'bg-primary', text: 'text-primary-foreground', ring: 'ring-primary/30', line: 'bg-primary/40' },\n\tpending: { bg: 'bg-muted', text: 'text-muted-foreground', ring: 'ring-border', line: 'bg-border' },\n\tsuccess: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\twarning: { bg: 'bg-warning', text: 'text-warning-foreground', ring: 'ring-warning/30', line: 'bg-warning/40' },\n\terror: { bg: 'bg-destructive', text: 'text-destructive-foreground', ring: 'ring-destructive/30', line: 'bg-destructive/40' },\n\tneutral: { bg: 'bg-card', text: 'text-foreground', ring: 'ring-border', line: 'bg-border' },\n};\n\nexport function Timeline({ items, dotSize = 'base', className }: TimelineProps) {\n\treturn (\n\t\t<ol className={cn('timeline--component', 'relative space-y-4', className)}>\n\t\t\t{items.map((item, i) => {\n\t\t\t\tconst status = item.status ?? 'neutral';\n\t\t\t\tconst tone = STATUS_TONE[status];\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\tconst isLast = i === items.length - 1;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={item.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t{/* Connector line — fills available space below dot until last */}\n\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute left-[7px] top-4 bottom-[-1rem] w-px',\n\t\t\t\t\t\t\t\t\ttone.line,\n\t\t\t\t\t\t\t\t\tdotSize === 'lg' && 'left-[10px]',\n\t\t\t\t\t\t\t\t\tdotSize === 'sm' && 'left-[5px]',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div className=\"relative z-[1] mt-0.5 flex shrink-0 items-start\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-full ring-2',\n\t\t\t\t\t\t\t\t\ttone.bg,\n\t\t\t\t\t\t\t\t\ttone.text,\n\t\t\t\t\t\t\t\t\ttone.ring,\n\t\t\t\t\t\t\t\t\tDOT_PX[dotSize],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!Icon && <Icon className={ICON_PX[dotSize]} />}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-baseline justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text weight=\"medium\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.timestamp && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{item.timestamp}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!item.children && <div className=\"mt-2\">{item.children}</div>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ol>\n\t);\n}\n\nTimeline.displayName = 'Timeline';\n","import type { ReactNode } from 'react';\n\nexport type ChangelogEntryKind = 'added' | 'removed' | 'modified' | 'fixed';\n\nexport interface ChangelogEntry {\n\tid: string;\n\tkind: ChangelogEntryKind;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tversion?: string;\n\ttimestamp?: string;\n\tauthor?: string;\n}\n\nexport interface ChangelogTimelineStrings {\n\ttitle: string;\n\tadded: string;\n\tremoved: string;\n\tmodified: string;\n\tfixed: string;\n}\n\nexport const defaultChangelogTimelineStrings: ChangelogTimelineStrings = {\n\ttitle: 'Changelog',\n\tadded: 'Added',\n\tremoved: 'Removed',\n\tmodified: 'Modified',\n\tfixed: 'Fixed',\n};\n\nexport interface ChangelogTimelineCardProps {\n\tentries: ChangelogEntry[];\n\tclassName?: string;\n\tstrings?: Partial<ChangelogTimelineStrings>;\n}\n","/**\n * ChangelogTimelineCard — code/release changelog rendered through the shared\n * `Timeline` primitive. Each entry maps a semantic kind (added / removed /\n * modified / fixed) to a colour-coded chip (green / red / amber / blue) plus\n * an optional version label and timestamp. Strings overridable for i18n.\n */\nimport { GitCommit, Minus, Plus, Wrench } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultChangelogTimelineStrings,\n\ttype ChangelogEntry,\n\ttype ChangelogEntryKind,\n\ttype ChangelogTimelineCardProps,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nconst KIND_TO_STATUS: Record<ChangelogEntryKind, TimelineStatus> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'current',\n};\n\nconst KIND_TO_BADGE: Record<\n\tChangelogEntryKind,\n\t'success' | 'error' | 'warning' | 'info'\n> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'info',\n};\n\nconst KIND_ICON = {\n\tadded: Plus,\n\tremoved: Minus,\n\tmodified: Wrench,\n\tfixed: GitCommit,\n} as const;\n\nexport function ChangelogTimelineCard({\n\tentries,\n\tclassName,\n\tstrings: stringsProp,\n}: ChangelogTimelineCardProps) {\n\tconst strings = useStrings(defaultChangelogTimelineStrings, stringsProp);\n\tconst labelByKind: Record<ChangelogEntryKind, string> = {\n\t\tadded: strings.added,\n\t\tremoved: strings.removed,\n\t\tmodified: strings.modified,\n\t\tfixed: strings.fixed,\n\t};\n\n\tconst items: TimelineItem[] = entries.map((entry: ChangelogEntry) => ({\n\t\tid: entry.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<Badge variant={KIND_TO_BADGE[entry.kind]}>\n\t\t\t\t\t{labelByKind[entry.kind]}\n\t\t\t\t</Badge>\n\t\t\t\t<span>{entry.title}</span>\n\t\t\t\t{!!entry.version && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"font-mono\">\n\t\t\t\t\t\t{entry.version}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t),\n\t\tdescription: entry.author ? (\n\t\t\t<>\n\t\t\t\t{entry.description}\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" className=\"ml-2\">\n\t\t\t\t\t— {entry.author}\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t) : (\n\t\t\tentry.description\n\t\t),\n\t\ttimestamp: entry.timestamp,\n\t\ticon: KIND_ICON[entry.kind],\n\t\tstatus: KIND_TO_STATUS[entry.kind],\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<GitCommit className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('changelog-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nChangelogTimelineCard.displayName = 'ChangelogTimelineCard';\n","import type { ReactNode } from 'react';\n\nexport type MilestoneStatus = 'completed' | 'in_progress' | 'upcoming' | 'blocked';\n\nexport interface MilestoneItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tdueDate?: string;\n\tstatus: MilestoneStatus;\n\t/** 0–100; only used when status is `in_progress`. */\n\tprogress?: number;\n}\n\nexport interface MilestonesTimelineStrings {\n\ttitle: string;\n\tcompleted: string;\n\tin_progress: string;\n\tupcoming: string;\n\tblocked: string;\n\tdueOn: string;\n}\n\nexport const defaultMilestonesTimelineStrings: MilestonesTimelineStrings = {\n\ttitle: 'Milestones',\n\tcompleted: 'Completed',\n\tin_progress: 'In progress',\n\tupcoming: 'Upcoming',\n\tblocked: 'Blocked',\n\tdueOn: 'Due',\n};\n\nexport interface MilestonesTimelineCardProps {\n\tmilestones: MilestoneItem[];\n\tclassName?: string;\n\tstrings?: Partial<MilestonesTimelineStrings>;\n}\n","/**\n * MilestonesTimelineCard — project / goal milestones rendered through the\n * shared `Timeline` primitive. Each milestone has a status (completed /\n * in-progress / upcoming / blocked) that drives the dot tone, and an\n * optional `progress` percent that renders an inline progress bar when the\n * milestone is in flight. Strings overridable for i18n.\n */\nimport { Check, Circle, Clock, Flag, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultMilestonesTimelineStrings,\n\ttype MilestoneItem,\n\ttype MilestoneStatus,\n\ttype MilestonesTimelineCardProps,\n} from './types';\n\nconst STATUS_TO_TIMELINE: Record<MilestoneStatus, TimelineStatus> = {\n\tcompleted: 'completed',\n\tin_progress: 'current',\n\tupcoming: 'pending',\n\tblocked: 'error',\n};\n\nconst STATUS_ICON = {\n\tcompleted: Check,\n\tin_progress: Clock,\n\tupcoming: Circle,\n\tblocked: X,\n} as const;\n\nconst STATUS_BADGE: Record<MilestoneStatus, 'success' | 'primary' | 'secondary' | 'error'> = {\n\tcompleted: 'success',\n\tin_progress: 'primary',\n\tupcoming: 'secondary',\n\tblocked: 'error',\n};\n\nexport function MilestonesTimelineCard({\n\tmilestones,\n\tclassName,\n\tstrings: stringsProp,\n}: MilestonesTimelineCardProps) {\n\tconst strings = useStrings(defaultMilestonesTimelineStrings, stringsProp);\n\tconst labelByStatus: Record<MilestoneStatus, string> = {\n\t\tcompleted: strings.completed,\n\t\tin_progress: strings.in_progress,\n\t\tupcoming: strings.upcoming,\n\t\tblocked: strings.blocked,\n\t};\n\n\tconst items: TimelineItem[] = milestones.map((m: MilestoneItem) => ({\n\t\tid: m.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<span>{m.title}</span>\n\t\t\t\t<Badge variant={STATUS_BADGE[m.status]}>\n\t\t\t\t\t{labelByStatus[m.status]}\n\t\t\t\t</Badge>\n\t\t\t</span>\n\t\t),\n\t\tdescription: m.description,\n\t\ttimestamp: m.dueDate ? `${strings.dueOn} ${m.dueDate}` : undefined,\n\t\ticon: STATUS_ICON[m.status],\n\t\tstatus: STATUS_TO_TIMELINE[m.status],\n\t\tchildren:\n\t\t\tm.status === 'in_progress' && typeof m.progress === 'number' ? (\n\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn('h-full rounded-full bg-primary transition-[width] duration-300')}\n\t\t\t\t\t\t\tstyle={{ width: `${Math.max(0, Math.min(100, m.progress))}%` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t{Math.round(m.progress)}%\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t) : undefined,\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Flag className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('milestones-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nMilestonesTimelineCard.displayName = 'MilestonesTimelineCard';\n"],"mappings":"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"}

package/dist/components/composed/timelines/index.js

@@ -1,8 +1,8 @@
 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 { t as r } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as i } from "../../../_shared/smart-card-MT6JjkoI.js";
+import { n } from "../../../_shared/heading-HeP06nXG.js";
+import { t as r } from "../../../_shared/badge-yGlx9trX.js";
+import { t as i } from "../../../_shared/smart-card-DYZGY_Su.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Activity as c, Check as l, Circle as u, Clock as d, Flag as f, GitCommit as p, Loader2 as m, Minus as h, Plus as g, Wrench as _, X as v } from "lucide-react";
 //#region src/components/composed/timelines/steps-card/steps-card.tsx
@@ -14,7 +14,7 @@ var y = {
 		Icon: l
 	},
 	current: {
-		dot: "bg-primary text-white ring-4 ring-primary/20",
+		dot: "bg-primary text-primary-foreground ring-4 ring-primary/20",
 		line: "bg-border",
 		title: "text-foreground",
 		Icon: m
@@ -91,10 +91,10 @@ function S({ status: e, stepNumber: t }) {
 		className: "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground",
 		children: /* @__PURE__ */ o(l, { className: "h-4 w-4" })
 	}) : e === "current" ? /* @__PURE__ */ o("div", {
-		className: "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-white",
+		className: "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground",
 		children: /* @__PURE__ */ o(n, {
 			weight: "bold",
-			className: "text-white",
+			className: "text-primary-foreground",
 			children: t
 		})
 	}) : /* @__PURE__ */ o("div", {
@@ -107,13 +107,40 @@ function S({ status: e, stepNumber: t }) {
 	});
 }
 function C({ title: e, description: r, steps: a, footerText: c, className: l }) {
-	return /* @__PURE__ */ o(i, {
+	return /* @__PURE__ */ s(i, {
 		title: e,
 		description: r,
 		footerText: c,
 		className: l,
-		children: /* @__PURE__ */ o("div", {
-			className: "overflow-x-auto -mx-1 px-1",
+		children: [/* @__PURE__ */ o("div", {
+			className: "space-y-3 sm:hidden",
+			children: a.map((e, r) => {
+				let i = r === a.length - 1, c = e.status === "completed" ? "bg-success" : "bg-border";
+				return /* @__PURE__ */ s("div", {
+					className: "flex gap-3",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex flex-col items-center",
+						children: [/* @__PURE__ */ o(S, {
+							status: e.status,
+							stepNumber: r + 1
+						}), !i && /* @__PURE__ */ o("div", { className: t("mt-1 w-0.5 flex-1 min-h-5", c) })]
+					}), /* @__PURE__ */ s("div", {
+						className: t("min-w-0 flex-1 pb-2", i && "pb-0"),
+						children: [/* @__PURE__ */ o(n, {
+							weight: "semibold",
+							className: t("leading-snug", e.status === "upcoming" ? "text-muted-foreground" : "text-foreground"),
+							children: e.title
+						}), !!e.description && /* @__PURE__ */ o(n, {
+							size: "xs",
+							type: "secondary",
+							className: "mt-0.5 line-clamp-2",
+							children: e.description
+						})]
+					})]
+				}, e.id);
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "-mx-1 hidden overflow-x-auto px-1 sm:block",
 			children: /* @__PURE__ */ o("div", {
 				className: "flex min-w-fit items-start",
 				children: a.map((e, r) => {
@@ -152,7 +179,7 @@ function C({ title: e, description: r, steps: a, footerText: c, className: l })
 					}, e.id);
 				})
 			})
-		})
+		})]
 	});
 }
 C.displayName = "StepsHorizontal";