@wrdagency/blockout 1.0.24 → 1.0.26

package/dist/primitives/popover/index.js

@@ -1,7 +1,7 @@
 import { Root as o } from "./root.js";
 import { Target as r } from "./target.js";
 import { Window as t } from "./window.js";
-import '../../assets/index13.css';const e = Object.assign(o, {
+import '../../assets/index14.css';const e = Object.assign(o, {
   Window: t,
   Target: r
 });

package/dist/primitives/popover/root.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { P as p } from "../../popover-provider-xofWxUiu.js";
+import { P as p } from "../../popover-provider-BoZ9PI_r.js";
 const P = ({ open: o, setOpen: r, placement: t, children: e }) => /* @__PURE__ */ m(
   p,
   {

package/dist/primitives/popover/target.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { P as p } from "../../WMYDSCNQ-BIYNTVEx.js";
+import { P as p } from "../../WMYDSCNQ-qLZnyPON.js";
 const c = ({
   className: r,
   children: o,

package/dist/primitives/popover/window.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as a } from "../../utils/css.js";
 import { ScrollArea as m } from "../scroll-area/index.js";
-import { u as n } from "../../MTZPJQMC-CNw1MVtu.js";
-import { a as l } from "../../YV4JVR4I-BLQoWp1E.js";
-import { P as w } from "../../G7GW6PWC-DtkamyQv.js";
+import { u as n } from "../../MTZPJQMC-CraWj4on.js";
+import { a as l } from "../../YV4JVR4I-D8_aZ62q.js";
+import { P as w } from "../../G7GW6PWC-DeYlSr7f.js";
 const P = ({
   className: r,
   children: e,

package/dist/primitives/scroll-area/index.js

@@ -2,7 +2,7 @@ import { jsx as m, jsxs as J, Fragment as fe } from "react/jsx-runtime";
 import { cn as he } from "../../utils/css.js";
 import * as l from "react";
 import "../../index-Cgx3BqdJ.js";
-import '../../assets/index20.css';function j(e, t) {
+import '../../assets/index22.css';function j(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);

package/dist/primitives/tooltip/index.d.ts

@@ -1,8 +1,10 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
+import * as Ariakit from "@ariakit/react";
 interface TooltipProps extends PropsWithChildren {
     className?: string;
     label?: ReactNode;
     force?: boolean;
+    placement?: Ariakit.HovercardStoreState["placement"];
 }
 export declare const Tooltip: FC<TooltipProps>;
 export {};

package/dist/primitives/tooltip/index.js

@@ -1,29 +1,46 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { cn as a } from "../../utils/css.js";
-import { useState as l } from "react";
+import { jsxs as e, jsx as p } from "react/jsx-runtime";
+import { cn as l } from "../../utils/css.js";
+import { useState as n } from "react";
 import '../../assets/style4.css';/* empty css                   */
-import { T as n, a as c, b as T, c as f } from "../../tooltip-arrow-DSk_atex.js";
-const d = ({
+import { T as c, a as T, b as f, c as u } from "../../tooltip-arrow-BRJ4m2ZL.js";
+const N = ({
   className: s,
   label: o,
   force: t,
-  children: i
+  children: i,
+  placement: a
 }) => {
-  const [r, m] = l(!1);
-  return o ? /* @__PURE__ */ p(n, { open: r || t, setOpen: m, children: [
-    /* @__PURE__ */ e(c, { className: a("primitive-tooltip", s), children: i }),
-    (r || t) && /* @__PURE__ */ p(T, { gutter: 4, className: "primitive-tooltip__label", children: [
-      o,
-      /* @__PURE__ */ e(
-        f,
-        {
-          size: 24,
-          className: "primitive-tooltip__arrow"
-        }
-      )
-    ] })
-  ] }) : i;
+  const [r, m] = n(!1);
+  return o ? /* @__PURE__ */ e(
+    c,
+    {
+      open: r || t,
+      setOpen: m,
+      placement: a,
+      children: [
+        /* @__PURE__ */ p(T, { className: l("primitive-tooltip", s), children: i }),
+        (r || t) && /* @__PURE__ */ e(
+          f,
+          {
+            gutter: 4,
+            className: "primitive-tooltip__label",
+            "data-colour-scheme": "invert",
+            children: [
+              o,
+              /* @__PURE__ */ p(
+                u,
+                {
+                  size: 24,
+                  className: "primitive-tooltip__arrow"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : i;
 };
 export {
-  d as Tooltip
+  N as Tooltip
 };

package/dist/primitives/typography/index.d.ts

@@ -1,2 +1,3 @@
 export { H1, H2, H3, H4, H5, H6, Heading } from './heading';
+export { Keyboard } from './keyboard';
 export { Paragraph } from './paragraph';

package/dist/primitives/typography/index.js

@@ -1,12 +1,14 @@
-import { H1 as a, H2 as o, H3 as e, H4 as p, H5 as f, H6 as g, Heading as m } from "./heading.js";
-import { Paragraph as x } from "./paragraph.js";
+import { H1 as H, H2 as a, H3 as e, H4 as p, H5 as f, H6 as m, Heading as t } from "./heading.js";
+import { Keyboard as d } from "./keyboard.js";
+import { Paragraph as b } from "./paragraph.js";
 export {
-  a as H1,
-  o as H2,
+  H as H1,
+  a as H2,
   e as H3,
   p as H4,
   f as H5,
-  g as H6,
-  m as Heading,
-  x as Paragraph
+  m as H6,
+  t as Heading,
+  d as Keyboard,
+  b as Paragraph
 };

package/dist/primitives/typography/keyboard.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface KeyboardProps extends PropsWithChildren {
+    className?: string;
+    hotkey?: string;
+    onHotkey?: (evt: KeyboardEvent) => void;
+}
+export declare const Keyboard: FC<KeyboardProps>;
+export {};

package/dist/primitives/typography/keyboard.js

@@ -0,0 +1,33 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import { useHotkey as n } from "../../hooks/keyboard.js";
+import { cn as a } from "../../utils/css.js";
+import { noop as d } from "../../utils/noop.js";
+const k = ({
+  className: m,
+  hotkey: r = "",
+  onHotkey: o = d,
+  children: s
+}) => {
+  const i = c(null);
+  return r && n(r, (e) => {
+    i.current.classList.add("primitive-keyboard--active"), o(e), setTimeout(() => {
+      i.current.classList.remove("primitive-keyboard--active");
+    }, 600);
+  }), /* @__PURE__ */ p("kbd", { ref: i, className: a("primitive-keyboard", m), children: [
+    r && r.split("+").map((e) => /* @__PURE__ */ t(
+      "span",
+      {
+        className: a(
+          "primitive-keyboard__key",
+          e.length === 1 && "primitive-keyboard__key--singular"
+        ),
+        children: e
+      }
+    )),
+    s && /* @__PURE__ */ t("span", { className: "primitive-keyboard__key", children: s })
+  ] });
+};
+export {
+  k as Keyboard
+};

package/dist/{select-popover-BuB2Ioa9.js → select-popover-DmN0T8PP.js}

@@ -1,20 +1,20 @@
-import { u as Se, a as se, S as be, b as xe, c as Oe, d as Ce, e as de } from "./DG5U6ZEL-ETCdoLWP.js";
-import { u as Ie } from "./MTZPJQMC-CNw1MVtu.js";
-import { c as R, _ as T, i as X, m as I, o as p, r as Ae, f as F, a as H, S as De, T as W, V as O, U as V, W as _e, j as k, e as le, G as Ve, l as J, n as he, a0 as ke, s as Ke, q as ge, t as Le, O as Me, P as Ne, Q as Re, h as Te, u as Fe, ac as He } from "./LMDWO4NN-BxsnVArz.js";
+import { u as Se, a as se, S as be, b as xe, c as Oe, d as Ce, e as de } from "./DG5U6ZEL-9kCi_mGg.js";
+import { u as Ie } from "./MTZPJQMC-CraWj4on.js";
+import { c as R, _ as T, i as J, m as I, o as p, r as Ae, f as H, a as F, Y as De, U as W, T as O, V, W as _e, j as k, e as le, H as Ve, l as Y, n as he, S as ke, s as Ke, q as ge, t as Le, P as Me, Q as Ne, R as Re, h as Te, u as He, ac as Fe } from "./LMDWO4NN-BfJb6my4.js";
 import { useMemo as ae, useState as Q, useRef as je, useEffect as ne, useCallback as Be, useContext as me, createContext as $e } from "react";
 import { jsx as P, jsxs as oe, Fragment as ve } from "react/jsx-runtime";
-import { u as we } from "./T7VMP3TM-DX7RU0Yc.js";
-import { u as Ue } from "./WMYDSCNQ-BIYNTVEx.js";
+import { u as we } from "./T7VMP3TM-DZitNAMz.js";
+import { u as Ue } from "./WMYDSCNQ-qLZnyPON.js";
 import { t as ye } from "./7PRQYBBV-91wrWGjk.js";
-import { c as qe, a as We } from "./O2PQ2652-BxRvOru-.js";
-import { c as ze, d as Ge, b as Qe } from "./4CMBR7SL-_MPrTek0.js";
-import { a as Je } from "./S43UC3DV-D5IqpYPC.js";
-import { m as Xe, o as Ye, t as Ze, c as et, s as z, e as re, g as tt, b as ot, d as pe, u as rt } from "./YV4JVR4I-BLQoWp1E.js";
-import { u as nt } from "./UQQRIHDV-D5fevAL1.js";
-import { u as st } from "./6VRAQV3D-Cnyfi8tq.js";
-import { i as lt } from "./KFH4SEIX-D9qCWzyY.js";
-import { u as at } from "./5JTVDSTH-Ci6OX9MK.js";
-import { c as it, u as ut } from "./G7GW6PWC-DtkamyQv.js";
+import { c as qe, a as We } from "./O2PQ2652-BCwdW7qA.js";
+import { c as ze, d as Ge, b as Qe } from "./4CMBR7SL-Cf8t3EeF.js";
+import { u as Ye } from "./S43UC3DV-bOoyE-xW.js";
+import { m as Je, o as Xe, t as Ze, c as et, s as z, d as re, g as tt, b as ot, f as pe, u as rt } from "./YV4JVR4I-D8_aZ62q.js";
+import { u as nt } from "./UQQRIHDV-ULrGYPSq.js";
+import { u as st } from "./6VRAQV3D-pLV6BqmA.js";
+import { i as lt } from "./KFH4SEIX-JLk95eQA.js";
+import { u as at } from "./5JTVDSTH-zDMMKAyC.js";
+import { c as it, u as ut } from "./G7GW6PWC-DeYlSr7f.js";
 var ct = "span", dt = {
   top: "4,10 8,6 12,10",
   right: "6,4 10,8 6,12",
@@ -23,7 +23,7 @@ var ct = "span", dt = {
 }, Pe = R(function(o) {
   var r = o, { store: e, placement: t } = r, a = T(r, ["store", "placement"]);
   const m = Ie();
-  e = e || m, X(
+  e = e || m, J(
     e,
     process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
   );
@@ -55,10 +55,10 @@ var ct = "span", dt = {
       pointerEvents: "none"
     }, a.style)
   }), Ae(a);
-}), Qt = F(
+}), Qt = H(
   function(o) {
     const r = Pe(o);
-    return H(ct, r);
+    return F(ct, r);
   }
 );
 function mt(s = {}) {
@@ -67,9 +67,9 @@ function mt(s = {}) {
   } = o, e = De(o, [
     "combobox"
   ]);
-  const t = Xe(
+  const t = Je(
     e.store,
-    Ye(r, [
+    Xe(r, [
       "value",
       "items",
       "renderedItems",
@@ -170,7 +170,7 @@ function mt(s = {}) {
   });
 }
 function vt(s) {
-  const o = Je();
+  const o = Ye();
   return s = I(p({}, s), {
     combobox: s.combobox !== void 0 ? s.combobox : o
   }), Ge(s);
@@ -196,9 +196,9 @@ var St = "span", bt = R(
     const a = Se();
     return e = e || a, t = Pe(p({ store: e }, t)), t;
   }
-), ht = F(function(o) {
+), ht = H(function(o) {
   const r = bt(o);
-  return H(St, r);
+  return F(St, r);
 }), gt = "button";
 function wt(s) {
   return Array.from(s.selectedOptions).map((o) => o.value);
@@ -238,7 +238,7 @@ var yt = R(function(o) {
     "toggleOnClick"
   ]);
   const f = se();
-  e = e || f, X(
+  e = e || f, J(
     e,
     process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
   );
@@ -260,7 +260,7 @@ var yt = R(function(o) {
       ArrowRight: y === "right"
     })[c.key] && w(c) && (c.preventDefault(), e.move($), Ve(c.currentTarget, "keyup", e.show));
   });
-  n = J(
+  n = Y(
     n,
     (c) => /* @__PURE__ */ P(be, { value: e, children: c }),
     [e]
@@ -277,7 +277,7 @@ var yt = R(function(o) {
     if (t)
       return c.items;
   }), A = ae(() => [...new Set(_ == null ? void 0 : _.map((c) => c.value).filter((c) => c != null))], [_]);
-  n = J(
+  n = Y(
     n,
     (c) => t ? /* @__PURE__ */ oe(ve, { children: [
       /* @__PURE__ */ oe(
@@ -337,12 +337,12 @@ var yt = R(function(o) {
   const B = /* @__PURE__ */ oe(ve, { children: [
     x,
     /* @__PURE__ */ P(ht, {})
-  ] }), Y = e.useState("contentElement");
+  ] }), X = e.useState("contentElement");
   return n = I(p({
     role: "combobox",
     "aria-autocomplete": "none",
     "aria-labelledby": N,
-    "aria-haspopup": ke(Y, "listbox"),
+    "aria-haspopup": ke(X, "listbox"),
     "data-autofill": j || void 0,
     "data-name": t,
     children: B
@@ -350,11 +350,11 @@ var yt = R(function(o) {
     ref: he(e.setSelectElement, n.ref),
     onKeyDown: L
   }), n = Ue(p({ store: e, toggleOnClick: l }, n)), n = we(p({ store: e }, n)), n;
-}), Jt = F(function(o) {
+}), Yt = H(function(o) {
   const r = yt(o);
-  return H(gt, r);
+  return F(gt, r);
 });
-function Xt(s = {}) {
+function Jt(s = {}) {
   const o = ft(s);
   return /* @__PURE__ */ P(xe, { value: o, children: s.children });
 }
@@ -383,7 +383,7 @@ var xt = R(
       "focusOnHover"
     ]), n;
     const f = Oe();
-    e = e || f, X(
+    e = e || f, J(
       e,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
     );
@@ -412,7 +412,7 @@ var xt = R(
     const L = l.onClick, j = k(S), M = k(m), C = le((i) => {
       L == null || L(i), !i.defaultPrevented && (Me(i) || Ne(i) || (j(i) && t != null && (e == null || e.setValue((h) => Array.isArray(h) ? h.includes(t) ? h.filter((_) => _ !== t) : [...h, t] : t)), M(i) && (e == null || e.hide())));
     });
-    l = J(
+    l = Y(
       l,
       (i) => /* @__PURE__ */ P(Ce.Provider, { value: y ?? !1, children: i }),
       [y]
@@ -443,10 +443,10 @@ var xt = R(
       }
     })), l;
   }
-), Yt = Ke(
-  F(function(o) {
+), Xt = Ke(
+  H(function(o) {
     const r = xt(o);
-    return H(Pt, r);
+    return F(Pt, r);
   })
 ), Ot = "div", fe = $e(null), Ee = R(
   function(o) {
@@ -466,7 +466,7 @@ var xt = R(
       "alwaysVisible"
     ]);
     const l = Se();
-    e = e || l, X(
+    e = e || l, J(
       e,
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
@@ -483,16 +483,16 @@ var xt = R(
     ne(() => {
       if (A)
         return A(e), () => A(null);
-    }, [A, e]), u = J(
+    }, [A, e]), u = Y(
       u,
       (v) => /* @__PURE__ */ P(be, { value: e, children: /* @__PURE__ */ P(fe.Provider, { value: _, children: /* @__PURE__ */ P(de.Provider, { value: i, children: v }) }) }),
       [e, i]
     );
     const B = !!e.combobox;
     S = S ?? (!B && h !== e);
-    const [Y, c] = Fe(
+    const [X, c] = He(
       S ? e.setListElement : null
-    ), d = He(Y, "role", u.role), ee = (S || (d === "listbox" || d === "menu" || d === "tree" || d === "grid")) && b || void 0, $ = lt(K, u.hidden, E), U = $ ? I(p({}, u.style), { display: "none" }) : u.style;
+    ), d = Fe(X, "role", u.role), ee = (S || (d === "listbox" || d === "menu" || d === "tree" || d === "grid")) && b || void 0, $ = lt(K, u.hidden, E), U = $ ? I(p({}, u.style), { display: "none" }) : u.style;
     S && (u = p({
       role: "listbox",
       "aria-multiselectable": ee
@@ -513,9 +513,9 @@ var xt = R(
       onKeyDown: L
     }), u = at(I(p({ store: e }, u), { composite: S })), u = we(p({ store: e, typeahead: !B }, u)), u;
   }
-), Zt = F(function(o) {
+), Zt = H(function(o) {
   const r = Ee(o);
-  return H(Ot, r);
+  return F(Ot, r);
 }), Ct = "div", It = R(
   function(o) {
     var r = o, { store: e, alwaysVisible: t } = r, a = T(r, ["store", "alwaysVisible"]);
@@ -523,19 +523,19 @@ var xt = R(
     return e = e || m, a = Ee(p({ store: e, alwaysVisible: t }, a)), a = ut(p({ store: e, alwaysVisible: t }, a)), a;
   }
 ), eo = it(
-  F(function(o) {
+  H(function(o) {
     const r = It(o);
-    return H(Ct, r);
+    return F(Ct, r);
   }),
   se
 );
 export {
   Qt as P,
-  Xt as S,
-  Jt as a,
+  Jt as S,
+  Yt as a,
   eo as b,
   Zt as c,
-  Yt as d,
+  Xt as d,
   ht as e,
   ft as f,
   Pe as u

package/dist/{select-value-C1gT40_5.js → select-value-DnWKxDD-.js}

@@ -1,5 +1,5 @@
-import { u as l } from "./DG5U6ZEL-ETCdoLWP.js";
-import { a } from "./YV4JVR4I-BLQoWp1E.js";
+import { u as l } from "./DG5U6ZEL-9kCi_mGg.js";
+import { a } from "./YV4JVR4I-D8_aZ62q.js";
 function i({
   store: e,
   fallback: r,

package/dist/{tab-BbgJF9GJ.js → tab-BXGTM7Se.js}

@@ -1,7 +1,7 @@
-import { a as w } from "./UYGDZTLQ-CEz9ajCa.js";
-import { C as v, u as E } from "./6VRAQV3D-Cnyfi8tq.js";
-import { a as F } from "./YV4JVR4I-BLQoWp1E.js";
-import { s as V, f as W, c as D, a as N, _ as j, i as A, q, t as H, m as r, o as a, e as L } from "./LMDWO4NN-BxsnVArz.js";
+import { a as w } from "./UYGDZTLQ-CTQQ8oFQ.js";
+import { C as v, u as E } from "./6VRAQV3D-pLV6BqmA.js";
+import { a as F } from "./YV4JVR4I-D8_aZ62q.js";
+import { s as V, f as W, c as D, a as N, _ as j, i as A, q, t as H, m as r, o as a, e as L } from "./LMDWO4NN-BfJb6my4.js";
 import { useCallback as O } from "react";
 import { jsx as C } from "react/jsx-runtime";
 var y = "button", z = D(function(c) {

package/dist/{tab-list-BvZvev5m.js → tab-list-BPSxHllS.js}

@@ -1,6 +1,6 @@
-import { u as c, T as u } from "./UYGDZTLQ-CEz9ajCa.js";
-import { u as m } from "./5JTVDSTH-Ci6OX9MK.js";
-import { f as b, c as v, a as f, _ as d, i as l, l as T, o as s } from "./LMDWO4NN-BxsnVArz.js";
+import { u as c, T as u } from "./UYGDZTLQ-CTQQ8oFQ.js";
+import { u as m } from "./5JTVDSTH-zDMMKAyC.js";
+import { f as b, c as v, a as f, _ as d, i as l, l as T, o as s } from "./LMDWO4NN-BfJb6my4.js";
 import { jsx as _ } from "react/jsx-runtime";
 var x = "div", L = v(
   function(a) {

package/dist/{tab-panel-QxtN3GO3.js → tab-panel-fbUcLE4f.js}

@@ -1,10 +1,10 @@
-import { u as A, T as K } from "./UYGDZTLQ-CEz9ajCa.js";
-import { u as N } from "./KFH4SEIX-D9qCWzyY.js";
-import { u as O } from "./WYCIER3C-C_60hKUt.js";
-import { u as j } from "./RZ4GPYOB-DPUx6A2B.js";
-import { g as V, u as q } from "./PFRGBC2K-6AvuBT5M.js";
-import { a as P } from "./YV4JVR4I-BLQoWp1E.js";
-import { f as F, c as W, a as z, _ as B, i as G, q as J, e as y, m as T, o as i, l as Q, n as U } from "./LMDWO4NN-BxsnVArz.js";
+import { u as A, T as K } from "./UYGDZTLQ-CTQQ8oFQ.js";
+import { u as N } from "./KFH4SEIX-JLk95eQA.js";
+import { u as O } from "./WYCIER3C-BJwD0YDE.js";
+import { u as j } from "./RZ4GPYOB-rG3RP8Xi.js";
+import { g as V, u as q } from "./PFRGBC2K-DmHoUTiZ.js";
+import { a as P } from "./YV4JVR4I-D8_aZ62q.js";
+import { f as F, c as W, a as z, _ as B, i as G, q as J, e as y, m as T, o as i, l as Q, n as U } from "./LMDWO4NN-BfJb6my4.js";
 import { useRef as h, useEffect as w, useState as X, useCallback as Y } from "react";
 import { jsx as Z } from "react/jsx-runtime";
 var $ = "div", ee = W(

package/dist/{tab-provider-T_g-bJwY.js → tab-provider-x586a8l7.js}

@@ -1,12 +1,12 @@
-import { u as F } from "./DG5U6ZEL-ETCdoLWP.js";
-import { c as U, a as W, b as $ } from "./4CMBR7SL-_MPrTek0.js";
-import { u as k } from "./S43UC3DV-D5IqpYPC.js";
-import { m as z, o as E, c as A, s as f, e as l, g as K, b as V, d as O } from "./YV4JVR4I-BLQoWp1E.js";
-import { S as R, T as p, V as I, U as S, a1 as T, m as y, o as B, W as M } from "./LMDWO4NN-BxsnVArz.js";
-import { useMemo as q } from "react";
-import { b as w } from "./UYGDZTLQ-CEz9ajCa.js";
-import { jsx as D } from "react/jsx-runtime";
-function G(e = {}) {
+import { u as F } from "./DG5U6ZEL-9kCi_mGg.js";
+import { c as U, a as W, b as $ } from "./4CMBR7SL-Cf8t3EeF.js";
+import { b as k } from "./S43UC3DV-bOoyE-xW.js";
+import { m as z, o as E, c as A, s as f, d as l, g as K, b as V, f as O } from "./YV4JVR4I-D8_aZ62q.js";
+import { Y as R, U as p, T as I, V as S, a2 as T, m as y, o as B, W as M } from "./LMDWO4NN-BfJb6my4.js";
+import { useMemo as Y } from "react";
+import { b as q } from "./UYGDZTLQ-CTQQ8oFQ.js";
+import { jsx as w } from "react/jsx-runtime";
+function D(e = {}) {
   var c = e, {
     composite: s,
     combobox: r
@@ -131,28 +131,28 @@ function G(e = {}) {
     }
   });
 }
-function H(e, c, s) {
+function G(e, c, s) {
   M(c, [s.composite, s.combobox]), e = $(e, c, s), O(e, s, "selectedId", "setSelectedId"), O(e, s, "selectOnMove");
   const [r, n] = V(() => e.panels, {});
   return M(n, [e, n]), Object.assign(
-    q(() => y(B({}, e), { panels: r }), [e, r]),
+    Y(() => y(B({}, e), { panels: r }), [e, r]),
     { composite: s.composite, combobox: s.combobox }
   );
 }
-function J(e = {}) {
+function H(e = {}) {
   const c = k(), s = F() || c;
   e = y(B({}, e), {
     composite: e.composite !== void 0 ? e.composite : s,
     combobox: e.combobox !== void 0 ? e.combobox : c
   });
-  const [r, n] = V(G, e);
-  return H(r, n, e);
+  const [r, n] = V(D, e);
+  return G(r, n, e);
 }
 function se(e = {}) {
-  const c = J(e);
-  return /* @__PURE__ */ D(w, { value: c, children: e.children });
+  const c = H(e);
+  return /* @__PURE__ */ w(q, { value: c, children: e.children });
 }
 export {
   se as T,
-  J as u
+  H as u
 };