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

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

@@ -1,7 +1,187 @@
-const o = "_root_6lo3f_1", t = {
-  root: o
-};
+import * as f from "react";
+import { NOOP as Pe, EMPTY_OBJECT as xe } from "./als-react-ts-ui303.js";
+import { useControlled as ve } from "./als-react-ts-ui282.js";
+import { useStableCallback as Re } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as A } from "./als-react-ts-ui193.js";
+import { useMergedRefs as Ve } from "./als-react-ts-ui287.js";
+import { visuallyHidden as Ee } from "./als-react-ts-ui375.js";
+import { useStateAttributesMapping as Ie } from "./als-react-ts-ui439.js";
+import { useRenderElement as ye } from "./als-react-ts-ui189.js";
+import { useBaseUiId as _ } from "./als-react-ts-ui249.js";
+import { useButton as Be } from "./als-react-ts-ui247.js";
+import { useFieldRootContext as Fe } from "./als-react-ts-ui398.js";
+import { useFieldItemContext as Oe } from "./als-react-ts-ui440.js";
+import { useField as De } from "./als-react-ts-ui403.js";
+import { useFormContext as Ne } from "./als-react-ts-ui402.js";
+import { useLabelableContext as Ge } from "./als-react-ts-ui399.js";
+import { useCheckboxGroupContext as Me } from "./als-react-ts-ui436.js";
+import { CheckboxRootContext as Se } from "./als-react-ts-ui441.js";
+import { createChangeEventDetails as Te } from "./als-react-ts-ui246.js";
+import { useValueChanged as Ae } from "./als-react-ts-ui406.js";
+import { jsxs as _e, jsx as j } from "react/jsx-runtime";
+import { mergeProps as je } from "./als-react-ts-ui304.js";
+import { none as qe } from "./als-react-ts-ui248.js";
+const He = "data-parent", Le = /* @__PURE__ */ f.forwardRef(function(I, q) {
+  const {
+    checked: H,
+    className: we,
+    defaultChecked: L = !1,
+    disabled: $ = !1,
+    id: y,
+    indeterminate: x = !1,
+    inputRef: w,
+    name: J,
+    onCheckedChange: K,
+    parent: n = !1,
+    readOnly: p = !1,
+    render: Je,
+    required: m = !1,
+    value: h,
+    nativeButton: U = !1,
+    ...W
+  } = I, {
+    clearErrors: X
+  } = Ne(), {
+    disabled: Y,
+    name: z,
+    setDirty: Q,
+    setFilled: v,
+    setFocused: B,
+    setTouched: Z,
+    state: F,
+    validationMode: ee,
+    validityData: te,
+    shouldValidateOnChange: oe,
+    validation: ne
+  } = Fe(), re = Oe(), {
+    labelId: ie,
+    controlId: ae,
+    setControlId: C,
+    getDescriptionProps: O
+  } = Ge(), e = Me(), u = e?.parent, g = u && e.allValues, a = Y || re.disabled || e?.disabled || $, s = z ?? J, o = h ?? s, D = _(), se = _();
+  let l = ae;
+  g ? l = n ? se : `${u.id}-${o}` : y && (l = y);
+  let R = {};
+  g && (n ? R = e.parent.getParentProps() : o && (R = e.parent.getChildProps(o)));
+  const de = Re(K), {
+    checked: N = H,
+    indeterminate: k = x,
+    onCheckedChange: ue,
+    ...le
+  } = R, d = e?.value, G = e?.setValue, M = e?.defaultValue, V = f.useRef(null), {
+    getButtonProps: ce,
+    buttonRef: fe
+  } = Be({
+    disabled: a,
+    native: U
+  }), r = e?.validation ?? ne, [t, pe] = ve({
+    controlled: o && d && !n ? d.includes(o) : N,
+    default: o && M && !n ? M.includes(o) : L,
+    name: "Checkbox",
+    state: "checked"
+  });
+  A(() => {
+    if (C !== Pe)
+      return C(l), () => {
+        C(void 0);
+      };
+  }, [l, e, C, n]), De({
+    enabled: !e,
+    id: D,
+    commit: r.commit,
+    value: t,
+    controlRef: V,
+    name: s,
+    getValue: () => t
+  });
+  const c = f.useRef(null), me = Ve(w, c, r.inputRef);
+  A(() => {
+    c.current && (c.current.indeterminate = k, t && v(!0));
+  }, [t, k, v]), Ae(t, () => {
+    e && !n || (X(s), v(t), Q(t !== te.initialValue), oe() ? r.commit(t) : r.commit(t, !0));
+  });
+  const he = je(
+    {
+      checked: t,
+      disabled: a,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: n ? void 0 : s,
+      // Set `id` to stop Chrome warning about an unassociated input
+      id: l ?? void 0,
+      required: m,
+      ref: me,
+      style: Ee,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      onChange(i) {
+        if (i.nativeEvent.defaultPrevented)
+          return;
+        const b = i.target.checked, P = Te(qe, i.nativeEvent);
+        if (ue?.(b, P), de(b, P), !P.isCanceled && (pe(b), o && d && G && !n)) {
+          const ke = b ? [...d, o] : d.filter((be) => be !== o);
+          G(ke, P);
+        }
+      },
+      onFocus() {
+        V.current?.focus();
+      }
+    },
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    h !== void 0 ? {
+      value: (e ? t && h : h) || ""
+    } : xe,
+    O,
+    e ? r.getValidationProps : r.getInputValidationProps
+  ), S = g ? !!N : t, T = g && k || x;
+  f.useEffect(() => {
+    u && o && u.disabledStatesRef.current.set(o, a);
+  }, [u, a, o]);
+  const E = f.useMemo(() => ({
+    ...F,
+    checked: S,
+    disabled: a,
+    readOnly: p,
+    required: m,
+    indeterminate: T
+  }), [F, S, a, p, m, T]), Ce = Ie(E), ge = ye("span", I, {
+    state: E,
+    ref: [fe, V, q, e?.registerControlRef],
+    props: [{
+      id: D,
+      role: "checkbox",
+      "aria-checked": k ? "mixed" : t,
+      "aria-readonly": p || void 0,
+      "aria-required": m || void 0,
+      "aria-labelledby": ie,
+      [He]: n ? "" : void 0,
+      onFocus() {
+        B(!0);
+      },
+      onBlur() {
+        const i = c.current;
+        i && (Z(!0), B(!1), ee === "onBlur" && r.commit(e ? d : i.checked));
+      },
+      onClick(i) {
+        p || a || (i.preventDefault(), c.current?.click());
+      }
+    }, O, r.getValidationProps, W, le, ce],
+    stateAttributesMapping: Ce
+  });
+  return /* @__PURE__ */ _e(Se.Provider, {
+    value: E,
+    children: [ge, !t && !e && s && !n && /* @__PURE__ */ j("input", {
+      type: "hidden",
+      name: s,
+      value: "off"
+    }), /* @__PURE__ */ j("input", {
+      ...he
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Le.displayName = "CheckboxRoot");
 export {
-  t as default,
-  o as root
+  Le as CheckboxRoot,
+  He as PARENT_CHECKBOX
 };

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

@@ -1,7 +1,45 @@
-const o = "_root_z5dqm_1", t = {
-  root: o
-};
+import * as o from "react";
+import { useCheckboxRootContext as b } from "./als-react-ts-ui441.js";
+import { useRenderElement as M } from "./als-react-ts-ui189.js";
+import { useStateAttributesMapping as C } from "./als-react-ts-ui439.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui253.js";
+import { useTransitionStatus as R } from "./als-react-ts-ui344.js";
+import { transitionStatusMapping as g } from "./als-react-ts-ui245.js";
+import { fieldValidityMapping as k } from "./als-react-ts-ui409.js";
+const x = /* @__PURE__ */ o.forwardRef(function(n, p) {
+  const {
+    render: N,
+    className: A,
+    keepMounted: c = !1,
+    ...m
+  } = n, e = b(), t = e.checked || e.indeterminate, {
+    transitionStatus: r,
+    setMounted: u
+  } = R(t), s = o.useRef(null), f = o.useMemo(() => ({
+    ...e,
+    transitionStatus: r
+  }), [e, r]);
+  h({
+    open: t,
+    ref: s,
+    onComplete() {
+      t || u(!1);
+    }
+  });
+  const i = C(e), d = o.useMemo(() => ({
+    ...i,
+    ...g,
+    ...k
+  }), [i]), a = c || t, l = M("span", n, {
+    enabled: a,
+    ref: [p, s],
+    state: f,
+    stateAttributesMapping: d,
+    props: m
+  });
+  return a ? l : null;
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "CheckboxIndicator");
 export {
-  t as default,
-  o as root
+  x as CheckboxIndicator
 };

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

@@ -1,85 +1,35 @@
-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
+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 {
-  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
+  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-ui130.js

@@ -1,35 +1,9 @@
-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
-};
+import c from "./als-react-ts-ui350.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 {
-  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
+  e as __iconNode,
+  o as default
 };

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

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

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

@@ -1,9 +1,206 @@
-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);
+import * as h from "react";
+import { useStableCallback as ie } from "./als-react-ts-ui192.js";
+import { isFirefox as K, isAndroid as re } from "./als-react-ts-ui371.js";
+import { useBaseUiId as ae } from "./als-react-ts-ui249.js";
+import { useRenderElement as le } from "./als-react-ts-ui189.js";
+import { useComboboxRootContext as ue, useComboboxDerivedItemsContext as ce, useComboboxInputValueContext as de } from "./als-react-ts-ui454.js";
+import { selectors as r } from "./als-react-ts-ui455.js";
+import { pressableTriggerOpenStateMapping as pe } from "./als-react-ts-ui244.js";
+import { useFieldRootContext as fe } from "./als-react-ts-ui398.js";
+import { fieldValidityMapping as me } from "./als-react-ts-ui409.js";
+import { useLabelableContext as ge } from "./als-react-ts-ui399.js";
+import { useComboboxChipsContext as ye } from "./als-react-ts-ui456.js";
+import { useComboboxPositionerContext as Ie } from "./als-react-ts-ui457.js";
+import { createChangeEventDetails as l } from "./als-react-ts-ui246.js";
+import { useDirection as xe } from "./als-react-ts-ui285.js";
+import { useStore as a } from "./als-react-ts-ui408.js";
+import { none as V, escapeKey as be, inputClear as H, inputChange as C } from "./als-react-ts-ui248.js";
+import { stopEvent as A } from "./als-react-ts-ui295.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 {
-  o as __iconNode,
-  c as default
+  Ce as ComboboxInput
 };