@alfadocs/ui-kit 0.69.0 → 0.70.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/use-clamp-overflow-DQE2kwZ9.js

@@ -0,0 +1,20 @@
+import { useRef as i, useState as u } from "react";
+import { u as c } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+function m(r) {
+  const s = i(null), [f, t] = u(!1);
+  return c(() => {
+    const e = s.current;
+    if (!e || !r) {
+      t(!1);
+      return;
+    }
+    const o = () => t(e.scrollHeight - e.clientHeight > 1);
+    if (o(), typeof ResizeObserver > "u") return;
+    const n = new ResizeObserver(o);
+    return n.observe(e), () => n.disconnect();
+  }, [r]), { ref: s, isOverflowing: f };
+}
+export {
+  m as u
+};
+//# sourceMappingURL=use-clamp-overflow-DQE2kwZ9.js.map

package/dist/_chunks/use-overflow-collapse-BIOzKbni.js

@@ -0,0 +1,32 @@
+import { useRef as a, useState as m, useCallback as O } from "react";
+import { u as h } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+function b(r = !0) {
+  const u = a(null), [e, v] = m(null), R = O(
+    (t) => {
+      r && v(t);
+    },
+    [r]
+  ), [d, c] = m(!1), o = a(null);
+  return h(() => {
+    if (!r) {
+      o.current = null, c((n) => n && !1);
+      return;
+    }
+    const t = u.current;
+    if (!t) return;
+    const i = () => {
+      e && (o.current = e.scrollWidth);
+      const n = o.current;
+      if (n == null) return;
+      const f = n - t.clientWidth > 1;
+      c((l) => l === f ? l : f);
+    };
+    if (i(), typeof ResizeObserver > "u") return;
+    const s = new ResizeObserver(i);
+    return s.observe(t), e && s.observe(e), () => s.disconnect();
+  }, [r, e]), { containerRef: u, contentRef: R, isOverflowing: d };
+}
+export {
+  b as u
+};
+//# sourceMappingURL=use-overflow-collapse-BIOzKbni.js.map

package/dist/_chunks/use-persistent-state-nZwZAnE9.js

@@ -0,0 +1,24 @@
+import { useState as d, useEffect as o } from "react";
+function a(t, e, r) {
+  const f = (r == null ? void 0 : r.disabled) ?? !1, [u, c] = d(() => {
+    if (f || typeof window > "u")
+      return typeof e == "function" ? e() : e;
+    try {
+      const n = window.localStorage.getItem(t);
+      if (n !== null) return JSON.parse(n);
+    } catch {
+    }
+    return typeof e == "function" ? e() : e;
+  });
+  return o(() => {
+    if (!(f || typeof window > "u"))
+      try {
+        window.localStorage.setItem(t, JSON.stringify(u));
+      } catch {
+      }
+  }, [f, t, u]), [u, c];
+}
+export {
+  a as u
+};
+//# sourceMappingURL=use-persistent-state-nZwZAnE9.js.map