@alfadocs/ui-kit-debug 0.69.0 → 0.71.0

package/dist/_chunks/{stepper-accordion-Dki6r9ZE.js → stepper-accordion-DC-H-8v4.js}

@@ -4,26 +4,16 @@ import * as m from "@radix-ui/react-accordion";
 import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as B } from "react-i18next";
 import { C as D } from "./chevron-down-BX_NP2Yh.js";
-import { c as G } from "./createLucideIcon-CrFbzy84.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const H = [
-  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
-  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-], U = G("lock", H);
-function W(a, c, r) {
+import { L as G } from "./lock-CKOIn0IK.js";
+function H(a, c, r) {
   return r === "error" ? "error" : a === c ? "current" : r === "completed" || a < c ? "completed" : "upcoming";
 }
-const k = "step-", y = (a) => `${k}${a}`, O = (a) => Number(a.slice(k.length)), p = [
+const k = "step-", y = (a) => `${k}${a}`, U = (a) => Number(a.slice(k.length)), p = [
   "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]",
   "ds:animate-[stepper-icon-draw_var(--animation-duration)_var(--ease-out)_forwards]",
   "ds:motion-reduce:animate-none ds:motion-reduce:[stroke-dashoffset:0]"
 ].join(" ");
-function X() {
+function W() {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -39,7 +29,7 @@ function X() {
     }
   );
 }
-function q() {
+function O() {
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -58,7 +48,7 @@ function q() {
     }
   );
 }
-const J = [
+const X = [
   "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
   "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
   "ds:size-[var(--min-target-size)]",
@@ -68,7 +58,7 @@ const J = [
   "ds:transition-[background-color,border-color,color]",
   "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
   "ds:motion-reduce:transition-none"
-].join(" "), K = v(J, {
+].join(" "), q = v(X, {
   variants: {
     state: {
       upcoming: "ds:bg-[var(--background)] ds:text-[var(--muted-foreground)]",
@@ -85,7 +75,7 @@ const J = [
       ].join(" ")
     }
   }
-}), Q = v(
+}), J = v(
   [
     "ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]",
     "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:bg-[var(--card)]",
@@ -102,7 +92,7 @@ const J = [
     },
     defaultVariants: { tone: "neutral" }
   }
-), Y = [
+), K = [
   "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -114,48 +104,48 @@ const J = [
   "ds:transition-[background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
   "ds:motion-reduce:transition-none",
   "ds:hover:enabled:bg-[var(--muted)]/40"
-].join(" "), Z = (a) => [
+].join(" "), Q = (a) => [
   "type-body-sm",
   a === "current" || a === "error" ? "ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]" : a === "completed" ? "ds:text-[var(--foreground)]" : "ds:text-[var(--muted-foreground)]"
-].join(" "), S = [
+].join(" "), Y = [
   "type-meta ds:text-[var(--muted-foreground)]",
   "ds:mt-[var(--spacing-xs)]"
 ].join(" "), N = [
   "type-meta",
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
   "ds:text-[var(--muted-foreground)]"
-].join(" "), ee = [
+].join(" "), Z = [
   "ds:size-4 ds:shrink-0 ds:text-[var(--muted-foreground)]",
   "ds:transition-transform ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
   "ds:motion-reduce:transition-none",
   "ds:group-data-[state=open]/item:rotate-180"
-].join(" "), re = [
+].join(" "), S = [
   "type-meta ds:text-[var(--muted-foreground)]",
   "ds:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
   "ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]",
   "ds:group-data-[state=open]/item:hidden"
-].join(" "), se = [
+].join(" "), ee = [
   "ds:overflow-hidden",
   "ds:data-[state=open]:animate-[accordion-down_var(--animation-duration)_var(--ease-out)]",
   "ds:data-[state=closed]:animate-[accordion-up_var(--animation-duration)_var(--ease-in)]"
-].join(" "), ae = [
+].join(" "), re = [
   "ds:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
   "ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-md)]"
-].join(" "), te = v("ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", {
+].join(" "), se = v("ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", {
   variants: {}
-}), ne = E(
+}), ae = E(
   ({
     activeStep: a,
     steps: c,
     onStepChange: r,
-    "aria-label": w,
+    "aria-label": j,
     id: f,
-    className: j,
+    className: w,
     ..._
   }, C) => {
-    const { t: d } = B(), l = c.length, o = Math.max(0, Math.min(a, l - 1)), z = w ?? d("navigation.stepper.label"), g = d("navigation.stepper.edit"), L = d("navigation.stepper.locked"), M = d("navigation.stepper.completed"), V = d("navigation.stepper.error"), A = (t) => {
+    const { t: d } = B(), l = c.length, o = Math.max(0, Math.min(a, l - 1)), z = j ?? d("navigation.stepper.label"), g = d("navigation.stepper.edit"), L = d("navigation.stepper.locked"), M = d("navigation.stepper.completed"), V = d("navigation.stepper.error"), A = (t) => {
       if (!t) return;
-      const s = O(t);
+      const s = U(t);
       Number.isFinite(s) && s !== o && (r == null || r(s));
     }, h = P(
       () => ({
@@ -187,17 +177,17 @@ const J = [
         id: f,
         "data-component": "stepper-accordion",
         "data-component-id": f,
-        className: te({ className: j }),
+        className: se({ className: w }),
         ..._,
         children: c.map((t, s) => {
-          const n = W(s, o, t.status), u = n === "current" || n === "error", F = n === "upcoming", I = n === "error" ? "error" : "neutral", b = d("navigation.stepper.stepN", { n: s + 1 }), T = n === "completed" ? /* @__PURE__ */ i(x, { children: [
-            /* @__PURE__ */ e(X, {}),
+          const n = H(s, o, t.status), u = n === "current" || n === "error", F = n === "upcoming", T = n === "error" ? "error" : "neutral", b = d("navigation.stepper.stepN", { n: s + 1 }), I = n === "completed" ? /* @__PURE__ */ i(x, { children: [
+            /* @__PURE__ */ e(W, {}),
             /* @__PURE__ */ e("span", { className: "ds:sr-only", children: M })
           ] }) : n === "error" ? /* @__PURE__ */ i(x, { children: [
-            /* @__PURE__ */ e(q, {}),
+            /* @__PURE__ */ e(O, {}),
             /* @__PURE__ */ e("span", { className: "ds:sr-only", children: V })
           ] }) : /* @__PURE__ */ e("span", { children: s + 1 }), $ = n === "completed" ? /* @__PURE__ */ e("span", { className: N, children: g }) : n === "upcoming" ? /* @__PURE__ */ i("span", { className: N, children: [
-            /* @__PURE__ */ e(U, { "aria-hidden": "true", className: "ds:size-3" }),
+            /* @__PURE__ */ e(G, { "aria-hidden": "true", className: "ds:size-3" }),
             L
           ] }) : null;
           return /* @__PURE__ */ i(
@@ -205,7 +195,7 @@ const J = [
             {
               value: y(s),
               "data-step-id": String(s),
-              className: Q({ tone: I }),
+              className: J({ tone: T }),
               children: [
                 /* @__PURE__ */ e(m.Header, { className: "ds:flex", children: /* @__PURE__ */ i(
                   m.Trigger,
@@ -214,33 +204,33 @@ const J = [
                     "aria-disabled": u || void 0,
                     "aria-label": n === "completed" ? `${b}, ${g}` : b,
                     "aria-current": u ? "step" : void 0,
-                    className: Y,
+                    className: K,
                     children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
                           "aria-hidden": "true",
-                          className: K({ state: n }),
-                          children: T
+                          className: q({ state: n }),
+                          children: I
                         }
                       ),
                       /* @__PURE__ */ i("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
-                        /* @__PURE__ */ e("span", { className: Z(n), children: t.label }),
-                        t.description ? /* @__PURE__ */ e("span", { className: S, children: t.description }) : null
+                        /* @__PURE__ */ e("span", { className: Q(n), children: t.label }),
+                        t.description ? /* @__PURE__ */ e("span", { className: Y, children: t.description }) : null
                       ] }),
                       $,
                       u ? null : /* @__PURE__ */ e(
                         D,
                         {
                           "aria-hidden": "true",
-                          className: ee
+                          className: Z
                         }
                       )
                     ]
                   }
                 ) }),
-                t.summary && n === "completed" ? /* @__PURE__ */ e("div", { className: re, children: t.summary }) : null,
-                /* @__PURE__ */ e(m.Content, { className: se, children: /* @__PURE__ */ e("div", { className: ae, children: t.content }) })
+                t.summary && n === "completed" ? /* @__PURE__ */ e("div", { className: S, children: t.summary }) : null,
+                /* @__PURE__ */ e(m.Content, { className: ee, children: /* @__PURE__ */ e("div", { className: re, children: t.content }) })
               ]
             },
             s
@@ -250,8 +240,8 @@ const J = [
     );
   }
 );
-ne.displayName = "StepperAccordion";
+ae.displayName = "StepperAccordion";
 export {
-  ne as S
+  ae as S
 };
-//# sourceMappingURL=stepper-accordion-Dki6r9ZE.js.map
+//# sourceMappingURL=stepper-accordion-DC-H-8v4.js.map

package/dist/_chunks/stepper-accordion-DC-H-8v4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-accordion-DC-H-8v4.js","sources":["../../src/components/_shared/stepper.ts","../../src/components/stepper-accordion/stepper-accordion.tsx"],"sourcesContent":["// Shared types + state machine for the two stepper variants:\n//   - src/components/stepper-progress  (lightweight progress bar + caption)\n//   - src/components/stepper-accordion (vertical disclosure wizard)\n//\n// Both components consume `StepSpec` and the `stateForStep` helper so the\n// four-state machine (upcoming | current | completed | error) stays in one\n// place. Rename or removal is a MAJOR per src/docs/13-maintainability.mdx.\n\nexport type StepStatus = 'completed' | 'error';\n\nexport type StepState = 'upcoming' | 'current' | 'completed' | 'error';\n\nexport interface StepSpec {\n  /** Visible step label — comes from the consumer, already translated. */\n  label: string;\n  /** Optional secondary line (kept short; shown in accordion + progress captions). */\n  description?: string;\n  /**\n   * Consumer-explicit status override. `error` always wins; `completed` is\n   * honoured only for steps at or beyond the active index so the active step\n   * always keeps `current` (otherwise a consumer pre-setting `completed` on\n   * every step would silently mask the current position).\n   */\n  status?: StepStatus;\n}\n\nexport function stateForStep(\n  index: number,\n  activeStep: number,\n  status?: StepStatus,\n): StepState {\n  if (status === 'error') return 'error';\n  if (index === activeStep) return 'current';\n  if (status === 'completed') return 'completed';\n  if (index < activeStep) return 'completed';\n  return 'upcoming';\n}\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown, Lock } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  stateForStep,\n  type StepSpec,\n  type StepState,\n} from '../_shared/stepper';\n\n/* -------------------------------------------------------------------- */\n/* StepperAccordion                                                      */\n/*                                                                       */\n/* Vertical disclosure wizard. The current step is expanded inline;     */\n/* completed steps collapse to a one-line summary with an \"Edit\" hint   */\n/* that re-opens them; upcoming steps are locked. Built on Radix        */\n/* Accordion in controlled-single mode with collapsible=false so the    */\n/* current panel always stays open.                                      */\n/* -------------------------------------------------------------------- */\n\nconst STEP_VALUE_PREFIX = 'step-';\nconst makeValue = (index: number) => `${STEP_VALUE_PREFIX}${index}`;\nconst indexFromValue = (value: string): number =>\n  Number(value.slice(STEP_VALUE_PREFIX.length));\n\n/* -------------------------------------------------------------------- */\n/* Indicator — shared with progress bar visual tone but sized for the   */\n/* vertical wizard's dense header row.                                   */\n/* -------------------------------------------------------------------- */\n\nconst iconDrawClasses = [\n  'ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]',\n  'ds:animate-[stepper-icon-draw_var(--animation-duration)_var(--ease-out)_forwards]',\n  'ds:motion-reduce:animate-none ds:motion-reduce:[stroke-dashoffset:0]',\n].join(' ');\n\nfunction CheckGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"ds:size-4\"\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={iconDrawClasses} />\n    </svg>\n  );\n}\n\nfunction CrossGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"ds:size-4\"\n    >\n      <path pathLength=\"1\" d=\"M6 6l12 12\" className={iconDrawClasses} />\n      <path pathLength=\"1\" d=\"M18 6l-12 12\" className={iconDrawClasses} />\n    </svg>\n  );\n}\n\nconst indicatorClasses = [\n  'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n  'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n  'ds:size-[var(--min-target-size)]',\n  'ds:rounded-[var(--radius-full)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-semibold)]',\n  'ds:border ds:border-[var(--border)]',\n  'ds:transition-[background-color,border-color,color]',\n  'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n  'ds:motion-reduce:transition-none',\n].join(' ');\n\nconst indicatorVariants = cva(indicatorClasses, {\n  variants: {\n    state: {\n      upcoming: 'ds:bg-[var(--background)] ds:text-[var(--muted-foreground)]',\n      current: [\n        'ds:border-[var(--primary)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n        'ds:animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]',\n        'ds:motion-reduce:animate-none',\n      ].join(' '),\n      completed:\n        'ds:border-[var(--primary)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n      error: [\n        'ds:border-[var(--destructive)] ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        'ds:animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]',\n        'ds:motion-reduce:animate-none',\n      ].join(' '),\n    },\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Item / trigger / content variants                                     */\n/* -------------------------------------------------------------------- */\n\nconst itemVariants = cva(\n  [\n    'ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:bg-[var(--card)]',\n    'ds:data-[state=open]:border-[var(--primary)]',\n    'ds:transition-[border-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        neutral: '',\n        error: 'ds:data-[state=open]:border-[var(--destructive)]',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n);\n\nconst triggerClasses = [\n  'ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n  'ds:text-start',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:cursor-not-allowed',\n  'ds:transition-[background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n  'ds:motion-reduce:transition-none',\n  'ds:hover:enabled:bg-[var(--muted)]/40',\n].join(' ');\n\nconst labelClasses = (state: StepState) =>\n  [\n    'type-body-sm',\n    state === 'current' || state === 'error'\n      ? 'ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]'\n      : state === 'completed'\n        ? 'ds:text-[var(--foreground)]'\n        : 'ds:text-[var(--muted-foreground)]',\n  ].join(' ');\n\nconst descriptionClasses = [\n  'type-meta ds:text-[var(--muted-foreground)]',\n  'ds:mt-[var(--spacing-xs)]',\n].join(' ');\n\nconst hintClasses = [\n  'type-meta',\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'ds:text-[var(--muted-foreground)]',\n].join(' ');\n\nconst chevronClasses = [\n  'ds:size-4 ds:shrink-0 ds:text-[var(--muted-foreground)]',\n  'ds:transition-transform ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n  'ds:motion-reduce:transition-none',\n  'ds:group-data-[state=open]/item:rotate-180',\n].join(' ');\n\nconst summaryClasses = [\n  'type-meta ds:text-[var(--muted-foreground)]',\n  'ds:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]',\n  'ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]',\n  'ds:group-data-[state=open]/item:hidden',\n].join(' ');\n\nconst contentClasses = [\n  'ds:overflow-hidden',\n  'ds:data-[state=open]:animate-[accordion-down_var(--animation-duration)_var(--ease-out)]',\n  'ds:data-[state=closed]:animate-[accordion-up_var(--animation-duration)_var(--ease-in)]',\n].join(' ');\n\nconst contentInnerClasses = [\n  'ds:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]',\n  'ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-md)]',\n].join(' ');\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface AccordionStepSpec extends StepSpec {\n  /** Form content rendered inside the expanded panel. */\n  content: ReactNode;\n  /**\n   * One-line summary shown under the header when the step is completed\n   * and its panel is collapsed. Typically a preview of the captured\n   * data — \"Mario Rossi · 12/03/1985\".\n   */\n  summary?: ReactNode;\n}\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]', {\n  variants: {},\n});\n\nexport interface StepperAccordionProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>,\n      'type' | 'value' | 'defaultValue' | 'onValueChange' | 'collapsible'\n    >,\n    VariantProps<typeof rootVariants> {\n  /** Active step (0-indexed). The matching panel is the one that is open. */\n  activeStep: number;\n  /** Step specs — each one provides its own content + optional summary. */\n  steps: AccordionStepSpec[];\n  /**\n   * Fires when the user re-opens a completed step. Upcoming steps cannot\n   * be activated — their triggers are disabled. The current step cannot\n   * be collapsed (Radix `collapsible=false`).\n   */\n  onStepChange?: (index: number) => void;\n  /** Override the default `aria-label` on the list wrapper. */\n  'aria-label'?: string;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n}\n\n/**\n * Imperative handle for agent-readiness. Routes state mutations through\n * the consumer's `onStepChange`, never mutating directly.\n */\nexport interface StepperAccordionHandle {\n  getCurrentStep: () => number;\n  getTotalSteps: () => number;\n  /** Indices of currently-open panels — singleton under Radix `type=\"single\"`. */\n  getOpenSteps: () => number[];\n  gotoStep: (step: number) => void;\n  next: () => void;\n  previous: () => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nconst StepperAccordion = forwardRef<\n  StepperAccordionHandle,\n  StepperAccordionProps\n>(\n  (\n    {\n      activeStep,\n      steps,\n      onStepChange,\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const total = steps.length;\n    const clampedActive = Math.max(0, Math.min(activeStep, total - 1));\n    const label = ariaLabel ?? t('navigation.stepper.label');\n    const editCopy = t('navigation.stepper.edit');\n    const lockedCopy = t('navigation.stepper.locked');\n    const completedCopy = t('navigation.stepper.completed');\n    const errorCopy = t('navigation.stepper.error');\n\n    const handleValueChange = (value: string) => {\n      // `collapsible=false` prevents empty-string values in practice, but the\n      // primitive's type still allows one — guard anyway.\n      if (!value) return;\n      const index = indexFromValue(value);\n      if (Number.isFinite(index) && index !== clampedActive) {\n        onStepChange?.(index);\n      }\n    };\n\n    const handle = useMemo<StepperAccordionHandle>(\n      () => ({\n        getCurrentStep: () => clampedActive,\n        getTotalSteps: () => total,\n        getOpenSteps: () => [clampedActive],\n        gotoStep: (step: number) => {\n          if (!onStepChange) return;\n          const clamped = Math.max(0, Math.min(step, Math.max(total - 1, 0)));\n          if (clamped !== clampedActive) onStepChange(clamped);\n        },\n        next: () => {\n          if (!onStepChange) return;\n          if (clampedActive < total - 1) onStepChange(clampedActive + 1);\n        },\n        previous: () => {\n          if (!onStepChange) return;\n          if (clampedActive > 0) onStepChange(clampedActive - 1);\n        },\n      }),\n      [clampedActive, total, onStepChange],\n    );\n    useImperativeHandle(ref, () => handle, [handle]);\n\n    return (\n      <AccordionPrimitive.Root\n        type=\"single\"\n        value={makeValue(clampedActive)}\n        onValueChange={handleValueChange}\n        collapsible={false}\n        aria-label={label}\n        id={id}\n        data-component=\"stepper-accordion\"\n        data-component-id={id}\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {steps.map((spec, index) => {\n          const state = stateForStep(index, clampedActive, spec.status);\n          const isCurrent = state === 'current' || state === 'error';\n          const isUpcoming = state === 'upcoming';\n          const itemTone = state === 'error' ? 'error' : 'neutral';\n          const stepN = t('navigation.stepper.stepN', { n: index + 1 });\n\n          const indicatorContent = (() => {\n            if (state === 'completed') {\n              return (\n                <>\n                  <CheckGlyph />\n                  <span className=\"ds:sr-only\">{completedCopy}</span>\n                </>\n              );\n            }\n            if (state === 'error') {\n              return (\n                <>\n                  <CrossGlyph />\n                  <span className=\"ds:sr-only\">{errorCopy}</span>\n                </>\n              );\n            }\n            return <span>{index + 1}</span>;\n          })();\n\n          const hint = (() => {\n            if (state === 'completed') {\n              return <span className={hintClasses}>{editCopy}</span>;\n            }\n            if (state === 'upcoming') {\n              return (\n                <span className={hintClasses}>\n                  <Lock aria-hidden=\"true\" className=\"ds:size-3\" />\n                  {lockedCopy}\n                </span>\n              );\n            }\n            return null;\n          })();\n\n          return (\n            <AccordionPrimitive.Item\n              key={index}\n              value={makeValue(index)}\n              data-step-id={String(index)}\n              className={itemVariants({ tone: itemTone })}\n            >\n              <AccordionPrimitive.Header className=\"ds:flex\">\n                <AccordionPrimitive.Trigger\n                  // Upcoming steps are *HTML*-disabled — they must not be\n                  // reachable by Tab or by Radix's arrow-key navigation ring\n                  // (Radix filters `item.ref.current?.disabled`, which is\n                  // the HTML attribute). Current is only *ARIA*-disabled so\n                  // keyboard users can Tab to it as a heading anchor and\n                  // hear \"current step\"; Radix's `collapsible=false` makes\n                  // the click a no-op regardless. Setting `disabled` at the\n                  // Trigger rather than the Item because `...triggerProps`\n                  // spreads after Collapsible writes its own `disabled`\n                  // from context, so the Item-level disabled gets overridden.\n                  disabled={isUpcoming}\n                  aria-disabled={isCurrent || undefined}\n                  aria-label={\n                    state === 'completed' ? `${stepN}, ${editCopy}` : stepN\n                  }\n                  aria-current={isCurrent ? 'step' : undefined}\n                  className={triggerClasses}\n                >\n                  <span\n                    aria-hidden=\"true\"\n                    className={indicatorVariants({ state })}\n                  >\n                    {indicatorContent}\n                  </span>\n                  <span className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col\">\n                    <span className={labelClasses(state)}>{spec.label}</span>\n                    {spec.description ? (\n                      <span className={descriptionClasses}>\n                        {spec.description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {hint}\n                  {isCurrent ? null : (\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className={chevronClasses}\n                    />\n                  )}\n                </AccordionPrimitive.Trigger>\n              </AccordionPrimitive.Header>\n              {spec.summary && state === 'completed' ? (\n                <div className={summaryClasses}>{spec.summary}</div>\n              ) : null}\n              <AccordionPrimitive.Content className={contentClasses}>\n                <div className={contentInnerClasses}>{spec.content}</div>\n              </AccordionPrimitive.Content>\n            </AccordionPrimitive.Item>\n          );\n        })}\n      </AccordionPrimitive.Root>\n    );\n  },\n);\nStepperAccordion.displayName = 'StepperAccordion';\n\nexport { StepperAccordion };\n"],"names":["stateForStep","index","activeStep","status","STEP_VALUE_PREFIX","makeValue","indexFromValue","value","iconDrawClasses","CheckGlyph","jsx","CrossGlyph","jsxs","indicatorClasses","indicatorVariants","cva","itemVariants","triggerClasses","labelClasses","state","descriptionClasses","hintClasses","chevronClasses","summaryClasses","contentClasses","contentInnerClasses","rootVariants","StepperAccordion","forwardRef","steps","onStepChange","ariaLabel","id","className","rest","ref","t","useTranslation","total","clampedActive","label","editCopy","lockedCopy","completedCopy","errorCopy","handleValueChange","handle","useMemo","step","clamped","useImperativeHandle","AccordionPrimitive","spec","isCurrent","isUpcoming","itemTone","stepN","indicatorContent","Fragment","hint","Lock","ChevronDown"],"mappings":"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"}

package/dist/_chunks/tab-bar-Bv9nGNdO.js

@@ -0,0 +1,262 @@
+import { jsx as a, jsxs as g, Fragment as _ } from "react/jsx-runtime";
+import { useRef as S, useState as V, useCallback as F, forwardRef as O, Fragment as D } from "react";
+import { c as C } from "./index-D2ZczOXr.js";
+import { useTranslation as M } from "react-i18next";
+import { B as L } from "./badge-DCOqV9mI.js";
+import { D as b } from "./dropdown-menu-qrxjymfw.js";
+import { u as W } from "./use-media-query-CcAx5SMM.js";
+import { u as P } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as I } from "./use-overflow-collapse-BIOzKbni.js";
+import { C as Q } from "./chevron-down-BX_NP2Yh.js";
+import { C as q } from "./check-DPdL_Sm7.js";
+import { C as G } from "./chevron-left-CX1jqD2M.js";
+import { C as H } from "./chevron-right-BrpYejk0.js";
+function J(t = !0) {
+  const c = S(null), [d, p] = V({ start: !1, end: !1 });
+  P(() => {
+    const r = c.current;
+    if (!r || !t) {
+      p(
+        (o) => o.start || o.end ? { start: !1, end: !1 } : o
+      );
+      return;
+    }
+    const e = () => {
+      const o = Math.abs(r.scrollLeft), f = r.scrollWidth - r.clientWidth, i = o > 1, m = f - o > 1;
+      p(
+        (v) => v.start === i && v.end === m ? v : { start: i, end: m }
+      );
+    };
+    e(), r.addEventListener("scroll", e, { passive: !0 });
+    let n;
+    return typeof ResizeObserver < "u" && (n = new ResizeObserver(e), n.observe(r), r.firstElementChild && n.observe(r.firstElementChild)), () => {
+      r.removeEventListener("scroll", e), n == null || n.disconnect();
+    };
+  }, [t]);
+  const u = F((r) => {
+    var i;
+    const e = c.current;
+    if (!e || typeof window > "u") return;
+    const n = window.getComputedStyle(e).direction === "rtl", o = (i = window.matchMedia) == null ? void 0 : i.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches, f = e.clientWidth * 0.85 * r * (n ? -1 : 1);
+    e.scrollBy({ left: f, behavior: o ? "auto" : "smooth" });
+  }, []);
+  return {
+    ref: c,
+    canScrollStart: d.start,
+    canScrollEnd: d.end,
+    scrollByPage: u
+  };
+}
+function K(t) {
+  return t > 99 ? "99+" : String(t);
+}
+const U = C("ds:shrink-0", {
+  variants: {
+    position: {
+      top: "ds:pt-[var(--spacing-md)]",
+      bottom: "ds:pb-[var(--spacing-md)]"
+    },
+    fill: {
+      false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      true: ""
+    }
+  },
+  defaultVariants: { position: "top", fill: !1 }
+}), X = "ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]", Y = [
+  "ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]",
+  "ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]",
+  "ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]",
+  "ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]",
+  "ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]",
+  "ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]",
+  "ds:[mask-image:linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_100%)]",
+  "ds:motion-reduce:[mask-image:none]",
+  "ds:[.theme-accessible_&]:[mask-image:none]",
+  "ds:forced-colors:[mask-image:none]"
+].join(" "), Z = C(
+  "ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+  {
+    variants: {
+      fill: { false: "ds:shrink-0", true: "ds:w-full" }
+    },
+    defaultVariants: { fill: !1 }
+  }
+), R = C(
+  "ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+  {
+    variants: {
+      fill: {
+        // Responsive: label under the icon below `sm`, beside it at `sm`+.
+        false: "ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]",
+        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never
+        // shrinks below its label (labels never overlap); if the full set can't
+        // fit, the pill scrolls instead.
+        true: "ds:flex-1 ds:basis-0 ds:flex-col"
+      }
+    },
+    defaultVariants: { fill: !1 }
+  }
+), E = "ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4", ss = "ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]", as = "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]", T = "ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]", rs = "ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]", es = "ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]", $ = "ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100", ns = O(
+  ({
+    items: t,
+    ariaLabel: c,
+    onSelect: d,
+    renderLink: p,
+    fill: u = !1,
+    position: r = "top",
+    collapseToMenu: e = !1,
+    className: n
+  }, o) => {
+    const { t: f } = M(), i = W("(max-width: 640px)"), { containerRef: m, contentRef: v, isOverflowing: j } = I(e), w = e && (i || j), {
+      ref: A,
+      canScrollStart: k,
+      canScrollEnd: N,
+      scrollByPage: y
+    } = J(!w), l = t.find((s) => s.isActive) ?? t[0];
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: o,
+        "data-component": "tab-bar",
+        className: `${U({ position: r, fill: u })}${n ? ` ${n}` : ""}`,
+        children: /* @__PURE__ */ g("div", { className: "ds:relative", children: [
+          /* @__PURE__ */ a("div", { ref: m, className: X, children: w ? /* @__PURE__ */ a("nav", { "aria-label": c, className: "ds:w-full", children: /* @__PURE__ */ g(b.Root, { children: [
+            /* @__PURE__ */ g(b.Trigger, { className: as, children: [
+              l != null && l.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: E, children: l.icon }) : null,
+              /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:truncate ds:text-start", children: l == null ? void 0 : l.label }),
+              /* @__PURE__ */ a(
+                Q,
+                {
+                  "aria-hidden": "true",
+                  className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a(
+              b.Content,
+              {
+                align: "start",
+                className: "ds:min-w-[12rem]",
+                children: t.map((s) => /* @__PURE__ */ a(
+                  b.Item,
+                  {
+                    startIcon: s.icon,
+                    endIcon: s.isActive ? /* @__PURE__ */ a(
+                      q,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:text-[color:var(--accent)]"
+                      }
+                    ) : void 0,
+                    "aria-current": s.isActive ? "page" : void 0,
+                    onSelect: () => {
+                      s.href ? window.location.assign(s.href) : d == null || d(s.id);
+                    },
+                    children: s.label
+                  },
+                  s.id
+                ))
+              }
+            )
+          ] }) }) : /* @__PURE__ */ a(
+            "div",
+            {
+              ref: A,
+              "data-fade-start": k ? "true" : void 0,
+              "data-fade-end": N ? "true" : void 0,
+              className: Y,
+              children: /* @__PURE__ */ a(
+                "nav",
+                {
+                  ref: v,
+                  "aria-label": c,
+                  className: Z({ fill: u }),
+                  children: t.map((s) => {
+                    const z = typeof s.badgeCount == "number" && s.badgeCount > 0 ? s.badgeCount : void 0, h = s.isActive ? "page" : void 0, x = /* @__PURE__ */ g(_, { children: [
+                      s.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: E, children: s.icon }) : null,
+                      /* @__PURE__ */ g("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                        /* @__PURE__ */ a("span", { className: ss, children: s.label }),
+                        z !== void 0 ? /* @__PURE__ */ a(L, { variant: "neutral", children: K(z) }) : null
+                      ] })
+                    ] });
+                    if (s.href !== void 0) {
+                      const B = R({ fill: u });
+                      return p ? /* @__PURE__ */ a(D, { children: p({
+                        href: s.href,
+                        className: B,
+                        children: x,
+                        "aria-current": h,
+                        onClick: s.onClick
+                      }) }, s.id) : /* @__PURE__ */ a(
+                        "a",
+                        {
+                          href: s.href,
+                          "aria-current": h,
+                          className: B,
+                          ...s.onClick ? { onClick: s.onClick } : {},
+                          children: x
+                        },
+                        s.id
+                      );
+                    }
+                    return /* @__PURE__ */ a(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-current": h,
+                        className: R({ fill: u }),
+                        onClick: () => d == null ? void 0 : d(s.id),
+                        children: x
+                      },
+                      s.id
+                    );
+                  })
+                }
+              )
+            }
+          ) }),
+          k ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-label": f("navigation.tabBar.scrollBack"),
+              onClick: () => y(-1),
+              className: `${T} ${rs}`,
+              children: /* @__PURE__ */ a(
+                G,
+                {
+                  "aria-hidden": "true",
+                  className: $
+                }
+              )
+            }
+          ) : null,
+          N ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-label": f("navigation.tabBar.scrollForward"),
+              onClick: () => y(1),
+              className: `${T} ${es}`,
+              children: /* @__PURE__ */ a(
+                H,
+                {
+                  "aria-hidden": "true",
+                  className: $
+                }
+              )
+            }
+          ) : null
+        ] })
+      }
+    );
+  }
+);
+ns.displayName = "TabBar";
+export {
+  ns as T
+};
+//# sourceMappingURL=tab-bar-Bv9nGNdO.js.map

