@alfadocs/ui-kit 0.65.0 → 0.67.0

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/{transaction-chip-BZCa6XDn.js → transaction-chip-BrW8P50O.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),
@@ -116,24 +116,24 @@ const L = [
 ), G = T(
   ({
     state: e,
-    amount: m,
-    currency: t = D,
-    locale: v,
-    size: r = "md",
+    amount: v,
+    currency: r = D,
+    locale: m,
+    size: t = "md",
     showLabel: f = !1,
-    className: p,
-    "aria-label": u,
+    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 = m ?? 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,13 +147,13 @@ 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, {}) }),
+          /* @__PURE__ */ s("span", { "aria-hidden": "true", className: j({ size: t }), children: /* @__PURE__ */ s(x, {}) }),
           f && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: d }),
           i && /* @__PURE__ */ s(
             "span",
@@ -182,4 +182,4 @@ export {
   G as T,
   R as a
 };
-//# sourceMappingURL=transaction-chip-BZCa6XDn.js.map
+//# sourceMappingURL=transaction-chip-BrW8P50O.js.map

package/dist/_chunks/trash-2-rPAKaRgB.js

@@ -0,0 +1,18 @@
+import { c as a } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], o = a("trash-2", t);
+export {
+  o as T
+};
+//# sourceMappingURL=trash-2-rPAKaRgB.js.map

package/dist/_chunks/{unit-converter-CHN2cZ4b.js → unit-converter-C1V3ACM9.js}

@@ -5,7 +5,7 @@ import { useTranslation as j } from "react-i18next";
 import { F as v } from "./form-field-BOm9hK35.js";
 import { N as B } from "./number-input-Dj5L3pXK.js";
 import { S as C } from "./select-CEtRcon5.js";
-import { I as L } from "./insert-result-DIAG3ltJ.js";
+import { I as L } from "./insert-result-njqBthzT.js";
 const _ = {
   // weight → base kg
   kg: { id: "kg", category: "weight", factor: 1, offset: 0 },
@@ -193,4 +193,4 @@ export {
   P as b,
   K as c
 };
-//# sourceMappingURL=unit-converter-CHN2cZ4b.js.map
+//# sourceMappingURL=unit-converter-C1V3ACM9.js.map