@alfadocs/ui-kit-debug 0.66.0 → 0.67.1

package/dist/_chunks/{tag-CdA0s_VV.js → tag-BQXwuJq1.js}

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as q, useRef as F, useState as E, useEffect as G } from "react";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as X, useRef as q, useState as E, useEffect as F } from "react";
 import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
+import { useTranslation as G } from "react-i18next";
 import { T as v } from "./tooltip-DvmfrNvB.js";
-import { X as J } from "./x-CCcI3eJp.js";
+import { X as H } from "./x-CCcI3eJp.js";
 const V = B(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
@@ -26,7 +26,10 @@ const V = B(
         brand: ""
       },
       fill: {
-        solid: "",
+        // Solid chips carry a subtle, theme-aware border (a low-opacity
+        // foreground mix) so they read as a defined chip on any surface, not a
+        // floating fill — works across every colour variant, light and dark.
+        solid: "ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]",
         outline: "ds:border ds:border-[color:var(--border)] ds:bg-transparent"
       },
       size: {
@@ -43,7 +46,7 @@ const V = B(
       {
         fill: "solid",
         variant: "neutral",
-        className: "ds:bg-muted/20 ds:text-muted-foreground"
+        className: "ds:bg-muted/20 ds:text-muted-foreground ds:border-[color:var(--border)]"
       },
       {
         fill: "solid",
@@ -74,7 +77,7 @@ const V = B(
       {
         fill: "outline",
         variant: "neutral",
-        className: "ds:border-muted ds:text-muted-foreground"
+        className: "ds:border-[color:var(--border)] ds:text-muted-foreground"
       },
       {
         fill: "outline",
@@ -108,7 +111,7 @@ const V = B(
       size: "md"
     }
   }
-), L = B(
+), J = B(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full",
     // Negative end margin keeps the button flush with the pill edge
@@ -129,48 +132,48 @@ const V = B(
     },
     defaultVariants: { size: "md" }
   }
-), M = q(
+), L = X(
   ({
     label: o,
     variant: g = "neutral",
     fill: p = "solid",
-    size: a = "md",
+    size: t = "md",
     leading: m,
-    onRemove: t,
+    onRemove: a,
     onClick: b,
-    disabled: e = !1,
+    disabled: r = !1,
     maxInlineSize: n = "none",
     className: h
   }, i) => {
-    const { t: w } = H(), y = F(null), [D, C] = E(!1), [O, R] = E("");
-    G(() => {
+    const { t: w } = G(), y = q(null), [D, C] = E(!1), [O, R] = E("");
+    F(() => {
       const s = y.current;
       if (!s || n === "none") return;
       const z = () => C(s.scrollWidth > s.clientWidth), j = new ResizeObserver(z);
       return j.observe(s), z(), () => j.disconnect();
     }, [n]);
     const W = (s) => {
-      (s.key === "Backspace" || s.key === "Delete") && t && !e && (s.preventDefault(), x(), setTimeout(t, 100));
+      (s.key === "Backspace" || s.key === "Delete") && a && !r && (s.preventDefault(), x(), setTimeout(a, 100));
     }, x = () => {
       R(w("tag.removed", { label: o }));
     }, K = () => {
-      !e && t && (x(), setTimeout(t, 100));
-    }, d = !!t, N = !!b && !d, T = V({
+      !r && a && (x(), setTimeout(a, 100));
+    }, d = !!a, N = !!b && !d, T = V({
       variant: g,
       fill: p,
-      size: a,
+      size: t,
       className: [
-        N && !e ? "ds:hover:brightness-90 ds:cursor-pointer" : "",
+        N && !r ? "ds:hover:brightness-90 ds:cursor-pointer" : "",
         h ?? ""
       ].filter(Boolean).join(" ")
-    }), l = m ? /* @__PURE__ */ r(
+    }), l = m ? /* @__PURE__ */ e(
       "span",
       {
         "aria-hidden": "true",
         className: "ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5",
         children: m
       }
-    ) : null, c = /* @__PURE__ */ r(
+    ) : null, c = /* @__PURE__ */ e(
       "span",
       {
         ref: y,
@@ -178,16 +181,16 @@ const V = B(
         style: n !== "none" ? { maxInlineSize: n } : void 0,
         children: o
       }
-    ), A = /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: O }), X = d ? /* @__PURE__ */ r(
+    ), _ = /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: O }), A = d ? /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         "aria-label": w("tag.remove", { label: o }),
         onClick: K,
-        disabled: e,
+        disabled: r,
         tabIndex: -1,
-        className: L({ size: a }),
-        children: /* @__PURE__ */ r(J, { "aria-hidden": "true" })
+        className: J({ size: t }),
+        children: /* @__PURE__ */ e(H, { "aria-hidden": "true" })
       }
     ) : null, u = n !== "none" && D;
     if (N) {
@@ -196,8 +199,8 @@ const V = B(
         {
           ref: i,
           type: "button",
-          onClick: e ? void 0 : b,
-          disabled: e,
+          onClick: r ? void 0 : b,
+          disabled: r,
           "data-component": "tag",
           className: T,
           children: [
@@ -206,7 +209,7 @@ const V = B(
           ]
         }
       );
-      return u ? /* @__PURE__ */ r(v, { label: o, children: s }) : s;
+      return u ? /* @__PURE__ */ e(v, { label: o, children: s }) : s;
     }
     if (d) {
       const s = (
@@ -217,39 +220,39 @@ const V = B(
             ref: i,
             role: "group",
             "aria-label": o,
-            tabIndex: e ? -1 : 0,
-            "aria-disabled": e || void 0,
+            tabIndex: r ? -1 : 0,
+            "aria-disabled": r || void 0,
             onKeyDown: W,
             "data-component": "tag",
             className: T,
             children: [
-              A,
+              _,
               l,
               c,
-              X
+              A
             ]
           }
         )
       );
-      return u ? /* @__PURE__ */ r(v, { label: o, children: s }) : s;
+      return u ? /* @__PURE__ */ e(v, { label: o, children: s }) : s;
     }
     const k = /* @__PURE__ */ f(
       "span",
       {
         ref: i,
         "data-component": "tag",
-        className: V({ variant: g, fill: p, size: a, className: h }),
+        className: V({ variant: g, fill: p, size: t, className: h }),
         children: [
           l,
           c
         ]
       }
     );
-    return u ? /* @__PURE__ */ r(v, { label: o, children: k }) : k;
+    return u ? /* @__PURE__ */ e(v, { label: o, children: k }) : k;
   }
 );
