@als-tp/als-react-ts-ui 0.3.1 → 0.4.0

package/dist/als-react-ts-ui124.js

@@ -0,0 +1,181 @@
+import * as a from "react";
+import { ownerDocument as B } from "./als-react-ts-ui268.js";
+import { useStableCallback as d } from "./als-react-ts-ui160.js";
+import { generateId as G } from "./als-react-ts-ui321.js";
+import { Timeout as V } from "./als-react-ts-ui229.js";
+import { ToastContext as J } from "./als-react-ts-ui322.js";
+import { resolvePromiseOptions as A } from "./als-react-ts-ui323.js";
+import { jsx as K } from "react/jsx-runtime";
+import { activeElement as Q, contains as U, matchesFocusVisible as X } from "./als-react-ts-ui241.js";
+const Y = function(j) {
+  const {
+    children: H,
+    timeout: P = 5e3,
+    limit: R = 3,
+    toastManager: O
+  } = j, [u, v] = a.useState([]), [f, y] = a.useState(!1), [l, F] = a.useState(!1), [D, L] = a.useState(null);
+  u.length === 0 && (f && y(!1), l && F(!1));
+  const C = f || l, m = a.useRef(/* @__PURE__ */ new Map()), w = a.useRef(null), T = a.useRef(!0), x = a.useRef(!1);
+  function W(e) {
+    const n = Q(B(w.current));
+    if (!w.current || !U(w.current, n) || !X(n))
+      return;
+    const s = u.findIndex((o) => o.id === e);
+    let t = null, r = s + 1;
+    for (; r < u.length; ) {
+      if (u[r].transitionStatus !== "ending") {
+        t = u[r];
+        break;
+      }
+      r += 1;
+    }
+    if (!t)
+      for (r = s - 1; r >= 0; ) {
+        if (u[r].transitionStatus !== "ending") {
+          t = u[r];
+          break;
+        }
+        r -= 1;
+      }
+    t ? t.ref?.current?.focus() : D?.focus({
+      preventScroll: !0
+    });
+  }
+  const S = d(() => {
+    x.current || (x.current = !0, m.current.forEach((e) => {
+      if (e.timeout) {
+        e.timeout.clear();
+        const n = Date.now() - e.start, s = e.delay - n;
+        e.remaining = s > 0 ? s : 0;
+      }
+    }));
+  }), k = d(() => {
+    x.current && (x.current = !1, m.current.forEach((e, n) => {
+      e.remaining = e.remaining > 0 ? e.remaining : e.delay, e.timeout ??= V.create(), e.timeout.start(e.remaining, () => {
+        m.current.delete(n), e.callback();
+      }), e.start = Date.now();
+    }));
+  }), g = d((e) => {
+    v((t) => {
+      const r = t.map((i) => i.id === e ? {
+        ...i,
+        transitionStatus: "ending",
+        height: 0
+      } : i), o = r.filter((i) => i.transitionStatus !== "ending");
+      return r.map((i) => {
+        if (i.transitionStatus === "ending")
+          return i;
+        const c = o.indexOf(i) >= R;
+        return {
+          ...i,
+          limited: c
+        };
+      });
+    });
+    const n = m.current.get(e);
+    n && n.timeout && (n.timeout.clear(), m.current.delete(e)), u.find((t) => t.id === e)?.onClose?.(), W(e), u.length === 1 && (y(!1), F(!1));
+  }), N = d((e) => {
+    v((s) => s.filter((t) => t.id !== e)), u.find((s) => s.id === e)?.onRemove?.();
+  }), p = d((e, n, s) => {
+    const t = Date.now(), r = T.current && !f && !l, o = r ? V.create() : void 0;
+    o?.start(n, () => {
+      m.current.delete(e), s();
+    }), m.current.set(e, {
+      timeout: o,
+      start: r ? t : 0,
+      delay: n,
+      remaining: n,
+      callback: s
+    });
+  }), b = d((e) => {
+    const n = e.id || G("toast"), s = {
+      ...e,
+      id: n,
+      transitionStatus: "starting"
+    };
+    v((r) => {
+      const o = [s, ...r], i = o.filter((c) => c.transitionStatus !== "ending");
+      if (i.length > R) {
+        const c = i.length - R, q = i.slice(-c);
+        return o.map((M) => q.some((z) => z.id === M.id) ? {
+          ...M,
+          limited: !0
+        } : {
+          ...M,
+          limited: !1
+        });
+      }
+      return o.map((c) => ({
+        ...c,
+        limited: !1
+      }));
+    });
+    const t = s.timeout ?? P;
+    return s.type !== "loading" && t > 0 && p(n, t, () => g(n)), (f || l || !T.current) && S(), n;
+  }), h = d((e, n) => {
+    v((s) => s.map((t) => t.id === e ? {
+      ...t,
+      ...n
+    } : t));
+  }), E = d((e, n) => {
+    const s = A(n.loading), t = b({
+      ...s,
+      type: "loading"
+    }), r = e.then((o) => {
+      const i = A(n.success, o);
+      h(t, {
+        ...i,
+        type: "success"
+      });
+      const c = i.timeout ?? P;
+      return c > 0 && p(t, c, () => g(t)), (f || l || !T.current) && S(), o;
+    }).catch((o) => {
+      const i = A(n.error, o);
+      h(t, {
+        ...i,
+        type: "error"
+      });
+      const c = i.timeout ?? P;
+      return c > 0 && p(t, c, () => g(t)), (f || l || !T.current) && S(), Promise.reject(o);
+    });
+    return {}.hasOwnProperty.call(n, "setPromise") && n.setPromise(r), r;
+  });
+  a.useEffect(function() {
+    return O ? O[" subscribe"](({
+      action: s,
+      options: t
+    }) => {
+      const r = t.id;
+      s === "promise" && t.promise ? E(t.promise, t) : s === "update" && r ? h(r, t) : s === "close" && r ? g(r) : b(t);
+    }) : void 0;
+  }, [b, h, p, P, O, E, g]);
+  const _ = a.useMemo(() => ({
+    toasts: u,
+    setToasts: v,
+    hovering: f,
+    setHovering: y,
+    focused: l,
+    setFocused: F,
+    expanded: C,
+    add: b,
+    close: g,
+    remove: N,
+    update: h,
+    promise: E,
+    pauseTimers: S,
+    resumeTimers: k,
+    prevFocusElement: D,
+    setPrevFocusElement: L,
+    viewportRef: w,
+    scheduleTimer: p,
+    windowFocusedRef: T
+  }), [b, g, l, f, C, S, D, E, N, k, p, u, h]);
+  return /* @__PURE__ */ K(J.Provider, {
+    value: _,
+    children: H
+  });
+};
+process.env.NODE_ENV !== "production" && (Y.displayName = "ToastProvider");
+export {
+  Y as ToastProvider
+};

