@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/suggestion-chip-BNJ2M8Os.js

@@ -1,158 +0,0 @@
-import { jsxs as E, jsx as h } from "react/jsx-runtime";
-import { forwardRef as L, useId as O, useContext as j, useState as N, useRef as T, useEffect as D, useCallback as x, useMemo as P, createContext as G } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-const K = S(
-  [
-    // `max-w-full` keeps a chip from blowing past its container when the
-    // label is long and the container is narrow (e.g. a 22rem Leo sidebar
-    // dock). Labels wrap onto multiple lines via `whitespace-normal` +
-    // `break-words` so the full text stays legible — rounded pills grow
-    // taller rather than hiding content behind an ellipsis.
-    "ds:inline-flex ds:items-center ds:justify-start ds:text-start ds:whitespace-normal ds:break-words ds:max-w-full",
-    "ds:rounded-[var(--radius-full)] ds:border",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "type-label",
-    "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:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:forced-colors:border-[ButtonText] ds:forced-colors:text-[ButtonText]"
-  ].join(" "),
-  {
-    variants: {
-      intent: {
-        default: "ds:bg-muted/20 ds:text-foreground ds:border-transparent ds:hover:bg-accent/10",
-        suggestion: "ds:bg-[color:var(--primary)]/10 ds:text-foreground ds:border-transparent ds:hover:bg-[color:var(--primary)]/15",
-        followup: "ds:bg-muted/30 ds:text-foreground ds:border-transparent ds:hover:bg-muted/40"
-      },
-      // Weight, family, tracking, line-height all come from `.type-label` on the base.
-      // Size variants override --type-label-size to shift the ramp step.
-      size: {
-        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-label-size:var(--font-size-xs)]",
-        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        lg: "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:[--type-label-size:var(--font-size-base)]"
-      }
-    },
-    defaultVariants: { intent: "default", size: "md" }
-  }
-), V = G(null), U = L(
-  ({ label: z, className: M, children: b, ...y }, f) => {
-    const { t: p, i18n: w } = H(), A = w.dir() === "rtl", [r, g] = N([]), [i, a] = N(null), d = T(/* @__PURE__ */ new Map()), C = x((n) => {
-      g((t) => t.includes(n) ? t : [...t, n]);
-    }, []), c = x((n) => {
-      g((t) => t.filter((l) => l !== n)), d.current.delete(n);
-    }, []), o = x((n) => a(n), []);
-    D(() => {
-      !i && r.length > 0 && a(r[0]), i && !r.includes(i) && a(r[0] ?? null);
-    }, [i, r]);
-    const s = x(
-      (n, t) => {
-        const l = r.indexOf(n);
-        if (l === -1) return;
-        let u = l;
-        t === "next" && (u = (l + 1) % r.length), t === "prev" && (u = (l - 1 + r.length) % r.length), t === "first" && (u = 0), t === "last" && (u = r.length - 1);
-        const m = r[u];
-        a(m);
-        const R = d.current.get(m);
-        R == null || R.focus();
-      },
-      [r]
-    ), v = x(
-      (n, t) => {
-        t ? d.current.set(n, t) : d.current.delete(n);
-      },
-      []
-    ), k = P(
-      () => ({ register: C, unregister: c, focusedId: i, setFocus: o, onArrowMove: s, isRTL: A }),
-      [C, c, i, o, s, A]
-    );
-    return /* @__PURE__ */ h(B.Provider, { value: v, children: /* @__PURE__ */ h(V.Provider, { value: k, children: /* @__PURE__ */ h(
-      "div",
-      {
-        ref: f,
-        role: "group",
-        "aria-label": z ?? p("chat.suggestions"),
-        className: [
-          "ds:flex ds:flex-wrap ds:items-center",
-          "ds:gap-y-[var(--spacing-xs)] ds:gap-x-[var(--spacing-sm)]",
-          M
-        ].filter(Boolean).join(" "),
-        ...y,
-        children: b
-      }
-    ) }) });
-  }
-);
-U.displayName = "SuggestionChipGroup";
-const B = G(null), q = L(
-  ({
-    intent: z = "default",
-    size: M = "md",
-    value: b,
-    startIcon: y,
-    children: f,
-    onSelect: p,
-    onRemove: w,
-    keepOnSelect: A = !1,
-    className: r,
-    disabled: g,
-    onKeyDown: i,
-    onFocus: a,
-    onClick: d,
-    ...C
-  }, c) => {
-    const o = O(), s = j(V), v = j(B), [k, n] = N(!1), t = T(null), l = (e) => {
-      t.current = e, v == null || v(o, e), typeof c == "function" ? c(e) : c && (c.current = e);
-    }, u = T(s);
-    if (u.current = s, D(() => {
-      const e = u.current;
-      if (e)
-        return e.register(o), () => e.unregister(o);
-    }, [o]), k) return null;
-    const m = s ? s.focusedId === o : !0;
-    return /* @__PURE__ */ E(
-      "button",
-      {
-        ref: l,
-        type: "button",
-        tabIndex: s ? m ? 0 : -1 : 0,
-        disabled: g,
-        onClick: g ? void 0 : (e) => {
-          d == null || d(e);
-          const I = typeof b == "string" ? b : typeof f == "string" ? f : "";
-          p == null || p(I), w ? w() : A || n(!0);
-        },
-        onKeyDown: (e) => {
-          if (i == null || i(e), !s) return;
-          const I = s.isRTL ? "ArrowLeft" : "ArrowRight", F = s.isRTL ? "ArrowRight" : "ArrowLeft";
-          e.key === I || e.key === "ArrowDown" ? (e.preventDefault(), s.onArrowMove(o, "next")) : e.key === F || e.key === "ArrowUp" ? (e.preventDefault(), s.onArrowMove(o, "prev")) : e.key === "Home" ? (e.preventDefault(), s.onArrowMove(o, "first")) : e.key === "End" && (e.preventDefault(), s.onArrowMove(o, "last"));
-        },
-        onFocus: (e) => {
-          a == null || a(e), s && !m && s.setFocus(o);
-        },
-        "data-component": "suggestion-chip",
-        className: K({ intent: z, size: M, className: r }),
-        ...C,
-        children: [
-          y ? /* @__PURE__ */ h(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:me-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:[&>svg]:size-4",
-              children: y
-            }
-          ) : null,
-          /* @__PURE__ */ h("span", { children: f })
-        ]
-      }
-    );
-  }
-);
-q.displayName = "SuggestionChip";
-export {
-  q as S,
-  U as a
-};
-//# sourceMappingURL=suggestion-chip-BNJ2M8Os.js.map

