@alfadocs/ui-kit 1.54.2 → 1.55.0

package/dist/_chunks/search-input-Tl-RkS5x.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-lZ2-t-p2.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-Tl-RkS5x.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-lZ2-t-p2.js

@@ -1,283 +0,0 @@
-import { jsxs as ee, jsx as d } from "react/jsx-runtime";
-import { forwardRef as te, useState as k, useRef as O, useCallback as R, useMemo as se } from "react";
-import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as ae } from "react-i18next";
-import { u as re, a as ne } from "./form-field-context-DtiROUJV.js";
-import { I as ie, a as w, b as E } from "./input-surface-xyERuLU_.js";
-import { u as oe } from "./registry-DvAUVLHh.js";
-import { X as de } from "./x-B5YnXwCz.js";
-const ue = {
-  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, l) => {
-        s.setValue(l.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."
-    }
-  }
-}, le = j(
-  [
-    "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(" ")
-), ce = j(
-  [
-    "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: `${w.sm} ${E.sm}`,
-        md: `${w.md} ${E.md}`,
-        lg: `${w.lg} ${E.lg}`
-      },
-      tone: ie,
-      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
-    }
-  }
-), _ = "ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground", pe = te(
-  ({
-    size: s = "md",
-    tone: l = "default",
-    startAdornment: c,
-    endAdornment: p,
-    clearable: $ = !1,
-    onClear: f,
-    className: F,
-    id: m,
-    disabled: U,
-    value: I,
-    defaultValue: D,
-    onChange: a,
-    onCompositionStart: v,
-    onCompositionEnd: g,
-    ...T
-  }, o) => {
-    const { t: K } = ae("ui"), i = re(), B = ne(i, m), S = i.disabled || U, H = i.invalid ? "error" : l, u = I !== void 0, [q, h] = k(
-      String(D ?? "")
-    ), V = u ? String(I) : q, M = V.length > 0, b = O(!1), [W, z] = k(!1), r = O(null), X = R(
-      (e) => {
-        r.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
-      },
-      [o]
-    ), A = !!c, N = $ && M && !S && !T.readOnly, G = !!p || N, L = (e) => {
-      u || h(e.target.value), !b.current && (a == null || a(e));
-    }, J = (e) => {
-      b.current = !0, z(!0), v == null || v(e);
-    }, Q = (e) => {
-      b.current = !1, z(!1), g == null || g(e);
-      const t = e.currentTarget;
-      u || h(t.value), a == null || a({
-        ...e,
-        target: t,
-        currentTarget: t
-      });
-    }, Y = () => {
-      var t;
-      u || h("");
-      const e = r.current;
-      if (e && a) {
-        const x = Object.getPrototypeOf(e), n = (t = Object.getOwnPropertyDescriptor(x, "value")) == null ? void 0 : t.set;
-        n == null || n.call(e, ""), a({
-          target: e,
-          currentTarget: e,
-          bubbles: !0,
-          type: "change",
-          nativeEvent: new Event("change", { bubbles: !0 }),
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isDefaultPrevented: () => !1,
-          isPropagationStopped: () => !1,
-          persist: () => {
-          }
-        });
-      }
-      f == null || f(), e == null || e.focus();
-    }, y = R((e) => {
-      var P;
-      const t = r.current;
-      if (!t) return;
-      const x = Object.getPrototypeOf(t), n = (P = Object.getOwnPropertyDescriptor(x, "value")) == null ? void 0 : P.set;
-      n == null || n.call(t, e), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
-    }, []), Z = se(
-      () => ({
-        getValue: () => {
-          var e;
-          return ((e = r.current) == null ? void 0 : e.value) ?? "";
-        },
-        setValue: (e) => {
-          y(e);
-        },
-        clear: () => {
-          y("");
-        },
-        focus: () => {
-          var e;
-          (e = r.current) == null || e.focus();
-        }
-      }),
-      [y]
-    );
-    oe(ue, Z, m);
-    const C = (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__ */ ee(
-        "div",
-        {
-          className: le(),
-          onClick: C,
-          "data-component": "text-input",
-          "data-component-id": m,
-          "data-composing": W ? "true" : void 0,
-          children: [
-            c ? /* @__PURE__ */ d(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: `${_} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
-                children: c
-              }
-            ) : null,
-            /* @__PURE__ */ d(
-              "input",
-              {
-                ref: X,
-                id: B,
-                type: "text",
-                value: V,
-                disabled: S,
-                "aria-describedby": i.describedBy || void 0,
-                "aria-invalid": i.invalid || void 0,
-                "aria-required": i.required || void 0,
-                onChange: L,
-                onCompositionStart: J,
-                onCompositionEnd: Q,
-                className: ce({
-                  size: s,
-                  tone: H,
-                  hasStart: A,
-                  hasEnd: G,
-                  className: F
-                }),
-                ...T
-              }
-            ),
-            N ? /* @__PURE__ */ d(
-              "button",
-              {
-                type: "button",
-                "aria-label": K("inputs.text.clear", "Clear input"),
-                onClick: Y,
-                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__ */ d(de, { "aria-hidden": "true", className: "ds:size-4" })
-              }
-            ) : p ? /* @__PURE__ */ d(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: `${_} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`,
-                children: p
-              }
-            ) : null
-          ]
-        }
-      )
-    );
-  }
-);
-pe.displayName = "TextInput";
-export {
-  pe as T
-};
-//# sourceMappingURL=text-input-lZ2-t-p2.js.map