@alfadocs/ui-kit-debug 0.2.1 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"transaction-chip-DE6DITun.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/calendar-clock.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  [\"path\", { d: \"M16 14v2.2l1.6 1\", key: \"fo4ql5\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n];\nconst CalendarClock = createLucideIcon(\"calendar-clock\", __iconNode);\n\nexport { __iconNode, CalendarClock as default };\n//# sourceMappingURL=calendar-clock.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  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\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};\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};\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};\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};\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:\n          'ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-destructive/20',\n        credit:\n          'ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20',\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-transaction-chip-to-invoice/20',\n        'to-deliver':\n          'ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20',\n        settled:\n          'ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40',\n      },\n      size: {\n        // Heights tuned for table-cell density (sm), default app surfaces (md),\n        // and header / summary cards (lg). `--type-eyebrow-size` flows into the\n        // optional label span, keeping its typography in step with the chip.\n        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)]',\n        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)]',\n        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)]',\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(\n  'ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100',\n  {\n    variants: {\n      size: {\n        sm: 'ds:[&>svg]:size-3',\n        md: 'ds:[&>svg]:size-3.5',\n        lg: 'ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface TransactionChipProps\n  extends 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<HTMLSpanElement, TransactionChipProps>(\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(`ui.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('ui.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 aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\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","CalendarClock","STATE_KEY","STATE_ICON","FileText","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":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMC,IAAgBC,EAAiB,mBAAmBF,CAAU;ACbpE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMG,IAAeD,EAAiB,kBAAkBF,CAAU;ACblE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,oBAAoB,KAAK,SAAQ,CAAE;AAAA,EACjD,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,gEAAgE,KAAK,SAAQ,CAAE;AAAA,EAC7F,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMI,IAAgBF,EAAiB,kBAAkBF,CAAU,GCQ7DK,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmD;AAAA,EACvD,MAAML;AAAA,EACN,QAAQE;AAAA,EACR,cAAcI;AAAA,EACd,cAAcH;AAAA,EACd,SAASI;AACX,GAIMC,IAAuD;AAAA,EAC3D,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAKMC,IAAoD;AAAA,EACxD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmB,OAMnBC,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA;AAAA;AAAA;AAAA,QAIL,MACE;AAAA,QACF,QACE;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF,cACE;AAAA,QACF,cACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA;AAAA;AAAA;AAAA,QAIJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA;AAAA,QAEJ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,kBAAkB;AAAA;AAAA;AAAA;AAAA,MAIhB,EAAE,OAAO,WAAW,OAAO,iBAAA;AAAA,IAAiB;AAAA,EAC9C;AAEJ,GAUMC,IAAsBD;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAgCaE,IAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAWR;AAAA,IACX,QAAAS;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAeV,KAAUQ,EAAK,YAAY,MAE1CG,IAAYzB,EAAWW,CAAK,GAC5Be,IAAOvB,EAAWQ,CAAK,GACvBgB,IAAY,KAAK,IAAIf,CAAM,GAI3BgB,IAAkB,IAAI,KAAK,aAAaJ,GAAc;AAAA,MAC1D,OAAO;AAAA,MACP,UAAAX;AAAA,MACA,aAAa;AAAA,IAAA,CACd,EAAE,OAAOc,CAAS,GAKbE,IAAaR,EAAE,sBAAsBtB,EAAUY,CAAK,CAAC,EAAE,GACvDmB,IAAoB,IAAI,KAAK,aAAaN,GAAc;AAAA,MAC5D,OAAO;AAAA,MACP,UAAAX;AAAA,MACA,aAAaF,MAAU,SAAS,WAAW;AAAA,IAAA,CAC5C,EAAE,OAAOgB,IAAYvB,EAAgBO,CAAK,CAAC,GACtCoB,IACJb,KACAG,EAAE,2BAA2B;AAAA,MAC3B,OAAOQ;AAAA,MACP,QAAQC;AAAA,IAAA,CACT;AAEH,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,cAAYW;AAAA,QACZ,kBAAe;AAAA,QACf,cAAYpB;AAAA,QACZ,WAAWL,EAAa;AAAA,UACtB,OAAAK;AAAA,UACA,MAAAI;AAAA,UACA,MAAMJ,MAAU;AAAA,UAChB,WAAAM;AAAA,QAAA,CACD;AAAA,QACA,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAc,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWzB,EAAoB,EAAE,MAAAO,EAAA,CAAM,GAC9D,UAAA,gBAAAkB,EAACR,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,UACCT,KACC,gBAAAiB,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,gBAChC,UAAAJ,GACH;AAAA,UAEDH,KACC,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAL;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAnB,EAAgB,cAAc;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"transaction-chip-DE6DITun.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/calendar-clock.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  [\"path\", { d: \"M16 14v2.2l1.6 1\", key: \"fo4ql5\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n];\nconst CalendarClock = createLucideIcon(\"calendar-clock\", __iconNode);\n\nexport { __iconNode, CalendarClock as default };\n//# sourceMappingURL=calendar-clock.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  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\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};\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};\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};\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};\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-destructive/20',\n        credit:\n          'ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20',\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-transaction-chip-to-invoice/20',\n        'to-deliver':\n          'ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20',\n        settled: 'ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40',\n      },\n      size: {\n        // Heights tuned for table-cell density (sm), default app surfaces (md),\n        // and header / summary cards (lg). `--type-eyebrow-size` flows into the\n        // optional label span, keeping its typography in step with the chip.\n        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)]',\n        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)]',\n        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)]',\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(\n  'ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100',\n  {\n    variants: {\n      size: {\n        sm: 'ds:[&>svg]:size-3',\n        md: 'ds:[&>svg]:size-3.5',\n        lg: 'ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\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(`ui.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('ui.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 aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\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","CalendarClock","STATE_KEY","STATE_ICON","FileText","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":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMC,IAAgBC,EAAiB,mBAAmBF,CAAU;ACbpE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMG,IAAeD,EAAiB,kBAAkBF,CAAU;ACblE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,oBAAoB,KAAK,SAAQ,CAAE;AAAA,EACjD,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,gEAAgE,KAAK,SAAQ,CAAE;AAAA,EAC7F,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMI,IAAgBF,EAAiB,kBAAkBF,CAAU,GCQ7DK,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmD;AAAA,EACvD,MAAML;AAAA,EACN,QAAQE;AAAA,EACR,cAAcI;AAAA,EACd,cAAcH;AAAA,EACd,SAASI;AACX,GAIMC,IAAuD;AAAA,EAC3D,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAKMC,IAAoD;AAAA,EACxD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmB,OAMnBC,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA;AAAA;AAAA;AAAA,QAIL,MAAM;AAAA,QACN,QACE;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF,cACE;AAAA,QACF,cACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA;AAAA;AAAA;AAAA,QAIJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA;AAAA,QAEJ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,kBAAkB;AAAA;AAAA;AAAA;AAAA,MAIhB,EAAE,OAAO,WAAW,OAAO,iBAAA;AAAA,IAAiB;AAAA,EAC9C;AAEJ,GAUMC,IAAsBD;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAiCaE,IAAkBC;AAAA,EAI7B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAWR;AAAA,IACX,QAAAS;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAeV,KAAUQ,EAAK,YAAY,MAE1CG,IAAYzB,EAAWW,CAAK,GAC5Be,IAAOvB,EAAWQ,CAAK,GACvBgB,IAAY,KAAK,IAAIf,CAAM,GAI3BgB,IAAkB,IAAI,KAAK,aAAaJ,GAAc;AAAA,MAC1D,OAAO;AAAA,MACP,UAAAX;AAAA,MACA,aAAa;AAAA,IAAA,CACd,EAAE,OAAOc,CAAS,GAKbE,IAAaR,EAAE,sBAAsBtB,EAAUY,CAAK,CAAC,EAAE,GACvDmB,IAAoB,IAAI,KAAK,aAAaN,GAAc;AAAA,MAC5D,OAAO;AAAA,MACP,UAAAX;AAAA,MACA,aAAaF,MAAU,SAAS,WAAW;AAAA,IAAA,CAC5C,EAAE,OAAOgB,IAAYvB,EAAgBO,CAAK,CAAC,GACtCoB,IACJb,KACAG,EAAE,2BAA2B;AAAA,MAC3B,OAAOQ;AAAA,MACP,QAAQC;AAAA,IAAA,CACT;AAEH,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,cAAYW;AAAA,QACZ,kBAAe;AAAA,QACf,cAAYpB;AAAA,QACZ,WAAWL,EAAa;AAAA,UACtB,OAAAK;AAAA,UACA,MAAAI;AAAA,UACA,MAAMJ,MAAU;AAAA,UAChB,WAAAM;AAAA,QAAA,CACD;AAAA,QACA,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAc,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWzB,EAAoB,EAAE,MAAAO,EAAA,CAAM,GAC9D,UAAA,gBAAAkB,EAACR,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,UACCT,KACC,gBAAAiB,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,gBAChC,UAAAJ,GACH;AAAA,UAEDH,KACC,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAL;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAnB,EAAgB,cAAc;","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/{workflow-map-C-nlogPC.js → workflow-map-Bi5liGzo.js}

@@ -12,7 +12,7 @@ import { C as Ne } from "./circle-BkqTgYmt.js";
 import { u as Ce } from "./registry-C9nwlNyL.js";
 import { A as V } from "./alert-B1sj8Ss0.js";
 import { B as _e } from "./button-DD_0Xdmr.js";
-import { D as N } from "./dropdown-menu-CpiF6CPz.js";
+import { D as N } from "./dropdown-menu-dyV7gHh_.js";
 import { E } from "./empty-state-3CLJIXSj.js";
 import { P as ae } from "./plus-CYKNmfuA.js";
 import { G as ne } from "./globe-BkEFMNSg.js";
@@ -1412,4 +1412,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-C-nlogPC.js.map
+//# sourceMappingURL=workflow-map-Bi5liGzo.js.map