package/dist/_chunks/switch-aN2EYxHh.js

@@ -1,138 +0,0 @@
-import { jsxs as B, jsx as e } from "react/jsx-runtime";
-import { forwardRef as R, useContext as T, useState as q } from "react";
-import * as h from "@radix-ui/react-switch";
-import { c as i } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { u as I, F as O } from "./form-field-context-94LwgYTQ.js";
-const D = i(
-  [
-    "ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center",
-    "ds:rounded-[var(--radius-full)]",
-    "ds:border-2 ds:border-transparent",
-    "ds:bg-muted",
-    "ds:data-[state=checked]:bg-primary",
-    "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-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-4 ds:w-7",
-        md: "ds:h-5 ds:w-9",
-        lg: "ds:h-6 ds:w-11"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), _ = i(
-  [
-    "ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]",
-    "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:data-[state=checked]:translate-x-full ds:rtl:data-[state=checked]:-translate-x-full",
-    "ds:data-[state=unchecked]:translate-x-0"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:size-3",
-        md: "ds:size-4",
-        lg: "ds:size-5"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), $ = i(
-  "ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]",
-  {
-    variants: {
-      labelSide: {
-        start: "ds:flex-row-reverse",
-        end: ""
-      }
-    },
-    defaultVariants: { labelSide: "end" }
-  }
-), A = i("type-label ds:text-foreground ds:select-none", {
-  variants: {
-    disabled: {
-      true: "ds:cursor-not-allowed ds:opacity-50",
-      false: "ds:cursor-pointer"
-    }
-  },
-  defaultVariants: { disabled: !1 }
-}), E = {
-  sm: "ds:size-2",
-  md: "ds:size-2.5",
-  lg: "ds:size-3"
-}, G = R(
-  ({
-    label: b,
-    labelSide: v = "end",
-    size: a = "md",
-    icon: n,
-    showStateText: p = !1,
-    checked: t,
-    defaultChecked: o,
-    onCheckedChange: r,
-    disabled: w,
-    id: x,
-    className: g,
-    ...y
-  }, z) => {
-    const { t: l } = C(), s = I(), S = T(O) !== null, c = x ?? s.id, [F, V] = q(
-      t ?? o ?? !1
-    ), d = typeof t == "boolean", u = d ? t : F, N = (m) => {
-      d || V(m), r == null || r(m);
-    }, f = s.disabled || w, j = s.describedBy || void 0, k = u ? l("ui.inputs.switch.on", "On") : l("ui.inputs.switch.off", "Off");
-    return /* @__PURE__ */ B("div", { className: $({ labelSide: v }), children: [
-      /* @__PURE__ */ e(
-        h.Root,
-        {
-          ref: z,
-          id: c,
-          checked: d ? t : void 0,
-          defaultChecked: d ? void 0 : o,
-          onCheckedChange: N,
-          disabled: f,
-          "aria-describedby": j,
-          "aria-invalid": s.invalid || void 0,
-          "aria-required": s.required || void 0,
-          "data-component": "switch",
-          className: D({ size: a, className: g }),
-          ...y,
-          children: /* @__PURE__ */ e(h.Thumb, { className: _({ size: a }), children: n ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${E[a]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
-              children: u ? n.on : n.off
-            }
-          ) : null })
-        }
-      ),
-      p ? /* @__PURE__ */ e(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "type-meta ds:text-muted-foreground ds:select-none",
-          children: k
-        }
-      ) : null,
-      S ? null : /* @__PURE__ */ e(
-        "label",
-        {
-          htmlFor: c,
-          className: A({ disabled: !!f }),
-          children: b
-        }
-      )
-    ] });
-  }
-);
-G.displayName = "Switch";
-export {
-  G as S
-};
-//# sourceMappingURL=switch-aN2EYxHh.js.map