package/dist/als-react-ts-ui125.js

@@ -0,0 +1,7 @@
+const o = "_root_19t9o_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/als-react-ts-ui126.js

@@ -0,0 +1,7 @@
+const o = "_root_u2979_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/als-react-ts-ui127.js

@@ -0,0 +1,7 @@
+const o = "_root_6lo3f_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/als-react-ts-ui128.js

@@ -0,0 +1,7 @@
+const o = "_root_z5dqm_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/als-react-ts-ui129.js

@@ -0,0 +1,85 @@
+const e = "_layout_8124k_4", i = "_layoutLeft_8124k_27", a = "_layoutRight_8124k_37", d = "_layoutAsideHidden_8124k_47", t = "_layoutAsideFullHeight_8124k_57", s = "_header_8124k_76", o = "_headerSticky_8124k_92", _ = "_headerFixed_8124k_97", n = "_headerRelative_8124k_105", l = "_headerHideOnScroll_8124k_109", r = "_headerElevated_8124k_121", c = "_headerTransparent_8124k_126", h = "_headerWithFullHeightAside_8124k_132", k = "_layoutAsideCollapsed_8124k_140", g = "_aside_8124k_149", u = "_asideFullHeight_8124k_168", y = "_asideContent_8124k_202", m = "_asideContentCollapsed_8124k_234", F = "_asideRelative_8124k_239", v = "_asideFixed_8124k_243", H = "_asideCollapsed_8124k_275", C = "_asideOverlay_8124k_326", f = "_asideOverlayClosing_8124k_369", p = "_asideOverlayBackdrop_8124k_400", A = "_asideOverlayBackdropClosing_8124k_420", R = "_asideResizeHandle_8124k_436", O = "_asideResizing_8124k_469", P = "_main_8124k_489", S = "_mainPaddingNone_8124k_521", W = "_mainPaddingSm_8124k_525", x = "_mainPaddingMd_8124k_529", z = "_mainPaddingLg_8124k_533", B = "_mainPaddingXl_8124k_537", L = "_mainFullWidth_8124k_542", E = "_mainWithFullHeightAside_8124k_547", M = "_footer_8124k_564", N = "_footerRelative_8124k_576", T = "_footerSticky_8124k_580", X = "_footerFixed_8124k_587", b = "_footerWithFullHeightAside_8124k_597", j = {
+  layout: e,
+  layoutLeft: i,
+  layoutRight: a,
+  layoutAsideHidden: d,
+  layoutAsideFullHeight: t,
+  header: s,
+  headerSticky: o,
+  headerFixed: _,
+  headerRelative: n,
+  headerHideOnScroll: l,
+  headerElevated: r,
+  headerTransparent: c,
+  headerWithFullHeightAside: h,
+  layoutAsideCollapsed: k,
+  aside: g,
+  asideFullHeight: u,
+  asideContent: y,
+  asideContentCollapsed: m,
+  asideRelative: F,
+  asideFixed: v,
+  asideCollapsed: H,
+  asideOverlay: C,
+  asideOverlayClosing: f,
+  asideOverlayBackdrop: p,
+  asideOverlayBackdropClosing: A,
+  asideResizeHandle: R,
+  asideResizing: O,
+  main: P,
+  mainPaddingNone: S,
+  mainPaddingSm: W,
+  mainPaddingMd: x,
+  mainPaddingLg: z,
+  mainPaddingXl: B,
+  mainFullWidth: L,
+  mainWithFullHeightAside: E,
+  footer: M,
+  footerRelative: N,
+  footerSticky: T,
+  footerFixed: X,
+  footerWithFullHeightAside: b
+};
+export {
+  g as aside,
+  H as asideCollapsed,
+  y as asideContent,
+  m as asideContentCollapsed,
+  v as asideFixed,
+  u as asideFullHeight,
+  C as asideOverlay,
+  p as asideOverlayBackdrop,
+  A as asideOverlayBackdropClosing,
+  f as asideOverlayClosing,
+  F as asideRelative,
+  R as asideResizeHandle,
+  O as asideResizing,
+  j as default,
+  M as footer,
+  X as footerFixed,
+  N as footerRelative,
+  T as footerSticky,
+  b as footerWithFullHeightAside,
+  s as header,
+  r as headerElevated,
+  _ as headerFixed,
+  l as headerHideOnScroll,
+  n as headerRelative,
+  o as headerSticky,
+  c as headerTransparent,
+  h as headerWithFullHeightAside,
+  e as layout,
+  k as layoutAsideCollapsed,
+  t as layoutAsideFullHeight,
+  d as layoutAsideHidden,
+  i as layoutLeft,
+  a as layoutRight,
+  P as main,
+  L as mainFullWidth,
+  z as mainPaddingLg,
+  x as mainPaddingMd,
+  S as mainPaddingNone,
+  W as mainPaddingSm,
+  B as mainPaddingXl,
+  E as mainWithFullHeightAside
+};

