@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/notification-tray-B7U5YZYg.js

@@ -1,328 +0,0 @@
-import { jsx as e, jsxs as d, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as te, useState as I, useCallback as V, useLayoutEffect as ae, useEffect as R, useRef as B } from "react";
-import * as f from "@radix-ui/react-popover";
-import { c as y } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { I as se } from "./icon-button-Wnnde5lc.js";
-import { B as L } from "./button-7mLWcMp_.js";
-import { S as P } from "./separator-B4wXDLNC.js";
-import { S as u } from "./skeleton-dtqyF09N.js";
-import { N as ie } from "./notification-card-BF2_veHy.js";
-import { c as ne } 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 oe = [
-  ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
-  [
-    "path",
-    {
-      d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
-      key: "11g9vi"
-    }
-  ]
-], A = ne("bell", oe), re = y("ds:relative ds:inline-flex ds:items-center", {
-  variants: {
-    size: {
-      sm: "",
-      md: ""
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), de = y(
-  [
-    "ds:flex ds:flex-col",
-    "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-    // Border kept (transparent) so the forced-colors override below can
-    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
-    // carries the edge cue.
-    "ds:border ds:border-transparent",
-    "ds:rounded-[var(--radius-md)]",
-    "ds:shadow-[var(--shadow-lg)]",
-    "ds:z-[var(--z-popover)]",
-    // Width: fluid below the design cap so narrow viewports keep a visible
-    // gutter on *both* sides of the panel (shadow included). The legacy
-    // `min-w` approach clamped at 20rem, which flush-mounted the panel
-    // against the inline-start viewport edge on phones.
-    "ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]",
-    // Height: below the `sm` breakpoint the panel takes a near-full-screen
-    // sheet shape so the user gets room to triage messages / notifications
-    // without scrolling a tiny popover. `6rem` reserves space for the
-    // Header (≈4rem) plus the sideOffset + collisionPadding (≈2rem).
-    // Above `sm` it returns to `h-auto` so the list's own
-    // `--*-tray-max-block-size` cap governs the height.
-    "ds:h-[calc(100dvh-6rem)] ds:sm:h-auto",
-    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
-    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
-    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
-    "ds:focus-visible:outline-none",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:p-[var(--spacing-xs)]",
-        md: "ds:p-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), ce = y(
-  [
-    // Anchored to the top-end corner of the trigger, nudged outward so
-    // the bell icon isn't covered.
-    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
-    "ds:inline-flex ds:items-center ds:justify-center",
-    // Circle at 1-2 digits; widens into a pill only for "99+".
-    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
-    "ds:rounded-[var(--radius-full)]",
-    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
-    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-    "ds:pointer-events-none ds:select-none",
-    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
-  ].join(" ")
-);
-function le(a, p) {
-  return a > 99 ? p : String(a);
-}
-function h() {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]",
-      children: [
-        /* @__PURE__ */ e(u, { variant: "circular", size: "sm" }),
-        /* @__PURE__ */ d("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ e(u, { variant: "text", size: "md", width: "70%" }),
-          /* @__PURE__ */ e(u, { variant: "text", size: "sm", width: "90%" }),
-          /* @__PURE__ */ e(u, { variant: "text", size: "sm", width: "30%" })
-        ] })
-      ]
-    }
-  );
-}
-function me() {
-  const { t: a } = E();
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      className: "ds:flex ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-lg)] ds:text-center",
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5",
-            children: /* @__PURE__ */ e(A, {})
-          }
-        ),
-        /* @__PURE__ */ e("p", { className: "type-title-item ds:text-[color:var(--foreground)]", children: a("ui.notificationTray.noNotifications", "No notifications") }),
-        /* @__PURE__ */ e("p", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: a(
-          "ui.notificationTray.noNotificationsDescription",
-          "You're all caught up."
-        ) })
-      ]
-    }
-  );
-}
-const fe = te(
-  ({
-    items: a,
-    unseenCount: p,
-    open: N,
-    onOpenChange: c,
-    onItemClick: D,
-    onDismiss: F,
-    onMarkAllRead: b,
-    loading: M = !1,
-    maxVisible: O,
-    viewAllLabel: w,
-    onViewAll: _,
-    align: W = "end",
-    side: Y = "bottom",
-    size: v = "md",
-    className: q,
-    ...G
-  }, H) => {
-    var k;
-    const { t: o } = E(), g = N !== void 0, [J, K] = I(!1), Q = g ? N : J, U = V(
-      (t) => {
-        g || K(t), c == null || c(t);
-      },
-      [g, c]
-    ), [l, T] = I(
-      () => a.map((t) => ({ item: t, leaving: !1 }))
-    ), z = V(() => {
-      if (typeof window > "u") return 200;
-      const t = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
-      if (!t) return 200;
-      const i = t.trim(), s = parseFloat(i);
-      return Number.isFinite(s) ? i.endsWith("ms") ? s : s * 1e3 : 200;
-    }, []);
-    ae(() => {
-      T((t) => {
-        const i = new Set(a.map((n) => n.id)), s = new Set(t.map((n) => n.item.id)), r = t.map((n) => {
-          if (i.has(n.item.id)) {
-            const j = a.find((ee) => ee.id === n.item.id);
-            return j ? { item: j, leaving: !1 } : { ...n, leaving: !0 };
-          }
-          return { ...n, leaving: !0 };
-        });
-        for (const n of a)
-          s.has(n.id) || r.push({ item: n, leaving: !1 });
-        return r;
-      });
-    }, [a]), R(() => {
-      if (!l.some((s) => s.leaving)) return;
-      const t = z(), i = setTimeout(() => {
-        T((s) => s.filter((r) => !r.leaving));
-      }, t);
-      return () => clearTimeout(i);
-    }, [l, z]);
-    const x = B(null), C = B((k = a[0]) == null ? void 0 : k.id);
-    R(() => {
-      var s;
-      const t = (s = a[0]) == null ? void 0 : s.id, i = C.current;
-      if (i && t && i !== t && x.current) {
-        const r = a[0];
-        r && !r.read && (x.current.textContent = o(
-          "ui.notificationTray.newNotification",
-          {
-            title: r.title,
-            defaultValue: "New notification: {{title}}"
-          }
-        ));
-      }
-      C.current = t;
-    }, [a, o]);
-    const m = p ?? 0, X = m > 0 ? o("ui.notificationTray.triggerLabel", {
-      count: m,
-      defaultValue: "Notifications, {{count}} unread"
-    }) : o(
-      "ui.notificationTray.triggerLabelNone",
-      "Notifications, none unread"
-    ), Z = le(
-      m,
-      o("ui.notificationTray.badgeCountOverflow", "99+")
-    ), $ = de({ size: v });
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: H,
-        "data-component": "notification-tray",
-        className: [re({ size: v }), q].filter(Boolean).join(" "),
-        ...G,
-        children: /* @__PURE__ */ d(f.Root, { open: Q, onOpenChange: U, children: [
-          /* @__PURE__ */ e(f.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-            se,
-            {
-              icon: /* @__PURE__ */ e(A, {}),
-              intent: "outline",
-              size: v === "sm" ? "sm" : "md",
-              "aria-label": X,
-              "aria-haspopup": "dialog"
-            }
-          ) }),
-          m > 0 ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-testid": "notification-tray-badge",
-              className: ce(),
-              children: Z
-            }
-          ) : null,
-          /* @__PURE__ */ e(
-            "div",
-            {
-              ref: x,
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              className: "ds:sr-only"
-            }
-          ),
-          /* @__PURE__ */ e(f.Portal, { children: /* @__PURE__ */ d(
-            f.Content,
-            {
-              role: "dialog",
-              "aria-label": o("ui.notificationTray.panelTitle", "Notifications"),
-              side: Y,
-              align: W,
-              sideOffset: 8,
-              collisionPadding: 16,
-              className: $,
-              children: [
-                /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]", children: [
-                  /* @__PURE__ */ e("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: o("ui.notificationTray.panelTitle", "Notifications") }),
-                  b && a.some((t) => !t.read) ? /* @__PURE__ */ e(
-                    L,
-                    {
-                      intent: "link",
-                      size: "sm",
-                      onClick: b,
-                      className: "ds:text-[length:var(--font-size-xs)]",
-                      children: o("ui.notificationTray.markAllRead", "Mark all as read")
-                    }
-                  ) : null
-                ] }),
-                /* @__PURE__ */ e(P, {}),
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    role: "list",
-                    "data-max-visible": O,
-                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]",
-                    children: M ? /* @__PURE__ */ d(S, { children: [
-                      /* @__PURE__ */ e(h, {}),
-                      /* @__PURE__ */ e(h, {}),
-                      /* @__PURE__ */ e(h, {})
-                    ] }) : l.length === 0 ? /* @__PURE__ */ e(me, {}) : l.map(({ item: t, leaving: i }) => /* @__PURE__ */ e(
-                      ie,
-                      {
-                        item: t,
-                        variant: "compact",
-                        leaving: i,
-                        onActivate: D,
-                        onDismiss: F
-                      },
-                      t.id
-                    ))
-                  }
-                ),
-                w ? /* @__PURE__ */ d(S, { children: [
-                  /* @__PURE__ */ e(P, {}),
-                  /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ e(
-                    L,
-                    {
-                      intent: "link",
-                      size: "sm",
-                      onClick: _,
-                      className: "ds:w-full ds:justify-center",
-                      children: w
-                    }
-                  ) })
-                ] }) : null
-              ]
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-);
-fe.displayName = "NotificationTray";
-export {
-  fe as N
-};
-//# sourceMappingURL=notification-tray-B7U5YZYg.js.map

