@alfadocs/ui-kit-debug 0.69.0 → 0.71.0

package/dist/_chunks/{transaction-chip-DK84XCBU.js → transaction-chip-CscoQbxF.js}

@@ -1,55 +1,77 @@
 import { jsxs as N, jsx as s } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
-import { c } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { C as I } from "./check-DPdL_Sm7.js";
-import { C as k } from "./calendar-clock-CYkcqdwl.js";
-import { F as A } from "./file-text-DSNuv2B8.js";
-import { c as l } from "./createLucideIcon-CrFbzy84.js";
+import { forwardRef as k } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { c as t } from "./createLucideIcon-CrFbzy84.js";
+import { C as _ } from "./check-DPdL_Sm7.js";
+import { C } from "./calendar-clock-CYkcqdwl.js";
+import { F as I } from "./file-text-DSNuv2B8.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 _ = [
+const A = [
   ["path", { d: "M17 7 7 17", key: "15tmo1" }],
   ["path", { d: "M17 17H7V7", key: "1org7z" }]
-], E = l("arrow-down-left", _);
+], M = t("arrow-down-left", A);
 /**
  * @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 L = [
+const E = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-], R = l("arrow-up-right", L), S = {
+], L = t("arrow-up-right", E);
+/**
+ * @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 R = [
+  [
+    "path",
+    {
+      d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",
+      key: "3c2336"
+    }
+  ],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "M9 9h.01", key: "1q5me6" }],
+  ["path", { d: "M15 15h.01", key: "lqbp3k" }]
+], S = t("badge-percent", R), F = {
   debt: "debt",
   credit: "credit",
   "to-invoice": "toInvoice",
   "to-deliver": "toDeliver",
-  settled: "settled"
-}, F = {
-  debt: E,
-  credit: R,
-  "to-invoice": A,
-  "to-deliver": k,
-  settled: I
-}, M = {
+  settled: "settled",
+  discount: "discount"
+}, V = {
+  debt: M,
+  credit: L,
+  "to-invoice": I,
+  "to-deliver": C,
+  settled: _,
+  discount: S
+}, D = {
   debt: "−",
   credit: "+",
   "to-invoice": "",
   "to-deliver": "",
-  settled: ""
-}, V = {
+  settled: "",
+  discount: "−"
+}, U = {
   debt: -1,
   credit: 1,
   "to-invoice": 1,
   "to-deliver": 1,
-  settled: 1
-}, D = "EUR", U = c(
+  settled: 1,
+  discount: -1
+}, j = "EUR", $ = l(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:rounded-[var(--radius-full)] ds:border",
@@ -73,15 +95,20 @@ const L = [
         // is distinct from `--warning` (yellow) and from `--destructive`.
         "to-invoice": "ds:bg-transaction-chip-to-invoice/10 ds:text-[color:var(--transaction-chip-to-invoice-foreground)] ds:border-[color:var(--transaction-chip-to-invoice-foreground)]",
         "to-deliver": "ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-[color:var(--info-foreground)]",
-        settled: "ds:bg-muted/30 ds:text-muted-foreground ds:border-[color:var(--border)]"
+        settled: "ds:bg-muted/30 ds:text-muted-foreground ds:border-[color:var(--border)]",
+        // Discount/credit-note reductions use the dedicated `--discount`
+        // semantic token (brand magenta family) — distinct from credit's green
+        // so a discount and a credit never read alike. `--discount-foreground`
+        // clears AA on the 10% tint.
+        discount: "ds:bg-discount/10 ds:text-[color:var(--discount-foreground)] ds:border-[color:var(--discount-foreground)]"
       },
       size: {
-        // Heights tuned for table-cell density (sm), default app surfaces (md),
-        // and header / summary cards (lg). `--type-eyebrow-size` flows into the
+        // Heights match the Badge / Tag chip family (sm h-4 / md h-5 / lg h-6)
+        // so mixed chip strips align. `--type-eyebrow-size` flows into the
         // optional label span, keeping its typography in step with the chip.
-        sm: "ds:h-5 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
-        md: "ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
-        lg: "ds:h-7 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]"
+        sm: "ds:h-4 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        md: "ds:h-5 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        lg: "ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]"
       },
       bold: {
         // `settled` is the terminal resting state — see compound variant below.
@@ -101,12 +128,12 @@ const L = [
       { state: "settled", class: "ds:font-medium" }
     ]
   }
-), j = c("ds:shrink-0 ds:[&>svg]:block", {
+), q = l("ds:shrink-0 ds:[&>svg]:block", {
   variants: {
     size: {
-      sm: "ds:[&>svg]:size-3",
-      md: "ds:[&>svg]:size-3.5",
-      lg: "ds:[&>svg]:size-4"
+      sm: "ds:[&>svg]:size-2.5",
+      md: "ds:[&>svg]:size-3",
+      lg: "ds:[&>svg]:size-3.5"
     },
     // Only the direction-encoded debt/credit arrows flip in RTL; the
     // non-directional glyphs (FileText, CalendarClock, Check) must not mirror.
@@ -116,43 +143,43 @@ const L = [
     }
   },
   defaultVariants: { size: "md", directional: !1 }
-}), G = T(
+}), G = k(
   ({
     state: e,
-    amount: v,
-    currency: r = D,
-    locale: f,
-    size: t = "md",
-    showLabel: m = !1,
-    className: u,
+    amount: u,
+    currency: o = j,
+    locale: v,
+    size: r = "md",
+    showLabel: f = !1,
+    className: m,
     "aria-label": p,
     ...g
   }, b) => {
-    const { t: o, i18n: h } = C(), a = f ?? h.language ?? "en", x = F[e], i = M[e], n = Math.abs(v), y = new Intl.NumberFormat(a, {
+    const { t: a, i18n: h } = T(), n = v ?? h.language ?? "en", y = V[e], d = D[e], i = Math.abs(u), x = new Intl.NumberFormat(n, {
       style: "currency",
-      currency: r,
+      currency: o,
       signDisplay: "never"
-    }).format(n), d = o(`financial.state.${S[e]}`), w = new Intl.NumberFormat(a, {
+    }).format(i), c = a(`financial.state.${F[e]}`), z = new Intl.NumberFormat(n, {
       style: "currency",
-      currency: r,
+      currency: o,
       signDisplay: e === "debt" ? "always" : "auto"
-    }).format(n * V[e]), z = p ?? o("financial.aria.label", {
-      state: d,
-      amount: w
+    }).format(i * U[e]), w = p ?? a("financial.aria.label", {
+      state: c,
+      amount: z
     });
     return /* @__PURE__ */ N(
       "span",
       {
         ref: b,
         role: "img",
-        "aria-label": z,
+        "aria-label": w,
         "data-component": "transaction-chip",
         "data-state": e,
-        className: U({
+        className: $({
           state: e,
-          size: t,
+          size: r,
           bold: e !== "settled",
-          className: u
+          className: m
         }),
         ...g,
         children: [
@@ -160,20 +187,20 @@ const L = [
             "span",
             {
               "aria-hidden": "true",
-              className: j({
-                size: t,
+              className: q({
+                size: r,
                 directional: e === "debt" || e === "credit"
               }),
-              children: /* @__PURE__ */ s(x, {})
+              children: /* @__PURE__ */ s(y, {})
             }
           ),
-          m && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: d }),
-          i && /* @__PURE__ */ s(
+          f && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: c }),
+          d && /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
               className: "ds:[font-variant-numeric:var(--font-feature-tabular)]",
-              children: i
+              children: d
             }
           ),
           /* @__PURE__ */ s(
@@ -181,7 +208,7 @@ const L = [
             {
               "aria-hidden": "true",
               className: "ds:[font-variant-numeric:var(--font-feature-tabular)]",
-              children: y
+              children: x
             }
           )
         ]
@@ -191,8 +218,8 @@ const L = [
 );
 G.displayName = "TransactionChip";
 export {
-  E as A,
+  M as A,
   G as T,
-  R as a
+  L as a
 };
-//# sourceMappingURL=transaction-chip-DK84XCBU.js.map
+//# sourceMappingURL=transaction-chip-CscoQbxF.js.map

package/dist/_chunks/transaction-chip-CscoQbxF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-chip-CscoQbxF.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-down-left.js","../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.js","../../node_modules/lucide-react/dist/esm/icons/badge-percent.js","../../src/components/transaction-chip/transaction-chip.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  [\"path\", { d: \"M17 7 7 17\", key: \"15tmo1\" }],\n  [\"path\", { d: \"M17 17H7V7\", key: \"1org7z\" }]\n];\nconst ArrowDownLeft = createLucideIcon(\"arrow-down-left\", __iconNode);\n\nexport { __iconNode, ArrowDownLeft as default };\n//# sourceMappingURL=arrow-down-left.js.map\n","/**\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  [\"path\", { d: \"M7 7h10v10\", key: \"1tivn9\" }],\n  [\"path\", { d: \"M7 17 17 7\", key: \"1vkiza\" }]\n];\nconst ArrowUpRight = createLucideIcon(\"arrow-up-right\", __iconNode);\n\nexport { __iconNode, ArrowUpRight as default };\n//# sourceMappingURL=arrow-up-right.js.map\n","/**\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  [\n    \"path\",\n    {\n      d: \"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\",\n      key: \"3c2336\"\n    }\n  ],\n  [\"path\", { d: \"m15 9-6 6\", key: \"1uzhvr\" }],\n  [\"path\", { d: \"M9 9h.01\", key: \"1q5me6\" }],\n  [\"path\", { d: \"M15 15h.01\", key: \"lqbp3k\" }]\n];\nconst BadgePercent = createLucideIcon(\"badge-percent\", __iconNode);\n\nexport { __iconNode, BadgePercent as default };\n//# sourceMappingURL=badge-percent.js.map\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowDownLeft,\n  ArrowUpRight,\n  BadgePercent,\n  CalendarClock,\n  Check,\n  FileText,\n  type LucideIcon,\n} from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* State vocabulary                                                     */\n/* ------------------------------------------------------------------ */\n\nexport type TransactionState =\n  | 'debt'\n  | 'credit'\n  | 'to-invoice'\n  | 'to-deliver'\n  | 'settled'\n  | 'discount';\n\n// State → translation-key segment. Hyphenated state names are flattened to\n// camelCase so the i18next bundle stays consistent with the rest of `ui.*`.\nconst STATE_KEY: Record<TransactionState, string> = {\n  debt: 'debt',\n  credit: 'credit',\n  'to-invoice': 'toInvoice',\n  'to-deliver': 'toDeliver',\n  settled: 'settled',\n  discount: 'discount',\n};\n\nconst STATE_ICON: Record<TransactionState, LucideIcon> = {\n  debt: ArrowDownLeft,\n  credit: ArrowUpRight,\n  'to-invoice': FileText,\n  'to-deliver': CalendarClock,\n  settled: Check,\n  discount: BadgePercent,\n};\n\n// U+2212 MINUS SIGN — matches PR alfadocs/platform#523's typographic minus.\n// Hyphen-minus would render visually narrower next to the currency glyph.\nconst STATE_SIGN: Record<TransactionState, '' | '+' | '−'> = {\n  debt: '−',\n  credit: '+',\n  'to-invoice': '',\n  'to-deliver': '',\n  settled: '',\n  discount: '−',\n};\n\n// Multiplier used when composing the screen-reader announcement so SR users\n// hear the signed amount Intl produces (\"minus one thousand…\") rather than\n// the magnitude plus a separate sign glyph.\nconst SIGN_MULTIPLIER: Record<TransactionState, -1 | 1> = {\n  debt: -1,\n  credit: 1,\n  'to-invoice': 1,\n  'to-deliver': 1,\n  settled: 1,\n  discount: -1,\n};\n\nconst DEFAULT_CURRENCY = 'EUR';\n\n/* ------------------------------------------------------------------ */\n/* CVA — chip root                                                      */\n/* ------------------------------------------------------------------ */\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-full)] ds:border',\n    'ds:whitespace-nowrap ds:align-middle',\n    'ds:focus-visible:outline-none',\n    'ds:focus-visible:ring-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:ring-[color:var(--ring)]',\n    'ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      state: {\n        // Text uses the deeper `*-foreground` token (matching Badge / Tag) so\n        // small chip text clears WCAG AA (4.5:1) against the 10% tinted\n        // background. The surface and border use the lighter alias.\n        debt: 'ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-[color:var(--error-foreground)]',\n        credit:\n          'ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-[color:var(--success-foreground)]',\n        // The orange \"to-invoice\" tint has no kit-wide semantic alias — see\n        // src/tokens/index.css §Transaction-chip-scoped tokens. The component\n        // owns the alias because the customer-anchored \"Da fatturare\" orange\n        // is distinct from `--warning` (yellow) and from `--destructive`.\n        'to-invoice':\n          'ds:bg-transaction-chip-to-invoice/10 ds:text-[color:var(--transaction-chip-to-invoice-foreground)] ds:border-[color:var(--transaction-chip-to-invoice-foreground)]',\n        'to-deliver':\n          'ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-[color:var(--info-foreground)]',\n        settled:\n          'ds:bg-muted/30 ds:text-muted-foreground ds:border-[color:var(--border)]',\n        // Discount/credit-note reductions use the dedicated `--discount`\n        // semantic token (brand magenta family) — distinct from credit's green\n        // so a discount and a credit never read alike. `--discount-foreground`\n        // clears AA on the 10% tint.\n        discount:\n          'ds:bg-discount/10 ds:text-[color:var(--discount-foreground)] ds:border-[color:var(--discount-foreground)]',\n      },\n      size: {\n        // Heights match the Badge / Tag chip family (sm h-4 / md h-5 / lg h-6)\n        // so mixed chip strips align. `--type-eyebrow-size` flows into the\n        // optional label span, keeping its typography in step with the chip.\n        sm: 'ds:h-4 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-5 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n      bold: {\n        // `settled` is the terminal resting state — see compound variant below.\n        true: 'ds:font-semibold',\n        false: 'ds:font-medium',\n      },\n    },\n    defaultVariants: {\n      state: 'debt',\n      size: 'md',\n      bold: true,\n    },\n    compoundVariants: [\n      // `settled` always renders at the lighter weight, regardless of the\n      // resolved default. Mirrors PR #523's follow-up where the resting branch\n      // dropped from bold to medium to recede visually.\n      { state: 'settled', class: 'ds:font-medium' },\n    ],\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — icon wrapper                                                   */\n/* ------------------------------------------------------------------ */\n\n// `ArrowDownLeft` (debt) and `ArrowUpRight` (credit) are direction-encoded\n// glyphs — their physical orientation carries the semantic (\"money coming\n// in\" / \"money going out\"). PRS §05 RTL: directional icons flip in RTL.\n// The non-directional glyphs (FileText, CalendarClock, Check) are unaffected.\nconst iconWrapperVariants = cva('ds:shrink-0 ds:[&>svg]:block', {\n  variants: {\n    size: {\n      sm: 'ds:[&>svg]:size-2.5',\n      md: 'ds:[&>svg]:size-3',\n      lg: 'ds:[&>svg]:size-3.5',\n    },\n    // Only the direction-encoded debt/credit arrows flip in RTL; the\n    // non-directional glyphs (FileText, CalendarClock, Check) must not mirror.\n    directional: {\n      true: 'ds:rtl:[&>svg]:-scale-x-100',\n      false: '',\n    },\n  },\n  defaultVariants: { size: 'md', directional: false },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface TransactionChipProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n    Pick<VariantProps<typeof chipVariants>, 'size'> {\n  /** Financial state — drives colour, icon, sign, and label. */\n  state: TransactionState;\n  /**\n   * Magnitude of the amount as a non-negative number. The sign is rendered\n   * separately based on `state` — callers must never pass a negative value.\n   */\n  amount: number;\n  /**\n   * ISO 4217 currency code. Defaults to `EUR` for the Italian-anchored\n   * release. Required at the type level so consumers can't silently render\n   * a different currency than they intended.\n   */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18next language. */\n  locale?: string;\n  /** Render the state label (e.g. \"Da incassare\") before the amount. */\n  showLabel?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const TransactionChip = forwardRef<\n  HTMLSpanElement,\n  TransactionChipProps\n>(\n  (\n    {\n      state,\n      amount,\n      currency = DEFAULT_CURRENCY,\n      locale,\n      size = 'md',\n      showLabel = false,\n      className,\n      'aria-label': ariaLabelProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    const StateIcon = STATE_ICON[state];\n    const sign = STATE_SIGN[state];\n    const magnitude = Math.abs(amount);\n\n    // The visible amount is rendered without a sign; the leading sign glyph\n    // (or its absence) is owned by the state, not the formatter.\n    const formattedAmount = new Intl.NumberFormat(activeLocale, {\n      style: 'currency',\n      currency,\n      signDisplay: 'never',\n    }).format(magnitude);\n\n    // The accessible name uses Intl's own signed output so screen readers\n    // announce the locale-correct \"minus\" / \"negative\" phrasing instead of\n    // skipping the U+2212 glyph or speaking it as \"hyphen\".\n    const stateLabel = t(`financial.state.${STATE_KEY[state]}`);\n    const signedAmountForSR = new Intl.NumberFormat(activeLocale, {\n      style: 'currency',\n      currency,\n      signDisplay: state === 'debt' ? 'always' : 'auto',\n    }).format(magnitude * SIGN_MULTIPLIER[state]);\n    const ariaLabel =\n      ariaLabelProp ??\n      t('financial.aria.label', {\n        state: stateLabel,\n        amount: signedAmountForSR,\n      });\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={ariaLabel}\n        data-component=\"transaction-chip\"\n        data-state={state}\n        className={chipVariants({\n          state,\n          size,\n          bold: state !== 'settled',\n          className,\n        })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={iconWrapperVariants({\n            size,\n            directional: state === 'debt' || state === 'credit',\n          })}\n        >\n          <StateIcon />\n        </span>\n        {showLabel && (\n          <span aria-hidden=\"true\" className=\"type-eyebrow\">\n            {stateLabel}\n          </span>\n        )}\n        {sign && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:[font-variant-numeric:var(--font-feature-tabular)]\"\n          >\n            {sign}\n          </span>\n        )}\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:[font-variant-numeric:var(--font-feature-tabular)]\"\n        >\n          {formattedAmount}\n        </span>\n      </span>\n    );\n  },\n);\n\nTransactionChip.displayName = 'TransactionChip';\n"],"names":["__iconNode","ArrowDownLeft","createLucideIcon","ArrowUpRight","BadgePercent","STATE_KEY","STATE_ICON","FileText","CalendarClock","Check","STATE_SIGN","SIGN_MULTIPLIER","DEFAULT_CURRENCY","chipVariants","cva","iconWrapperVariants","TransactionChip","forwardRef","state","amount","currency","locale","size","showLabel","className","ariaLabelProp","rest","ref","t","i18n","useTranslation","activeLocale","StateIcon","sign","magnitude","formattedAmount","stateLabel","signedAmountForSR","ariaLabel","jsxs","jsx"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/{transcript-panel-3THQX6nJ.js → transcript-panel-CHGHHHdT.js}

@@ -1,12 +1,14 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { forwardRef as K, useState as j, useRef as w, useId as A, useMemo as x, useCallback as R, useImperativeHandle as _, Fragment as O } from "react";
+import { jsxs as f, jsx as o, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as A, useState as _, useRef as w, useId as R, useMemo as x, useCallback as z, useImperativeHandle as H, Fragment as O } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
 import { u as D } from "./registry-DvAUVLHh.js";
-import { u as F } from "./index-CJE9uQmb.js";
-import { S as H } from "./search-input-DQvGxR74.js";
-import { u as B } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-const U = {
+import { u as B } from "./index-CJE9uQmb.js";
+import { S as U } from "./search-input-DQvGxR74.js";
+import { P as G } from "./panel-header-D313n_9-.js";
+import { u as Q } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { F as W } from "./file-text-DSNuv2B8.js";
+const Y = {
   id: "transcript-panel",
   capabilities: ["select_single", "copy"],
   state: {
@@ -65,7 +67,7 @@ const U = {
       description: "Stable opaque turn id (line index). Never carries the turn's dictated text."
     }
   }
-}, G = V(
+}, Z = V(
   [
     "ds:flex ds:flex-col ds:w-full ds:min-h-0",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]",
@@ -83,22 +85,22 @@ const U = {
     },
     defaultVariants: { size: "md" }
   }
-), Q = 100, W = 8;
-function z(t, n) {
-  const a = Math.max(0, Math.floor(t)), i = Math.floor(a / 60), u = a % 60, p = (g) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(g);
-  return `${p(i)}:${p(u)}`;
+), J = 100, X = 8;
+function L(t, n) {
+  const a = Math.max(0, Math.floor(t)), d = Math.floor(a / 60), u = a % 60, p = (g) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(g);
+  return `${p(d)}:${p(u)}`;
 }
-function Y(t) {
-  const n = Math.max(0, Math.floor(t)), a = Math.floor(n / 60), i = n % 60;
-  return `PT${a}M${i}S`;
+function ee(t) {
+  const n = Math.max(0, Math.floor(t)), a = Math.floor(n / 60), d = n % 60;
+  return `PT${a}M${d}S`;
 }
-function Z(t) {
+function te(t) {
   let n = 0;
   for (let a = 0; a < t.length; a += 1)
     n = n * 31 + t.charCodeAt(a) | 0;
-  return Math.abs(n) % W;
+  return Math.abs(n) % X;
 }
-const J = [
+const re = [
   "ds:bg-[color:var(--transcript-speaker-1)]",
   "ds:bg-[color:var(--transcript-speaker-2)]",
   "ds:bg-[color:var(--transcript-speaker-3)]",
@@ -108,12 +110,12 @@ const J = [
   "ds:bg-[color:var(--transcript-speaker-7)]",
   "ds:bg-[color:var(--transcript-speaker-8)]"
 ];
-function X(t) {
+function se(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function ee({ text: t, query: n }) {
+function ne({ text: t, query: n }) {
   if (!n) return t;
-  const a = X(n);
+  const a = se(n);
   return t.split(new RegExp(`(${a})`, "gi")).map(
     (u, p) => u.toLocaleLowerCase() === n.toLocaleLowerCase() ? /* @__PURE__ */ o(
       "mark",
@@ -125,17 +127,17 @@ function ee({ text: t, query: n }) {
     ) : /* @__PURE__ */ o(O, { children: u }, p)
   );
 }
-const te = K(
+const ae = A(
   ({
     lines: t,
     currentTime: n = 0,
     onSeek: a,
-    searchable: i = !0,
+    searchable: d = !0,
     size: u = "md",
     className: p,
     ...g
-  }, L) => {
-    const { t: d, i18n: b } = q(), [m, M] = j(""), v = w(null), T = w(null), P = A(), c = x(() => {
+  }, M) => {
+    const { t: i, i18n: b } = q(), [m, $] = _(""), v = w(null), T = w(null), E = R(), c = x(() => {
       if (!Number.isFinite(n)) return -1;
       for (let e = 0; e < t.length; e += 1) {
         const r = t[e];
@@ -153,20 +155,20 @@ const te = K(
           e += 1, h = l.indexOf(r, h + r.length);
       }
       return e;
-    }, [t, m]), $ = R(
+    }, [t, m]), F = z(
       (e) => {
         var r;
-        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && i && (e.preventDefault(), (r = T.current) == null || r.focus());
+        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && d && (e.preventDefault(), (r = T.current) == null || r.focus());
       },
-      [i]
-    ), N = t.length > Q, y = F({
-      count: N ? t.length : 0,
+      [d]
+    ), S = t.length > J, y = B({
+      count: S ? t.length : 0,
       getScrollElement: () => v.current,
       estimateSize: () => 48,
       overscan: 8,
       getItemKey: (e) => e
     });
-    B(() => {
+    Q(() => {
       if (c < 0) return;
       const e = v.current;
       if (!e) return;
@@ -180,9 +182,9 @@ const te = K(
         behavior: s ? "auto" : "smooth"
       });
     }, [c]);
-    const S = R(
+    const I = z(
       (e, r, s) => {
-        const l = r === c, h = Z(e.speaker), C = typeof e.confidence == "number" && e.confidence < 0.6;
+        const l = r === c, h = te(e.speaker), P = typeof e.confidence == "number" && e.confidence < 0.6;
         return /* @__PURE__ */ f(
           "li",
           {
@@ -204,8 +206,8 @@ const te = K(
                 {
                   type: "button",
                   onClick: () => a == null ? void 0 : a(e.start),
-                  "aria-label": d("chat.transcript.seekTo", {
-                    time: z(e.start, b.language)
+                  "aria-label": i("chat.transcript.seekTo", {
+                    time: L(e.start, b.language)
                   }),
                   className: [
                     "ds:inline-flex ds:items-center ds:justify-center",
@@ -223,7 +225,7 @@ const te = K(
                     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                     "ds:forced-colors:focus-visible:outline-[CanvasText]"
                   ].join(" "),
-                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: Y(e.start), children: z(e.start, b.language) })
+                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: ee(e.start), children: L(e.start, b.language) })
                 }
               ),
               /* @__PURE__ */ f("div", { className: "ds:flex-1 ds:min-w-0", children: [
@@ -232,13 +234,13 @@ const te = K(
                     "span",
                     {
                       "aria-hidden": "true",
-                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${J[h]}`
+                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${re[h]}`
                     }
                   ),
-                  /* @__PURE__ */ o("strong", { className: "type-title-item", children: d("chat.transcript.speaker", { name: e.speaker }) }),
-                  C ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
+                  /* @__PURE__ */ o("strong", { className: "type-title-item", children: i("chat.transcript.speaker", { name: e.speaker }) }),
+                  P ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
                     "(",
-                    d("chat.transcript.lowConfidence"),
+                    i("chat.transcript.lowConfidence"),
                     ")"
                   ] }) : null
                 ] }),
@@ -248,9 +250,9 @@ const te = K(
                     dir: "auto",
                     className: [
                       "ds:block",
-                      C ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
+                      P ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
                     ].join(" "),
-                    children: /* @__PURE__ */ o(ee, { text: e.text, query: m })
+                    children: /* @__PURE__ */ o(ne, { text: e.text, query: m })
                   }
                 )
               ] })
@@ -259,10 +261,10 @@ const te = K(
           r
         );
       },
-      [c, b.language, a, m, d]
-    ), I = w(null);
-    _(L, () => I.current, []);
-    const E = x(
+      [c, b.language, a, m, i]
+    ), N = w(null), C = R();
+    H(M, () => N.current, []);
+    const K = x(
       () => ({
         getSelectedTurn: () => c >= 0 ? String(c) : null,
         focusTurn: (e) => {
@@ -288,57 +290,67 @@ const te = K(
       [c, t]
     );
     return D(
-      U,
-      E,
+      Y,
+      K,
       g.id
-    ), // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants
+    ), // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants
     /* @__PURE__ */ f(
-      "div",
+      "section",
       {
-        ref: I,
-        onKeyDown: $,
+        ref: N,
+        onKeyDown: F,
         "data-component": "transcript-panel",
         "data-component-id": g.id,
-        className: G({ size: u, className: p }),
+        "aria-labelledby": C,
+        className: Z({ size: u, className: p }),
         ...g,
         children: [
-          i ? /* @__PURE__ */ f("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border", children: [
-            /* @__PURE__ */ o(
-              H,
-              {
-                ref: T,
-                id: P,
-                placeholder: d("chat.transcript.search"),
-                "aria-label": d("chat.transcript.search"),
-                "aria-keyshortcuts": "Meta+F Control+F",
-                debounceMs: 150,
-                onChange: (e) => M(e),
-                size: "sm"
-              }
-            ),
-            m ? /* @__PURE__ */ o(
-              "span",
-              {
-                role: "status",
-                "aria-live": "polite",
-                className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums",
-                children: k === 0 ? d("chat.transcript.noMatches") : d("chat.transcript.matchCount", { count: k })
-              }
-            ) : null
-          ] }) : null,
+          /* @__PURE__ */ o(
+            G,
+            {
+              title: i("transcriptPanel.title"),
+              icon: /* @__PURE__ */ o(W, { "aria-hidden": "true" }),
+              headingId: C,
+              divider: !0,
+              filters: d ? /* @__PURE__ */ f(j, { children: [
+                /* @__PURE__ */ o(
+                  U,
+                  {
+                    ref: T,
+                    id: E,
+                    placeholder: i("chat.transcript.search"),
+                    "aria-label": i("chat.transcript.search"),
+                    "aria-keyshortcuts": "Meta+F Control+F",
+                    debounceMs: 150,
+                    onChange: (e) => $(e),
+                    size: "sm"
+                  }
+                ),
+                m ? /* @__PURE__ */ o(
+                  "span",
+                  {
+                    role: "status",
+                    "aria-live": "polite",
+                    className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums",
+                    children: k === 0 ? i("chat.transcript.noMatches") : i("chat.transcript.matchCount", { count: k })
+                  }
+                ) : null
+              ] }) : void 0
+            }
+          ),
           /* @__PURE__ */ o(
             "div",
             {
               ref: v,
               className: "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
-              children: N ? /* @__PURE__ */ o(
+              children: S ? /* @__PURE__ */ o(
                 "ol",
                 {
                   className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
                   style: { blockSize: `${y.getTotalSize()}px` },
                   children: y.getVirtualItems().map((e) => {
                     const r = t[e.index];
-                    return r ? S(r, e.index, {
+                    return r ? I(r, e.index, {
                       liRef: y.measureElement,
                       dataIndex: e.index,
                       style: { transform: `translateY(${e.start}px)` },
@@ -346,7 +358,7 @@ const te = K(
                     }) : null;
                   })
                 }
-              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => S(e, r)) })
+              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => I(e, r)) })
             }
           )
         ]
@@ -354,9 +366,9 @@ const te = K(
     );
   }
 );
-te.displayName = "TranscriptPanel";
+ae.displayName = "TranscriptPanel";
 export {
-  te as T,
-  U as t
+  ae as T,
+  Y as t
 };
-//# sourceMappingURL=transcript-panel-3THQX6nJ.js.map
+//# sourceMappingURL=transcript-panel-CHGHHHdT.js.map