@alfadocs/ui-kit 1.42.0 → 1.44.0

package/dist/_chunks/tab-bar-rDkLiaA6.js

@@ -1,268 +0,0 @@
-import { jsx as a, jsxs as v, Fragment as S } from "react/jsx-runtime";
-import { useRef as V, useState as F, useCallback as O, forwardRef as D, Fragment as M } from "react";
-import { c as C } from "./index-D2ZczOXr.js";
-import { useTranslation as L } from "react-i18next";
-import { B as W } from "./badge-BudgzTe_.js";
-import { D as b } from "./dropdown-menu-DU-Hrf33.js";
-import { u as P } from "./use-media-query-CcAx5SMM.js";
-import { u as I } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Q } from "./use-overflow-collapse-BIOzKbni.js";
-import { C as q } from "./chevron-down-DWE7GSq9.js";
-import { C as G } from "./check-DrFSN__t.js";
-import { C as H } from "./chevron-left-B8cOyH-V.js";
-import { C as J } from "./chevron-right-I9AeSxH2.js";
-function K(d = !0) {
-  const c = V(null), [u, o] = F({ start: !1, end: !1 });
-  I(() => {
-    const r = c.current;
-    if (!r || !d) {
-      o(
-        (t) => t.start || t.end ? { start: !1, end: !1 } : t
-      );
-      return;
-    }
-    const e = () => {
-      const t = Math.abs(r.scrollLeft), f = r.scrollWidth - r.clientWidth, i = t > 1, m = f - t > 1;
-      o(
-        (p) => p.start === i && p.end === m ? p : { start: i, end: m }
-      );
-    };
-    e(), r.addEventListener("scroll", e, { passive: !0 });
-    let n;
-    return typeof ResizeObserver < "u" && (n = new ResizeObserver(e), n.observe(r), r.firstElementChild && n.observe(r.firstElementChild)), () => {
-      r.removeEventListener("scroll", e), n == null || n.disconnect();
-    };
-  }, [d]);
-  const g = O((r) => {
-    var i;
-    const e = c.current;
-    if (!e || typeof window > "u") return;
-    const n = window.getComputedStyle(e).direction === "rtl", t = (i = window.matchMedia) == null ? void 0 : i.call(
-      window,
-      "(prefers-reduced-motion: reduce)"
-    ).matches, f = e.clientWidth * 0.85 * r * (n ? -1 : 1);
-    e.scrollBy({ left: f, behavior: t ? "auto" : "smooth" });
-  }, []);
-  return {
-    ref: c,
-    canScrollStart: u.start,
-    canScrollEnd: u.end,
-    scrollByPage: g
-  };
-}
-function U(d) {
-  return d > 99 ? "99+" : String(d);
-}
-const X = C("ds:shrink-0", {
-  variants: {
-    position: {
-      top: "ds:pt-[var(--spacing-md)]",
-      bottom: "ds:pb-[var(--spacing-md)]"
-    },
-    fill: {
-      false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-      true: ""
-    }
-  },
-  defaultVariants: { position: "top", fill: !1 }
-}), Y = "ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]", Z = [
-  "ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]",
-  "ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]",
-  "ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]",
-  "ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]",
-  "ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]",
-  "ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]",
-  "ds:[mask-image:linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_100%)]",
-  "ds:motion-reduce:[mask-image:none]",
-  "ds:[.theme-accessible_&]:[mask-image:none]",
-  "ds:forced-colors:[mask-image:none]"
-].join(" "), ss = C(
-  "ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-  {
-    variants: {
-      fill: { false: "ds:shrink-0", true: "ds:w-full" }
-    },
-    defaultVariants: { fill: !1 }
-  }
-), R = C(
-  "ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
-  {
-    variants: {
-      fill: {
-        // Responsive: label under the icon below `sm`, beside it at `sm`+.
-        false: "ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]",
-        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never
-        // shrinks below its label (labels never overlap); if the full set can't
-        // fit, the pill scrolls instead.
-        true: "ds:flex-1 ds:basis-0 ds:flex-col"
-      }
-    },
-    defaultVariants: { fill: !1 }
-  }
-), E = "ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4", as = "ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]", rs = "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]", T = "ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]", es = "ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]", ns = "ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]", $ = "ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100", ts = D(
-  ({
-    items: d,
-    id: c,
-    ariaLabel: u,
-    onSelect: o,
-    renderLink: g,
-    fill: r = !1,
-    position: e = "top",
-    collapseToMenu: n = !1,
-    className: t
-  }, f) => {
-    const { t: i } = L(), m = P("(max-width: 640px)"), { containerRef: p, contentRef: j, isOverflowing: A } = Q(n), w = n && (m || A), {
-      ref: _,
-      canScrollStart: k,
-      canScrollEnd: N,
-      scrollByPage: y
-    } = K(!w), l = d.find((s) => s.isActive) ?? d[0];
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: f,
-        "data-component": "tab-bar",
-        "data-component-id": c,
-        className: `${X({ position: e, fill: r })}${t ? ` ${t}` : ""}`,
-        children: /* @__PURE__ */ v("div", { className: "ds:relative", children: [
-          /* @__PURE__ */ a("div", { ref: p, className: Y, children: w ? /* @__PURE__ */ a("nav", { "aria-label": u, className: "ds:w-full", children: /* @__PURE__ */ v(b.Root, { children: [
-            /* @__PURE__ */ v(b.Trigger, { className: rs, children: [
-              l != null && l.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: E, children: l.icon }) : null,
-              /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:truncate ds:text-start", children: l == null ? void 0 : l.label }),
-              /* @__PURE__ */ a(
-                q,
-                {
-                  "aria-hidden": "true",
-                  className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a(
-              b.Content,
-              {
-                align: "start",
-                className: "ds:min-w-[12rem]",
-                children: d.map((s) => /* @__PURE__ */ a(
-                  b.Item,
-                  {
-                    "data-tab-id": s.id,
-                    startIcon: s.icon,
-                    endIcon: s.isActive ? /* @__PURE__ */ a(
-                      G,
-                      {
-                        "aria-hidden": "true",
-                        className: "ds:text-[color:var(--accent)]"
-                      }
-                    ) : void 0,
-                    "aria-current": s.isActive ? "page" : void 0,
-                    onSelect: () => {
-                      s.href ? window.location.assign(s.href) : o == null || o(s.id);
-                    },
-                    children: s.label
-                  },
-                  s.id
-                ))
-              }
-            )
-          ] }) }) : /* @__PURE__ */ a(
-            "div",
-            {
-              ref: _,
-              "data-fade-start": k ? "true" : void 0,
-              "data-fade-end": N ? "true" : void 0,
-              className: Z,
-              children: /* @__PURE__ */ a(
-                "nav",
-                {
-                  ref: j,
-                  "aria-label": u,
-                  className: ss({ fill: r }),
-                  children: d.map((s) => {
-                    const z = typeof s.badgeCount == "number" && s.badgeCount > 0 ? s.badgeCount : void 0, h = s.isActive ? "page" : void 0, x = /* @__PURE__ */ v(S, { children: [
-                      s.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: E, children: s.icon }) : null,
-                      /* @__PURE__ */ v("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                        /* @__PURE__ */ a("span", { className: as, children: s.label }),
-                        z !== void 0 ? /* @__PURE__ */ a(W, { variant: "neutral", children: U(z) }) : null
-                      ] })
-                    ] });
-                    if (s.href !== void 0) {
-                      const B = R({ fill: r });
-                      return g ? /* @__PURE__ */ a(M, { children: g({
-                        href: s.href,
-                        className: B,
-                        children: x,
-                        "aria-current": h,
-                        "data-tab-id": s.id,
-                        onClick: s.onClick
-                      }) }, s.id) : /* @__PURE__ */ a(
-                        "a",
-                        {
-                          href: s.href,
-                          "data-tab-id": s.id,
-                          "aria-current": h,
-                          className: B,
-                          ...s.onClick ? { onClick: s.onClick } : {},
-                          children: x
-                        },
-                        s.id
-                      );
-                    }
-                    return /* @__PURE__ */ a(
-                      "button",
-                      {
-                        type: "button",
-                        "data-tab-id": s.id,
-                        "aria-current": h,
-                        className: R({ fill: r }),
-                        onClick: () => o == null ? void 0 : o(s.id),
-                        children: x
-                      },
-                      s.id
-                    );
-                  })
-                }
-              )
-            }
-          ) }),
-          k ? /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              "aria-label": i("navigation.tabBar.scrollBack"),
-              onClick: () => y(-1),
-              className: `${T} ${es}`,
-              children: /* @__PURE__ */ a(
-                H,
-                {
-                  "aria-hidden": "true",
-                  className: $
-                }
-              )
-            }
-          ) : null,
-          N ? /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              "aria-label": i("navigation.tabBar.scrollForward"),
-              onClick: () => y(1),
-              className: `${T} ${ns}`,
-              children: /* @__PURE__ */ a(
-                J,
-                {
-                  "aria-hidden": "true",
-                  className: $
-                }
-              )
-            }
-          ) : null
-        ] })
-      }
-    );
-  }
-);
-ts.displayName = "TabBar";
-export {
-  ts as T
-};
-//# sourceMappingURL=tab-bar-rDkLiaA6.js.map