package/dist/_chunks/tab-bar-Bv9nGNdO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar-Bv9nGNdO.js","sources":["../../src/hooks/use-scroll-overflow.ts","../../src/components/tab-bar/tab-bar.tsx"],"sourcesContent":["import { useCallback, useRef, useState, type RefObject } from 'react';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\n\nexport interface UseScrollOverflowReturn<T extends HTMLElement> {\n  /** Attach to the horizontally-scrollable element (the `overflow-x-auto` box). */\n  ref: RefObject<T | null>;\n  /** Content is hidden past the inline-START edge (scrolled away from the start). */\n  canScrollStart: boolean;\n  /** Content is hidden past the inline-END edge (more to reveal toward the end). */\n  canScrollEnd: boolean;\n  /**\n   * Scroll by ~one viewport toward the inline start (`-1`) or end (`+1`),\n   * smoothly unless the user prefers reduced motion. Direction-agnostic: works\n   * in both LTR and RTL.\n   */\n  scrollByPage: (direction: -1 | 1) => void;\n}\n\n/**\n * Reports whether a horizontally-scrollable element has hidden content at its\n * inline-start / inline-end edges, and exposes a paged scroll action — the\n * plumbing behind a scroll strip's edge affordances (fade + chevron buttons).\n *\n * Direction-agnostic: distance-from-start is read as `Math.abs(scrollLeft)`,\n * which is correct in both LTR (`0…max`) and modern RTL (`0…-max`), so the two\n * edges are reported on the right logical side without branching. `scrollByPage`\n * flips its physical sign from the element's computed `direction`.\n *\n * Re-measures on element resize AND on content-size change (a tab added past the\n * fold widens the content without changing the container) by observing both the\n * scroll box and its first child. `enabled` switches measurement off — e.g. when\n * the host collapses the strip into a menu and there is nothing to scroll.\n *\n * Because the scrolled content stays in the DOM and is reachable by keyboard\n * (focus scrolls it into view), the affordance this drives is a sighted-pointer\n * convenience; assistive tech is unaffected.\n */\nexport function useScrollOverflow<T extends HTMLElement>(\n  enabled = true,\n): UseScrollOverflowReturn<T> {\n  const ref = useRef<T>(null);\n  const [edges, setEdges] = useState({ start: false, end: false });\n\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || !enabled) {\n      setEdges((prev) =>\n        prev.start || prev.end ? { start: false, end: false } : prev,\n      );\n      return;\n    }\n    const measure = () => {\n      // Math.abs() makes this direction-agnostic: modern RTL reports scrollLeft\n      // as 0 at the start and negative toward the end, so |scrollLeft| is the\n      // distance scrolled from the start in both writing directions.\n      const distanceFromStart = Math.abs(el.scrollLeft);\n      const maxScroll = el.scrollWidth - el.clientWidth;\n      // +1 tolerates sub-pixel rounding between scroll/client widths.\n      const start = distanceFromStart > 1;\n      const end = maxScroll - distanceFromStart > 1;\n      // Bail to the same reference when nothing changed, so neither the initial\n      // no-overflow measure nor an idle scroll event triggers a re-render.\n      setEdges((prev) =>\n        prev.start === start && prev.end === end ? prev : { start, end },\n      );\n    };\n    measure();\n    el.addEventListener('scroll', measure, { passive: true });\n    let observer: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(measure);\n      // The container catches viewport-width changes; its first child (the\n      // content row) catches a tab added/removed past the fold, which grows the\n      // scroll width without resizing the container.\n      observer.observe(el);\n      if (el.firstElementChild) observer.observe(el.firstElementChild);\n    }\n    return () => {\n      el.removeEventListener('scroll', measure);\n      observer?.disconnect();\n    };\n  }, [enabled]);\n\n  const scrollByPage = useCallback((direction: -1 | 1) => {\n    const el = ref.current;\n    if (!el || typeof window === 'undefined') return;\n    const isRtl = window.getComputedStyle(el).direction === 'rtl';\n    const reduceMotion = window.matchMedia?.(\n      '(prefers-reduced-motion: reduce)',\n    ).matches;\n    // ~85% of the viewport so a sliver of context carries across pages. The\n    // physical sign flips in RTL (scrollLeft runs toward negative).\n    const amount = el.clientWidth * 0.85 * direction * (isRtl ? -1 : 1);\n    el.scrollBy({ left: amount, behavior: reduceMotion ? 'auto' : 'smooth' });\n  }, []);\n\n  return {\n    ref,\n    canScrollStart: edges.start,\n    canScrollEnd: edges.end,\n    scrollByPage,\n  };\n}\n","/**\n * TabBar — a floating-pill bar of page-level navigation tabs.\n *\n * Each tab is an icon + label (+ optional count badge); the active tab is\n * marked with `aria-current=\"page\"` and an `--accent` underline. The bar is a\n * glassy `--card` pill that floats on whatever canvas the consumer provides\n * (the strip area itself is transparent, so it blends with the surrounding\n * surface).\n *\n * Two layouts:\n * - default (`fill` off): content-width tabs that **centre** when they fit and\n *   scroll from the inline-start (`safe center`) when they overflow, with a\n *   gutter preserved at both ends. The label stacks under the icon below `sm`.\n *   Use this when the tab set is open-ended (e.g. a marketplace app's routes).\n * - `fill`: equal-width tabs that fill the bar and always stack the label under\n *   the icon — a fixed, always-visible set that fits any column width without\n *   scrolling (e.g. a patient portal's handful of sections).\n *\n * Tabs render as links when given an `href` (real navigation) or as buttons\n * otherwise (in-app view switching via `onSelect`). Use it as a header (top,\n * default) for section navigation; `position=\"bottom\"` floats it from the\n * bottom edge for a footer.\n *\n * With `collapseToMenu`, the strip folds into a single DropdownMenu whenever the\n * tabs don't fit — below the `sm` breakpoint OR when they overflow their\n * container at any width (a narrow column on a wide screen, e.g. a page squeezed\n * between two sidebars, clips the tabs just the same as a small viewport).\n *\n * SPA / consumer-router links: pass `renderLink` and TabBar hands each `href`\n * tab off to your router's `<Link>` instead of rendering its own `<a>` — the\n * embedded MarketplaceAppShell strip uses this so a tab click is a client-side\n * route change, not a full page navigation. The kit forwards the same\n * `className` + `aria-current` so the accent-underline active styling and the\n * `aria-current=\"page\"` marker survive in both modes. With `renderLink`\n * omitted the output is the plain `<a href>` exactly as before.\n */\nimport { forwardRef, Fragment, type MouseEvent, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Check, ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Badge } from '../badge';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useMediaQuery } from '../../hooks/use-media-query';\nimport { useScrollOverflow } from '../../hooks/use-scroll-overflow';\nimport { useOverflowCollapse } from '../../hooks/use-overflow-collapse';\n\nexport interface TabBarItem {\n  /** Stable id; also the value handed to `onSelect` for button tabs. */\n  id: string;\n  /** Pre-translated label — consumers localise their own nav copy. */\n  label: string;\n  /** Optional leading icon (a lucide-react element or equivalent), tinted with `--accent`. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the tab as the current page (`aria-current='page'` + accent underline). */\n  isActive?: boolean;\n  /** When set, the tab renders as a link to this href; otherwise it's a button. */\n  href?: string;\n  /**\n   * Optional click handler threaded onto the link tab's `<a>` (or, when\n   * `renderLink` is supplied, available to the consumer's router element). Use\n   * it to intercept a same-origin click and route client-side without a full\n   * navigation. Only applies to `href` (link) tabs — button tabs use `onSelect`.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the kit hands to `renderLink` for each `href` tab. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the active\n * accent-underline styling) and `aria-current` (`'page'` on the active tab).\n */\nexport interface TabBarRenderLinkProps {\n  /** The tab's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's tab classes (CVA output) — apply verbatim to the link element. */\n  className: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active tab, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /** Optional per-item click handler (the item's `onClick`), if supplied. */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\nexport interface TabBarProps {\n  /** The tabs, in order. */\n  items: TabBarItem[];\n  /** Accessible name for the `<nav>` landmark. */\n  ariaLabel: string;\n  /** Fires with the tab `id` when a button tab (one without `href`) is chosen. */\n  onSelect?: (id: string) => void;\n  /**\n   * Render an `href` tab via the consumer's router instead of the kit's own\n   * `<a>`. TabBar calls it for each link tab and renders the returned node; the\n   * consumer returns their `<Link to={href}>` carrying the supplied `className`\n   * + `aria-current` so the active accent underline and the `aria-current=\"page\"`\n   * marker are preserved. Use it for SPA navigation (e.g. the MarketplaceAppShell\n   * strip) so a tab click is a client-side route change, not a full page load.\n   * Omit it to render the plain `<a href>` exactly as before. Button tabs (no\n   * `href`) ignore `renderLink` and continue to use `onSelect`.\n   */\n  renderLink?: (props: TabBarRenderLinkProps) => ReactNode;\n  /**\n   * Equal-width tabs that fill the bar and always stack the label under the\n   * icon (for a fixed, always-visible set). Off (default) = content-width tabs\n   * that centre when they fit and scroll when they overflow.\n   */\n  fill?: boolean;\n  /**\n   * Float side. `'top'` (default) gutters from the top edge for a header;\n   * `'bottom'` gutters from the bottom edge for a footer.\n   */\n  position?: 'top' | 'bottom';\n  /**\n   * Collapse the tab strip into a single DropdownMenu whenever the tabs don't\n   * fit — below the `sm` breakpoint (≤640px) OR when they overflow their\n   * container at any viewport width (a narrow column between two sidebars clips\n   * the tabs the same as a small screen). The trigger shows the active tab; the\n   * menu lists them all. Off (default) keeps the content-width / scroll\n   * behaviour at every width, so existing consumers are unaffected. Designed for\n   * button (`onSelect`) tabs; in the collapsed menu an `href` tab navigates with\n   * a full page load, so `renderLink` (SPA routing) and a per-item `onClick`\n   * apply only to the expanded strip.\n   */\n  collapseToMenu?: boolean;\n  /** Extra classes merged onto the outer strip (e.g. sticky/fixed positioning). */\n  className?: string;\n}\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/* Transparent strip area — provides the floating gutter on the active side. The\n   default layout also insets the pill horizontally so it reads as a floating\n   strip; `fill` drops that inset so the pill spans the full width and aligns\n   with the consumer's content (e.g. a portal's cards). */\nconst stripVariants = cva('ds:shrink-0', {\n  variants: {\n    position: {\n      top: 'ds:pt-[var(--spacing-md)]',\n      bottom: 'ds:pb-[var(--spacing-md)]',\n    },\n    fill: {\n      false: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n      true: '',\n    },\n  },\n  defaultVariants: { position: 'top', fill: false },\n});\n\n/* The pill is the glass chrome — the bordered, blurred, rounded surface. The\n   scrollable tab row is a separate inner element (`pillScrollClasses`) so the\n   edge-fade mask touches only the tabs, never the pill's border. It is also the\n   overflow-collapse MEASUREMENT container: it stays mounted in both the scroll\n   and the dropdown render, and (carrying no padding) its `clientWidth` is\n   exactly the width the tab row has to fit. */\nconst pillClasses =\n  'ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]';\n\n/* The inner scroll container. `safe center` centres the tabs when they fit but\n   falls back to start-alignment the moment they overflow, so the row stays fully\n   scrollable end to end. Inline-edge MASK: the leading / trailing edge fades only\n   when tabs are hidden past it (`data-fade-start` / `data-fade-end`), so a clipped\n   tab dissolves into the glass under the accent chevron — alpha-based, so no seam\n   with the translucent pill. Logical via `--tabbar-mask-*` (RTL-mapped); `black`\n   is the mask-opaque sentinel, not a colour. Disabled under reduced motion, the\n   accessible theme, and forced-colors so content is never hidden from those\n   users. `--tabbar-fade-distance` (default `--spacing-lg`) is per-instance. */\nconst pillScrollClasses = [\n  'ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]',\n  'ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]',\n  'ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]',\n  'ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]',\n  'ds:[mask-image:linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_100%)]',\n  'ds:motion-reduce:[mask-image:none]',\n  'ds:[.theme-accessible_&]:[mask-image:none]',\n  'ds:forced-colors:[mask-image:none]',\n].join(' ');\n\n/* The nav's inline padding is the start/end gutter — it scrolls WITH the tabs,\n   so the gutter survives a full scroll. Content width (`shrink-0`) by default so\n   it overflows and scrolls; `w-full` in fill mode so the tabs spread to fit. */\nconst navVariants = cva(\n  'ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  {\n    variants: {\n      fill: { false: 'ds:shrink-0', true: 'ds:w-full' },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\n/* Each tab is a centred flex box so the icon + label sit centred on both axes.\n   Regular weight; the active state is carried by the accent underline + accent\n   icon, not a heavier weight. */\nconst tabVariants = cva(\n  'ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',\n  {\n    variants: {\n      fill: {\n        // Responsive: label under the icon below `sm`, beside it at `sm`+.\n        false: 'ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]',\n        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never\n        // shrinks below its label (labels never overlap); if the full set can't\n        // fit, the pill scrolls instead.\n        true: 'ds:flex-1 ds:basis-0 ds:flex-col',\n      },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\nconst iconClasses =\n  'ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4';\n\n/* The accent underline rides the label text itself (not the whole tab), so it\n   never reaches the icon or badge and never has to propagate through flex. */\nconst labelClasses =\n  'ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]';\n\n/* The mobile collapse trigger — a full-width button styled like a tab, showing\n   the active tab's icon + label with a trailing chevron. */\nconst menuTriggerClasses =\n  'ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Scroll affordance — an accent chevron pinned to a scrollable edge of the pill,\n   shown only when there are tabs hidden past that edge. No button chrome: the\n   edge tab fades into the glass via the inner scroll's mask (above); the chevron\n   just points the way and pages the strip on click. A `--min-target-size` hit\n   area keeps it tappable. Block axis spans the pill (`top`/`bottom` px-inset past\n   the border); the inline edge (`start`/`end`) and the chevron flip mirror RTL. */\nconst scrollAffordanceClasses =\n  'ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Pin the chevron to its inline edge, over the faded tab. */\nconst scrollAffordanceStartClasses =\n  'ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]';\n\nconst scrollAffordanceEndClasses =\n  'ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]';\n\n/* The chevron is the only visible mark — accent-tinted (matching the tab icons),\n   mirrored under RTL. Decorative (`aria-hidden`); the button carries the label. */\nconst scrollChevronClasses =\n  'ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100';\n\nexport const TabBar = forwardRef<HTMLDivElement, TabBarProps>(\n  (\n    {\n      items,\n      ariaLabel,\n      onSelect,\n      renderLink,\n      fill = false,\n      position = 'top',\n      collapseToMenu = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Collapse is twofold, OR'd: the documented mobile floor (≤sm) AND actual\n    // container overflow (a narrow column on a wide screen clips the tabs just\n    // the same). Both hooks run every render (hook order); only consulted when\n    // collapseToMenu is on. The pill (containerRef) stays mounted across the\n    // collapse so the overflow hook can still tell when the column has grown\n    // back; the tab row (contentRef) carries the natural width.\n    const isNarrow = useMediaQuery('(max-width: 640px)');\n    const { containerRef, contentRef, isOverflowing } = useOverflowCollapse<\n      HTMLDivElement,\n      HTMLElement\n    >(collapseToMenu);\n    const isDropdown = collapseToMenu && (isNarrow || isOverflowing);\n\n    // Edge scroll affordances for the scroll layout. Disabled in dropdown mode\n    // (no scroll box), so the observer tears down / re-attaches across the flip.\n    const {\n      ref: pillRef,\n      canScrollStart,\n      canScrollEnd,\n      scrollByPage,\n    } = useScrollOverflow<HTMLDivElement>(!isDropdown);\n\n    const activeItem = items.find((item) => item.isActive) ?? items[0];\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"tab-bar\"\n        className={`${stripVariants({ position, fill })}${className ? ` ${className}` : ''}`}\n      >\n        {/* Relative wrapper: the scroll affordances are absolutely positioned\n            against it, NOT inside the scroll box (absolute children of a scroller\n            scroll away with the content). */}\n        <div className=\"ds:relative\">\n          {/* The pill doubles as the overflow-collapse measurement container —\n              rendered in BOTH branches (same element, same width) so the hook\n              can keep measuring after the tab row is swapped for the menu. */}\n          <div ref={containerRef} className={pillClasses}>\n            {isDropdown ? (\n              <nav aria-label={ariaLabel} className=\"ds:w-full\">\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger className={menuTriggerClasses}>\n                    {activeItem?.icon ? (\n                      <span aria-hidden=\"true\" className={iconClasses}>\n                        {activeItem.icon}\n                      </span>\n                    ) : null}\n                    <span className=\"ds:flex-1 ds:truncate ds:text-start\">\n                      {activeItem?.label}\n                    </span>\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]\"\n                    />\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Content\n                    align=\"start\"\n                    className=\"ds:min-w-[12rem]\"\n                  >\n                    {items.map((item) => (\n                      <DropdownMenu.Item\n                        key={item.id}\n                        startIcon={item.icon}\n                        endIcon={\n                          item.isActive ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:text-[color:var(--accent)]\"\n                            />\n                          ) : undefined\n                        }\n                        aria-current={item.isActive ? 'page' : undefined}\n                        onSelect={() => {\n                          if (item.href) {\n                            window.location.assign(item.href);\n                          } else {\n                            onSelect?.(item.id);\n                          }\n                        }}\n                      >\n                        {item.label}\n                      </DropdownMenu.Item>\n                    ))}\n                  </DropdownMenu.Content>\n                </DropdownMenu.Root>\n              </nav>\n            ) : (\n              <div\n                ref={pillRef}\n                data-fade-start={canScrollStart ? 'true' : undefined}\n                data-fade-end={canScrollEnd ? 'true' : undefined}\n                className={pillScrollClasses}\n              >\n                <nav\n                  ref={contentRef}\n                  aria-label={ariaLabel}\n                  className={navVariants({ fill })}\n                >\n                  {items.map((item) => {\n                    const badge =\n                      typeof item.badgeCount === 'number' && item.badgeCount > 0\n                        ? item.badgeCount\n                        : undefined;\n                    const ariaCurrent = item.isActive ? 'page' : undefined;\n                    const inner = (\n                      <>\n                        {item.icon ? (\n                          <span aria-hidden=\"true\" className={iconClasses}>\n                            {item.icon}\n                          </span>\n                        ) : null}\n                        {/* Label + badge stay paired; they sit under the icon when\n                          the tab stacks to a column. */}\n                        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                          <span className={labelClasses}>{item.label}</span>\n                          {badge !== undefined ? (\n                            <Badge variant=\"neutral\">\n                              {formatBadgeCount(badge)}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </>\n                    );\n                    if (item.href !== undefined) {\n                      const tabClassName = tabVariants({ fill });\n                      // Consumer-router mode: hand the tab to the consumer's <Link>,\n                      // forwarding the same className + aria-current (+ the item's\n                      // onClick) so the active styling and `aria-current=\"page\"`\n                      // marker carry over and clicking routes client-side.\n                      if (renderLink) {\n                        return (\n                          <Fragment key={item.id}>\n                            {renderLink({\n                              href: item.href,\n                              className: tabClassName,\n                              children: inner,\n                              'aria-current': ariaCurrent,\n                              onClick: item.onClick,\n                            })}\n                          </Fragment>\n                        );\n                      }\n                      // Default: plain anchor — byte-identical to before when no\n                      // per-item onClick is supplied (onClick is omitted entirely,\n                      // not passed as undefined, so the rendered <a> is unchanged).\n                      return (\n                        <a\n                          key={item.id}\n                          href={item.href}\n                          aria-current={ariaCurrent}\n                          className={tabClassName}\n                          {...(item.onClick ? { onClick: item.onClick } : {})}\n                        >\n                          {inner}\n                        </a>\n                      );\n                    }\n                    return (\n                      <button\n                        key={item.id}\n                        type=\"button\"\n                        aria-current={ariaCurrent}\n                        className={tabVariants({ fill })}\n                        onClick={() => onSelect?.(item.id)}\n                      >\n                        {inner}\n                      </button>\n                    );\n                  })}\n                </nav>\n              </div>\n            )}\n          </div>\n          {canScrollStart ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollBack')}\n              onClick={() => scrollByPage(-1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceStartClasses}`}\n            >\n              <ChevronLeft\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n          {canScrollEnd ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollForward')}\n              onClick={() => scrollByPage(1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceEndClasses}`}\n            >\n              <ChevronRight\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\nTabBar.displayName = 'TabBar';\n"],"names":["useScrollOverflow","enabled","ref","useRef","edges","setEdges","useState","useIsomorphicLayoutEffect","el","prev","measure","distanceFromStart","maxScroll","start","end","observer","scrollByPage","useCallback","direction","isRtl","reduceMotion","_a","amount","formatBadgeCount","count","stripVariants","cva","pillClasses","pillScrollClasses","navVariants","tabVariants","iconClasses","labelClasses","menuTriggerClasses","scrollAffordanceClasses","scrollAffordanceStartClasses","scrollAffordanceEndClasses","scrollChevronClasses","TabBar","forwardRef","items","ariaLabel","onSelect","renderLink","fill","position","collapseToMenu","className","t","useTranslation","isNarrow","useMediaQuery","containerRef","contentRef","isOverflowing","useOverflowCollapse","isDropdown","pillRef","canScrollStart","canScrollEnd","activeItem","item","jsx","jsxs","DropdownMenu","ChevronDown","Check","badge","ariaCurrent","inner","Fragment","Badge","tabClassName","ChevronLeft","ChevronRight"],"mappings":"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"}