-M.displayName = "Tag";
+L.displayName = "Tag";
 export {
-  M as T
+  L as T
 };
-//# sourceMappingURL=tag-CdA0s_VV.js.map
+//# sourceMappingURL=tag-BQXwuJq1.js.map

package/dist/_chunks/tag-BQXwuJq1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-BQXwuJq1.js","sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useEffect, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* CVA — tag pill                                                       */\n/* ------------------------------------------------------------------ */\n\nconst tagVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-full)]',\n    'type-eyebrow ds:whitespace-nowrap',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        neutral: '',\n        info: '',\n        success: '',\n        warning: '',\n        error: '',\n        brand: '',\n      },\n      fill: {\n        // Solid chips carry a subtle, theme-aware border (a low-opacity\n        // foreground mix) so they read as a defined chip on any surface, not a\n        // floating fill — works across every colour variant, light and dark.\n        solid:\n          'ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]',\n        outline: 'ds:border ds:border-[color:var(--border)] ds:bg-transparent',\n      },\n      size: {\n        // Symmetric start/end padding — close button uses negative margin to stay flush.\n        // Size is the only eyebrow-role axis that varies per Tag size; weight, transform,\n        // tracking, line-height, and features all come from `.type-eyebrow` on the base.\n        sm: 'ds:h-[calc(var(--spacing)*4)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-[calc(var(--spacing)*5)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-[calc(var(--spacing)*6)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n    },\n    compoundVariants: [\n      // Solid fills — foreground tokens adapt per theme\n      {\n        fill: 'solid',\n        variant: 'neutral',\n        className:\n          'ds:bg-muted/20 ds:text-muted-foreground ds:border-[color:var(--border)]',\n      },\n      {\n        fill: 'solid',\n        variant: 'info',\n        className: 'ds:bg-info ds:text-[color:var(--info-solid-foreground)]',\n      },\n      {\n        fill: 'solid',\n        variant: 'success',\n        className:\n          'ds:bg-success ds:text-[color:var(--success-solid-foreground)]',\n      },\n      {\n        fill: 'solid',\n        variant: 'warning',\n        className: 'ds:bg-warning ds:text-foreground',\n      },\n      {\n        fill: 'solid',\n        variant: 'error',\n        className: 'ds:bg-destructive ds:text-destructive-foreground',\n      },\n      {\n        fill: 'solid',\n        variant: 'brand',\n        className: 'ds:bg-primary ds:text-primary-foreground',\n      },\n      // Outline fills\n      {\n        fill: 'outline',\n        variant: 'neutral',\n        className: 'ds:border-[color:var(--border)] ds:text-muted-foreground',\n      },\n      {\n        fill: 'outline',\n        variant: 'info',\n        className: 'ds:border-info ds:text-[var(--info-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'success',\n        className: 'ds:border-success ds:text-[var(--success-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'warning',\n        className: 'ds:border-warning ds:text-[var(--warning-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'error',\n        className: 'ds:border-destructive ds:text-[var(--error-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'brand',\n        className: 'ds:border-primary ds:text-primary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'neutral',\n      fill: 'solid',\n      size: 'md',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — close button                                                   */\n/* ------------------------------------------------------------------ */\n\nconst closeButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full',\n    // Negative end margin keeps the button flush with the pill edge\n    'ds:-me-[var(--spacing-xs)]',\n    'ds:hover:bg-foreground/10',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-1 ds:[&>svg]:size-3',\n        md: 'ds:p-1 ds:[&>svg]:size-3.5',\n        lg: 'ds:p-1.5 ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* TagProps                                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface TagProps {\n  /** The visible label text */\n  label: string;\n  /** Semantic colour variant */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'brand';\n  /** Visual fill style */\n  fill?: 'solid' | 'outline';\n  /** Size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Leading slot — icon element or dot */\n  leading?: ReactNode;\n  /** Called when the tag is removed (enables close button + Backspace/Delete) */\n  onRemove?: () => void;\n  /** Called when the tag is clicked (non-removable interactive tag) */\n  onClick?: () => void;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Max inline size before truncation with tooltip — default 'none' */\n  maxInlineSize?: string | 'none';\n  /** Additional class names */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Tag                                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const Tag = forwardRef<HTMLElement, TagProps>(\n  (\n    {\n      label,\n      variant = 'neutral',\n      fill = 'solid',\n      size = 'md',\n      leading,\n      onRemove,\n      onClick,\n      disabled = false,\n      maxInlineSize = 'none',\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const [isOverflowing, setIsOverflowing] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    useEffect(() => {\n      const el = labelRef.current;\n      if (!el || maxInlineSize === 'none') return;\n\n      const check = () => setIsOverflowing(el.scrollWidth > el.clientWidth);\n      const observer = new ResizeObserver(check);\n      observer.observe(el);\n      check();\n      return () => observer.disconnect();\n    }, [maxInlineSize]);\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        onRemove &&\n        !disabled\n      ) {\n        e.preventDefault();\n        announce();\n        // Delay gives the live region one render cycle before unmount\n        setTimeout(onRemove, 100);\n      }\n    };\n\n    const announce = () => {\n      setAnnouncement(t('tag.removed', { label }));\n    };\n\n    const handleRemove = () => {\n      if (!disabled && onRemove) {\n        announce();\n        setTimeout(onRemove, 100);\n      }\n    };\n\n    const isRemovable = !!onRemove;\n    const isClickable = !!onClick && !isRemovable;\n\n    const rootClasses = tagVariants({\n      variant,\n      fill,\n      size,\n      className: [\n        isClickable && !disabled\n          ? 'ds:hover:brightness-90 ds:cursor-pointer'\n          : '',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    const leadingEl = leading ? (\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5\"\n      >\n        {leading}\n      </span>\n    ) : null;\n\n    // Consumer-controlled layout constraint — not a design token.\n    // maxInlineSize is an arbitrary caller-supplied value that cannot be expressed\n    // as a static Tailwind class; the style prop is the only cross-browser option.\n    const labelEl = (\n      <span\n        ref={labelRef}\n        className={\n          maxInlineSize !== 'none'\n            ? 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap'\n            : undefined\n        }\n        // eslint-disable-next-line react/forbid-dom-props -- caller-supplied maxInlineSize, runtime-computed\n        style={maxInlineSize !== 'none' ? { maxInlineSize } : undefined}\n      >\n        {label}\n      </span>\n    );\n\n    // Live region — only for removable tags; must be a sibling outside the button.\n    const liveRegion = (\n      <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n        {announcement}\n      </span>\n    );\n\n    const closeButton = isRemovable ? (\n      <button\n        type=\"button\"\n        aria-label={t('tag.remove', { label })}\n        onClick={handleRemove}\n        disabled={disabled}\n        // Intentionally excluded from tab order: Backspace/Delete on the focused\n        // group element provides the same keyboard action.\n        tabIndex={-1}\n        className={closeButtonVariants({ size })}\n      >\n        <X aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const shouldWrapTooltip = maxInlineSize !== 'none' && isOverflowing;\n\n    // Clickable tag — renders as <button>; live region is a sibling, not inside button\n    if (isClickable) {\n      const tagEl = (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          onClick={!disabled ? onClick : undefined}\n          disabled={disabled}\n          data-component=\"tag\"\n          className={rootClasses}\n        >\n          {leadingEl}\n          {labelEl}\n        </button>\n      );\n      return shouldWrapTooltip ? (\n        <Tooltip label={label}>{tagEl}</Tooltip>\n      ) : (\n        tagEl\n      );\n    }\n\n    // Removable tag — focusable <span> with embedded close button\n    if (isRemovable) {\n      const tagEl = (\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- removable tag is focusable as a group; Backspace/Delete keyboard removal handled via onKeyDown\n        <span\n          ref={ref as React.Ref<HTMLSpanElement>}\n          role=\"group\"\n          aria-label={label}\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n          data-component=\"tag\"\n          className={rootClasses}\n        >\n          {liveRegion}\n          {leadingEl}\n          {labelEl}\n          {closeButton}\n        </span>\n      );\n      return shouldWrapTooltip ? (\n        <Tooltip label={label}>{tagEl}</Tooltip>\n      ) : (\n        tagEl\n      );\n    }\n\n    // Decorative tag — plain <span>, no interactive role\n    const tagEl = (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        data-component=\"tag\"\n        className={tagVariants({ variant, fill, size, className })}\n      >\n        {leadingEl}\n        {labelEl}\n      </span>\n    );\n    return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n  },\n);\n\nTag.displayName = 'Tag';\n"],"names":["tagVariants","cva","closeButtonVariants","Tag","forwardRef","label","variant","fill","size","leading","onRemove","onClick","disabled","maxInlineSize","className","ref","t","useTranslation","labelRef","useRef","isOverflowing","setIsOverflowing","useState","announcement","setAnnouncement","useEffect","el","check","observer","handleKeyDown","e","announce","handleRemove","isRemovable","isClickable","rootClasses","leadingEl","jsx","labelEl","liveRegion","closeButton","X","shouldWrapTooltip","tagEl","jsxs","Tooltip"],"mappings":"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"}

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

@@ -65,15 +65,15 @@ const L = [
         // Text uses the deeper `*-foreground` token (matching Badge / Tag) so
         // small chip text clears WCAG AA (4.5:1) against the 10% tinted
         // background. The surface and border use the lighter alias.
-        debt: "ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-destructive/20",
-        credit: "ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20",
+        debt: "ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-[color:var(--error-foreground)]",
+        credit: "ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-[color:var(--success-foreground)]",
         // The orange "to-invoice" tint has no kit-wide semantic alias — see
         // src/tokens/index.css §Transaction-chip-scoped tokens. The component
         // owns the alias because the customer-anchored "Da fatturare" orange
         // 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-transaction-chip-to-invoice/20",
-        "to-deliver": "ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20",
-        settled: "ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40"
+        "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)]"
       },
       size: {
         // Heights tuned for table-cell density (sm), default app surfaces (md),
@@ -101,39 +101,42 @@ const L = [
       { state: "settled", class: "ds:font-medium" }
     ]
   }
-), j = c(
-  "ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100",
-  {
-    variants: {
-      size: {
-        sm: "ds:[&>svg]:size-3",
-        md: "ds:[&>svg]:size-3.5",
-        lg: "ds:[&>svg]:size-4"
-      }
+), j = c("ds:shrink-0 ds:[&>svg]:block", {
+  variants: {
+    size: {
+      sm: "ds:[&>svg]:size-3",
+      md: "ds:[&>svg]:size-3.5",
+      lg: "ds:[&>svg]:size-4"
     },
-    defaultVariants: { size: "md" }
-  }
-), G = T(
+    // Only the direction-encoded debt/credit arrows flip in RTL; the
+    // non-directional glyphs (FileText, CalendarClock, Check) must not mirror.
+    directional: {
+      true: "ds:rtl:[&>svg]:-scale-x-100",
+      false: ""
+    }
+  },
+  defaultVariants: { size: "md", directional: !1 }
+}), G = T(
   ({
     state: e,
-    amount: m,
-    currency: t = D,
-    locale: v,
-    size: r = "md",
-    showLabel: f = !1,
-    className: p,
-    "aria-label": u,
+    amount: v,
+    currency: r = D,
+    locale: f,
+    size: t = "md",
+    showLabel: m = !1,
+    className: u,
+    "aria-label": p,
     ...g
   }, b) => {
-    const { t: o, i18n: h } = C(), a = v ?? h.language ?? "en", x = F[e], i = M[e], n = Math.abs(m), y = new Intl.NumberFormat(a, {
+    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, {
       style: "currency",
-      currency: t,
+      currency: r,
       signDisplay: "never"
     }).format(n), d = o(`financial.state.${S[e]}`), w = new Intl.NumberFormat(a, {
       style: "currency",
-      currency: t,
+      currency: r,
       signDisplay: e === "debt" ? "always" : "auto"
-    }).format(n * V[e]), z = u ?? o("financial.aria.label", {
+    }).format(n * V[e]), z = p ?? o("financial.aria.label", {
       state: d,
       amount: w
     });
@@ -147,14 +150,24 @@ const L = [
         "data-state": e,
         className: U({
           state: e,
-          size: r,
+          size: t,
           bold: e !== "settled",
-          className: p
+          className: u
         }),
         ...g,
         children: [
-          /* @__PURE__ */ s("span", { "aria-hidden": "true", className: j({ size: r }), children: /* @__PURE__ */ s(x, {}) }),
-          f && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: d }),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: j({
+                size: t,
+                directional: e === "debt" || e === "credit"
+              }),
+              children: /* @__PURE__ */ s(x, {})
+            }
+          ),
+          m && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: d }),
           i && /* @__PURE__ */ s(
             "span",
             {
@@ -182,4 +195,4 @@ export {
   G as T,
   R as a
 };
-//# sourceMappingURL=transaction-chip-BZCa6XDn.js.map
+//# sourceMappingURL=transaction-chip-DK84XCBU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-chip-DK84XCBU.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-down-left.js","../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.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","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-[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      },\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('ds:shrink-0 ds:[&>svg]:block', {\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    // 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","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":";;;;;;;;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,GCY5DI,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmD;AAAA,EACvD,MAAMJ;AAAA,EACN,QAAQE;AAAA,EACR,cAAcG;AAAA,EACd,cAAcC;AAAA,EACd,SAASC;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,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,EAAI,gCAAgC;AAAA,EAC9D,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA;AAAA;AAAA,IAIN,aAAa;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB,EAAE,MAAM,MAAM,aAAa,GAAA;AAC9C,CAAC,GAiCYE,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,IAAY1B,EAAWY,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,mBAAmBvB,EAAUa,CAAK,CAAC,EAAE,GACpDmB,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,wBAAwB;AAAA,MACxB,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;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAWzB,EAAoB;AAAA,gBAC7B,MAAAO;AAAA,gBACA,aAAaJ,MAAU,UAAUA,MAAU;AAAA,cAAA,CAC5C;AAAA,cAED,4BAACc,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZT,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]}

package/dist/_chunks/{workflow-map-Bt4Of5dT.js → workflow-map-JAZryZJr.js}

@@ -3,7 +3,7 @@ import { forwardRef as H, useMemo as q, useRef as z, useCallback as F, useState
 import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as M } from "react-i18next";
 import { C } from "./card-DPmk26CL.js";
-import { B as ye } from "./badge-zsf5i5bH.js";
+import { B as ye } from "./badge-CqGsX32l.js";
 import { a as Z } from "./key-value-pair-BrgbMfbF.js";
 import { T as xe } from "./timestamp-BV2lC-wV.js";
 import { I as S } from "./icon-button-LqoiKcUN.js";
@@ -1354,4 +1354,4 @@ export {
   ee as r,
   L as w
 };
-//# sourceMappingURL=workflow-map-Bt4Of5dT.js.map
+//# sourceMappingURL=workflow-map-JAZryZJr.js.map