package/dist/_chunks/task-tray-BzahI5FQ.js

@@ -1,100 +0,0 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { c as T } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
-import { I as w } from "./icon-button-Wnnde5lc.js";
-import { S as b } from "./skeleton-dtqyF09N.js";
-import { E as j } from "./empty-state-DQPtRp2b.js";
-import { T as z } from "./task-card-yW7tKlG4.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { P as I } from "./plus-CYKNmfuA.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 L = [
-  ["path", { d: "M13 5h8", key: "a7qcls" }],
-  ["path", { d: "M13 12h8", key: "h98zly" }],
-  ["path", { d: "M13 19h8", key: "c3s6r1" }],
-  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
-  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
-], M = E("list-todo", L), S = T(
-  [
-    "ds:flex ds:flex-col",
-    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:overflow-hidden"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-), q = x(
-  ({
-    items: i,
-    title: n,
-    size: d = "sm",
-    onOpenTask: m,
-    onAddTask: o,
-    addLabel: p,
-    loading: l = !1,
-    emptyTitle: f,
-    emptyDescription: h,
-    className: y,
-    ...u
-  }, k) => {
-    const { t: a } = N(), c = n ?? a("ui.taskTray.title", "Tasks"), v = p ?? a("ui.taskTray.add", "Add task"), g = !l && i.length === 0;
-    let e;
-    return l ? e = /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ s(b, { variant: "rectangular", height: "2.5rem" }, t)) }) : g ? e = /* @__PURE__ */ s("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ s(
-      j,
-      {
-        variant: "first-use",
-        size: "sm",
-        title: f ?? a("ui.taskTray.empty.title", "No tasks yet"),
-        description: h ?? a("ui.taskTray.empty.description", "New tasks will appear here.")
-      }
-    ) }) : e = /* @__PURE__ */ s("ul", { className: "ds:flex ds:list-none ds:flex-col", children: i.map((t) => /* @__PURE__ */ s(z, { item: t, size: d, onActivate: m }, t.id)) }), /* @__PURE__ */ r(
-      "section",
-      {
-        ref: k,
-        "aria-label": c,
-        "data-component": "task-tray",
-        className: S({ size: d, className: y }),
-        ...u,
-        children: [
-          /* @__PURE__ */ r("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ r("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
-              /* @__PURE__ */ s(M, { "aria-hidden": "true", className: "ds:size-4" }),
-              c
-            ] }),
-            o ? /* @__PURE__ */ s(
-              w,
-              {
-                icon: /* @__PURE__ */ s(I, {}),
-                intent: "outline",
-                size: "sm",
-                "aria-label": v,
-                onClick: o
-              }
-            ) : null
-          ] }),
-          e
-        ]
-      }
-    );
-  }
-);
-q.displayName = "TaskTray";
-export {
-  q as T
-};
-//# sourceMappingURL=task-tray-BzahI5FQ.js.map

package/dist/_chunks/text-area-DmKSd2DG.js

