@iress-oss/ids-components 5.19.0 → 5.20.2

package/dist/components/Button/CloseButton/CloseButton.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
-import { c as s } from "../../../LoadingSuspense-U4UZBhSB.js";
+import "../../../index-cbHCAGLB.js";
+import { c as s } from "../../../LoadingSuspense-BtzikVZk.js";
 import "react";
 export {
   s as IressCloseButton

package/dist/components/Button/index.js

@@ -1,5 +1,5 @@
 import { BUTTON_MODES as s, BUTTON_TYPES as e, ButtonCssClass as B, ButtonMode as r, ButtonType as T } from "./Button.types.js";
-import { b as u, c as a } from "../../LoadingSuspense-U4UZBhSB.js";
+import { b as u, c as a } from "../../LoadingSuspense-BtzikVZk.js";
 export {
   s as BUTTON_MODES,
   e as BUTTON_TYPES,

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { c as n } from "../../index-2QXL0WYc.js";
-import { s } from "../../useIDSButtonGroupItem-DmWrryOR.js";
+import { c as n } from "../../index-cbHCAGLB.js";
+import { s } from "../../useIDSButtonGroupItem-YYpF5FzH.js";
 import G, { useMemo as _ } from "react";
 import { toArray as g } from "../../helpers/formatting/toArray.js";
 import { useIdIfNeeded as x } from "../../hooks/useIdIfNeeded.js";
 import { IressButtonGroupProvider as B } from "./ButtonGroupProvider.js";
 import { propagateTestid as u } from "../../helpers/utility/propagateTestid.js";
-import { b as I } from "../../LoadingSuspense-U4UZBhSB.js";
+import { b as I } from "../../LoadingSuspense-BtzikVZk.js";
 import { GlobalCSSClass as S } from "../../enums.js";
 const w = ({
   children: c,

package/dist/components/ButtonGroup/ButtonGroupProvider.js

@@ -1,34 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as i, useMemo as n } from "react";
-import { toArray as s } from "../../helpers/formatting/toArray.js";
-import { useControlledState as a } from "../../hooks/useControlledState.js";
-const v = i(void 0), A = ({
-  children: l,
-  defaultSelected: u,
-  multiple: c,
-  onChange: t,
-  selected: d
+import { jsx as d } from "react/jsx-runtime";
+import { createContext as p, useMemo as m } from "react";
+import { toArray as r } from "../../helpers/formatting/toArray.js";
+import { useControlledState as i } from "../../hooks/useControlledState.js";
+const v = p(void 0), B = ({
+  children: s,
+  defaultSelected: n,
+  multiple: l,
+  onChange: u,
+  selected: c
 }) => {
-  const { value: o, toggleValue: r } = a({
+  const { value: t, toggleValue: o } = i({
     component: "IressButtonGroup",
-    defaultValue: u,
-    multiple: c,
+    defaultValue: n,
+    multiple: l,
     onChange: (e) => {
-      t == null || t({ selected: e });
+      u?.({ selected: e });
     },
     propName: "selected",
-    value: d
-  }), p = n(
+    value: c
+  }), a = m(
     () => ({
-      isActive: (e) => !!(e && s(o).includes(e)),
-      toggle: r,
-      selected: s(o)
+      isActive: (e) => !!(e && r(t).includes(e)),
+      toggle: o,
+      selected: r(t)
     }),
-    [r, o]
+    [o, t]
   );
-  return /* @__PURE__ */ m(v.Provider, { value: p, children: l });
+  return /* @__PURE__ */ d(v.Provider, { value: a, children: s });
 };
 export {
   v as ButtonGroupContext,
-  A as IressButtonGroupProvider
+  B as IressButtonGroupProvider
 };

package/dist/components/ButtonGroup/hooks/useIDSButtonGroupItem.js

@@ -1,6 +1,6 @@
 import "./useButtonGroup.js";
-import { u as p } from "../../../useIDSButtonGroupItem-DmWrryOR.js";
-import "../../../index-2QXL0WYc.js";
+import { u as p } from "../../../useIDSButtonGroupItem-YYpF5FzH.js";
+import "../../../index-cbHCAGLB.js";
 export {
   p as useIDSButtonGroupItem
 };

package/dist/components/ButtonGroup/index.js

@@ -1,5 +1,5 @@
 import { IressButtonGroup as t } from "./ButtonGroup.js";
-import { u as e } from "../../useIDSButtonGroupItem-DmWrryOR.js";
+import { u as e } from "../../useIDSButtonGroupItem-YYpF5FzH.js";
 export {
   t as IressButtonGroup,
   e as useIDSButtonGroupItem

package/dist/components/Card/helpers/composeIDSCard.js

@@ -1,6 +1,6 @@
 import { CardCssClass as m } from "../Card.types.js";
 import { PaddingSize as d } from "../../../enums.js";
-import { c as i } from "../../../index-2QXL0WYc.js";
+import { c as i } from "../../../index-cbHCAGLB.js";
 function p({
   className: a,
   clickable: e,

package/dist/components/Checkbox/Checkbox.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
+import "../../index-cbHCAGLB.js";
 import "react";
 import "../../enums.js";
 import "../../helpers/form/getFormControlValueAsString.js";
 import "../CheckboxMark/CheckboxMark.types.js";
 import "../CheckboxMark/CheckboxMark.js";
-import { d as f } from "../../LoadingSuspense-U4UZBhSB.js";
+import { d as f } from "../../LoadingSuspense-BtzikVZk.js";
 import "../../hooks/useControlledState.js";
 import "../Form/hooks/useNoDefaultValueInForms.js";
 import "../CheckboxGroup/CheckboxGroupContext.js";

package/dist/components/Checkbox/helpers/mapCheckboxGroupOptions.js

@@ -1,18 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-import { d as p } from "../../../LoadingSuspense-U4UZBhSB.js";
-import { idsLogger as i } from "../../../helpers/utility/idsLogger.js";
-import { getFormControlValueAsString as d } from "../../../helpers/form/getFormControlValueAsString.js";
-const h = (r) => r != null && r.length ? (i(
+import { jsx as i } from "react/jsx-runtime";
+import { d as a } from "../../../LoadingSuspense-BtzikVZk.js";
+import { idsLogger as p } from "../../../helpers/utility/idsLogger.js";
+import { getFormControlValueAsString as s } from "../../../helpers/form/getFormControlValueAsString.js";
+const h = (r) => r?.length ? (p(
   "IressCheckboxGroup: mapCheckboxGroupOptions has been deprecated and will be removed in a future version of IDS, please map and render the items array directly in your application instead",
   "warn"
-), r.map(({ label: o, testId: n, value: e }, t) => /* @__PURE__ */ a(
-  p,
+), r.map(({ label: e, testId: t, value: o }, n) => /* @__PURE__ */ i(
+  a,
   {
-    value: e,
-    "data-testid": n,
-    children: o
+    value: o,
+    "data-testid": t,
+    children: e
   },
-  o || d(e) || t
+  e || s(o) || n
 ))) : null;
 export {
   h as mapCheckboxGroupOptions

package/dist/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { d as r } from "../../LoadingSuspense-U4UZBhSB.js";
+import { d as r } from "../../LoadingSuspense-BtzikVZk.js";
 export {
   r as IressCheckbox
 };

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -1,100 +1,99 @@
-import { jsx as k } from "react/jsx-runtime";
-import { c as L } from "../../index-2QXL0WYc.js";
-import { forwardRef as S, useRef as V, useImperativeHandle as j, useMemo as q } from "react";
-import { toArray as x } from "../../helpers/formatting/toArray.js";
-import { CheckboxGroupLayout as w } from "./CheckboxGroup.types.js";
-import { useControlledState as A } from "../../hooks/useControlledState.js";
-import { useNoDefaultValueInForms as D } from "../Form/hooks/useNoDefaultValueInForms.js";
-import { CheckboxGroupContext as H } from "./CheckboxGroupContext.js";
-const M = "ids-checkbox-group-v5190", z = "ids-checkbox-group--full-v5190", B = "ids-checkbox-group--block-v5190", J = "ids-checkbox-group--stack-v5190", K = "ids-checkbox-group--inline-v5190", O = "ids-checkbox-group--readonly-v5190", u = {
-  checkboxGroup: M,
-  full: z,
-  block: B,
-  stack: J,
-  "ids-checkbox": "ids-checkbox-v5190",
-  "ids-input--readonly": "ids-input--readonly-v5190",
-  "ids-checkbox--label": "ids-checkbox--label-v5190",
-  "ids-checkbox--label-span": "ids-checkbox--label-span-v5190",
-  inline: K,
-  readonly: O,
-  "ids-input-base--readonly": "ids-input-base--readonly-v5190"
-}, h = S(
+import { jsx as d } from "react/jsx-runtime";
+import { c as R } from "../../index-cbHCAGLB.js";
+import { forwardRef as L, useRef as S, useImperativeHandle as V, useMemo as j } from "react";
+import { toArray as b } from "../../helpers/formatting/toArray.js";
+import { CheckboxGroupLayout as q } from "./CheckboxGroup.types.js";
+import { useControlledState as w } from "../../hooks/useControlledState.js";
+import { useNoDefaultValueInForms as A } from "../Form/hooks/useNoDefaultValueInForms.js";
+import { CheckboxGroupContext as D } from "./CheckboxGroupContext.js";
+const E = "ids-checkbox-group-v5202", H = "ids-checkbox-group--full-v5202", M = "ids-checkbox-group--block-v5202", z = "ids-checkbox-group--stack-v5202", B = "ids-checkbox-group--inline-v5202", J = "ids-checkbox-group--readonly-v5202", n = {
+  checkboxGroup: E,
+  full: H,
+  block: M,
+  stack: z,
+  "ids-checkbox": "ids-checkbox-v5202",
+  "ids-input--readonly": "ids-input--readonly-v5202",
+  "ids-checkbox--label": "ids-checkbox--label-v5202",
+  "ids-checkbox--label-span": "ids-checkbox--label-span-v5202",
+  inline: B,
+  readonly: J,
+  "ids-input-base--readonly": "ids-input-base--readonly-v5202"
+}, k = L(
   ({
-    className: v,
-    value: a,
-    defaultValue: r,
-    children: m,
-    layout: f = "stack",
-    onChange: g,
-    onFocus: t,
-    hiddenCheckbox: n,
-    name: p,
-    role: y = "group",
-    readonly: i,
-    touch: d,
-    ...C
-  }, G) => {
-    D({
+    className: m,
+    value: u,
+    defaultValue: c,
+    children: x,
+    layout: h = "stack",
+    onChange: v,
+    onFocus: f,
+    hiddenCheckbox: l,
+    name: i,
+    role: g = "group",
+    readonly: r,
+    touch: a,
+    ...y
+  }, C) => {
+    A({
       component: "IressCheckboxGroup",
-      defaultValue: r
+      defaultValue: c
     });
-    const { value: b, setValue: I, toggleValue: l } = A({
+    const { value: p, setValue: G, toggleValue: s } = w({
       component: "IressCheckbox",
-      defaultValue: r === void 0 ? void 0 : x(r),
+      defaultValue: c === void 0 ? void 0 : b(c),
       multiple: !0,
-      onChange: g,
-      value: a === void 0 ? void 0 : x(a)
-    }), c = V(null), o = c.current;
-    j(G, () => ({
+      onChange: v,
+      value: u === void 0 ? void 0 : b(u)
+    }), e = S(null), t = e.current;
+    V(C, () => ({
       // React hook form requires the focus, blur, input
-      focus: () => o == null ? void 0 : o.focus(),
-      blur: () => o == null ? void 0 : o.blur(),
-      input: o,
-      check: (e) => {
-        l(e, !0);
+      focus: () => t?.focus(),
+      blur: () => t?.blur(),
+      input: t,
+      check: (o) => {
+        s(o, !0);
       },
       reset: () => {
-        I([]);
+        G([]);
       }
     }));
-    const N = q(
+    const I = j(
       () => ({
-        hiddenCheckbox: n,
-        name: p,
-        onChange: (e, s) => {
-          l(s, e.target.checked);
+        hiddenCheckbox: l,
+        name: i,
+        onChange: (o, F) => {
+          s(F, o.target.checked);
         },
-        readonly: i,
-        touch: d,
-        value: b
+        readonly: r,
+        touch: a,
+        value: p
       }),
-      [p, b, n, i, d, l]
-    ), R = (e) => {
-      var s;
-      t == null || t(e), e.target === c.current && ((s = c.current.querySelector("input")) == null || s.focus());
+      [i, p, l, r, a, s]
+    ), N = (o) => {
+      f?.(o), o.target === e.current && e.current.querySelector("input")?.focus();
     };
-    return /* @__PURE__ */ k(H.Provider, { value: N, children: /* @__PURE__ */ k(
+    return /* @__PURE__ */ d(D.Provider, { value: I, children: /* @__PURE__ */ d(
       "div",
       {
-        ...C,
-        role: y,
-        ref: c,
-        className: L(
-          v,
-          u.checkboxGroup,
-          u[f],
+        ...y,
+        role: g,
+        ref: e,
+        className: R(
+          m,
+          n.checkboxGroup,
+          n[h],
           {
-            [u.readonly]: i
+            [n.readonly]: r
           }
         ),
-        onFocus: R,
-        children: m
+        onFocus: N,
+        children: x
       }
     ) });
   }
 );
-h.displayName = "IressCheckboxGroup";
-h.Layout = w;
+k.displayName = "IressCheckboxGroup";
+k.Layout = q;
 export {
-  h as IressCheckboxGroup
+  k as IressCheckboxGroup
 };

package/dist/components/CheckboxMark/CheckboxMark.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import { IressCheckboxStyles as e } from "./CheckboxMark.types.js";
-import { c as n } from "../../index-2QXL0WYc.js";
+import { c as n } from "../../index-cbHCAGLB.js";
 const k = ({ checked: s, indeterminate: o, className: a, ...c }, t) => /* @__PURE__ */ m(
   "svg",
   {

package/dist/components/CheckboxMark/CheckboxMark.types.js

@@ -1,8 +1,8 @@
-const c = "ids-checkbox-mark-v5190", k = "ids-checkbox-mark--checked-v5190", t = "ids-checkbox-mark--indeterminate-v5190", a = {
+const c = "ids-checkbox-mark-v5202", k = "ids-checkbox-mark--checked-v5202", t = "ids-checkbox-mark--indeterminate-v5202", a = {
   checkboxMark: c,
   checked: k,
   indeterminate: t
-}, n = "ids-checkbox-mark-v5190", r = "ids-checkbox-mark--indeterminate-mark-v5190", i = "ids-checkbox-mark--checked-mark-v5190", s = "ids-checkbox-mark--checked-v5190", d = "ids-checkbox-mark--indeterminate-v5190", e = {
+}, n = "ids-checkbox-mark-v5202", r = "ids-checkbox-mark--indeterminate-mark-v5202", i = "ids-checkbox-mark--checked-mark-v5202", s = "ids-checkbox-mark--checked-v5202", d = "ids-checkbox-mark--indeterminate-v5202", e = {
   checkboxMark: n,
   indeterminateMark: r,
   checkedMark: i,

package/dist/components/Col/Col.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../index-2QXL0WYc.js";
+import { c as p } from "../../index-cbHCAGLB.js";
 import { ColCssClass as s, ColAlignSelf as n, ColOffset as C, ColSpan as S } from "./Col.types.js";
 import { getResponsiveLayoutModifiers as f } from "../../helpers/responsive/getResponsiveLayoutModifiers.js";
 const o = ({

package/dist/components/Combobox/Combobox.js

@@ -1,15 +1,15 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-2QXL0WYc.js";
-import "../../ComboboxHiddenInput-DgbYej-J.js";
+import "../../index-cbHCAGLB.js";
+import "../../ComboboxHiddenInput-BcqYDu3M.js";
 import "../../helpers/utility/propagateTestid.js";
 import "../../helpers/formatting/toArray.js";
 import "../Popover/Popover.js";
-import "../../PopoverProvider-BCmddfo7.js";
+import "../../PopoverProvider-DZ92QV8I.js";
 import "../Popover/InputPopover/InputPopover.js";
 import "../../enums.js";
 import "../RichSelect/hooks/useRichSelectState.js";
-import { e as T } from "../../LoadingSuspense-U4UZBhSB.js";
+import { e as U } from "../../LoadingSuspense-BtzikVZk.js";
 import "../Autocomplete/hooks/useAutocompleteSearch.js";
 import "../Badge/Badge.js";
 import "../../hooks/useIdIfNeeded.js";
@@ -32,6 +32,7 @@ import "../Skeleton/Skeleton.js";
 import "../SkipLink/SkipLink.js";
 import "../Stack/Stack.js";
 import "../Table/TableContext.js";
+import "../Table/TableProvider.js";
 import "../TabSet/Tab/Tab.js";
 import "../TabSet/TabSet.js";
 import "../Text/Text.js";
@@ -43,5 +44,5 @@ import "../../helpers/form/getValueAsEvent.js";
 import "./hooks/useComboboxInlineCompletion.js";
 import "../Form/hooks/useNoDefaultValueInForms.js";
 export {
-  T as IressCombobox
+  U as IressCombobox
 };

package/dist/components/Combobox/MultiCombobox/MultiCombobox.js

@@ -1,14 +1,14 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../index-2QXL0WYc.js";
-import "../../../ComboboxHiddenInput-DgbYej-J.js";
+import "../../../index-cbHCAGLB.js";
+import "../../../ComboboxHiddenInput-BcqYDu3M.js";
 import "../../../helpers/utility/propagateTestid.js";
 import "../../../helpers/formatting/toArray.js";
 import "../../Popover/Popover.js";
-import "../../../PopoverProvider-BCmddfo7.js";
+import "../../../PopoverProvider-DZ92QV8I.js";
 import "../../Popover/InputPopover/InputPopover.js";
 import "../../RichSelect/hooks/useRichSelectState.js";
-import { f as R } from "../../../LoadingSuspense-U4UZBhSB.js";
+import { f as S } from "../../../LoadingSuspense-BtzikVZk.js";
 import "../../Autocomplete/hooks/useAutocompleteSearch.js";
 import "../../Badge/Badge.js";
 import "../../../hooks/useIdIfNeeded.js";
@@ -31,6 +31,7 @@ import "../../Skeleton/Skeleton.js";
 import "../../SkipLink/SkipLink.js";
 import "../../Stack/Stack.js";
 import "../../Table/TableContext.js";
+import "../../Table/TableProvider.js";
 import "../../TabSet/Tab/Tab.js";
 import "../../TabSet/TabSet.js";
 import "../../Text/Text.js";
@@ -41,5 +42,5 @@ import "../hooks/useComboboxFlags.js";
 import "../../../helpers/form/getValueAsEvent.js";
 import "../../Form/hooks/useNoDefaultValueInForms.js";
 export {
-  R as IressMultiCombobox
+  S as IressMultiCombobox
 };

package/dist/components/Combobox/components/ComboboxHiddenInput.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import { C as b } from "../../../ComboboxHiddenInput-DgbYej-J.js";
+import { C as b } from "../../../ComboboxHiddenInput-BcqYDu3M.js";
 import "../../../helpers/utility/propagateTestid.js";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "react";
 export {
   b as ComboboxHiddenInput

package/dist/components/Combobox/components/ComboboxResults.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { $ as K } from "../../../LoadingSuspense-U4UZBhSB.js";
-import "../../../fuzzysort-eoXOpoo6.js";
+import { $ as L } from "../../../LoadingSuspense-BtzikVZk.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
 import "../../../helpers/utility/propagateTestid.js";
 import "../../Card/Card.js";
@@ -13,7 +13,7 @@ import "../../Expander/Expander.js";
 import "../../Form/FormContext.js";
 import "../../Menu/Menu.js";
 import "../../Menu/MenuProvider.js";
-import "../../../PopoverProvider-BCmddfo7.js";
+import "../../../PopoverProvider-DZ92QV8I.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
 import "../../Modal/ModalProvider.js";
@@ -27,14 +27,15 @@ import "../../Skeleton/Skeleton.js";
 import "../../SkipLink/SkipLink.js";
 import "../../Stack/Stack.js";
 import "../../Table/TableContext.js";
+import "../../Table/TableProvider.js";
 import "../../TabSet/Tab/Tab.js";
 import "../../TabSet/TabSet.js";
 import "../../Text/Text.js";
 import "../../Toggle/Toggle.js";
 import "../../Tooltip/Tooltip.js";
 import "../../ValidationMessage/ValidationMessage.js";
-import "../../../ComboboxHiddenInput-DgbYej-J.js";
-import "../../../AutocompleteNoResults-D_adOX6J.js";
+import "../../../ComboboxHiddenInput-BcqYDu3M.js";
+import "../../../AutocompleteNoResults-D_052VQ9.js";
 export {
-  K as ComboboxResults
+  L as ComboboxResults
 };

package/dist/components/Combobox/components/ComboboxResultsDescriptor.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { _ as J } from "../../../LoadingSuspense-U4UZBhSB.js";
-import "../../../fuzzysort-eoXOpoo6.js";
+import { _ as K } from "../../../LoadingSuspense-BtzikVZk.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
 import "../../../enums.js";
 import "../../Card/Card.js";
@@ -13,7 +13,7 @@ import "../../Expander/Expander.js";
 import "../../Form/FormContext.js";
 import "../../Menu/Menu.js";
 import "../../Menu/MenuProvider.js";
-import "../../../PopoverProvider-BCmddfo7.js";
+import "../../../PopoverProvider-DZ92QV8I.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
 import "../../Modal/ModalProvider.js";
@@ -29,11 +29,12 @@ import "../../Skeleton/Skeleton.js";
 import "../../SkipLink/SkipLink.js";
 import "../../Stack/Stack.js";
 import "../../Table/TableContext.js";
+import "../../Table/TableProvider.js";
 import "../../TabSet/Tab/Tab.js";
 import "../../TabSet/TabSet.js";
 import "../../Toggle/Toggle.js";
 import "../../Tooltip/Tooltip.js";
 import "../../ValidationMessage/ValidationMessage.js";
 export {
-  J as ComboboxResultsDescriptor
+  K as ComboboxResultsDescriptor
 };

package/dist/components/Combobox/hooks/useComboboxInlineCompletion.js

@@ -1,63 +1,60 @@
-import { getValueAsEvent as g } from "../../../helpers/form/getValueAsEvent.js";
-import { getQueryRangeExclusive as k } from "../../../helpers/label-value/getQueryRangeExclusive.js";
-import { useRef as l, useCallback as E, useEffect as A } from "react";
-const q = ({
-  autoSelect: u = !0,
+import { getValueAsEvent as y } from "../../../helpers/form/getValueAsEvent.js";
+import { getQueryRangeExclusive as E } from "../../../helpers/label-value/getQueryRangeExclusive.js";
+import { useRef as l, useCallback as x, useEffect as R } from "react";
+const I = ({
+  autoSelect: o = !0,
   debouncedQuery: t,
   debounceThreshold: r = 500,
-  onChange: e,
-  queryRef: i,
-  results: n,
+  onChange: i,
+  queryRef: n,
+  results: s,
   setTypedQuery: f,
   setValue: m
 }) => {
-  const p = l(), x = l(""), a = l([]), o = E(
-    (c) => {
-      const s = B(
+  const a = l(), g = l(""), p = l([]), c = x(
+    (u) => {
+      const e = k(
         t,
-        c,
-        n,
-        u
+        u,
+        s,
+        o
       );
-      !s || p.current === "Backspace" || (m(s.result), e == null || e(g(s.result), s.result), f(s.result.label), setTimeout(
-        () => {
-          var v, y;
-          return (y = (v = i.current) == null ? void 0 : v.input) == null ? void 0 : y.setSelectionRange(...s.queryIndex);
-        },
+      !e || a.current === "Backspace" || (m(e.result), i?.(y(e.result), e.result), f(e.result.label), setTimeout(
+        () => n.current?.input?.setSelectionRange(...e.queryIndex),
         Math.max(r * 0.2, 10)
       ));
     },
     [
       t,
-      n,
-      u,
+      s,
+      o,
       f,
       m,
-      e,
+      i,
       r,
-      i
+      n
     ]
-  ), R = E((c) => {
-    p.current = c == null ? void 0 : c.key;
+  ), v = x((u) => {
+    a.current = u?.key;
   }, []);
-  return A(() => {
-    x.current === t && a.current === n || (x.current = t, a.current = n, t && o(0));
-  }, [t, o, n]), {
-    highlightQueryByActiveIndex: o,
-    setKeyPressed: R
+  return R(() => {
+    g.current === t && p.current === s || (g.current = t, p.current = s, t && c(0));
+  }, [t, c, s]), {
+    highlightQueryByActiveIndex: c,
+    setKeyPressed: v
   };
-}, B = (u, t, r = [], e) => {
-  if (typeof t != "number" || !e || !r[t])
+}, k = (o, t, r = [], i) => {
+  if (typeof t != "number" || !i || !r[t])
     return;
-  const i = k(
-    u,
+  const n = E(
+    o,
     r[t].label
   );
-  return i ? {
-    queryIndex: i,
+  return n ? {
+    queryIndex: n,
     result: r[t]
   } : void 0;
 };
 export {
-  q as useComboboxInlineCompletion
+  I as useComboboxInlineCompletion
 };