@alfadocs/ui-kit 0.0.12

package/dist/_chunks/stat-CrumvZWf.js

@@ -0,0 +1,208 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as I, useId as j } from "react";
+import { c as p } from "./index-D2ZczOXr.js";
+import { useTranslation as h } from "react-i18next";
+const y = p("flex flex-col", {
+  variants: {
+    variant: {
+      default: "gap-[var(--spacing-xs)]",
+      outlined: [
+        "gap-[var(--spacing-xs)]",
+        "border border-[color:var(--border)]",
+        "rounded-[var(--radius-md)]",
+        "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+        "pt-[var(--spacing-md)] pb-[var(--spacing-md)]"
+      ].join(" "),
+      // White card surface with the shared card shadow — matches
+      // `Card variant="elevated"` tokens (`--card` + `--shadow-card`) so
+      // a grid of elevated Stats reads as a set of shaded panels without
+      // nesting a Card around each one.
+      elevated: [
+        "gap-[var(--spacing-xs)]",
+        "bg-[var(--card)]",
+        "text-[var(--card-foreground)]",
+        "shadow-[var(--shadow-card)]",
+        "rounded-[var(--radius-lg)]",
+        "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+        "pt-[var(--spacing-md)] pb-[var(--spacing-md)]",
+        // Forced-colors: UA strips shadow, so render a border as the
+        // separation cue — mirrors Card's forced-colors behaviour.
+        "forced-colors:border forced-colors:border-[CanvasText]"
+      ].join(" "),
+      compact: "gap-[var(--spacing-none)]"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    align: {
+      start: "items-start text-start",
+      center: "items-center text-center",
+      end: "items-end text-end"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    align: "start"
+  }
+}), k = p(
+  "type-metric text-[var(--foreground)]",
+  {
+    variants: {
+      size: {
+        sm: "[--type-metric-size:var(--font-size-xl)]",
+        md: "[--type-metric-size:var(--font-size-3xl)]",
+        lg: "[--type-metric-size:var(--font-size-5xl)]"
+      },
+      variant: {
+        default: "",
+        outlined: "",
+        elevated: "",
+        compact: ""
+      }
+    },
+    compoundVariants: [
+      { variant: "compact", size: "sm", className: "[--type-metric-size:var(--font-size-lg)]" },
+      { variant: "compact", size: "md", className: "[--type-metric-size:var(--font-size-xl)]" },
+      { variant: "compact", size: "lg", className: "[--type-metric-size:var(--font-size-2xl)]" }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+), S = p(
+  "inline-flex items-center gap-[var(--spacing-xs)] type-label",
+  {
+    variants: {
+      trend: {
+        up: "text-[var(--success)]",
+        down: "text-[var(--destructive)]",
+        flat: "text-[var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: {
+      trend: "flat"
+    }
+  }
+), T = { up: "↑", down: "↓", flat: "→" }, F = {
+  up: "ui.stat.trend.up",
+  down: "ui.stat.trend.down",
+  flat: "ui.stat.trend.flat"
+};
+function R({ trend: t, delta: a, deltaFormat: r = "decimal", locale: o }) {
+  const { t: n, i18n: s } = h(), i = typeof a == "string" ? a : new Intl.NumberFormat(o ?? s.language, {
+    style: r === "percent" ? "percent" : "decimal"
+  }).format(r === "percent" ? a / 100 : a);
+  return /* @__PURE__ */ l("span", { className: S({ trend: t }), children: [
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: T[t] }),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: n(F[t]) }),
+    i
+  ] });
+}
+const D = I(
+  ({
+    label: t,
+    value: a,
+    format: r,
+    currency: o,
+    locale: n,
+    trend: s,
+    delta: i,
+    deltaFormat: N = "decimal",
+    icon: u,
+    loading: w = !1,
+    variant: d = "default",
+    size: m = "md",
+    align: v = "start",
+    className: f,
+    ...g
+  }, x) => {
+    const { i18n: z } = h(), b = j(), V = () => {
+      if (typeof a == "string") return a;
+      const c = n ?? z.language;
+      switch (r) {
+        case "currency":
+          return new Intl.NumberFormat(c, {
+            style: "currency",
+            currency: o ?? "USD"
+          }).format(a);
+        case "percent":
+          return new Intl.NumberFormat(c, { style: "percent" }).format(a);
+        case "decimal":
+          return new Intl.NumberFormat(c, { style: "decimal" }).format(a);
+        default:
+          return new Intl.NumberFormat(c).format(a);
+      }
+    };
+    return w ? /* @__PURE__ */ l(
+      "div",
+      {
+        ref: x,
+        role: "group",
+        "aria-busy": "true",
+        "aria-label": t,
+        className: y({ variant: d, size: m, align: v, className: f }),
+        ...g,
+        children: [
+          /* @__PURE__ */ e("div", { className: "h-[var(--skeleton-label-h)] w-[var(--skeleton-label-w)] animate-pulse rounded-[var(--radius-sm)] bg-[var(--muted)]" }),
+          /* @__PURE__ */ e("div", { className: "h-[var(--skeleton-value-h)] w-[var(--skeleton-value-w)] animate-pulse rounded-[var(--radius-sm)] bg-[var(--muted)]" })
+        ]
+      }
+    ) : /* @__PURE__ */ l(
+      "div",
+      {
+        ref: x,
+        role: "group",
+        "aria-labelledby": b,
+        className: y({ variant: d, size: m, align: v, className: f }),
+        ...g,
+        children: [
+          /* @__PURE__ */ l("span", { className: "inline-flex items-center", children: [
+            u && /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: [
+                  "me-[var(--spacing-xs)] inline-flex shrink-0",
+                  // Accent tint on the leading icon. The icon is decorative
+                  // (aria-hidden), so magenta-500's 3.2:1 contrast on white
+                  // is acceptable here — the Stat label + value still
+                  // carry the accessible name at `--foreground`.
+                  "text-[color:var(--accent)]",
+                  "forced-colors:text-[CanvasText]"
+                ].join(" "),
+                children: u
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                id: b,
+                className: "type-label text-[var(--muted-foreground)]",
+                children: t
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("span", { className: k({ size: m, variant: d }), children: V() }),
+          s != null && i != null && /* @__PURE__ */ e(
+            R,
+            {
+              trend: s,
+              delta: i,
+              deltaFormat: N,
+              locale: n
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+D.displayName = "Stat";
+export {
+  D as S
+};
+//# sourceMappingURL=stat-CrumvZWf.js.map

package/dist/_chunks/stat-CrumvZWf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-CrumvZWf.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\nconst statVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      default: 'gap-[var(--spacing-xs)]',\n      outlined: [\n        'gap-[var(--spacing-xs)]',\n        'border border-[color:var(--border)]',\n        'rounded-[var(--radius-md)]',\n        'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n        'pt-[var(--spacing-md)] pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow — matches\n      // `Card variant=\"elevated\"` tokens (`--card` + `--shadow-card`) so\n      // a grid of elevated Stats reads as a set of shaded panels without\n      // nesting a Card around each one.\n      elevated: [\n        'gap-[var(--spacing-xs)]',\n        'bg-[var(--card)]',\n        'text-[var(--card-foreground)]',\n        'shadow-[var(--shadow-card)]',\n        'rounded-[var(--radius-lg)]',\n        'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n        'pt-[var(--spacing-md)] pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'forced-colors:border forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'items-start text-start',\n      center: 'items-center text-center',\n      end: 'items-end text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva(\n  'type-metric text-[var(--foreground)]',\n  {\n    variants: {\n      size: {\n        sm: '[--type-metric-size:var(--font-size-xl)]',\n        md: '[--type-metric-size:var(--font-size-3xl)]',\n        lg: '[--type-metric-size:var(--font-size-5xl)]',\n      },\n      variant: {\n        default: '',\n        outlined: '',\n        elevated: '',\n        compact: '',\n      },\n    },\n    compoundVariants: [\n      { variant: 'compact', size: 'sm', className: '[--type-metric-size:var(--font-size-lg)]' },\n      { variant: 'compact', size: 'md', className: '[--type-metric-size:var(--font-size-xl)]' },\n      { variant: 'compact', size: 'lg', className: '[--type-metric-size:var(--font-size-2xl)]' },\n    ],\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'inline-flex items-center gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      trend: {\n        up: 'text-[var(--success)]',\n        down: 'text-[var(--destructive)]',\n        flat: 'text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      trend: 'flat',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'ui.stat.trend.up',\n  down: 'ui.stat.trend.down',\n  flat: 'ui.stat.trend.flat',\n} as const;\n\nfunction StatTrend({ trend, delta, deltaFormat = 'decimal', locale }: StatTrendProps) {\n  const { t, i18n } = useTranslation();\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  return (\n    <span className={trendVariants({ trend })}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      loading = false,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const labelId = useId();\n\n    const formatValue = (): string => {\n      if (typeof value === 'string') return value;\n      const lang = locale ?? i18n.language;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(value);\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(value);\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    };\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div className=\"h-[var(--skeleton-label-h)] w-[var(--skeleton-label-w)] animate-pulse rounded-[var(--radius-sm)] bg-[var(--muted)]\" />\n          <div className=\"h-[var(--skeleton-value-h)] w-[var(--skeleton-value-w)] animate-pulse rounded-[var(--radius-sm)] bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span className=\"inline-flex items-center\">\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'me-[var(--spacing-xs)] inline-flex shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'text-[color:var(--accent)]',\n                'forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n        </span>\n        <span className={valueVariants({ size, variant })}>\n          {formatValue()}\n        </span>\n        {trend != null && delta != null && (\n          <StatTrend\n            trend={trend}\n            delta={delta}\n            deltaFormat={deltaFormat}\n            locale={locale}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","t","i18n","useTranslation","formattedDelta","jsx","Stat","forwardRef","label","value","format","currency","icon","loading","variant","size","align","className","props","ref","labelId","useId","formatValue","lang","jsxs"],"mappings":"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"}

package/dist/_chunks/stepper-C-sIpRRU.js

@@ -0,0 +1,7 @@
+function o(r, e, t) {
+  return t === "error" ? "error" : r === e ? "current" : t === "completed" || r < e ? "completed" : "upcoming";
+}
+export {
+  o as s
+};
+//# sourceMappingURL=stepper-C-sIpRRU.js.map

package/dist/_chunks/stepper-C-sIpRRU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-C-sIpRRU.js","sources":["../../src/components/_shared/stepper.ts"],"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"],"names":["stateForStep","index","activeStep","status"],"mappings":"AA0BO,SAASA,EACdC,GACAC,GACAC,GACW;AACX,SAAIA,MAAW,UAAgB,UAC3BF,MAAUC,IAAmB,YAC7BC,MAAW,eACXF,IAAQC,IAAmB,cACxB;AACT;"}

package/dist/_chunks/stepper-accordion-BkvqQWPI.js

@@ -0,0 +1,232 @@
+import { jsx as e, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import * as s from "@radix-ui/react-accordion";
+import { c as u } from "./index-D2ZczOXr.js";
+import { useTranslation as $ } from "react-i18next";
+import { s as E } from "./stepper-C-sIpRRU.js";
+import { C as P } from "./chevron-down-BX_NP2Yh.js";
+import { c as R } 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 B = [
+  ["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" }]
+], D = R("lock", B), x = "step-", h = (t) => `${x}${t}`, G = (t) => Number(t.slice(x.length)), m = [
+  "[stroke-dasharray:1] [stroke-dashoffset:1]",
+  "animate-[stepper-icon-draw_var(--animation-duration)_var(--ease-out)_forwards]",
+  "motion-reduce:animate-none motion-reduce:[stroke-dashoffset:0]"
+].join(" ");
+function U() {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "size-4",
+      children: /* @__PURE__ */ e("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: m })
+    }
+  );
+}
+function W() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "size-4",
+      children: [
+        /* @__PURE__ */ e("path", { pathLength: "1", d: "M6 6l12 12", className: m }),
+        /* @__PURE__ */ e("path", { pathLength: "1", d: "M18 6l-12 12", className: m })
+      ]
+    }
+  );
+}
+const H = [
+  "inline-flex shrink-0 items-center justify-center",
+  "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)]",
+  "size-[var(--min-target-size)]",
+  "rounded-[var(--radius-full)]",
+  "text-[var(--font-size-sm)] font-[var(--font-weight-semibold)]",
+  "border border-[var(--border)]",
+  "transition-[background-color,border-color,color]",
+  "duration-[var(--animation-duration)] ease-[var(--ease-out)]",
+  "motion-reduce:transition-none"
+].join(" "), S = u(H, {
+  variants: {
+    state: {
+      upcoming: "bg-[var(--background)] text-[var(--muted-foreground)]",
+      current: [
+        "border-[var(--primary)] bg-[var(--primary)] text-[var(--primary-foreground)]",
+        "animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]",
+        "motion-reduce:animate-none"
+      ].join(" "),
+      completed: "border-[var(--primary)] bg-[var(--primary)] text-[var(--primary-foreground)]",
+      error: [
+        "border-[var(--destructive)] bg-[var(--destructive)] text-[var(--destructive-foreground)]",
+        "animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]",
+        "motion-reduce:animate-none"
+      ].join(" ")
+    }
+  }
+}), X = u(
+  [
+    "group/item overflow-hidden rounded-[var(--radius-md)]",
+    "border border-[var(--border)] bg-[var(--card)]",
+    "data-[state=open]:border-[var(--primary)]",
+    "transition-[border-color] duration-[var(--animation-duration)] ease-[var(--ease-out)]",
+    "motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        neutral: "",
+        error: "data-[state=open]:border-[var(--destructive)]"
+      }
+    },
+    defaultVariants: { tone: "neutral" }
+  }
+), q = [
+  "flex w-full items-center gap-[var(--spacing-sm)]",
+  "min-h-[var(--min-target-size)]",
+  "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+  "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]",
+  "text-start",
+  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "disabled:cursor-not-allowed",
+  "transition-[background-color] duration-[var(--animation-duration)] ease-[var(--ease-out)]",
+  "motion-reduce:transition-none",
+  "hover:enabled:bg-[var(--muted)]/40"
+].join(" "), J = (t) => [
+  "type-body-sm",
+  t === "current" || t === "error" ? "font-[var(--font-weight-semibold)] text-[var(--foreground)]" : t === "completed" ? "text-[var(--foreground)]" : "text-[var(--muted-foreground)]"
+].join(" "), K = [
+  "type-meta text-[var(--muted-foreground)]",
+  "mt-[var(--spacing-xs)]"
+].join(" "), b = [
+  "type-meta",
+  "inline-flex items-center gap-[var(--spacing-xs)]",
+  "text-[var(--muted-foreground)]"
+].join(" "), O = [
+  "size-4 shrink-0 text-[var(--muted-foreground)]",
+  "transition-transform duration-[var(--animation-duration)] ease-[var(--ease-out)]",
+  "motion-reduce:transition-none",
+  "group-data-[state=open]/item:rotate-180"
+].join(" "), Q = [
+  "type-meta text-[var(--muted-foreground)]",
+  "ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
+  "pe-[var(--spacing-md)] pb-[var(--spacing-sm)]",
+  "group-data-[state=open]/item:hidden"
+].join(" "), Y = [
+  "overflow-hidden",
+  "data-[state=open]:animate-[accordion-down_var(--animation-duration)_var(--ease-out)]",
+  "data-[state=closed]:animate-[accordion-up_var(--animation-duration)_var(--ease-in)]"
+].join(" "), Z = [
+  "ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
+  "pe-[var(--spacing-md)] pt-[var(--spacing-xs)] pb-[var(--spacing-md)]"
+].join(" "), ee = u("flex flex-col gap-[var(--spacing-sm)]", {
+  variants: {}
+}), re = T(
+  ({
+    activeStep: t,
+    steps: p,
+    onStepChange: c,
+    "aria-label": y,
+    className: N,
+    ...k
+  }, w) => {
+    const { t: i } = $(), C = p.length, d = Math.max(0, Math.min(t, C - 1)), j = y ?? i("navigation.stepper.label"), v = i("navigation.stepper.edit"), _ = i("navigation.stepper.locked"), z = i("navigation.stepper.completed"), L = i("navigation.stepper.error"), V = (a) => {
+      if (!a) return;
+      const n = G(a);
+      Number.isFinite(n) && n !== d && (c == null || c(n));
+    };
+    return /* @__PURE__ */ e(
+      s.Root,
+      {
+        ref: w,
+        type: "single",
+        value: h(d),
+        onValueChange: V,
+        collapsible: !1,
+        "aria-label": j,
+        className: ee({ className: N }),
+        ...k,
+        children: p.map((a, n) => {
+          const r = E(n, d, a.status), l = r === "current" || r === "error", M = r === "upcoming", A = r === "error" ? "error" : "neutral", g = i("navigation.stepper.stepN", { n: n + 1 }), F = r === "completed" ? /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ e(U, {}),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: z })
+          ] }) : r === "error" ? /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ e(W, {}),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: L })
+          ] }) : /* @__PURE__ */ e("span", { children: n + 1 }), I = r === "completed" ? /* @__PURE__ */ e("span", { className: b, children: v }) : r === "upcoming" ? /* @__PURE__ */ o("span", { className: b, children: [
+            /* @__PURE__ */ e(D, { "aria-hidden": "true", className: "size-3" }),
+            _
+          ] }) : null;
+          return /* @__PURE__ */ o(
+            s.Item,
+            {
+              value: h(n),
+              className: X({ tone: A }),
+              children: [
+                /* @__PURE__ */ e(s.Header, { className: "flex", children: /* @__PURE__ */ o(
+                  s.Trigger,
+                  {
+                    disabled: M,
+                    "aria-disabled": l || void 0,
+                    "aria-label": r === "completed" ? `${g}, ${v}` : g,
+                    "aria-current": l ? "step" : void 0,
+                    className: q,
+                    children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: S({ state: r }),
+                          children: F
+                        }
+                      ),
+                      /* @__PURE__ */ o("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                        /* @__PURE__ */ e("span", { className: J(r), children: a.label }),
+                        a.description ? /* @__PURE__ */ e("span", { className: K, children: a.description }) : null
+                      ] }),
+                      I,
+                      l ? null : /* @__PURE__ */ e(
+                        P,
+                        {
+                          "aria-hidden": "true",
+                          className: O
+                        }
+                      )
+                    ]
+                  }
+                ) }),
+                a.summary && r === "completed" ? /* @__PURE__ */ e("div", { className: Q, children: a.summary }) : null,
+                /* @__PURE__ */ e(s.Content, { className: Y, children: /* @__PURE__ */ e("div", { className: Z, children: a.content }) })
+              ]
+            },
+            n
+          );
+        })
+      }
+    );
+  }
+);
+re.displayName = "StepperAccordion";
+export {
+  re as S
+};
+//# sourceMappingURL=stepper-accordion-BkvqQWPI.js.map

