@sesamehr/react-design-system 3.9.0 → 3.10.1

package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.js

@@ -0,0 +1,176 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import * as T from "@radix-ui/react-popover";
+import { IconChevronDown as H } from "@sesame/orxata-icons/IconChevronDown";
+import { IconClose as J } from "@sesame/orxata-icons/IconClose";
+import { Icon as y } from "@sesame/orxata-icons/react";
+import { forwardRef as K, useCallback as M, useRef as S } from "react";
+import { cn as C } from "../../../lib/utils.js";
+import { useFieldControl as Q } from "../../Field/useFieldGroup.js";
+import { inputSizeClass as U } from "../inputSize.js";
+import e from "./ComboboxChipsInput.module.css.js";
+import { useComboboxContext as V } from "./context.js";
+import { useChipOverflow as W } from "./useChipOverflow.js";
+import { useTranslate as X } from "../../../Locale/useTranslate.js";
+import { Chip as Y } from "../../../Display/Chip/Chip.js";
+const Z = K(
+  ({
+    className: w,
+    placeholder: P = "",
+    disabled: F,
+    size: m = "md",
+    chipLabel: b,
+    trigger: O,
+    id: R,
+    ...j
+  }, s) => {
+    const k = Q(R), {
+      value: u,
+      multiple: z,
+      select: h,
+      disabled: A,
+      open: f,
+      setOpen: g,
+      search: D,
+      setSearch: $,
+      scheduleSearch: q,
+      labelFor: B,
+      inputRef: v
+    } = V(), c = X(), i = F ?? A, t = z && Array.isArray(u) ? u : [], E = M(
+      (o) => {
+        v.current = o, typeof s == "function" ? s(o) : s && (s.current = o);
+      },
+      [s, v]
+    ), p = (o) => (b == null ? void 0 : b(o)) ?? B(o) ?? o, G = m === "xs" || m === "sm" ? "sm" : "lg", N = S(null), I = S(null), l = W({ row: N, sizer: I }, t.length), n = t.slice(l);
+    return /* @__PURE__ */ r(
+      T.Anchor,
+      {
+        "data-slot": "controller",
+        className: C(
+          e.oxComboboxTagsInput,
+          U[m],
+          w
+        ),
+        children: [
+          /* @__PURE__ */ r("div", { ref: N, className: e.oxComboboxChips, children: [
+            t.map((o, d) => /* @__PURE__ */ a(
+              Y,
+              {
+                asChild: !0,
+                size: G,
+                className: C(
+                  e.oxComboboxChip,
+                  d >= l && e.oxComboboxChipCollapsed
+                ),
+                dataTestid: `combobox-chip-${o}`,
+                children: /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": d >= l ? !0 : void 0,
+                    onClick: (x) => {
+                      x.stopPropagation(), h(o);
+                    },
+                    children: [
+                      /* @__PURE__ */ a("span", { className: e.oxComboboxChipLabel, children: p(o) }),
+                      /* @__PURE__ */ a(
+                        "button",
+                        {
+                          type: "button",
+                          className: e.oxComboboxChipRemove,
+                          "aria-label": c("orxata.combobox.removeChip", {
+                            label: p(o)
+                          }),
+                          disabled: i,
+                          tabIndex: d >= l ? -1 : void 0,
+                          onClick: (x) => {
+                            x.stopPropagation(), h(o);
+                          },
+                          children: /* @__PURE__ */ a(y, { icon: J })
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              o
+            )),
+            n.length > 0 && /* @__PURE__ */ r(
+              "span",
+              {
+                "data-slot": "combobox-chip-count",
+                className: e.oxComboboxChipCount,
+                children: [
+                  /* @__PURE__ */ r("span", { "aria-hidden": "true", children: [
+                    "+",
+                    n.length
+                  ] }),
+                  /* @__PURE__ */ a("span", { className: e.oxComboboxChipCountLabel, children: c("orxata.combobox.moreSelected", {
+                    count: n.length,
+                    labels: n.map((o) => p(o)).join(", ")
+                  }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                ref: E,
+                ...k,
+                role: "combobox",
+                "aria-expanded": f,
+                "aria-autocomplete": "list",
+                className: e.oxComboboxTagsField,
+                placeholder: t.length ? "" : P,
+                disabled: i,
+                value: D,
+                onChange: (o) => {
+                  $(o.target.value), q(o.target.value), f || g(!0);
+                },
+                onFocus: () => {
+                  i || g(!0);
+                },
+                ...j
+              }
+            ),
+            t.length > 0 && /* @__PURE__ */ r(
+              "span",
+              {
+                ref: I,
+                "aria-hidden": "true",
+                className: C(
+                  e.oxComboboxChipCount,
+                  e.oxComboboxChipSizer
+                ),
+                children: [
+                  "+",
+                  "0".repeat(String(t.length).length)
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            T.Trigger,
+            {
+              type: "button",
+              "aria-label": c("orxata.combobox.showPopup"),
+              "aria-haspopup": "listbox",
+              disabled: i,
+              "data-disabled": i ? "" : void 0,
+              className: e.oxComboboxTagsTrigger,
+              children: O ?? /* @__PURE__ */ a(
+                y,
+                {
+                  icon: H,
+                  className: e.oxComboboxTagsTriggerIcon
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "OxComboboxChipsInput";
+export {
+  Z as ComboboxChipsInput
+};

package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.module.css.js

@@ -0,0 +1,29 @@
+const o = "_oxComboboxTagsInput_1s7k6_2", b = "_oxComboboxChips_1s7k6_2", x = "_oxComboboxChip_1s7k6_2", C = "_oxComboboxChipLabel_1s7k6_2", s = "_oxComboboxChipCollapsed_1s7k6_2", m = "_oxComboboxChipRemove_1s7k6_2", i = "_oxComboboxChipCount_1s7k6_2", _ = "_oxComboboxChipCountLabel_1s7k6_2", p = "_oxComboboxChipSizer_1s7k6_2", e = "_oxComboboxTagsField_1s7k6_2", n = "_oxComboboxTagsTrigger_1s7k6_2", t = "_oxComboboxTagsTriggerIcon_1s7k6_2", g = {
+  oxComboboxTagsInput: o,
+  oxComboboxChips: b,
+  oxComboboxChip: x,
+  oxComboboxChipLabel: C,
+  oxComboboxChipCollapsed: s,
+  oxComboboxChipRemove: m,
+  oxComboboxChipCount: i,
+  oxComboboxChipCountLabel: _,
+  oxComboboxChipSizer: p,
+  oxComboboxTagsField: e,
+  oxComboboxTagsTrigger: n,
+  oxComboboxTagsTriggerIcon: t
+};
+export {
+  g as default,
+  x as oxComboboxChip,
+  s as oxComboboxChipCollapsed,
+  i as oxComboboxChipCount,
+  _ as oxComboboxChipCountLabel,
+  C as oxComboboxChipLabel,
+  m as oxComboboxChipRemove,
+  p as oxComboboxChipSizer,
+  b as oxComboboxChips,
+  e as oxComboboxTagsField,
+  o as oxComboboxTagsInput,
+  n as oxComboboxTagsTrigger,
+  t as oxComboboxTagsTriggerIcon
+};

package/dist/Forms/Inputs/Combobox/ComboboxContent.js

@@ -0,0 +1,78 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import * as c from "@radix-ui/react-popover";
+import { Command as h, CommandInput as v, CommandList as N } from "cmdk";
+import { forwardRef as P, useRef as L } from "react";
+/* empty css                    */
+import { useComboboxContext as F } from "./context.js";
+import { Surface as S } from "../../../internal/Surface/Surface.js";
+import { ListboxViewport as j } from "../../../internal/Listbox/ListboxViewport.js";
+import { Scrollbar as A } from "../../../Layout/Scrollbar/Scrollbar.js";
+const D = 16, I = P(
+  ({
+    children: n,
+    side: b = "bottom",
+    sideOffset: d = 4,
+    align: p = "start",
+    onInteractOutside: m,
+    onEscapeKeyDown: i,
+    ...x
+  }, f) => {
+    const { search: e, cancelOpenEdit: u, skipFilter: C } = F(), l = L(null);
+    return /* @__PURE__ */ r(c.Portal, { children: /* @__PURE__ */ r(
+      c.Content,
+      {
+        ref: f,
+        asChild: !0,
+        "data-slot": "combobox-content",
+        side: b,
+        sideOffset: d,
+        collisionPadding: D,
+        align: p,
+        onOpenAutoFocus: (o) => o.preventDefault(),
+        onInteractOutside: (o) => {
+          var a;
+          const t = o.target;
+          (a = t == null ? void 0 : t.closest) != null && a.call(t, '[data-slot="combobox"]') && o.preventDefault(), m == null || m(o);
+        },
+        onEscapeKeyDown: (o) => {
+          u() && o.preventDefault(), i == null || i(o);
+        },
+        ...x,
+        children: /* @__PURE__ */ s(S, { children: [
+          /* @__PURE__ */ s(
+            h,
+            {
+              shouldFilter: !C,
+              value: e,
+              className: "ox-combobox-command",
+              children: [
+                /* @__PURE__ */ r(
+                  v,
+                  {
+                    value: e,
+                    "aria-hidden": !0,
+                    tabIndex: -1,
+                    className: "ox-combobox-hidden-input"
+                  }
+                ),
+                /* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ r(
+                  j,
+                  {
+                    ref: l,
+                    className: "ox-combobox-viewport",
+                    children: n
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(A, { port: l, dataTestid: "combobox-scrollbar" })
+        ] })
+      }
+    ) });
+  }
+);
+I.displayName = "OxComboboxContent";
+export {
+  I as ComboboxContent
+};

package/dist/Forms/Inputs/Combobox/ComboboxEmpty.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CommandEmpty as e } from "cmdk";
+import { forwardRef as i } from "react";
+import { useTranslate as b } from "../../../Locale/useTranslate.js";
+import { ListboxEmpty as s } from "../../../internal/Listbox/ListboxEmpty.js";
+const x = i(({ className: m, children: t, ...r }, p) => {
+  const a = b();
+  return /* @__PURE__ */ o(e, { ref: p, asChild: !0, "data-slot": "combobox-empty", ...r, children: /* @__PURE__ */ o(s, { className: m, children: t ?? a("orxata.combobox.empty") }) });
+});
+x.displayName = "OxComboboxEmpty";
+export {
+  x as ComboboxEmpty
+};

package/dist/Forms/Inputs/Combobox/ComboboxGroup.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { CommandGroup as a } from "cmdk";
+import { forwardRef as b } from "react";
+import { cn as d } from "../../../lib/utils.js";
+import { ListboxLabel as f } from "../../../internal/Listbox/ListboxLabel.js";
+const s = b(({ className: m, label: o, children: p, ...i }, t) => /* @__PURE__ */ r(
+  a,
+  {
+    ref: t,
+    "data-slot": "combobox-group",
+    heading: o != null ? /* @__PURE__ */ r(f, { children: o }) : void 0,
+    className: d(m),
+    ...i,
+    children: p
+  }
+));
+s.displayName = "OxComboboxGroup";
+export {
+  s as ComboboxGroup
+};

package/dist/Forms/Inputs/Combobox/ComboboxInput.js

@@ -0,0 +1,101 @@
+import { jsxs as D, jsx as n } from "react/jsx-runtime";
+import * as b from "@radix-ui/react-popover";
+import { IconChevronDown as O } from "@sesame/orxata-icons/IconChevronDown";
+import { Icon as R } from "@sesame/orxata-icons/react";
+import { forwardRef as z, useCallback as q } from "react";
+import { cn as B } from "../../../lib/utils.js";
+import { useFieldControl as E } from "../../Field/useFieldGroup.js";
+import G from "../Input.module.css.js";
+import { inputSizeClass as H } from "../inputSize.js";
+import e from "./ComboboxInput.module.css.js";
+import { useComboboxContext as J } from "./context.js";
+import { useTranslate as K } from "../../../Locale/useTranslate.js";
+const L = z(
+  ({
+    className: c,
+    placeholder: u = "",
+    disabled: d,
+    size: f = "md",
+    displayValue: x,
+    trigger: h,
+    id: C,
+    onFocus: a,
+    onClick: i,
+    ...g
+  }, r) => {
+    const {
+      value: y,
+      disabled: I,
+      open: s,
+      setOpen: m,
+      search: v,
+      setSearch: N,
+      scheduleSearch: S,
+      labelFor: w,
+      inputRef: l
+    } = J(), A = K(), t = d ?? I, T = E(C), P = q(
+      (o) => {
+        l.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+      },
+      [r, l]
+    ), j = s ? v : (x ?? ((o) => {
+      if (o == null || Array.isArray(o)) return "";
+      const p = String(o);
+      return w(p) ?? p;
+    }))(y);
+    return /* @__PURE__ */ D(b.Anchor, { className: e.oxComboboxAnchor, children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          ref: P,
+          ...T,
+          role: "combobox",
+          "aria-expanded": s,
+          "aria-autocomplete": "list",
+          "data-slot": "controller",
+          className: B(
+            G.oxInput,
+            H[f],
+            e.oxComboboxInput,
+            c
+          ),
+          placeholder: u,
+          disabled: t,
+          value: j,
+          onChange: (o) => {
+            N(o.target.value), S(o.target.value), s || m(!0);
+          },
+          onFocus: (o) => {
+            t || m(!0), a == null || a(o);
+          },
+          onClick: (o) => {
+            t || m(!0), i == null || i(o);
+          },
+          ...g
+        }
+      ),
+      /* @__PURE__ */ n(
+        b.Trigger,
+        {
+          type: "button",
+          "aria-label": A("orxata.combobox.showPopup"),
+          "aria-haspopup": "listbox",
+          disabled: t,
+          "data-disabled": t ? "" : void 0,
+          className: e.oxComboboxTrigger,
+          children: h ?? /* @__PURE__ */ n(
+            R,
+            {
+              icon: O,
+              className: e.oxComboboxTriggerIcon
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+L.displayName = "OxComboboxInput";
+export {
+  L as ComboboxInput
+};

package/dist/Forms/Inputs/Combobox/ComboboxInput.module.css.js

@@ -0,0 +1,13 @@
+const o = "_oxComboboxAnchor_1dcgj_2", x = "_oxComboboxInput_1dcgj_2", b = "_oxComboboxTrigger_1dcgj_2", g = "_oxComboboxTriggerIcon_1dcgj_2", r = {
+  oxComboboxAnchor: o,
+  oxComboboxInput: x,
+  oxComboboxTrigger: b,
+  oxComboboxTriggerIcon: g
+};
+export {
+  r as default,
+  o as oxComboboxAnchor,
+  x as oxComboboxInput,
+  b as oxComboboxTrigger,
+  g as oxComboboxTriggerIcon
+};

package/dist/Forms/Inputs/Combobox/ComboboxItem.js

@@ -0,0 +1,44 @@
+import { jsx as c } from "react/jsx-runtime";
+import { IconCheck as p } from "@sesame/orxata-icons/IconCheck";
+import { Icon as C } from "@sesame/orxata-icons/react";
+import { CommandItem as h } from "cmdk";
+import { forwardRef as I, useRef as k, useCallback as y, useEffect as w } from "react";
+import { useComboboxContext as R } from "./context.js";
+import { ListboxItem as A } from "../../../internal/Listbox/ListboxItem.js";
+const L = I(({ className: a, value: e, disabled: f = !1, children: l, ...u }, o) => {
+  const { value: r, select: b, registerLabel: d } = R(), m = Array.isArray(r) ? r.includes(e) : r === e, i = k(null), x = y(
+    (t) => {
+      i.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+    },
+    [o]
+  );
+  return w(() => {
+    var n, s;
+    const t = (s = (n = i.current) == null ? void 0 : n.textContent) == null ? void 0 : s.trim();
+    t && d(e, t);
+  }), /* @__PURE__ */ c(
+    h,
+    {
+      ref: x,
+      asChild: !0,
+      "data-slot": "combobox-item",
+      "data-state": m ? "checked" : "unchecked",
+      value: e,
+      disabled: f,
+      onSelect: b,
+      ...u,
+      children: /* @__PURE__ */ c(
+        A,
+        {
+          className: a,
+          indicator: m ? /* @__PURE__ */ c(C, { icon: p }) : null,
+          children: l
+        }
+      )
+    }
+  );
+});
+L.displayName = "OxComboboxItem";
+export {
+  L as ComboboxItem
+};

package/dist/Forms/Inputs/Combobox/ComboboxItemEdit.js

@@ -0,0 +1,98 @@
+import { jsx as J } from "react/jsx-runtime";
+import { forwardRef as M, useState as _, useRef as e, useCallback as l, useEffect as j } from "react";
+import { cn as Q } from "../../../lib/utils.js";
+import W from "./ComboboxItemEdit.module.css.js";
+import { useComboboxContext as X } from "./context.js";
+const Z = /* @__PURE__ */ new Set([
+  "Enter",
+  " ",
+  "ArrowUp",
+  "ArrowDown",
+  "Home",
+  "End"
+]), $ = 'input, textarea, select, [contenteditable="true"]', h = M(
+  ({
+    className: q,
+    value: o,
+    defaultValue: B,
+    onValueChange: p,
+    onCommit: d,
+    onCancel: A,
+    field: m,
+    children: E,
+    onClick: b,
+    onClickCapture: x,
+    onPointerMove: g,
+    onKeyDown: R,
+    ...D
+  }, c) => {
+    const { openEdit: P, closeEdit: i, inputRef: V } = X(), [s, H] = _(!1), w = e(null), f = o !== void 0 && p !== void 0, [Y, y] = _(
+      B ?? o
+    ), F = e(o);
+    !f && o !== F.current && (F.current = o, y(o));
+    const n = f ? o : Y, I = e({
+      currentValue: n,
+      controlled: f,
+      onValueChange: p,
+      onCancel: A
+    });
+    I.current = { currentValue: n, controlled: f, onValueChange: p, onCancel: A };
+    const S = l((t) => {
+      const { controlled: r, onValueChange: u } = I.current;
+      r || y(t), u == null || u(t);
+    }, []), N = e(void 0), L = e(!1), O = e(() => {
+    }), T = l(() => {
+      var t;
+      H(!1), i(O.current), (t = V.current) == null || t.focus();
+    }, [i, V]), a = l(() => {
+      var t, r;
+      S(N.current), T(), (r = (t = I.current).onCancel) == null || r.call(t);
+    }, [S, T]);
+    O.current = a;
+    const U = () => {
+      T(), d == null || d(n);
+    }, z = (t) => {
+      t == null || t.stopPropagation(), N.current = n, P(a), H(!0);
+    };
+    j(() => {
+      var t, r;
+      s && ((r = (t = w.current) == null ? void 0 : t.querySelector($)) == null || r.focus());
+    }, [s]), j(() => () => i(a), [i, a]);
+    const G = l(
+      (t) => {
+        w.current = t, typeof c == "function" ? c(t) : c && (c.current = t);
+      },
+      [c]
+    );
+    return /* @__PURE__ */ J(
+      "div",
+      {
+        ref: G,
+        "data-slot": "combobox-item-edit",
+        "data-editing": s ? "" : void 0,
+        className: Q(W.oxComboboxItemEdit, q),
+        ...D,
+        onClickCapture: (t) => {
+          L.current = s, x == null || x(t);
+        },
+        onClick: (t) => {
+          L.current && t.stopPropagation(), L.current = !1, b == null || b(t);
+        },
+        onPointerMove: (t) => {
+          s && t.stopPropagation(), g == null || g(t);
+        },
+        onKeyDown: (t) => {
+          if (R == null || R(t), !s || !Z.has(t.key)) return;
+          t.stopPropagation();
+          const r = t.target, u = r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement;
+          t.key === "Enter" && u && (t.preventDefault(), U());
+        },
+        children: s ? m == null ? void 0 : m({ value: n, setValue: S, commit: U, cancel: a }) : E == null ? void 0 : E({ edit: z })
+      }
+    );
+  }
+);
+h.displayName = "OxComboboxItemEdit";
+export {
+  h as ComboboxItemEdit
+};

package/dist/Forms/Inputs/Combobox/ComboboxItemEdit.module.css.js

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

package/dist/Forms/Inputs/Combobox/ComboboxSeparator.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CommandSeparator as m } from "cmdk";
+import { forwardRef as p } from "react";
+import { ListboxSeparator as e } from "../../../internal/Listbox/ListboxSeparator.js";
+const i = p(({ className: r, ...a }, t) => /* @__PURE__ */ o(m, { ref: t, asChild: !0, "data-slot": "combobox-separator", ...a, children: /* @__PURE__ */ o(e, { className: r }) }));
+i.displayName = "OxComboboxSeparator";
+export {
+  i as ComboboxSeparator
+};

package/dist/Forms/Inputs/Combobox/context.js

@@ -0,0 +1,12 @@
+import { createContext as t, useContext as e } from "react";
+const n = t(null);
+function r() {
+  const o = e(n);
+  if (!o)
+    throw new Error("Combobox sub-components must be used within <Combobox>.");
+  return o;
+}
+export {
+  n as ComboboxContext,
+  r as useComboboxContext
+};

package/dist/Forms/Inputs/Combobox/useChipOverflow.js

@@ -0,0 +1,45 @@
+import { useState as C, useCallback as q, useEffect as x } from "react";
+const v = '[data-slot="chip"]', E = "input";
+function a(s) {
+  const r = Number.parseFloat(s);
+  return Number.isFinite(r) ? r : 0;
+}
+function O({ row: s, sizer: r }, n) {
+  const [y, u] = C(n), f = q(() => {
+    var m;
+    const e = s.current;
+    if (!e) return;
+    if (n === 0) {
+      u(0);
+      return;
+    }
+    const c = [...e.querySelectorAll(v)];
+    if (c.length !== n) return;
+    const o = a(getComputedStyle(e).columnGap), l = e.querySelector(E), g = l ? a(getComputedStyle(l).minWidth) : 0, d = e.clientWidth - g - o, p = c.map((t) => t.offsetWidth);
+    if (p.reduce((t, i) => t + i, 0) + o * (n - 1) <= d) {
+      u(n);
+      return;
+    }
+    const S = (((m = r.current) == null ? void 0 : m.offsetWidth) ?? 0) + o;
+    let h = 0, b = 0;
+    for (let t = 0; t < n; t += 1) {
+      const i = p[t] + (t > 0 ? o : 0);
+      if (h + i + S > d) break;
+      h += i, b = t + 1;
+    }
+    u(Math.max(b, 1));
+  }, [s, r, n]);
+  return x(() => {
+    if (f(), typeof ResizeObserver > "u") return;
+    const e = new ResizeObserver(f), c = s.current;
+    if (c) {
+      e.observe(c);
+      for (const o of c.querySelectorAll(v))
+        e.observe(o);
+    }
+    return r.current && e.observe(r.current), () => e.disconnect();
+  }, [f, s, r]), y;
+}
+export {
+  O as useChipOverflow
+};

package/dist/Forms/Inputs/Combobox/useComboboxEditing.js

@@ -0,0 +1,19 @@
+import { useRef as s, useCallback as t, useMemo as l } from "react";
+function f() {
+  const e = s(null), r = t((n) => {
+    var o;
+    (o = e.current) == null || o.call(e), e.current = n;
+  }, []), c = t((n) => {
+    e.current === n && (e.current = null);
+  }, []), u = t(() => {
+    const n = e.current;
+    return n ? (n(), !0) : !1;
+  }, []);
+  return l(
+    () => ({ openEdit: r, closeEdit: c, cancelOpenEdit: u }),
+    [r, c, u]
+  );
+}
+export {
+  f as useComboboxEditing
+};