package/dist/_chunks/number-input-DjpT_RXJ.js

@@ -1,249 +0,0 @@
-import { jsxs as le, jsx as I } from "react/jsx-runtime";
-import { useMemo as ce, forwardRef as fe, useState as B, useCallback as $, useRef as me, useEffect as pe } from "react";
-import { c as be } from "./index-D2ZczOXr.js";
-import { useTranslation as ve } from "react-i18next";
-import { u as ge } from "./form-field-context-94LwgYTQ.js";
-import { C as Ne } from "./chevron-down-BX_NP2Yh.js";
-import { C as he } from "./chevron-up-zOEDrmBB.js";
-function we(i) {
-  let r = "";
-  for (const a of i) {
-    const t = a.codePointAt(0);
-    t !== void 0 && (t >= 1632 && t <= 1641 ? r += String.fromCodePoint(48 + (t - 1632)) : t >= 1776 && t <= 1785 ? r += String.fromCodePoint(48 + (t - 1776)) : r += a);
-  }
-  return r;
-}
-function ye(i, r, a) {
-  return ce(() => {
-    var S, C;
-    const t = new Intl.NumberFormat(i).formatToParts(1234.5), d = ((S = t.find((u) => u.type === "decimal")) == null ? void 0 : S.value) ?? ".", F = ((C = t.find((u) => u.type === "group")) == null ? void 0 : C.value) ?? ",", c = r === "currency" ? new Intl.NumberFormat(i, {
-      style: "currency",
-      currency: a ?? "USD"
-    }) : r === "percentage" ? new Intl.NumberFormat(i, {
-      style: "percent",
-      maximumFractionDigits: 4
-    }) : r === "integer" ? new Intl.NumberFormat(i, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(i, { maximumFractionDigits: 10 }), T = (u) => Number.isFinite(u) ? c.format(u) : "", P = (u) => {
-      if (!u) return NaN;
-      const M = we(u), v = M.trim(), w = v.startsWith("-") || v.startsWith("−");
-      let l = "";
-      for (const g of M)
-        g >= "0" && g <= "9" ? l += g : g === d && (l += ".");
-      if (!l || l === ".") return NaN;
-      let f = Number(l);
-      return Number.isFinite(f) ? (w && (f = -f), r === "percentage" && (f = f / 100), f) : NaN;
-    };
-    let b = "decimal";
-    if (r === "integer")
-      b = "numeric";
-    else if (r === "currency")
-      try {
-        const { maximumFractionDigits: u } = new Intl.NumberFormat(i, {
-          style: "currency",
-          currency: a ?? "USD"
-        }).resolvedOptions();
-        b = u === 0 ? "numeric" : "decimal";
-      } catch {
-        b = "decimal";
-      }
-    return {
-      format: T,
-      parse: P,
-      decimalSeparator: d,
-      groupingSeparator: F,
-      inputMode: b
-    };
-  }, [i, r, a]);
-}
-const De = be(
-  [
-    "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-background ds:text-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
-    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
-      },
-      tone: {
-        default: "ds:border-border",
-        error: "ds:border-destructive ds:focus-within:outline-destructive"
-      }
-    },
-    defaultVariants: { size: "md", tone: "default" }
-  }
-), H = [
-  "ds:inline-flex ds:items-center ds:justify-center",
-  "ds:h-full ds:shrink-0",
-  "ds:text-muted-foreground ds:hover:text-foreground",
-  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-].join(" "), xe = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
-function Ie(i) {
-  if (!Number.isFinite(i)) return 0;
-  const r = String(i), a = r.indexOf(".");
-  return a === -1 ? 0 : r.length - a - 1;
-}
-function Fe(i, r) {
-  if (r <= 0 || !Number.isFinite(r)) return i;
-  const t = 10 ** Ie(r);
-  return Math.round(i * t) / t;
-}
-const Se = fe(
-  ({
-    value: i,
-    defaultValue: r,
-    onChange: a,
-    min: t,
-    max: d,
-    step: F = 1,
-    mode: c = "integer",
-    currency: T,
-    locale: P,
-    size: b = "md",
-    tone: S,
-    className: C,
-    id: u,
-    disabled: M,
-    onFocus: v,
-    onBlur: w,
-    onKeyDown: l,
-    ...f
-  }, g) => {
-    const { t: A } = ve(), y = ge(), G = u ?? y.id, z = !!(y.disabled || M), J = P ?? xe(), j = ye(J, c, T), { decimalSeparator: E, format: k, parse: L } = j, R = i !== void 0, [Q, X] = B(
-      r ?? null
-    ), s = R ? i ?? null : Q, U = $(
-      (e) => {
-        const n = c === "percentage" ? e * 100 : e;
-        return (Number.isInteger(n) ? String(n) : n.toString()).replace(".", E);
-      },
-      [c, E]
-    ), p = $(
-      (e) => e == null || Number.isNaN(e) ? "" : k(e),
-      [k]
-    ), [V, m] = B(
-      () => p(s)
-    ), D = me(!1), [Y, x] = B(!1);
-    pe(() => {
-      D.current || m(p(s));
-    }, [s, p]);
-    const Z = Y || s !== null && (t !== void 0 && s < t || d !== void 0 && s > d), q = y.invalid || Z, _ = q ? "error" : S ?? "default", N = (e) => {
-      R || X(e), a == null || a(e);
-    }, h = (e) => {
-      let o = (s ?? 0) + F * e;
-      t !== void 0 && (o = Math.max(t, o)), d !== void 0 && (o = Math.min(d, o)), o = Fe(o, F), N(o), x(!1), m(
-        D.current ? U(o) : p(o)
-      );
-    }, O = (e) => {
-      N(e), x(!1), m(
-        D.current ? U(e) : p(e)
-      );
-    }, K = (e) => {
-      if (l == null || l(e), e.defaultPrevented || z) return;
-      const { key: n, shiftKey: o } = e;
-      n === "ArrowUp" ? (e.preventDefault(), h(o ? 10 : 1)) : n === "ArrowDown" ? (e.preventDefault(), h(o ? -10 : -1)) : n === "PageUp" ? (e.preventDefault(), h(100)) : n === "PageDown" ? (e.preventDefault(), h(-100)) : n === "Home" && t !== void 0 ? (e.preventDefault(), O(t)) : n === "End" && d !== void 0 && (e.preventDefault(), O(d));
-    }, ee = (e) => {
-      const n = e.target.value;
-      if (m(n), n.trim() === "") {
-        N(null), x(!1);
-        return;
-      }
-      const o = L(n);
-      Number.isNaN(o) || N(o);
-    }, te = (e) => {
-      v == null || v(e), D.current = !0, s != null && m(U(s));
-    }, re = (e) => {
-      if (w == null || w(e), D.current = !1, V.trim() === "") {
-        N(null), x(!1), m("");
-        return;
-      }
-      const n = L(V);
-      if (Number.isNaN(n)) {
-        m(p(s));
-        return;
-      }
-      const o = t !== void 0 && n < t || d !== void 0 && n > d;
-      x(o), N(n), m(p(n));
-    }, W = (e) => {
-      e.preventDefault();
-    }, ne = () => h(1), se = () => h(-1), ie = z || t !== void 0 && s !== null && s <= t, oe = z || d !== void 0 && s !== null && s >= d, ae = s ?? void 0, de = (c === "currency" || c === "percentage") && s !== null && s !== null ? k(s) : void 0, ue = j.inputMode === "numeric" ? "[0-9]*" : void 0;
-    return /* @__PURE__ */ le(
-      "div",
-      {
-        className: De({
-          size: b,
-          tone: _,
-          className: C
-        }),
-        "data-component": "number-input",
-        "data-mode": c,
-        children: [
-          /* @__PURE__ */ I(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": A("ui.inputs.number.decrement", "Decrement"),
-              onClick: se,
-              onMouseDown: W,
-              disabled: ie,
-              className: `${H} ds:ps-2 ds:pe-1`,
-              children: /* @__PURE__ */ I(Ne, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ),
-          /* @__PURE__ */ I(
-            "input",
-            {
-              ref: g,
-              id: G,
-              type: "text",
-              role: "spinbutton",
-              inputMode: j.inputMode,
-              pattern: ue,
-              autoComplete: "off",
-              value: V,
-              disabled: z,
-              "aria-valuemin": t,
-              "aria-valuemax": d,
-              "aria-valuenow": ae,
-              "aria-valuetext": de,
-              "aria-invalid": q || void 0,
-              "aria-required": y.required || void 0,
-              "aria-describedby": y.describedBy || void 0,
-              onChange: ee,
-              onFocus: te,
-              onBlur: re,
-              onKeyDown: K,
-              className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
-              ...f
-            }
-          ),
-          /* @__PURE__ */ I(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": A("ui.inputs.number.increment", "Increment"),
-              onClick: ne,
-              onMouseDown: W,
-              disabled: oe,
-              className: `${H} ds:ps-1 ds:pe-2`,
-              children: /* @__PURE__ */ I(he, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Se.displayName = "NumberInput";
-export {
-  Se as N,
-  ye as u
-};
-//# sourceMappingURL=number-input-DjpT_RXJ.js.map