package/dist/als-react-ts-ui13.js

@@ -0,0 +1,127 @@
+import { jsx as t } from "react/jsx-runtime";
+import A, { createContext as S, forwardRef as l, useContext as C } from "react";
+import r from "./als-react-ts-ui67.js";
+import { DialogRoot as B } from "./als-react-ts-ui68.js";
+import { DialogTrigger as k } from "./als-react-ts-ui47.js";
+import { DialogBackdrop as h } from "./als-react-ts-ui48.js";
+import { DialogPopup as y } from "./als-react-ts-ui50.js";
+import { DialogTitle as P } from "./als-react-ts-ui51.js";
+import { DialogDescription as j } from "./als-react-ts-ui52.js";
+import { DialogClose as v } from "./als-react-ts-ui53.js";
+import { DialogPortal as x } from "./als-react-ts-ui54.js";
+const p = S({
+  variant: "default",
+  size: "md"
+}), T = () => C(p), c = l(
+  ({
+    open: o,
+    defaultOpen: e = !1,
+    onOpenChange: a,
+    modal: i = !0,
+    variant: s = "default",
+    size: n = "md",
+    children: N
+  }) => /* @__PURE__ */ t(p.Provider, { value: { variant: s, size: n }, children: /* @__PURE__ */ t(
+    B,
+    {
+      open: o,
+      defaultOpen: e,
+      onOpenChange: a,
+      modal: i,
+      children: N
+    }
+  ) })
+);
+c.displayName = "ALSDialog.Root";
+const m = l(
+  ({ className: o, children: e }, a) => {
+    const i = [r.trigger, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(
+      k,
+      {
+        ref: a,
+        className: i,
+        nativeButton: !1,
+        render: (s) => A.cloneElement(e, s)
+      }
+    );
+  }
+);
+m.displayName = "ALSDialog.Trigger";
+const g = l(
+  ({ className: o }, e) => {
+    const a = [r.backdrop, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(h, { ref: e, className: a });
+  }
+);
+g.displayName = "ALSDialog.Backdrop";
+const d = ({
+  container: o,
+  keepMounted: e = !1,
+  children: a
+}) => /* @__PURE__ */ t(x, { container: o, keepMounted: e, children: a });
+d.displayName = "ALSDialog.Portal";
+const D = l(
+  ({ className: o, children: e }, a) => {
+    const { variant: i, size: s } = T(), n = [
+      r.popup,
+      r[`popup--${i}`],
+      r[`popup--${s}`],
+      o
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(y, { ref: a, className: n, children: e });
+  }
+);
+D.displayName = "ALSDialog.Popup";
+const u = l(
+  ({ className: o, children: e }, a) => {
+    const i = [r.title, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(P, { ref: a, className: i, children: e });
+  }
+);
+u.displayName = "ALSDialog.Title";
+const f = l(({ className: o, children: e }, a) => {
+  const i = [r.description, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(j, { ref: a, className: i, children: e });
+});
+f.displayName = "ALSDialog.Description";
+const L = l(
+  ({ className: o, children: e }, a) => {
+    const i = [r.close, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(v, { ref: a, className: i, children: e || /* @__PURE__ */ t(w, {}) });
+  }
+);
+L.displayName = "ALSDialog.Close";
+const w = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: r.closeIcon,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M15 5L5 15M5 5L15 15",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), G = {
+  Root: c,
+  Trigger: m,
+  Backdrop: g,
+  Portal: d,
+  Popup: D,
+  Title: u,
+  Description: f,
+  Close: L
+};
+export {
+  G as ALSDialog
+};

package/dist/als-react-ts-ui130.js

@@ -0,0 +1,35 @@
+const s = "_input_1xskz_12", _ = "_trigger_1xskz_49", t = "_icon_1xskz_79", o = "_clear_1xskz_88", r = "_backdrop_1xskz_119", p = "_popup_1xskz_133", c = "_arrow_1xskz_160", a = "_status_1xskz_170", n = "_empty_1xskz_178", e = "_list_1xskz_186", k = "_row_1xskz_193", u = "_item_1xskz_199", x = "_group_1xskz_236", i = "_groupLabel_1xskz_243", z = "_separator_1xskz_253", g = {
+  input: s,
+  trigger: _,
+  icon: t,
+  clear: o,
+  backdrop: r,
+  popup: p,
+  arrow: c,
+  status: a,
+  empty: n,
+  list: e,
+  row: k,
+  item: u,
+  group: x,
+  groupLabel: i,
+  separator: z
+};
+export {
+  c as arrow,
+  r as backdrop,
+  o as clear,
+  g as default,
+  n as empty,
+  x as group,
+  i as groupLabel,
+  t as icon,
+  s as input,
+  u as item,
+  e as list,
+  p as popup,
+  k as row,
+  z as separator,
+  a as status,
+  _ as trigger
+};

package/dist/als-react-ts-ui131.js

@@ -0,0 +1,9 @@
+import c from "./als-react-ts-ui203.js";
+const e = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], o = c("search", e);
+export {
+  e as __iconNode,
+  o as default
+};

package/dist/als-react-ts-ui132.js

@@ -0,0 +1,9 @@
+import e from "./als-react-ts-ui203.js";
+const o = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], c = e("x", o);
+export {
+  o as __iconNode,
+  c as default
+};

package/dist/als-react-ts-ui133.js

@@ -0,0 +1,206 @@
+import * as h from "react";
+import { useStableCallback as ie } from "./als-react-ts-ui160.js";
+import { isFirefox as K, isAndroid as re } from "./als-react-ts-ui275.js";
+import { useBaseUiId as ae } from "./als-react-ts-ui170.js";
+import { useRenderElement as le } from "./als-react-ts-ui166.js";
+import { useComboboxRootContext as ue, useComboboxDerivedItemsContext as ce, useComboboxInputValueContext as de } from "./als-react-ts-ui331.js";
+import { selectors as r } from "./als-react-ts-ui332.js";
+import { pressableTriggerOpenStateMapping as pe } from "./als-react-ts-ui188.js";
+import { useFieldRootContext as fe } from "./als-react-ts-ui254.js";
+import { fieldValidityMapping as me } from "./als-react-ts-ui269.js";
+import { useLabelableContext as ge } from "./als-react-ts-ui255.js";
+import { useComboboxChipsContext as ye } from "./als-react-ts-ui333.js";
+import { useComboboxPositionerContext as Ie } from "./als-react-ts-ui334.js";
+import { createChangeEventDetails as l } from "./als-react-ts-ui167.js";
+import { useDirection as xe } from "./als-react-ts-ui164.js";
+import { useStore as a } from "./als-react-ts-ui267.js";
+import { none as V, escapeKey as be, inputClear as H, inputChange as C } from "./als-react-ts-ui168.js";
+import { stopEvent as A } from "./als-react-ts-ui180.js";
+const he = {
+  ...pe,
+  ...me,
+  popupSide: (g) => g ? {
+    "data-popup-side": g
+  } : null,
+  listEmpty: (g) => g ? {
+    "data-list-empty": ""
+  } : null
+}, Ce = /* @__PURE__ */ h.forwardRef(function(k, L) {
+  const {
+    render: ke,
+    className: ve,
+    disabled: N = !1,
+    id: F,
+    ...P
+  } = k, {
+    state: D,
+    disabled: W,
+    setTouched: U,
+    setFocused: S,
+    validationMode: _,
+    validation: v
+  } = fe(), {
+    labelId: j
+  } = ge(), f = ye(), q = !!Ie(!0), e = ue(), {
+    filteredItems: z
+  } = ce(), T = de(), G = ae(F), J = xe(), Q = a(e, r.disabled), d = a(e, r.readOnly), M = a(e, r.name), y = a(e, r.selectionMode), X = a(e, r.autoHighlight), Y = a(e, r.inputProps), Z = a(e, r.triggerProps), I = a(e, r.open), O = a(e, r.mounted), s = a(e, r.selectedValue), $ = a(e, r.popupSide), ee = a(e, r.positionerElement), x = !!X, w = O && ee ? $ : null, m = W || Q || N, B = z.length === 0, [te, E] = h.useState(null), R = h.useRef(!1), ne = ie((t) => {
+    const n = q || e.state.inline;
+    n && !e.state.hasInputValue && e.state.setInputValue("", l(V)), e.update({
+      inputElement: t,
+      inputInsidePopup: n
+    });
+  }), oe = h.useMemo(() => ({
+    ...D,
+    open: I,
+    disabled: m,
+    readOnly: d,
+    popupSide: w,
+    listEmpty: B
+  }), [D, I, m, d, w, B]);
+  function se(t) {
+    if (!f)
+      return;
+    let n;
+    const {
+      highlightedChipIndex: i
+    } = f;
+    if (i !== void 0) {
+      if (t.key === "ArrowLeft")
+        t.preventDefault(), i > 0 ? n = i - 1 : n = void 0;
+      else if (t.key === "ArrowRight")
+        t.preventDefault(), i < s.length - 1 ? n = i + 1 : n = void 0;
+      else if (t.key === "Backspace" || t.key === "Delete") {
+        t.preventDefault();
+        const u = i >= s.length - 1 ? s.length - 2 : i;
+        n = u >= 0 ? u : void 0, e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: "keyboard"
+        });
+      }
+      return n;
+    }
+    return t.key === "ArrowLeft" && (t.currentTarget.selectionStart ?? 0) === 0 && s.length > 0 ? (t.preventDefault(), n = Math.max(s.length - 1, 0)) : t.key === "Backspace" && t.currentTarget.value === "" && s.length > 0 && (e.state.setIndices({
+      activeIndex: null,
+      selectedIndex: null,
+      type: "keyboard"
+    }), t.preventDefault()), n;
+  }
+  return le("input", k, {
+    state: oe,
+    ref: [L, e.state.inputRef, ne],
+    props: [Y, Z, {
+      type: "text",
+      value: k.value ?? te ?? T,
+      "aria-readonly": d || void 0,
+      "aria-labelledby": j,
+      disabled: m,
+      readOnly: d,
+      ...y === "none" && M && {
+        name: M
+      },
+      id: G,
+      onFocus() {
+        S(!0);
+      },
+      onBlur() {
+        if (U(!0), S(!1), _ === "onBlur") {
+          const t = y === "none" ? T : s;
+          v.commit(t);
+        }
+      },
+      onCompositionStart(t) {
+        re || (R.current = !0, E(t.currentTarget.value));
+      },
+      onCompositionEnd(t) {
+        R.current = !1;
+        const n = t.currentTarget.value;
+        E(null), e.state.setInputValue(n, l(C, t.nativeEvent));
+      },
+      onChange(t) {
+        if (R.current) {
+          const p = t.currentTarget.value;
+          E(p), p === "" && !e.state.openOnInputClick && !e.state.inputInsidePopup && e.state.setOpen(!1, l(H, t.nativeEvent));
+          const o = p.trim(), c = x && o !== "";
+          !d && !m && o !== "" && (e.state.setOpen(!0, l(C, t.nativeEvent)), x || e.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: e.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          })), I && e.state.activeIndex !== null && !c && e.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: e.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          });
+          return;
+        }
+        e.state.setInputValue(t.currentTarget.value, l(C, t.nativeEvent));
+        const n = t.currentTarget.value === "", i = l(H, t.nativeEvent);
+        n && !e.state.inputInsidePopup && (y === "single" && e.state.setSelectedValue(null, i), e.state.openOnInputClick || e.state.setOpen(!1, i));
+        const u = t.currentTarget.value.trim();
+        !d && !m && u !== "" && (e.state.setOpen(!0, l(C, t.nativeEvent)), x || e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: e.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+        })), I && e.state.activeIndex !== null && !x && e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: e.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+        });
+      },
+      onKeyDown(t) {
+        if (m || d || t.ctrlKey || t.shiftKey || t.altKey || t.metaKey)
+          return;
+        e.state.keyboardActiveRef.current = !0;
+        const n = t.currentTarget, i = n.scrollWidth - n.clientWidth, u = J === "rtl";
+        if (t.key === "Home") {
+          A(t);
+          const o = K && u ? n.value.length : 0;
+          n.setSelectionRange(o, o), n.scrollLeft = 0;
+          return;
+        }
+        if (t.key === "End") {
+          A(t);
+          const o = K && u ? 0 : n.value.length;
+          n.setSelectionRange(o, o), n.scrollLeft = u ? -i : i;
+          return;
+        }
+        if (!O && t.key === "Escape") {
+          const o = y === "multiple" && Array.isArray(s) ? s.length === 0 : s === null, c = l(be, t.nativeEvent), b = y === "multiple" ? [] : null;
+          e.state.setInputValue("", c), e.state.setSelectedValue(b, c), !o && !e.state.inline && !c.isPropagationAllowed && t.stopPropagation();
+          return;
+        }
+        if (f && t.key === "Backspace" && n.value === "" && f.highlightedChipIndex === void 0 && Array.isArray(s) && s.length > 0) {
+          const o = s.slice(0, -1);
+          e.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: e.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          }), e.state.setSelectedValue(o, l(V, t.nativeEvent));
+          return;
+        }
+        const p = se(t);
+        if (f?.setHighlightedChipIndex(p), p !== void 0 ? f?.chipsRef.current[p]?.focus() : e.state.inputRef.current?.focus(), t.which !== 229 && t.key === "Enter" && I) {
+          const o = e.state.activeIndex, c = t.nativeEvent;
+          if (o === null) {
+            e.state.setOpen(!1, l(V, c));
+            return;
+          }
+          A(t);
+          const b = e.state.listRef.current[o];
+          b && (e.state.selectionEventRef.current = c, b.click(), e.state.selectionEventRef.current = null);
+        }
+      },
+      onPointerMove() {
+        e.state.keyboardActiveRef.current = !1;
+      },
+      onPointerDown() {
+        e.state.keyboardActiveRef.current = !1;
+      }
+    }, v ? v.getValidationProps(P) : P],
+    stateAttributesMapping: he
+  });
+});
+process.env.NODE_ENV !== "production" && (Ce.displayName = "ComboboxInput");
+export {
+  Ce as ComboboxInput
+};