@@ -1,152 +0,0 @@
-import { jsxs as x, jsx as A } from "react/jsx-runtime";
-import { forwardRef as ae, useRef as j, useCallback as H, useState as k, useLayoutEffect as oe, useEffect as de } from "react";
-import { c as ce } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import { u as ue } from "./form-field-context-94LwgYTQ.js";
-const fe = ce(
-  [
-    "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-background ds:text-foreground",
-    "ds:leading-[var(--line-height-base)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-    "ds:focus:outline-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default",
-    "ds:transition-[height,color,background-color,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:placeholder:text-muted-foreground"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:min-h-8 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:min-h-[calc(var(--min-target-size)*1.5)] ds:text-[length:var(--font-size-lg)]"
-      },
-      tone: {
-        default: "ds:border-border",
-        error: "ds:border-destructive"
-      },
-      resize: {
-        auto: "ds:resize-none",
-        manual: "ds:resize-y"
-      }
-    },
-    defaultVariants: { size: "md", tone: "default", resize: "manual" }
-  }
-), me = (s) => s >= 1 ? "ds:text-destructive" : s >= 0.9 ? "ds:text-warning" : "ds:text-muted-foreground", ve = (s) => [...s].length, be = ae(
-  ({
-    size: s = "md",
-    tone: M = "default",
-    autoResize: r = !1,
-    minRows: f = 2,
-    maxRows: m,
-    showCounter: S,
-    className: q,
-    id: E,
-    disabled: P,
-    value: y,
-    defaultValue: T,
-    maxLength: n,
-    rows: W,
-    onChange: i,
-    onCompositionStart: v,
-    onCompositionEnd: b,
-    onInput: $,
-    ...D
-  }, d) => {
-    const { t: N } = le(), a = ue(), F = E ?? a.id, O = a.disabled || P, Y = a.invalid ? "error" : M, w = j(null), _ = H(
-      (e) => {
-        w.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
-      },
-      [d]
-    ), c = y !== void 0, [G, z] = k(
-      String(T ?? "")
-    ), g = c ? String(y) : G, l = j(!1), p = H(() => {
-      const e = w.current;
-      if (!e || !r) return;
-      const t = window.getComputedStyle(e), u = parseFloat(t.lineHeight), C = parseFloat(t.paddingTop), ee = parseFloat(t.paddingBottom), te = parseFloat(t.borderTopWidth), re = parseFloat(t.borderBottomWidth), B = C + ee + te + re, se = (Number.isFinite(u) ? u : 24) * f + B, ne = typeof m == "number" ? (Number.isFinite(u) ? u : 24) * m + B : Number.POSITIVE_INFINITY;
-      e.style.height = "auto";
-      const ie = Math.max(se, Math.min(e.scrollHeight, ne));
-      e.style.height = `${ie}px`;
-    }, [r, f, m]);
-    oe(() => {
-      r && p();
-    }, [r, p, g]);
-    const J = (e) => {
-      c || z(e.target.value), !l.current && (i == null || i(e));
-    }, K = (e) => {
-      l.current = !0, v == null || v(e);
-    }, Q = (e) => {
-      l.current = !1, b == null || b(e);
-      const t = e.currentTarget;
-      c || z(t.value), i == null || i({
-        ...e,
-        target: t,
-        currentTarget: t
-      }), r && p();
-    }, o = typeof n == "number" && (S ?? !0) && n > 0, h = ve(g), I = o ? Math.max(0, n - h) : 0, U = o ? h / n : 0, [X, Z] = k("");
-    de(() => {
-      if (!o) return;
-      const e = window.setTimeout(() => {
-        l.current || Z(
-          N("ui.inputs.textarea.charactersRemaining", {
-            count: I,
-            defaultValue: "{{count}} characters remaining"
-          })
-        );
-      }, 500);
-      return () => window.clearTimeout(e);
-    }, [o, I, N]);
-    const V = o ? `${F}-counter` : void 0, L = [a.describedBy || void 0, V].filter(Boolean).join(" ") || void 0, R = r ? "auto" : "manual";
-    return /* @__PURE__ */ x("div", { "data-component": "text-area", className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      /* @__PURE__ */ A(
-        "textarea",
-        {
-          ref: _,
-          id: F,
-          value: c ? g : void 0,
-          defaultValue: c ? void 0 : T,
-          disabled: O,
-          "aria-describedby": L,
-          "aria-invalid": a.invalid || void 0,
-          "aria-required": a.required || void 0,
-          maxLength: n,
-          rows: r ? f : W,
-          onChange: J,
-          onCompositionStart: K,
-          onCompositionEnd: Q,
-          onInput: $,
-          className: fe({
-            size: s,
-            tone: Y,
-            resize: R,
-            className: q
-          }),
-          ...D
-        }
-      ),
-      o ? /* @__PURE__ */ x(
-        "div",
-        {
-          id: V,
-          className: "ds:flex ds:justify-end type-meta ds:tabular-nums",
-          children: [
-            /* @__PURE__ */ x("span", { "aria-hidden": "true", className: me(U), children: [
-              h,
-              " / ",
-              n
-            ] }),
-            /* @__PURE__ */ A("span", { className: "ds:sr-only", "aria-live": "polite", children: X })
-          ]
-        }
-      ) : null
-    ] });
-  }
-);
-be.displayName = "TextArea";
-export {
-  be as T
-};
-//# sourceMappingURL=text-area-DmKSd2DG.js.map