package/dist/_chunks/stepper-accordion-BkvqQWPI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-accordion-BkvqQWPI.js","sources":["../../node_modules/lucide-react/dist/esm/icons/lock.js","../../src/components/stepper-accordion/stepper-accordion.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"11\", x: \"3\", y: \"11\", rx: \"2\", ry: \"2\", key: \"1w4ew1\" }],\n  [\"path\", { d: \"M7 11V7a5 5 0 0 1 10 0v4\", key: \"fwvmzm\" }]\n];\nconst Lock = createLucideIcon(\"lock\", __iconNode);\n\nexport { __iconNode, Lock as default };\n//# sourceMappingURL=lock.js.map\n","import {\n  forwardRef,\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  '[stroke-dasharray:1] [stroke-dashoffset:1]',\n  'animate-[stepper-icon-draw_var(--animation-duration)_var(--ease-out)_forwards]',\n  'motion-reduce:animate-none 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=\"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=\"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  'inline-flex shrink-0 items-center justify-center',\n  'min-w-[var(--min-target-size)] min-h-[var(--min-target-size)]',\n  'size-[var(--min-target-size)]',\n  'rounded-[var(--radius-full)]',\n  'text-[var(--font-size-sm)] font-[var(--font-weight-semibold)]',\n  'border border-[var(--border)]',\n  'transition-[background-color,border-color,color]',\n  'duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n  'motion-reduce:transition-none',\n].join(' ');\n\nconst indicatorVariants = cva(indicatorClasses, {\n  variants: {\n    state: {\n      upcoming: 'bg-[var(--background)] text-[var(--muted-foreground)]',\n      current: [\n        'border-[var(--primary)] bg-[var(--primary)] text-[var(--primary-foreground)]',\n        'animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]',\n        'motion-reduce:animate-none',\n      ].join(' '),\n      completed:\n        'border-[var(--primary)] bg-[var(--primary)] text-[var(--primary-foreground)]',\n      error: [\n        'border-[var(--destructive)] bg-[var(--destructive)] text-[var(--destructive-foreground)]',\n        'animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]',\n        'motion-reduce:animate-none',\n      ].join(' '),\n    },\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Item / trigger / content variants                                     */\n/* -------------------------------------------------------------------- */\n\nconst itemVariants = cva(\n  [\n    'group/item overflow-hidden rounded-[var(--radius-md)]',\n    'border border-[var(--border)] bg-[var(--card)]',\n    'data-[state=open]:border-[var(--primary)]',\n    'transition-[border-color] duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n    'motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        neutral: '',\n        error: 'data-[state=open]:border-[var(--destructive)]',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n);\n\nconst triggerClasses = [\n  'flex w-full items-center gap-[var(--spacing-sm)]',\n  'min-h-[var(--min-target-size)]',\n  'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n  'pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]',\n  'text-start',\n  'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n  'focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'disabled:cursor-not-allowed',\n  'transition-[background-color] duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n  'motion-reduce:transition-none',\n  'hover:enabled:bg-[var(--muted)]/40',\n].join(' ');\n\nconst labelClasses = (state: StepState) =>\n  [\n    'type-body-sm',\n    state === 'current' || state === 'error'\n      ? 'font-[var(--font-weight-semibold)] text-[var(--foreground)]'\n      : state === 'completed'\n        ? 'text-[var(--foreground)]'\n        : 'text-[var(--muted-foreground)]',\n  ].join(' ');\n\nconst descriptionClasses = [\n  'type-meta text-[var(--muted-foreground)]',\n  'mt-[var(--spacing-xs)]',\n].join(' ');\n\nconst hintClasses = [\n  'type-meta',\n  'inline-flex items-center gap-[var(--spacing-xs)]',\n  'text-[var(--muted-foreground)]',\n].join(' ');\n\nconst chevronClasses = [\n  'size-4 shrink-0 text-[var(--muted-foreground)]',\n  'transition-transform duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n  'motion-reduce:transition-none',\n  'group-data-[state=open]/item:rotate-180',\n].join(' ');\n\nconst summaryClasses = [\n  'type-meta text-[var(--muted-foreground)]',\n  'ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]',\n  'pe-[var(--spacing-md)] pb-[var(--spacing-sm)]',\n  'group-data-[state=open]/item:hidden',\n].join(' ');\n\nconst contentClasses = [\n  'overflow-hidden',\n  'data-[state=open]:animate-[accordion-down_var(--animation-duration)_var(--ease-out)]',\n  'data-[state=closed]:animate-[accordion-up_var(--animation-duration)_var(--ease-in)]',\n].join(' ');\n\nconst contentInnerClasses = [\n  'ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]',\n  'pe-[var(--spacing-md)] pt-[var(--spacing-xs)] 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('flex flex-col gap-[var(--spacing-sm)]', {\n  variants: {},\n});\n\nexport interface StepperAccordionProps\n  extends 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\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nconst StepperAccordion = forwardRef<HTMLDivElement, StepperAccordionProps>(\n  (\n    {\n      activeStep,\n      steps,\n      onStepChange,\n      'aria-label': ariaLabel,\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    return (\n      <AccordionPrimitive.Root\n        ref={ref}\n        type=\"single\"\n        value={makeValue(clampedActive)}\n        onValueChange={handleValueChange}\n        collapsible={false}\n        aria-label={label}\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=\"sr-only\">{completedCopy}</span>\n                </>\n              );\n            }\n            if (state === 'error') {\n              return (\n                <>\n                  <CrossGlyph />\n                  <span className=\"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=\"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              className={itemVariants({ tone: itemTone })}\n            >\n              <AccordionPrimitive.Header className=\"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=\"flex min-w-0 flex-1 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":["__iconNode","Lock","createLucideIcon","STEP_VALUE_PREFIX","makeValue","index","indexFromValue","value","iconDrawClasses","CheckGlyph","jsx","CrossGlyph","jsxs","indicatorClasses","indicatorVariants","cva","itemVariants","triggerClasses","labelClasses","state","descriptionClasses","hintClasses","chevronClasses","summaryClasses","contentClasses","contentInnerClasses","rootVariants","StepperAccordion","forwardRef","activeStep","steps","onStepChange","ariaLabel","className","rest","ref","t","useTranslation","total","clampedActive","label","editCopy","lockedCopy","completedCopy","errorCopy","handleValueChange","AccordionPrimitive","spec","stateForStep","isCurrent","isUpcoming","itemTone","stepN","indicatorContent","Fragment","hint","ChevronDown"],"mappings":"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","x_google_ignoreList":[0]}