@koide-labs/ui 0.1.1 → 0.1.2

package/dist/components/context-menu/context-menu.js

@@ -9,7 +9,7 @@ import { Surface as ct } from "../surface/surface.js";
 import { View as Re } from "../view/view.js";
 import { Icon as ce } from "../icon/icon.js";
 import { Text as lt } from "../text/text.js";
-import { S as on, a as rn } from "../../separator-fh_wDZNf.js";
+import { S as on, a as rn } from "../../separator-wNYojB9q.js";
 import { u as dt } from "../../useControlled-Du4sJyMj.js";
 import { u as le } from "../../useStableCallback-DKZHlUAT.js";
 import { f as J } from "../../formatErrorMessage-BqPuTBN-.js";
@@ -1257,11 +1257,11 @@ const rt = 500, Tt = /* @__PURE__ */ t.forwardRef(function(o, i) {
 });
 process.env.NODE_ENV !== "production" && (Tt.displayName = "ContextMenuTrigger");
 const H = {
-  "context-menu": "_context-menu_ct7eh_2",
-  "context-menu__item": "_context-menu__item_ct7eh_11",
-  "context-menu__item-icon": "_context-menu__item-icon_ct7eh_23",
-  "context-menu__item-shortcut": "_context-menu__item-shortcut_ct7eh_30",
-  "context-menu__label": "_context-menu__label_ct7eh_35"
+  "context-menu": "_context-menu_wk5f8_2",
+  "context-menu__item": "_context-menu__item_wk5f8_11",
+  "context-menu__item-icon": "_context-menu__item-icon_wk5f8_23",
+  "context-menu__item-shortcut": "_context-menu__item-shortcut_wk5f8_30",
+  "context-menu__label": "_context-menu__label_wk5f8_35"
 }, Ot = Wt("root");
 function uo({
   trigger: e,

package/dist/components/dialog/dialog.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { c as f } from "../../clsx-OuTLNxxd.js";
 import { t as h } from "../../transitions.module-D9mMAtfI.js";
-import { u as y, D as T, a as b, b as O, c as k, d as v, e as N, s as n, f as S, g as w, h as B, i as P } from "../../dialog.module-DsbQRp-d.js";
+import { u as y, D as T, a as b, b as O, c as k, d as v, e as N, s as n, f as S, g as w, h as B, i as P } from "../../dialog.module-Pi1eHwli.js";
 import { Surface as j } from "../surface/surface.js";
 import { View as V } from "../view/view.js";
 import { Text as x } from "../text/text.js";

package/dist/components/heading/heading.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
-import { createContext as i, useContext as x } from "react";
-import { Text as c } from "../text/text.js";
-import { u as d } from "../../useRender-C3vlzS3t.js";
+import { createContext as i, useContext as c } from "react";
+import { Text as d } from "../text/text.js";
+import { u as x } from "../../useRender-C3vlzS3t.js";
 import { m as p } from "../../useRenderElement-DngNDu_P.js";
-import '../../heading.css';const f = "_heading_m8x05_2", g = {
+import '../../heading.css';const f = "_heading_19trw_2", g = {
   heading: f
 }, u = i(0), h = {
   1: "3xl",
@@ -17,13 +17,13 @@ function v(e = 1) {
   return Math.max(Math.min(e, 6), 1);
 }
 function _({ level: e, size: o, color: n, render: r, ...m }) {
-  const s = x(u), t = v(e || s), a = d({
+  const s = c(u), t = v(e || s), a = x({
     defaultTagName: `h${t}`,
     render: r,
     props: p(m, { className: g.heading })
   });
   return /* @__PURE__ */ l(
-    c,
+    d,
     {
       render: a,
       size: o || h[t],

package/dist/components/icon/icon.js

@@ -1,15 +1,15 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { c as z } from "../../clsx-OuTLNxxd.js";
 import "react";
 import x from "remixicon/fonts/remixicon.symbol.svg";
-import '../../icon.css';const m = "_icon_ol0rk_2", d = "_icon_size_sm_ol0rk_14", f = "_icon_size_md_ol0rk_19", p = "_icon_size_lg_ol0rk_23", k = "_icon_size_xl_ol0rk_27", g = "_icon_size_2xl_ol0rk_31", a = "_icon_size_3xl_ol0rk_35", s = {
-  icon: m,
-  icon_size_sm: d,
-  icon_size_md: f,
-  icon_size_lg: p,
-  icon_size_xl: k,
-  icon_size_2xl: g,
-  icon_size_3xl: a
+import '../../icon.css';const d = "_icon_1duy7_2", m = "_icon_size_sm_1duy7_14", u = "_icon_size_md_1duy7_19", f = "_icon_size_lg_1duy7_23", p = "_icon_size_xl_1duy7_27", y = "_icon_size_2xl_1duy7_31", g = "_icon_size_3xl_1duy7_35", o = {
+  icon: d,
+  icon_size_sm: m,
+  icon_size_md: u,
+  icon_size_lg: f,
+  icon_size_xl: p,
+  icon_size_2xl: y,
+  icon_size_3xl: g
 };
 function $({
   size: n = "md",
@@ -29,11 +29,11 @@ function $({
       focusable: !1,
       xmlns: "http://www.w3.org/2000/svg",
       fill: e || "currentColor",
-      className: z(s.icon, s[`icon_size_${n}`], l),
+      className: z(o.icon, o[`icon_size_${n}`], l),
       ...r,
       children: [
-        i ? /* @__PURE__ */ o("title", { children: i }) : null,
-        /* @__PURE__ */ o("use", { xlinkHref: _, href: _ })
+        i ? /* @__PURE__ */ s("title", { children: i }) : null,
+        /* @__PURE__ */ s("use", { xlinkHref: _, href: _ })
       ]
     }
   );

package/dist/components/icon-button/icon-button.js

@@ -1,43 +1,43 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as u } from "../../clsx-OuTLNxxd.js";
-import { View as b } from "../view/view.js";
-import { Icon as m } from "../icon/icon.js";
-import { B as r } from "../../Button-BmcVHRRW.js";
-import '../../icon-button.css';const n = {
-  "icon-button": "_icon-button_1aj78_2",
-  "icon-button_size_sm": "_icon-button_size_sm_1aj78_12",
-  "icon-button_size_md": "_icon-button_size_md_1aj78_16",
-  "icon-button_size_lg": "_icon-button_size_lg_1aj78_20",
-  "icon-button_size_xl": "_icon-button_size_xl_1aj78_24",
-  "icon-button_size_2xl": "_icon-button_size_2xl_1aj78_28",
-  "icon-button_size_3xl": "_icon-button_size_3xl_1aj78_32"
+import { jsx as t } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { View as u } from "../view/view.js";
+import { Icon as b } from "../icon/icon.js";
+import { B as m } from "../../Button-BmcVHRRW.js";
+import '../../icon-button.css';const _ = {
+  "icon-button": "_icon-button_6filt_2",
+  "icon-button_size_sm": "_icon-button_size_sm_6filt_12",
+  "icon-button_size_md": "_icon-button_size_md_6filt_16",
+  "icon-button_size_lg": "_icon-button_size_lg_6filt_20",
+  "icon-button_size_xl": "_icon-button_size_xl_6filt_24",
+  "icon-button_size_2xl": "_icon-button_size_2xl_6filt_28",
+  "icon-button_size_3xl": "_icon-button_size_3xl_6filt_32"
 };
 function d({
-  icon: i,
+  icon: n,
   alt: e,
-  size: t = "md",
+  size: o = "md",
   render: c,
   className: s,
-  ..._
+  ...i
 }) {
-  return /* @__PURE__ */ o(
-    b,
+  return /* @__PURE__ */ t(
+    u,
     {
       interactive: !0,
-      render: /* @__PURE__ */ o(
-        r,
+      render: /* @__PURE__ */ t(
+        m,
         {
-          className: u(
-            n["icon-button"],
-            n[`icon-button_size_${t}`],
+          className: l(
+            _["icon-button"],
+            _[`icon-button_size_${o}`],
             s
           ),
-          focusableWhenDisabled: !!_.loading,
+          focusableWhenDisabled: !!i.loading,
           render: c
         }
       ),
-      ..._,
-      children: /* @__PURE__ */ o(m, { name: i, size: t, alt: e })
+      ...i,
+      children: /* @__PURE__ */ t(b, { name: n, size: o, alt: e })
     }
   );
 }

package/dist/components/inline-code/inline-code.js

@@ -3,8 +3,8 @@ import { c as r } from "../../clsx-OuTLNxxd.js";
 import { Surface as c } from "../surface/surface.js";
 import { Text as l } from "../text/text.js";
 import '../../inline-code.css';const i = {
-  "inline-code": "_inline-code_1vbg6_2",
-  "inline-code_colorway": "_inline-code_colorway_1vbg6_12"
+  "inline-code": "_inline-code_8ln17_2",
+  "inline-code_colorway": "_inline-code_colorway_8ln17_12"
 };
 function _({ color: o, ...n }) {
   return /* @__PURE__ */ e(

package/dist/components/input/input.js

@@ -2,7 +2,7 @@ import { jsx as u, jsxs as S } from "react/jsx-runtime";
 import { c as U } from "../../clsx-OuTLNxxd.js";
 import * as c from "react";
 import { useId as A } from "react";
-import { s as I } from "../../input.module-CtE19OH8.js";
+import { s as I } from "../../input.module-zw1dlr1_.js";
 import { View as K } from "../view/view.js";
 import { u as $ } from "../../useStableCallback-DKZHlUAT.js";
 import { u as q } from "../../useControlled-Du4sJyMj.js";

package/dist/components/meter/meter.js

@@ -1,11 +1,11 @@
-import { jsx as m, jsxs as x, Fragment as g } from "react/jsx-runtime";
+import { jsx as l, jsxs as M, Fragment as g } from "react/jsx-runtime";
 import { c as C } from "../../clsx-OuTLNxxd.js";
 import { View as L } from "../view/view.js";
-import { Text as M } from "../text/text.js";
+import { Text as x } from "../text/text.js";
 import * as i from "react";
 import { f as T } from "../../formatErrorMessage-BqPuTBN-.js";
-import { f as h } from "../../formatNumber-1UNwjeqf.js";
-import { u } from "../../useRenderElement-DngNDu_P.js";
+import { f as E } from "../../formatNumber-1UNwjeqf.js";
+import { u as d } from "../../useRenderElement-DngNDu_P.js";
 import { u as P } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as j } from "../../useBaseUiId-B7WyxtIE.js";
 import { v as B } from "../../valueToPercent-DaP9qN4u.js";
@@ -18,14 +18,14 @@ function N() {
   return t;
 }
 function S(t, e, r) {
-  return r ? h(t, e, r) : h(t / 100, e, {
+  return r ? E(t, e, r) : E(t / 100, e, {
     style: "percent"
   });
 }
-const E = /* @__PURE__ */ i.forwardRef(function(e, r) {
+const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     format: c,
-    getAriaValueText: l,
+    getAriaValueText: m,
     locale: s,
     max: n = 100,
     min: a = 0,
@@ -33,9 +33,9 @@ const E = /* @__PURE__ */ i.forwardRef(function(e, r) {
     render: W,
     className: q,
     ...I
-  } = e, [b, v] = i.useState(), d = S(o, s, c);
+  } = e, [b, v] = i.useState(), u = S(o, s, c);
   let p = `${o}%`;
-  l ? p = l(d, o) : c && (p = d);
+  m ? p = m(u, o) : c && (p = u);
   const k = {
     "aria-labelledby": b,
     "aria-valuemax": n,
@@ -44,40 +44,40 @@ const E = /* @__PURE__ */ i.forwardRef(function(e, r) {
     "aria-valuetext": p,
     role: "meter"
   }, D = i.useMemo(() => ({
-    formattedValue: d,
+    formattedValue: u,
     max: n,
     min: a,
     setLabelId: v,
     value: o
-  }), [d, n, a, v, o]), O = u("div", e, {
+  }), [u, n, a, v, o]), O = d("div", e, {
     ref: r,
     props: [k, I]
   });
-  return /* @__PURE__ */ m(_.Provider, {
+  return /* @__PURE__ */ l(_.Provider, {
     value: D,
     children: O
   });
 });
-process.env.NODE_ENV !== "production" && (E.displayName = "MeterRoot");
-const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (V.displayName = "MeterRoot");
+const h = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     render: c,
-    className: l,
+    className: m,
     ...s
   } = e;
-  return u("div", e, {
+  return d("div", e, {
     ref: r,
     props: s
   });
 });
-process.env.NODE_ENV !== "production" && (V.displayName = "MeterTrack");
-const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (h.displayName = "MeterTrack");
+const w = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     render: c,
-    className: l,
+    className: m,
     ...s
   } = e, n = N(), a = B(n.value, n.min, n.max);
-  return u("div", e, {
+  return d("div", e, {
     ref: r,
     props: [{
       style: {
@@ -88,18 +88,18 @@ const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
     }, s]
   });
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "MeterIndicator");
-const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (w.displayName = "MeterIndicator");
+const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     className: c,
-    render: l,
+    render: m,
     children: s,
     ...n
   } = e, {
     value: a,
     formattedValue: o
   } = N();
-  return u("span", e, {
+  return d("span", e, {
     ref: r,
     props: [{
       "aria-hidden": !0,
@@ -107,25 +107,25 @@ const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
     }, n]
   });
 });
-process.env.NODE_ENV !== "production" && (y.displayName = "MeterValue");
-const w = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (R.displayName = "MeterValue");
+const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     render: c,
-    className: l,
+    className: m,
     id: s,
     ...n
   } = e, a = j(s), {
     setLabelId: o
   } = N();
-  return P(() => (o(a), () => o(void 0)), [a, o]), u("span", e, {
+  return P(() => (o(a), () => o(void 0)), [a, o]), d("span", e, {
     ref: r,
     props: [{
       id: a
     }, n]
   });
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "MeterLabel");
-const U = "_meter_1hxrp_2", $ = "_meter__value_1hxrp_8", A = "_meter__track_1hxrp_14", F = "_meter__indicator_1hxrp_21", f = {
+process.env.NODE_ENV !== "production" && (y.displayName = "MeterLabel");
+const U = "_meter_1mwdr_2", $ = "_meter__value_1mwdr_8", A = "_meter__track_1mwdr_14", F = "_meter__indicator_1mwdr_21", f = {
   meter: U,
   meter__value: $,
   meter__track: A,
@@ -136,26 +136,26 @@ function re({
   color: e = "primary",
   className: r,
   children: c,
-  ...l
+  ...m
 }) {
-  return /* @__PURE__ */ m(L, { color: e, children: /* @__PURE__ */ x(
-    E,
+  return /* @__PURE__ */ l(L, { color: e, children: /* @__PURE__ */ M(
+    V,
     {
       className: C(f.meter, r),
-      ...l,
+      ...m,
       children: [
-        t ? /* @__PURE__ */ x(g, { children: [
-          /* @__PURE__ */ m(M, { render: /* @__PURE__ */ m(w, {}), children: t }),
-          /* @__PURE__ */ m(
-            M,
+        t ? /* @__PURE__ */ M(g, { children: [
+          /* @__PURE__ */ l(x, { render: /* @__PURE__ */ l(y, {}), children: t }),
+          /* @__PURE__ */ l(
+            x,
             {
               className: f.meter__value,
-              render: /* @__PURE__ */ m(y, {})
+              render: /* @__PURE__ */ l(R, {})
             }
           )
         ] }) : null,
         c,
-        /* @__PURE__ */ m(V, { className: f.meter__track, children: /* @__PURE__ */ m(R, { className: f.meter__indicator }) })
+        /* @__PURE__ */ l(h, { className: f.meter__track, children: /* @__PURE__ */ l(w, { className: f.meter__indicator }) })
       ]
     }
   ) });

package/dist/components/multiline-input/multiline-input.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import { c as R } from "../../clsx-OuTLNxxd.js";
 import { useRef as W, useEffect as Y } from "react";
 import { mergeRefs as B } from "../../-utils.js";
-import { s as b } from "../../input.module-CtE19OH8.js";
+import { s as b } from "../../input.module-zw1dlr1_.js";
 import { View as X } from "../view/view.js";
 var c = /* @__PURE__ */ new Map();
 function j(t) {

package/dist/components/number-input/number-input.js

@@ -6,7 +6,7 @@ import { Text as kt } from "../text/text.js";
 import { Input as Wt } from "../input/input.js";
 import { View as Ht } from "../view/view.js";
 import { IconButton as tt } from "../icon-button/icon-button.js";
-import { S as Gt } from "../../separator-fh_wDZNf.js";
+import { S as Gt } from "../../separator-wNYojB9q.js";
 import { u as Bt } from "../../useControlled-Du4sJyMj.js";
 import { u as de } from "../../useStableCallback-DKZHlUAT.js";
 import { T as $t, u as Ke } from "../../useTimeout-BNni6aw5.js";
@@ -1095,12 +1095,12 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
 });
 process.env.NODE_ENV !== "production" && (Ft.displayName = "NumberFieldScrubArea");
 const Ne = {
-  "number-input__root": "_number-input__root_l4882_2",
-  "number-input": "_number-input_l4882_2",
-  "number-input__scrub-area": "_number-input__scrub-area_l4882_20",
-  "number-input__group": "_number-input__group_l4882_25",
-  "number-input__controls": "_number-input__controls_l4882_29",
-  "number-input__separator": "_number-input__separator_l4882_40"
+  "number-input__root": "_number-input__root_1f592_2",
+  "number-input": "_number-input_1f592_2",
+  "number-input__scrub-area": "_number-input__scrub-area_1f592_20",
+  "number-input__group": "_number-input__group_1f592_25",
+  "number-input__controls": "_number-input__controls_1f592_29",
+  "number-input__separator": "_number-input__separator_1f592_40"
 };
 function pr({
   label: n,

package/dist/components/password-input/password-input.js

@@ -4,8 +4,8 @@ import { View as a } from "../view/view.js";
 import { Input as _ } from "../input/input.js";
 import { IconButton as u } from "../icon-button/icon-button.js";
 import '../../password-input.css';const t = {
-  "password-input__root": "_password-input__root_e2au8_2",
-  "password-input__eye": "_password-input__eye_e2au8_6"
+  "password-input__root": "_password-input__root_uax96_2",
+  "password-input__eye": "_password-input__eye_uax96_6"
 };
 function y(e) {
   const [o, r] = i(!1);

package/dist/components/pill/pill.js

@@ -1,24 +1,24 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as m } from "../../clsx-OuTLNxxd.js";
-import { textify as s } from "../../-utils.js";
-import { View as e } from "../view/view.js";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { c } from "../../clsx-OuTLNxxd.js";
+import { textify as e } from "../../-utils.js";
+import { View as s } from "../view/view.js";
 import { Icon as t } from "../icon/icon.js";
-import '../../pill.css';const f = "_pill_7qdwk_2", a = "_pill_icon_left_7qdwk_17", x = "_pill_icon_right_7qdwk_21", _ = {
+import '../../pill.css';const f = "_pill_1eq5m_2", a = "_pill_icon_left_1eq5m_17", x = "_pill_icon_right_1eq5m_21", _ = {
   pill: f,
   pill_icon_left: a,
   pill_icon_right: x
 };
-function q({
+function y({
   leftIcon: l,
   rightIcon: i,
   className: n,
   children: p,
   ...r
 }) {
-  return /* @__PURE__ */ c(
-    e,
+  return /* @__PURE__ */ m(
+    s,
     {
-      className: m(
+      className: c(
         _.pill,
         l && _.pill_icon_left,
         i && _.pill_icon_right,
@@ -27,12 +27,12 @@ function q({
       ...r,
       children: [
         l ? /* @__PURE__ */ o(t, { name: l }) : null,
-        s(p, { color: "inherit" }),
+        e(p, { color: "inherit" }),
         i ? /* @__PURE__ */ o(t, { name: i }) : null
       ]
     }
   );
 }
 export {
-  q as Pill
+  y as Pill
 };

package/dist/components/popover/popover.js

@@ -1,7 +1,7 @@
 import { jsx as u, jsxs as Y } from "react/jsx-runtime";
 import { c as Re } from "../../clsx-OuTLNxxd.js";
-import { u as be, t as ae, T as Se } from "../../tooltip-oCp-elli.js";
-import { R as ye, P as Oe, c as x, h as Ie, d as xe, e as de, u as Ne, i as Me, f as Fe, j as ke, k as _e, p as ee, t as we } from "../../transitions.module-D9mMAtfI.js";
+import { u as be, t as ae, T as Se } from "../../tooltip-DZkByWDR.js";
+import { R as ye, P as Oe, c as x, h as Ie, d as xe, e as de, u as Ne, i as Me, f as Fe, j as _e, k as ke, p as ee, t as we } from "../../transitions.module-D9mMAtfI.js";
 import { View as Ae } from "../view/view.js";
 import { Heading as De } from "../heading/heading.js";
 import { Text as He } from "../text/text.js";
@@ -140,7 +140,7 @@ function ue({
   const {
     openMethod: p,
     triggerProps: h,
-    reset: _
+    reset: k
   } = Be(v);
   nt(r);
   const {
@@ -149,7 +149,7 @@ function ue({
     r.update({
       stickIfOpen: !0,
       openChangeReason: null
-    }), _();
+    }), k();
   });
   Le(v && a === !0 && M !== J && p !== "touch", R), n.useEffect(() => {
     v || r.context.stickIfOpenTimeout.clear();
@@ -178,9 +178,9 @@ function ue({
     }
   }), C = pt(O), {
     getReferenceProps: w,
-    getFloatingProps: k,
+    getFloatingProps: _,
     getTriggerProps: b
-  } = de([I, C]), B = n.useMemo(() => w(h), [w, h]), A = n.useMemo(() => b(h), [b, h]), L = n.useMemo(() => k(), [k]);
+  } = de([I, C]), B = n.useMemo(() => w(h), [w, h]), A = n.useMemo(() => b(h), [b, h]), L = n.useMemo(() => _(), [_]);
   r.useSyncedValues({
     modal: a,
     openMethod: p,
@@ -225,7 +225,7 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
   } = s, M = V(!0), p = l?.store ?? M?.store;
   if (!p)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle." : q(74));
-  const h = te(R), _ = p.useState("isTriggerActive", h), c = p.useState("floatingRootContext"), F = p.useState("isOpenedByTrigger", h), E = n.useRef(null), {
+  const h = te(R), k = p.useState("isTriggerActive", h), c = p.useState("floatingRootContext"), F = p.useState("isOpenedByTrigger", h), E = n.useRef(null), {
     registerTrigger: O,
     isMountedByThisTrigger: I
   } = it(h, E, p, {
@@ -233,8 +233,8 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
     disabled: i,
     openOnHover: m,
     closeDelay: v
-  }), C = p.useState("openChangeReason"), w = p.useState("stickIfOpen"), k = p.useState("openMethod"), b = lt(c, {
-    enabled: c != null && m && (k !== "touch" || C !== X),
+  }), C = p.useState("openChangeReason"), w = p.useState("stickIfOpen"), _ = p.useState("openMethod"), b = lt(c, {
+    enabled: c != null && m && (_ !== "touch" || C !== X),
     mouseOnly: !0,
     move: !1,
     handleClose: dt(),
@@ -243,7 +243,7 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
       close: v
     },
     triggerElementRef: E,
-    isActiveTrigger: _
+    isActiveTrigger: k
   }), B = Ue(c, {
     enabled: c != null,
     stickIfOpen: w
@@ -289,7 +289,7 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
       y?.focus();
     }
   });
-  return _ ? /* @__PURE__ */ Y(n.Fragment, {
+  return k ? /* @__PURE__ */ Y(n.Fragment, {
     children: [/* @__PURE__ */ u(ce, {
       ref: U,
       onFocus: j
@@ -353,10 +353,10 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
     sticky: M = !1,
     disableAnchorTracking: p = !1,
     collisionAvoidance: h = et,
-    ..._
+    ...k
   } = s, {
     store: c
-  } = V(), F = Nt(), E = ke(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), w = c.useState("openChangeReason"), k = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
+  } = V(), F = Nt(), E = _e(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), w = c.useState("openChangeReason"), _ = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
     anchor: i,
     floatingRootContext: O,
     positionMethod: a,
@@ -410,7 +410,7 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
     c.set("positionerElement", g);
   }, [c]), d = K("div", s, {
     state: j,
-    props: [T.props, fe(L), _],
+    props: [T.props, fe(L), k],
     ref: [o, z],
     stateAttributesMapping: ee
   });
@@ -419,8 +419,8 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
     children: [I && b === !0 && w !== J && /* @__PURE__ */ u(Ge, {
       ref: c.context.internalBackdropRef,
       inert: gt(!C),
-      cutout: k
-    }), /* @__PURE__ */ u(_e, {
+      cutout: _
+    }), /* @__PURE__ */ u(ke, {
       id: E,
       children: d
     })]
@@ -439,7 +439,7 @@ const Mt = {
     ...l
   } = s, {
     store: e
-  } = V(), m = ve(), r = St() != null, v = Rt(), R = e.useState("open"), N = e.useState("openMethod"), M = e.useState("instantType"), p = e.useState("transitionStatus"), h = e.useState("popupProps"), _ = e.useState("titleElementId"), c = e.useState("descriptionElementId"), F = e.useState("modal"), E = e.useState("mounted"), O = e.useState("openChangeReason"), I = e.useState("popupElement"), C = e.useState("payload"), w = e.useState("positionerElement"), k = e.useState("activeTriggerElement"), b = e.useState("floatingRootContext");
+  } = V(), m = ve(), r = St() != null, v = Rt(), R = e.useState("open"), N = e.useState("openMethod"), M = e.useState("instantType"), p = e.useState("transitionStatus"), h = e.useState("popupProps"), k = e.useState("titleElementId"), c = e.useState("descriptionElementId"), F = e.useState("modal"), E = e.useState("mounted"), O = e.useState("openChangeReason"), I = e.useState("popupElement"), C = e.useState("payload"), w = e.useState("positionerElement"), _ = e.useState("activeTriggerElement"), b = e.useState("floatingRootContext");
   Et({
     open: R,
     ref: e.context.popupRef,
@@ -489,7 +489,7 @@ const Mt = {
     state: S,
     ref: [o, e.context.popupRef, G],
     props: [h, {
-      "aria-labelledby": _,
+      "aria-labelledby": k,
       "aria-describedby": c,
       onKeyDown(d) {
         r && bt.has(d.key) && d.stopPropagation();
@@ -505,7 +505,7 @@ const Mt = {
     initialFocus: H,
     returnFocus: a,
     restoreFocus: "popup",
-    previousFocusableElement: Tt(k) ? k : void 0,
+    previousFocusableElement: Tt(_) ? _ : void 0,
     nextFocusableElement: e.context.triggerFocusTargetRef,
     beforeContentFocusGuardRef: e.context.beforeContentFocusGuardRef,
     children: z
@@ -578,9 +578,9 @@ const Te = /* @__PURE__ */ n.forwardRef(function(s, o) {
   });
 });
 process.env.NODE_ENV !== "production" && (Te.displayName = "PopoverDescription");
-const Ft = "_popover_10gkd_2", kt = "_popover__header_10gkd_7", le = {
+const Ft = "_popover_u1s4l_2", _t = "_popover__header_u1s4l_7", le = {
   popover: Ft,
-  popover__header: kt
+  popover__header: _t
 };
 function po({
   align: t,