package/dist/_chunks/use-edge-resize-ZnGG7gyO.js

@@ -1,139 +0,0 @@
-import { useState as X, useRef as T, useCallback as o } from "react";
-import { useTranslation as B } from "react-i18next";
-import { u as L } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-const S = 16, Y = 64;
-function O({
-  edge: I,
-  targetRef: e,
-  cssProperty: d,
-  minSize: i,
-  maxSize: p,
-  defaultSize: C,
-  disabled: c = !1,
-  onResize: n
-}) {
-  const { t: b } = B(), [f, E] = X(null), [x, P] = X(!1), h = T(null), m = T(null);
-  L(() => {
-    const t = e.current;
-    if (!t) return;
-    const r = t.getBoundingClientRect().width;
-    r > 0 && (h.current = r);
-  });
-  const y = o(
-    (t) => Math.min(p, Math.max(i, t)),
-    [i, p]
-  ), s = o(() => {
-    if (f !== null) return f;
-    const t = e.current;
-    if (t) {
-      const r = t.getBoundingClientRect().width;
-      if (r > 0)
-        return h.current = r, r;
-    }
-    return h.current ?? C;
-  }, [f, C, e]), a = o(
-    (t) => {
-      var u;
-      const r = y(t);
-      return E(r), (u = e.current) == null || u.style.setProperty(d, `${r}px`), r;
-    },
-    [y, d, e]
-  ), w = o(() => {
-    var t;
-    E(null), (t = e.current) == null || t.style.removeProperty(d), h.current = null, n == null || n(null);
-  }, [d, n, e]), g = o(() => {
-    const t = e.current, r = t ? getComputedStyle(t).direction === "rtl" : !1;
-    return (I === "inline-end" ? 1 : -1) * (r ? -1 : 1);
-  }, [I, e]), A = o(
-    (t) => {
-      c || !t.isPrimary || (t.currentTarget.setPointerCapture(t.pointerId), m.current = {
-        pointerId: t.pointerId,
-        startX: t.clientX,
-        startSize: s(),
-        sign: g()
-      }, P(!0));
-    },
-    [c, s, g]
-  ), K = o(
-    (t) => {
-      const r = m.current;
-      !r || t.pointerId !== r.pointerId || a(r.startSize + r.sign * (t.clientX - r.startX));
-    },
-    [a]
-  ), k = o(
-    (t) => {
-      const r = m.current;
-      if (!r || t.pointerId !== r.pointerId) return;
-      t.currentTarget.releasePointerCapture(t.pointerId), m.current = null, P(!1);
-      const u = a(
-        r.startSize + r.sign * (t.clientX - r.startX)
-      );
-      n == null || n(u);
-    },
-    [a, n]
-  ), M = o(
-    (t) => {
-      if (c) return;
-      const r = t.shiftKey ? Y : S, u = g();
-      let l = null;
-      switch (t.key) {
-        case "ArrowRight":
-          l = s() + u * r;
-          break;
-        case "ArrowLeft":
-          l = s() - u * r;
-          break;
-        case "Home":
-          l = i;
-          break;
-        case "End":
-          l = p;
-          break;
-        case "Enter":
-          t.preventDefault(), w();
-          return;
-        default:
-          return;
-      }
-      if (l === null) return;
-      t.preventDefault();
-      const _ = a(l);
-      n == null || n(_);
-    },
-    [
-      a,
-      s,
-      c,
-      p,
-      i,
-      n,
-      w,
-      g
-    ]
-  ), D = Math.round(s());
-  return {
-    separatorProps: {
-      role: "separator",
-      tabIndex: c ? -1 : 0,
-      "aria-orientation": "vertical",
-      "aria-valuemin": i,
-      "aria-valuemax": p,
-      "aria-valuenow": D,
-      "aria-valuetext": b("resizable.widthAnnounce", { width: D }),
-      "aria-disabled": c || void 0,
-      onPointerDown: A,
-      onPointerMove: K,
-      onPointerUp: k,
-      onPointerCancel: k,
-      onKeyDown: M,
-      onDoubleClick: w
-    },
-    isResizing: x,
-    isResized: f !== null,
-    reset: w
-  };
-}
-export {
-  O as u
-};
-//# sourceMappingURL=use-edge-resize-ZnGG7gyO.js.map

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

@@ -1,32 +0,0 @@
-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/wand-sparkles-DAjKyhz7.js

@@ -1,27 +0,0 @@
-import { c as a } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = [
-  [
-    "path",
-    {
-      d: "m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",
-      key: "ul74o6"
-    }
-  ],
-  ["path", { d: "m14 7 3 3", key: "1r5n42" }],
-  ["path", { d: "M5 6v4", key: "ilb8ba" }],
-  ["path", { d: "M19 14v4", key: "blhpug" }],
-  ["path", { d: "M10 2v2", key: "7u0qdc" }],
-  ["path", { d: "M7 8H3", key: "zfb6yr" }],
-  ["path", { d: "M21 16h-4", key: "1cnmox" }],
-  ["path", { d: "M11 3H9", key: "1obp7u" }]
-], d = a("wand-sparkles", e);
-export {
-  d as W
-};
-//# sourceMappingURL=wand-sparkles-DAjKyhz7.js.map