@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/radio-group-BIUbpWml.js

@@ -1,89 +0,0 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as z, useId as C, useMemo as j, useRef as B } from "react";
-import * as V from "@radix-ui/react-radio-group";
-import { c as $ } from "./index-D2ZczOXr.js";
-import { a as x } from "./radio-cs8N1wJi.js";
-import { u as P } from "./use-direction-D6rvvG9G.js";
-import { c as k } from "./compose-refs-C0k0tdqF.js";
-import { C as A } from "./circle-alert-ChA9opNA.js";
-const D = $("ds:flex", {
-  variants: {
-    variant: {
-      vertical: "ds:flex-col ds:gap-[var(--spacing-sm)]",
-      horizontal: "ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]",
-      card: "ds:flex-col ds:gap-[var(--spacing-md)]"
-    }
-  },
-  defaultVariants: {
-    variant: "vertical"
-  }
-}), M = z(
-  ({
-    children: g,
-    variant: e = "vertical",
-    label: i,
-    description: a,
-    error: o,
-    required: d,
-    disabled: h,
-    className: R,
-    ...N
-  }, y) => {
-    const t = C(), n = `${t}-description`, l = `${t}-error`, b = [a ? n : null, o ? l : null].filter(Boolean).join(" ") || void 0, G = e === "horizontal" ? "horizontal" : "vertical", c = j(
-      () => ({ variant: e }),
-      [e]
-    ), p = a ? /* @__PURE__ */ s("p", { id: n, className: "type-body-sm ds:text-muted-foreground", children: a }) : null, m = o ? /* @__PURE__ */ r(
-      "p",
-      {
-        id: l,
-        role: "alert",
-        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
-        children: [
-          /* @__PURE__ */ s(A, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
-          /* @__PURE__ */ s("span", { children: o })
-        ]
-      }
-    ) : null, u = B(null), I = k(y, u), w = P(u), f = /* @__PURE__ */ s(
-      V.Root,
-      {
-        ref: I,
-        orientation: G,
-        dir: w,
-        disabled: h,
-        required: d,
-        "aria-describedby": b,
-        "aria-invalid": !!o || void 0,
-        "aria-required": d || void 0,
-        className: D({ variant: e, className: R }),
-        "data-component": "radio-group",
-        ...N,
-        children: g
-      }
-    ), v = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0";
-    return i ? /* @__PURE__ */ s(x.Provider, { value: c, children: /* @__PURE__ */ r("fieldset", { className: `${v} ds:border-0 ds:p-0 ds:m-0`, children: [
-      /* @__PURE__ */ r("legend", { className: "type-label ds:text-foreground ds:p-0", children: [
-        i,
-        d ? /* @__PURE__ */ s(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
-            children: "*"
-          }
-        ) : null
-      ] }),
-      p,
-      f,
-      m
-    ] }) }) : /* @__PURE__ */ s(x.Provider, { value: c, children: /* @__PURE__ */ r("div", { className: v, children: [
-      p,
-      f,
-      m
-    ] }) });
-  }
-);
-M.displayName = "RadioGroup";
-export {
-  M as R
-};
-//# sourceMappingURL=radio-group-BIUbpWml.js.map

package/dist/_chunks/resizable.agent-DBpPGNdy.js

