@alfadocs/ui-kit 1.54.3 → 1.56.0

package/dist/_chunks/search-input-6SoR2Rf4.js

@@ -1,237 +0,0 @@
-import { jsx as t, jsxs as ne } from "react/jsx-runtime";
-import { forwardRef as ie, useState as R, useRef as K, useCallback as V, useImperativeHandle as oe, useEffect as de } from "react";
-import { c as x } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import { T as ce } from "./text-input-rzLEKhRU.js";
-import { S as ue } from "./spinner-a0FTYX9Q.js";
-import { u as fe, a as me } from "./form-field-context-DtiROUJV.js";
-import { u as be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as ve } from "./use-debounced-callback-BisrB-Fq.js";
-import { S as L } from "./search-QbWPlY5f.js";
-import { X as pe } from "./x-B5YnXwCz.js";
-const he = x("ds:relative ds:w-full"), xe = x(
-  [
-    "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3",
-    "ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto",
-    "ds:text-muted-foreground ds:hover:text-foreground",
-    "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:rounded-[var(--radius-sm)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]"
-  ].join(" ")
-), ge = x(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
-    "ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
-    "ds:bg-background ds:border ds:border-border ds:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:text-foreground ds:hover:bg-muted",
-    "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",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]"
-  ].join(" ")
-), ye = x(
-  [
-    "ds:inline-flex ds:items-center",
-    "ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-  ].join(" ")
-);
-function Ee(o) {
-  if (!o) return !1;
-  const c = o.tagName;
-  return !!(c === "INPUT" || c === "TEXTAREA" || c === "SELECT" || o.isContentEditable);
-}
-const we = ie(
-  ({
-    value: o,
-    defaultValue: c,
-    onChange: n,
-    onInput: r,
-    debounceMs: O = 200,
-    isLoading: b = !1,
-    variant: u = "inline",
-    size: P = "md",
-    globalShortcut: g,
-    placeholder: Q,
-    disabled: X,
-    className: C,
-    name: H,
-    id: y,
-    form: U,
-    autoComplete: W = "off",
-    autoFocus: q,
-    role: G,
-    ...v
-  }, J) => {
-    const { t: E } = le("ui"), D = fe(), z = me(D, y), w = !!(D.disabled || X), S = o !== void 0, [M, Y] = R(
-      String(c ?? "")
-    ), f = S ? String(o) : M, k = f.length > 0, a = K(null), [N, T] = R(
-      u === "inline" || k
-    ), p = K(!1);
-    be(() => {
-      p.current && a.current && (a.current.focus(), p.current = !1);
-    });
-    const j = ve((e) => {
-      n == null || n(e);
-    }, O), i = V(
-      (e) => {
-        j.cancel(), n == null || n(e);
-      },
-      [j, n]
-    ), d = V(
-      (e) => {
-        S || Y(e);
-      },
-      [S]
-    ), Z = (e) => {
-      const s = e.target.value;
-      d(s), s === "" ? i("") : j(s);
-    }, _ = (e) => {
-      const s = e.currentTarget.value;
-      r == null || r(s);
-    }, $ = (e) => {
-      var s;
-      e.key === "Escape" && (e.nativeEvent.isComposing || k && (e.preventDefault(), e.stopPropagation(), d(""), r == null || r(""), i(""), (s = a.current) == null || s.focus()));
-    }, I = () => {
-      var e;
-      d(""), r == null || r(""), i(""), (e = a.current) == null || e.focus();
-    }, ee = (e) => {
-      u === "expandable" && e.currentTarget.value === "" && T(!1);
-    }, h = V(() => {
-      var e;
-      u === "expandable" && !N ? (p.current = !0, T(!0)) : (e = a.current) == null || e.focus();
-    }, [u, N]);
-    oe(J, () => {
-      const e = a.current;
-      if (!e) return null;
-      const s = {
-        getQuery: () => f,
-        setQuery: (l) => {
-          const m = String(l ?? "");
-          d(m), r == null || r(m), i(m);
-        },
-        clear: () => {
-          var l;
-          d(""), r == null || r(""), i(""), (l = a.current) == null || l.focus();
-        },
-        submit: () => {
-          i(f);
-        },
-        // Named `agentFocus` to avoid clashing with the native, read-only
-        // `HTMLElement.focus` slot. The adapter wires `actions.focus` to
-        // `agentFocus` so the expandable-aware path is preserved.
-        agentFocus: () => {
-          h();
-        }
-      };
-      for (const [l, m] of Object.entries(s))
-        Object.defineProperty(e, l, {
-          value: m,
-          configurable: !0,
-          writable: !0,
-          enumerable: !1
-        });
-      return e;
-    }, [f, d, r, i, h]), de(() => {
-      if (!g) return;
-      const e = (s) => {
-        s.key === g && (s.isComposing || s.defaultPrevented || Ee(document.activeElement) || (s.preventDefault(), h()));
-      };
-      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-    }, [g, h]);
-    const re = E("inputs.search.clear", "Clear search"), F = E("inputs.search.loading", "Searching…"), se = E("inputs.search.placeholder", "Search…"), A = Q ?? se;
-    if (u === "expandable" && !N)
-      return /* @__PURE__ */ t(
-        "div",
-        {
-          "data-component": "search-input",
-          "data-component-id": y,
-          className: ye({ className: C }),
-          children: /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              "aria-label": A,
-              "aria-expanded": !1,
-              "aria-controls": z,
-              disabled: w,
-              onClick: () => {
-                p.current = !0, T(!0);
-              },
-              className: ge(),
-              children: /* @__PURE__ */ t(L, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          )
-        }
-      );
-    const te = G === "combobox" ? {
-      role: "combobox",
-      "aria-expanded": v["aria-expanded"],
-      "aria-controls": v["aria-controls"],
-      "aria-activedescendant": v["aria-activedescendant"]
-    } : void 0, B = k && !b && !w, ae = b ? /* @__PURE__ */ t(ue, { variant: "pulse", size: "sm", label: F }) : B ? /* @__PURE__ */ t("span", { className: "ds:inline-block ds:size-4", "aria-hidden": "true" }) : void 0;
-    return /* @__PURE__ */ ne(
-      "div",
-      {
-        "data-component": "search-input",
-        "data-component-id": y,
-        className: he({ className: C }),
-        children: [
-          /* @__PURE__ */ t(
-            ce,
-            {
-              ref: a,
-              id: z,
-              type: "search",
-              size: P,
-              value: f,
-              disabled: w,
-              placeholder: A,
-              name: H,
-              form: U,
-              autoComplete: W,
-              autoFocus: q,
-              startAdornment: /* @__PURE__ */ t(L, {}),
-              endAdornment: ae,
-              clearable: !1,
-              onChange: Z,
-              onInput: _,
-              onKeyDown: $,
-              onBlur: ee,
-              "aria-label": v["aria-label"],
-              "aria-busy": b || void 0,
-              ...te
-            }
-          ),
-          B ? /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              "aria-label": re,
-              onClick: I,
-              className: xe(),
-              children: /* @__PURE__ */ t(pe, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ) : null,
-          /* @__PURE__ */ t(
-            "span",
-            {
-              role: "status",
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              className: "ds:sr-only",
-              children: b ? F : ""
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-we.displayName = "SearchInput";
-export {
-  we as S
-};
-//# sourceMappingURL=search-input-6SoR2Rf4.js.map

package/dist/_chunks/subDays-XBMBTVOO.js

@@ -1,8 +0,0 @@
-import { a as o } from "./date-picker-variants-B3AFKDSu.js";
-function n(a, s, r) {
-  return o(a, -s, r);
-}
-export {
-  n as s
-};
-//# sourceMappingURL=subDays-XBMBTVOO.js.map

package/dist/_chunks/text-input-rzLEKhRU.js

@@ -1,331 +0,0 @@
-import { jsxs as Ie, jsx as c } from "react/jsx-runtime";
-import { forwardRef as Te, useState as U, useRef as K, useEffect as B, useCallback as Q, useMemo as Ve } from "react";
-import { c as Z } from "./index-D2ZczOXr.js";
-import { useTranslation as Se } from "react-i18next";
-import { u as Re, a as ze } from "./form-field-context-DtiROUJV.js";
-import { I as Oe, a as H, b as q } from "./input-surface-xyERuLU_.js";
-import { u as _e } from "./registry-DvAUVLHh.js";
-import { X as $e } from "./x-B5YnXwCz.js";
-const je = {
-  id: "text-input",
-  capabilities: ["set_value"],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.textInput.state.value",
-      description: "Current value of the text input.",
-      read: (s) => s.getValue()
-    },
-    isEmpty: {
-      type: "boolean",
-      descriptionKey: "ui.agent.textInput.state.isEmpty",
-      description: "Whether the input has no value.",
-      read: (s) => s.getValue() === ""
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: string }",
-      argsSchema: {
-        type: "object",
-        properties: { value: { type: "string" } },
-        required: ["value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.textInput.actions.setValue",
-      description: "Replace the input value.",
-      invoke: (s, b) => {
-        s.setValue(b.value);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.textInput.actions.clear",
-      description: "Empty the input. Loses any typed value.",
-      invoke: (s) => {
-        s.clear();
-      }
-    },
-    focus: {
-      safety: "read",
-      descriptionKey: "ui.agent.textInput.actions.focus",
-      description: "Move keyboard focus to the input.",
-      invoke: (s) => {
-        s.focus();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "text-input",
-      description: "Marks the TextInput wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Ne = Z(
-  [
-    "ds:relative ds:flex ds:items-center ds:w-full",
-    "ds:rounded-[var(--radius-sm)]",
-    "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:forced-colors:focus-within:outline-[CanvasText]",
-    "ds:has-[:disabled]:cursor-not-allowed"
-  ].join(" ")
-), Pe = Z(
-  [
-    "ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-input ds:text-foreground",
-    "ds:shadow-[var(--shadow-input)]",
-    "ds:placeholder:text-muted-foreground",
-    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus:outline-none ds:focus-visible:outline-none",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default ds:read-only:shadow-none"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: `${H.sm} ${q.sm}`,
-        md: `${H.md} ${q.md}`,
-        lg: `${H.lg} ${q.lg}`
-      },
-      tone: Oe,
-      hasStart: {
-        true: "ds:ps-10",
-        false: ""
-      },
-      hasEnd: {
-        true: "ds:pe-10",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      { size: "sm", hasStart: !1, class: "ds:ps-3" },
-      { size: "md", hasStart: !1, class: "ds:ps-3" },
-      { size: "lg", hasStart: !1, class: "ds:ps-4" },
-      { size: "sm", hasEnd: !1, class: "ds:pe-3" },
-      { size: "md", hasEnd: !1, class: "ds:pe-3" },
-      { size: "lg", hasEnd: !1, class: "ds:pe-4" }
-    ],
-    defaultVariants: {
-      size: "md",
-      tone: "default",
-      hasStart: !1,
-      hasEnd: !1
-    }
-  }
-), Y = "ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground", ke = Te(
-  ({
-    size: s = "md",
-    tone: b = "default",
-    startAdornment: x,
-    endAdornment: w,
-    clearable: C = !1,
-    onClear: E,
-    className: ee,
-    id: I,
-    disabled: te,
-    value: M,
-    defaultValue: se,
-    onChange: i,
-    onCompositionStart: T,
-    onCompositionEnd: V,
-    blockPaste: h = !1,
-    blockCopy: p = !1,
-    onPaste: S,
-    onDrop: R,
-    onCopy: z,
-    onCut: O,
-    onDragStart: _,
-    onBlur: $,
-    ...D
-  }, f) => {
-    const { t: j } = Se("ui"), n = Re(), ae = ze(n, I), W = n.disabled || te, ie = n.invalid ? "error" : b, g = M !== void 0, [ne, N] = U(
-      String(se ?? "")
-    ), X = g ? String(M) : ne, re = X.length > 0, P = K(!1), [de, A] = U(!1), [u, k] = U(void 0), l = u && (u.kind === "paste" ? h : p) ? u : void 0, m = l ? l.kind === "paste" ? j(
-      "inputs.clipboard.pasteBlocked",
-      "Pasting is turned off for this field. Please type it."
-    ) : j(
-      "inputs.clipboard.copyBlocked",
-      "Copying is turned off for this field."
-    ) : void 0, a = n.setNotice, y = K(!1);
-    B(() => {
-      m !== void 0 ? (y.current = !0, a == null || a(m)) : y.current && (y.current = !1, a == null || a(void 0));
-    }, [m, a]), B(
-      () => () => {
-        y.current && (a == null || a(void 0));
-      },
-      [a]
-    ), B(() => {
-      u && !l && k(void 0);
-    }, [u, l]);
-    const v = (e, t) => {
-      e.preventDefault(), k((d) => ({ kind: t, count: ((d == null ? void 0 : d.count) ?? 0) + 1 }));
-    }, G = () => {
-      u !== void 0 && k(void 0);
-    }, oe = (e) => {
-      h && v(e, "paste"), S == null || S(e);
-    }, ue = (e) => {
-      h && v(e, "paste"), R == null || R(e);
-    }, le = (e) => {
-      p && v(e, "copy"), z == null || z(e);
-    }, ce = (e) => {
-      p && v(e, "copy"), O == null || O(e);
-    }, pe = (e) => {
-      p && v(e, "copy"), _ == null || _(e);
-    }, fe = (e) => {
-      G(), $ == null || $(e);
-    }, r = K(null), me = Q(
-      (e) => {
-        r.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
-      },
-      [f]
-    ), ve = !!x, L = C && re && !W && !D.readOnly, he = !!w || L, ge = (e) => {
-      G(), g || N(e.target.value), !P.current && (i == null || i(e));
-    }, ye = (e) => {
-      P.current = !0, A(!0), T == null || T(e);
-    }, be = (e) => {
-      P.current = !1, A(!1), V == null || V(e);
-      const t = e.currentTarget;
-      g || N(t.value), i == null || i({
-        ...e,
-        target: t,
-        currentTarget: t
-      });
-    }, xe = () => {
-      var t;
-      g || N("");
-      const e = r.current;
-      if (e && i) {
-        const d = Object.getPrototypeOf(e), o = (t = Object.getOwnPropertyDescriptor(d, "value")) == null ? void 0 : t.set;
-        o == null || o.call(e, ""), i({
-          target: e,
-          currentTarget: e,
-          bubbles: !0,
-          type: "change",
-          nativeEvent: new Event("change", { bubbles: !0 }),
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isDefaultPrevented: () => !1,
-          isPropagationStopped: () => !1,
-          persist: () => {
-          }
-        });
-      }
-      E == null || E(), e == null || e.focus();
-    }, F = Q((e) => {
-      var J;
-      const t = r.current;
-      if (!t) return;
-      const d = Object.getPrototypeOf(t), o = (J = Object.getOwnPropertyDescriptor(d, "value")) == null ? void 0 : J.set;
-      o == null || o.call(t, e), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
-    }, []), we = Ve(
-      () => ({
-        getValue: () => {
-          var e;
-          return ((e = r.current) == null ? void 0 : e.value) ?? "";
-        },
-        setValue: (e) => {
-          F(e);
-        },
-        clear: () => {
-          F("");
-        },
-        focus: () => {
-          var e;
-          (e = r.current) == null || e.focus();
-        }
-      }),
-      [F]
-    );
-    _e(je, we, I);
-    const Ee = (e) => {
-      var t;
-      e.target !== r.current && (e.target.closest("button") || (t = r.current) == null || t.focus());
-    };
-    return (
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- click on wrapper forwards focus to the inner input; keyboard interaction stays on the input itself
-      /* @__PURE__ */ Ie(
-        "div",
-        {
-          className: Ne(),
-          onClick: Ee,
-          "data-component": "text-input",
-          "data-component-id": I,
-          "data-composing": de ? "true" : void 0,
-          children: [
-            x ? /* @__PURE__ */ c(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: `${Y} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
-                children: x
-              }
-            ) : null,
-            /* @__PURE__ */ c(
-              "input",
-              {
-                ref: me,
-                id: ae,
-                type: "text",
-                value: X,
-                disabled: W,
-                "aria-describedby": n.describedBy || void 0,
-                "aria-invalid": n.invalid || void 0,
-                "aria-required": n.required || void 0,
-                onChange: ge,
-                onCompositionStart: ye,
-                onCompositionEnd: be,
-                onPaste: oe,
-                onDrop: ue,
-                onCopy: le,
-                onCut: ce,
-                onDragStart: pe,
-                onBlur: fe,
-                className: Pe({
-                  size: s,
-                  tone: ie,
-                  hasStart: ve,
-                  hasEnd: he,
-                  className: ee
-                }),
-                ...D
-              }
-            ),
-            L ? /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                "aria-label": j("inputs.text.clear", "Clear input"),
-                onClick: xe,
-                className: "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                children: /* @__PURE__ */ c($e, { "aria-hidden": "true", className: "ds:size-4" })
-              }
-            ) : w ? /* @__PURE__ */ c(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: `${Y} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`,
-                children: w
-              }
-            ) : null,
-            h || p ? /* @__PURE__ */ c("span", { role: "status", className: "ds:sr-only", children: l && m ? `${m}${l.count % 2 === 0 ? " " : ""}` : "" }) : null
-          ]
-        }
-      )
-    );
-  }
-);
-ke.displayName = "TextInput";
-export {
-  ke as T
-};
-//# sourceMappingURL=text-input-rzLEKhRU.js.map