@@ -1,435 +0,0 @@
-import { jsx as L, jsxs as ce } from "react/jsx-runtime";
-import { createContext as ue, useContext as fe, forwardRef as Z, useState as W, useRef as _, useCallback as Y, useEffect as re, useImperativeHandle as de, useId as pe, useMemo as me, Children as ze, useLayoutEffect as be, isValidElement as ge, cloneElement as ne } from "react";
-import { c as ee } from "./index-D2ZczOXr.js";
-import { useTranslation as ve } from "react-i18next";
-const se = ue(null);
-function ie() {
-  const e = fe(se);
-  if (!e)
-    throw new Error("useResizable must be used within a PanelGroup");
-  return e;
-}
-const ae = "ui-kit:resizable:";
-function Se(e) {
-  if (!e) return null;
-  try {
-    const c = localStorage.getItem(`${ae}${e}`);
-    if (!c) return null;
-    const o = JSON.parse(c);
-    return o.v !== 1 || !Array.isArray(o.sizes) ? null : o.sizes;
-  } catch {
-    return null;
-  }
-}
-function he(e, c) {
-  try {
-    localStorage.setItem(
-      `${ae}${e}`,
-      JSON.stringify({ v: 1, sizes: c })
-    );
-  } catch {
-  }
-}
-function ye(e) {
-  const c = e.reduce((o, k) => o + k, 0);
-  return c === 0 ? e.map(() => 100 / e.length) : e.map((o) => o / c * 100);
-}
-function we(e, c, o, k, T) {
-  const r = [...e], p = c, z = c + 1;
-  if (p >= r.length || z >= r.length) return r;
-  const s = k[p], l = k[z], b = r[p] + r[z], E = T > 0 ? 20 / T * 100 : 2;
-  let i = r[p] + o, g = b - i;
-  if (s.collapsible && i < s.minSize) {
-    if (i < s.minSize - E)
-      return r[p] = s.collapsedSize, r[z] = b - s.collapsedSize, r;
-    i = s.minSize, g = b - i;
-  }
-  if (l.collapsible && g < l.minSize) {
-    if (g < l.minSize - E)
-      return r[z] = l.collapsedSize, r[p] = b - l.collapsedSize, r;
-    g = l.minSize, i = b - g;
-  }
-  const m = s.collapsible ? s.collapsedSize : s.minSize, v = l.collapsible ? l.collapsedSize : l.minSize;
-  return i = Math.max(m, Math.min(s.maxSize, i)), g = b - i, g = Math.max(v, Math.min(l.maxSize, g)), i = b - g, i = Math.max(m, Math.min(s.maxSize, i)), r[p] = Math.max(0, i), r[z] = Math.max(0, b - r[p]), r;
-}
-const xe = ee(
-  [
-    "ds:relative ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:select-none",
-    "ds:bg-[var(--border)]",
-    "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-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:hover:bg-[var(--accent)] ds:data-[dragging]:bg-[var(--accent)]",
-    "ds:before:absolute ds:before:content-['']"
-  ],
-  {
-    variants: {
-      orientation: {
-        horizontal: [
-          "ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize ds:[block-size:100%]",
-          "ds:before:[block-size:100%]",
-          "ds:before:[inline-size:var(--min-target-size)]",
-          "ds:before:[inset-block:0]",
-          "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-        ],
-        vertical: [
-          "ds:[block-size:var(--resizable-handle-size)] ds:cursor-row-resize ds:[inline-size:100%]",
-          "ds:before:[inline-size:100%]",
-          "ds:before:[block-size:var(--min-target-size)]",
-          "ds:before:[inset-inline:0]",
-          "ds:before:[inset-block:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-        ]
-      }
-    },
-    defaultVariants: { orientation: "horizontal" }
-  }
-), Re = ee("ds:flex ds:overflow-hidden", {
-  variants: {
-    direction: {
-      horizontal: "ds:flex-row",
-      vertical: "ds:flex-col"
-    }
-  },
-  defaultVariants: { direction: "horizontal" }
-}), ke = ee("ds:[flex:0_0_var(--panel-self-size,50%)] ds:overflow-auto", {
-  variants: {
-    direction: {
-      horizontal: "ds:[min-inline-size:0]",
-      vertical: "ds:[min-block-size:0]"
-    }
-  },
-  defaultVariants: { direction: "horizontal" }
-}), Me = Z(
-  ({ direction: e, groupId: c, onLayout: o, className: k, children: T }, r) => {
-    const p = pe(), z = _(null), s = _(/* @__PURE__ */ new Map()), l = _(null), [b, E] = W(""), { panelConfigs: i, processedChildren: g } = me(() => {
-      const n = [];
-      let S = 0, V = 0;
-      const P = (C) => {
-        if (!ge(C)) return C;
-        if (C.type === oe) {
-          const H = S, X = C.props;
-          return n.push({
-            id: `${p}-panel-${H}`,
-            index: H,
-            defaultSize: X.defaultSize,
-            minSize: X.minSize ?? 10,
-            maxSize: X.maxSize ?? 90,
-            collapsible: X.collapsible ?? !1,
-            collapsedSize: X.collapsedSize ?? 0
-          }), S++, ne(C, {
-            _panelIndex: H,
-            _panelId: `${p}-panel-${H}`
-          });
-        }
-        if (C.type === le) {
-          const H = V++;
-          return ne(
-            C,
-            { _handleIndex: H }
-          );
-        }
-        return C;
-      };
-      return {
-        panelConfigs: n,
-        processedChildren: ze.map(T, P)
-      };
-    }, [T, p]), [m, v] = W(() => {
-      if (i.length === 0) return [];
-      const n = Se(c);
-      return n && n.length === i.length ? n : ye(i.map((S) => S.defaultSize));
-    }), u = _(m);
-    re(() => {
-      u.current = m;
-    }, [m]);
-    const D = Y((n) => {
-      u.current = n, s.current.forEach((S, V) => {
-        V < n.length && S.style.setProperty("--panel-self-size", `${n[V]}%`);
-      });
-    }, []), N = Y(
-      (n) => {
-        u.current = n, v(n), o == null || o(n), c && (l.current && clearTimeout(l.current), l.current = setTimeout(
-          () => he(c, n),
-          120
-        ));
-      },
-      [c, o]
-    );
-    be(() => {
-      s.current.forEach((n, S) => {
-        S < m.length && n.style.setProperty("--panel-self-size", `${m[S]}%`);
-      });
-    }, [m]);
-    const $ = Y(
-      (n, S) => {
-        s.current.set(n, S);
-        const V = u.current[n];
-        V !== void 0 && S.style.setProperty("--panel-self-size", `${V}%`);
-      },
-      []
-    ), G = Y((n) => {
-      s.current.delete(n);
-    }, []), O = Y((n) => {
-      E(n);
-    }, []), M = Re({ direction: e, className: k }), I = {
-      direction: e,
-      sizes: m,
-      liveSizesRef: u,
-      panels: i,
-      groupRef: z,
-      updateSizesImperative: D,
-      commitSizes: N,
-      registerPanelElement: $,
-      unregisterPanelElement: G,
-      setAnnounceText: O
-    }, Q = (n) => {
-      z.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
-    };
-    return /* @__PURE__ */ L(se.Provider, { value: I, children: /* @__PURE__ */ ce(
-      "div",
-      {
-        ref: Q,
-        className: M,
-        "data-component": "resizable",
-        "data-panel-group": !0,
-        "data-direction": e,
-        children: [
-          g,
-          /* @__PURE__ */ L("span", { className: "ds:sr-only", "aria-live": "polite", "aria-atomic": "true", children: b })
-        ]
-      }
-    ) });
-  }
-);
-Me.displayName = "PanelGroup";
-const oe = Z(
-  ({
-    _panelIndex: e = 0,
-    _panelId: c,
-    minSize: o = 10,
-    maxSize: k = 90,
-    children: T,
-    className: r
-  }, p) => {
-    const {
-      direction: z,
-      liveSizesRef: s,
-      panels: l,
-      updateSizesImperative: b,
-      commitSizes: E,
-      registerPanelElement: i,
-      unregisterPanelElement: g
-    } = ie(), m = _(null);
-    return re(() => {
-      const v = m.current;
-      if (v)
-        return i(e, v), () => g(e);
-    }, [e, i, g]), de(
-      p,
-      () => ({
-        resize: (v) => {
-          const u = [...s.current], D = Math.max(o, Math.min(k, v)), N = D - (u[e] ?? 0);
-          if (Math.abs(N) < 1e-3) return;
-          const $ = [...u];
-          $[e] = D;
-          const G = u.map((M, I) => I).filter((M) => M !== e), O = G.reduce(
-            (M, I) => M + (u[I] ?? 0),
-            0
-          );
-          G.forEach((M) => {
-            $[M] = O > 0 ? (u[M] ?? 0) - N * ((u[M] ?? 0) / O) : (u[M] ?? 0) - N / G.length;
-          }), b($), E($);
-        }
-      }),
-      [e, o, k, l, s, b, E]
-    ), /* @__PURE__ */ L(
-      "div",
-      {
-        ref: m,
-        id: c,
-        "data-panel": !0,
-        "data-panel-index": e,
-        className: ke({ direction: z, className: r }),
-        children: T
-      }
-    );
-  }
-);
-oe.displayName = "Panel";
-const le = Z(
-  ({ _handleIndex: e = 0, className: c }, o) => {
-    const { t: k, i18n: T } = ve(), {
-      direction: r,
-      sizes: p,
-      liveSizesRef: z,
-      panels: s,
-      groupRef: l,
-      updateSizesImperative: b,
-      commitSizes: E,
-      setAnnounceText: i
-    } = ie(), [g, m] = W(!1), v = _(null), u = _(null), D = _(null), N = _(null), $ = Y(
-      (t, a = !1) => {
-        D.current !== null && (cancelAnimationFrame(D.current), D.current = null), u.current && (clearTimeout(u.current), u.current = null);
-        const y = new Intl.NumberFormat(T.language, {
-          style: "percent"
-        }).format(t / 100), h = k("ui.resizable.sizeAnnounce", { percent: y });
-        a ? i(h) : D.current = requestAnimationFrame(() => {
-          D.current = null, u.current = setTimeout(() => i(h), 200);
-        });
-      },
-      [k, T.language, i]
-    ), G = Y(() => l.current ? getComputedStyle(l.current).direction === "rtl" : !1, [l]), O = (t) => {
-      l.current && (t.currentTarget.setPointerCapture(t.pointerId), t.currentTarget.style.setProperty("touch-action", "none"), v.current = {
-        startX: t.clientX,
-        startY: t.clientY,
-        startSizes: [...z.current],
-        groupRect: l.current.getBoundingClientRect()
-      }, m(!0));
-    }, M = (t) => {
-      if (!v.current) return;
-      const { startX: a, startY: y, startSizes: h, groupRect: A } = v.current, F = r === "horizontal", B = F ? A.width : A.height;
-      if (B === 0) return;
-      const J = F ? t.clientX - a : t.clientY - y, K = (F && G() ? -J : J) / B * 100, j = we(
-        h,
-        e,
-        K,
-        s,
-        B
-      );
-      if (b(j), N.current) {
-        const R = Math.round(j[e]);
-        N.current.setAttribute("aria-valuenow", String(R)), N.current.setAttribute(
-          "aria-valuetext",
-          new Intl.NumberFormat(T.language, { style: "percent" }).format(
-            R / 100
-          )
-        );
-      }
-      $(j[e]);
-    }, I = (t) => {
-      if (!v.current) return;
-      t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), v.current = null, m(!1);
-      const a = z.current;
-      E(a), $(a[e], !0);
-    }, Q = (t) => {
-      if (!v.current) return;
-      t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), v.current = null, m(!1);
-      const a = z.current;
-      E(a);
-    }, n = (t) => {
-      const a = e, y = e + 1;
-      if (a >= s.length || y >= s.length) return;
-      const h = s[a], A = s[y], F = r === "horizontal", B = F && G(), J = t.shiftKey ? 10 : 1, w = [...z.current], K = (x = J) => {
-        const f = Math.min(
-          x,
-          h.maxSize - w[a],
-          w[y] - (A.collapsible ? A.collapsedSize : A.minSize)
-        );
-        if (f <= 0) return null;
-        const d = [...w];
-        return d[a] += f, d[y] -= f, d;
-      }, j = (x = J) => {
-        const f = h.collapsible ? h.collapsedSize : h.minSize, d = Math.min(x, w[a] - f);
-        if (d <= 0) return null;
-        const U = [...w];
-        return U[a] -= d, U[y] += d, U;
-      };
-      let R = null;
-      switch (t.key) {
-        case "ArrowRight":
-          if (!F) break;
-          t.preventDefault(), R = B ? j() : K();
-          break;
-        case "ArrowLeft":
-          if (!F) break;
-          t.preventDefault(), R = B ? K() : j();
-          break;
-        case "ArrowDown":
-          if (F) break;
-          t.preventDefault(), R = K();
-          break;
-        case "ArrowUp":
-          if (F) break;
-          t.preventDefault(), R = j();
-          break;
-        case "Home": {
-          t.preventDefault();
-          const x = h.collapsible ? h.collapsedSize : h.minSize, f = w[a] - x;
-          if (f > 0) {
-            const d = [...w];
-            d[a] = x, d[y] += f, R = d;
-          }
-          break;
-        }
-        case "End": {
-          t.preventDefault();
-          const x = A.collapsible ? A.collapsedSize : A.minSize, f = Math.min(
-            h.maxSize - w[a],
-            w[y] - x
-          );
-          if (f > 0) {
-            const d = [...w];
-            d[a] += f, d[y] -= f, R = d;
-          }
-          break;
-        }
-        case "Enter": {
-          t.preventDefault();
-          const x = h.collapsible ? h : A.collapsible ? A : null, f = h.collapsible ? a : A.collapsible ? y : -1;
-          if (!x || f < 0) break;
-          const d = f === a ? y : a, U = Math.abs(w[f] - x.collapsedSize) < 0.5, te = w[a] + w[y], q = [...w];
-          U ? (q[f] = x.minSize, q[d] = te - x.minSize) : (q[f] = x.collapsedSize, q[d] = te - x.collapsedSize), R = q;
-          break;
-        }
-      }
-      R && (b(R), E(R), $(R[a], !0));
-    }, S = e, V = e + 1, P = s[S], C = s[V], H = r === "horizontal" ? "horizontal" : "vertical", X = (t) => new Intl.NumberFormat(T.language, { style: "percent" }).format(t / 100);
-    return /* @__PURE__ */ L(
-      "div",
-      {
-        ref: (t) => {
-          N.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
-        },
-        role: "separator",
-        tabIndex: 0,
-        "aria-orientation": H,
-        "aria-valuemin": P ? P.collapsible ? P.collapsedSize : P.minSize : 0,
-        "aria-valuemax": (P == null ? void 0 : P.maxSize) ?? 100,
-        "aria-valuenow": Math.round(p[S] ?? 0),
-        "aria-valuetext": X(p[S] ?? 0),
-        "aria-controls": [P == null ? void 0 : P.id, C == null ? void 0 : C.id].filter(Boolean).join(" ") || void 0,
-        "aria-label": k("ui.resizable.resizeLabel"),
-        "data-dragging": g ? "" : void 0,
-        className: xe({ orientation: H, className: c }),
-        onPointerDown: O,
-        onPointerMove: M,
-        onPointerUp: I,
-        onPointerCancel: Q,
-        onKeyDown: n
-      }
-    );
-  }
-);
-le.displayName = "Handle";
-const De = {
-  id: "resizable",
-  capabilities: ["range_navigate"],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: { attr: "data-component", value: "resizable" },
-    item: {
-      attr: "data-panel-id",
-      description: "Each Panel forwards its `id` to react-resizable-panels which emits it as `data-panel-id`."
-    }
-  }
-};
-export {
-  le as H,
-  oe as P,
-  se as R,
-  Me as a,
-  De as r,
-  ie as u
-};
-//# sourceMappingURL=resizable.agent-DBpPGNdy.js.map