@pismo/marola 0.0.1-alpha.17 → 0.0.1-alpha.18

package/dist/components/Select/Select.js

@@ -1,15 +1,14 @@
 import { jsx as h, jsxs as Oe } from "react/jsx-runtime";
-import { c as Ve } from "../../clsx-DB4S2d7J.js";
+import { c as _e } from "../../clsx-DB4S2d7J.js";
 import { Typography as Ke } from "../Typography/Typography.js";
-import { s as H, S as ze } from "../../SelectButton-DWZ2BRaX.js";
-import { a as g, _ as _e } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { s as L, S as ze } from "../../SelectButton-pciwIWcj.js";
+import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../index-CH45lKw7.js";
 import * as s from "react";
-import { g as we, a as ke, u as X, e as ne, P as l, b as le, c as Ie, d as Me } from "../../index-CtPvew6C.js";
-import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-D8j4htsd.js";
-import { u as Ne } from "../../useButton-DSAvAfH_.js";
+import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-DVjg9PRh.js";
+import { u as Me } from "../../useButton-DNk3wrQp.js";
 import { u as Te, a as We, b as Ge, C as Qe } from "../../useCompoundItem-D1iRfg8D.js";
-import { P as Xe } from "../../Popup-DwaWJ3ye.js";
-import { m as ve, h as Ye, l as Ze, u as et } from "../../useList-C5PBIv2I.js";
+import { P as Xe } from "../../Popup-B6ZSGIEI.js";
+import { m as ve, h as Ye, l as Ze, u as et } from "../../useList-B0hog_3-.js";
 import { u as tt } from "../../useEnhancedEffect-CJGo-L3B.js";
 const ot = {
   border: 0,
@@ -23,13 +22,13 @@ const ot = {
   width: "1px"
 }, Ae = "Option";
 function nt(n) {
-  return we(Ae, n);
+  return Ve(Ae, n);
 }
-ke(Ae, ["root", "disabled", "selected", "highlighted"]);
+we(Ae, ["root", "disabled", "selected", "highlighted"]);
 function lt(n) {
   const {
     value: o,
-    label: u,
+    label: i,
     disabled: a,
     rootRef: r,
     id: c
@@ -42,26 +41,26 @@ function lt(n) {
   }), {
     getRootProps: v,
     rootRef: I
-  } = Ne({
+  } = Me({
     disabled: a,
     focusableWhenDisabled: !0
   }), x = Te(c), y = s.useRef(null), R = s.useMemo(() => ({
     disabled: a,
-    label: u,
+    label: i,
     value: o,
     ref: y,
     id: x
-  }), [a, u, o, x]), {
-    index: M
-  } = We(o, R), O = X(r, y, I), N = (b) => (C) => {
+  }), [a, i, o, x]), {
+    index: N
+  } = We(o, R), O = X(r, y, I), M = (b) => (C) => {
     var P;
     (P = b.onKeyDown) == null || P.call(b, C), !C.defaultMuiPrevented && [" ", "Enter"].includes(C.key) && (C.defaultMuiPrevented = !0);
-  }, L = (b = {}) => ({
-    onKeyDown: N(b)
+  }, B = (b = {}) => ({
+    onKeyDown: M(b)
   });
   return {
     getRootProps: (b = {}) => {
-      const C = ne(b), P = se(p, se(v, L));
+      const C = ne(b), P = se(p, se(v, B));
       return g({}, b, C, P(C), {
         id: x,
         ref: O,
@@ -70,7 +69,7 @@ function lt(n) {
       });
     },
     highlighted: f,
-    index: M,
+    index: N,
     selected: d,
     rootRef: O
   };
@@ -80,13 +79,13 @@ function st(n) {
   if (!o)
     throw new Error("Option: ListContext was not found.");
   const {
-    getItemState: u,
+    getItemState: i,
     dispatch: a
   } = o, {
     highlighted: r,
     selected: c,
     focusable: p
-  } = u(n), f = s.useCallback((v) => {
+  } = i(n), f = s.useCallback((v) => {
     if (v !== n)
       throw new Error(["Base UI Option: Tried to access the state of another Option.", "This is unsupported when the Option uses the OptionContextStabilizer as a performance optimization."].join("/n"));
     return {
@@ -103,17 +102,17 @@ function st(n) {
   };
 }
 const rt = ["children", "disabled", "label", "slotProps", "slots", "value"];
-function it(n) {
+function ut(n) {
   const {
     disabled: o,
-    highlighted: u,
+    highlighted: i,
     selected: a
   } = n;
   return Ie({
-    root: ["root", o && "disabled", u && "highlighted", a && "selected"]
-  }, Me(nt));
+    root: ["root", o && "disabled", i && "highlighted", a && "selected"]
+  }, Ne(nt));
 }
-const ut = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, u) {
+const it = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, i) {
   var a, r;
   const {
     children: c,
@@ -122,33 +121,33 @@ const ut = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, u) {
     slotProps: d = {},
     slots: v = {},
     value: I
-  } = o, x = _e(o, rt), y = (a = v.root) != null ? a : "li", R = s.useRef(null), M = X(R, u), O = f ?? (typeof c == "string" ? c : (r = R.current) == null || (r = r.textContent) == null ? void 0 : r.trim()), {
-    getRootProps: N,
-    selected: L,
+  } = o, x = ke(o, rt), y = (a = v.root) != null ? a : "li", R = s.useRef(null), N = X(R, i), O = f ?? (typeof c == "string" ? c : (r = R.current) == null || (r = r.textContent) == null ? void 0 : r.trim()), {
+    getRootProps: M,
+    selected: B,
     highlighted: b,
     index: C
   } = lt({
     disabled: p,
     label: O,
-    rootRef: M,
+    rootRef: N,
     value: I
   }), P = g({}, o, {
     disabled: p,
     highlighted: b,
     index: C,
-    selected: L
-  }), j = it(P), V = le({
-    getSlotProps: N,
+    selected: B
+  }), j = ut(P), _ = le({
+    getSlotProps: M,
     elementType: y,
     externalSlotProps: d.root,
     externalForwardedProps: x,
     className: j.root,
     ownerState: P
   });
-  return /* @__PURE__ */ h(y, g({}, V, {
+  return /* @__PURE__ */ h(y, g({}, _, {
     children: c
   }));
-})), Le = /* @__PURE__ */ s.forwardRef(function(o, u) {
+})), Le = /* @__PURE__ */ s.forwardRef(function(o, i) {
   const {
     value: a
   } = o, {
@@ -156,8 +155,8 @@ const ut = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, u) {
   } = st(a);
   return /* @__PURE__ */ h(ye.Provider, {
     value: r,
-    children: /* @__PURE__ */ h(ut, g({}, o, {
-      ref: u
+    children: /* @__PURE__ */ h(it, g({}, o, {
+      ref: i
     }))
   });
 });
@@ -210,13 +209,13 @@ const re = {
 }, Be = (n) => {
   const {
     label: o,
-    value: u
+    value: i
   } = n;
-  return typeof o == "string" ? o : typeof u == "string" ? u : String(n);
+  return typeof o == "string" ? o : typeof i == "string" ? i : String(n);
 };
 function at(n, o) {
   const {
-    open: u
+    open: i
   } = n, {
     context: {
       selectionMode: a
@@ -226,8 +225,8 @@ function at(n, o) {
     var r;
     const d = (r = n.selectedValues[0]) != null ? r : ve(null, "start", o.context);
     return g({}, n, {
-      open: !u,
-      highlightedValue: u ? null : d
+      open: !i,
+      highlightedValue: i ? null : d
     });
   }
   if (o.type === re.browserAutoFill)
@@ -278,7 +277,7 @@ function ct(n) {
 function dt(n) {
   const {
     areOptionsEqual: o,
-    buttonRef: u,
+    buttonRef: i,
     defaultOpen: a = !1,
     defaultValue: r,
     disabled: c = !1,
@@ -290,77 +289,77 @@ function dt(n) {
     onChange: x,
     onHighlightChange: y,
     onOpenChange: R,
-    open: M,
+    open: N,
     options: O,
-    getOptionAsString: N = Be,
-    getSerializedValue: L = ct,
+    getOptionAsString: M = Be,
+    getSerializedValue: B = ct,
     value: b,
     componentName: C = "useSelect"
-  } = n, P = s.useRef(null), j = X(u, P), V = s.useRef(null), $ = Te(p);
-  let B;
-  b === void 0 && r === void 0 ? B = [] : r !== void 0 && (d ? B = r : B = r == null ? [] : [r]);
+  } = n, P = s.useRef(null), j = X(i, P), _ = s.useRef(null), $ = Te(p);
+  let E;
+  b === void 0 && r === void 0 ? E = [] : r !== void 0 && (d ? E = r : E = r == null ? [] : [r]);
   const Y = s.useMemo(() => {
     if (b !== void 0)
       return d ? b : b == null ? [] : [b];
   }, [b, d]), {
     subitems: T,
     contextValue: F
-  } = Ge(), _ = s.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
+  } = Ge(), V = s.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
     value: e.value,
     label: e.label,
     disabled: e.disabled,
     ref: /* @__PURE__ */ s.createRef(),
     id: `${$}_${t}`
-  }])) : T, [O, T, $]), ie = X(f, V), {
+  }])) : T, [O, T, $]), ue = X(f, _), {
     getRootProps: Z,
-    active: ue,
+    active: ie,
     focusVisible: ae,
     rootRef: U
-  } = Ne({
+  } = Me({
     disabled: c,
     rootRef: j
-  }), q = s.useMemo(() => Array.from(_.keys()), [_]), S = s.useCallback((e) => {
+  }), q = s.useMemo(() => Array.from(V.keys()), [V]), S = s.useCallback((e) => {
     if (o !== void 0) {
-      const t = q.find((i) => o(i, e));
-      return _.get(t);
+      const t = q.find((u) => o(u, e));
+      return V.get(t);
     }
-    return _.get(e);
-  }, [_, o, q]), ee = s.useCallback((e) => {
+    return V.get(e);
+  }, [V, o, q]), ee = s.useCallback((e) => {
     var t;
-    const i = S(e);
-    return (t = i == null ? void 0 : i.disabled) != null ? t : !1;
+    const u = S(e);
+    return (t = u == null ? void 0 : u.disabled) != null ? t : !1;
   }, [S]), te = s.useCallback((e) => {
     const t = S(e);
-    return t ? N(t) : "";
-  }, [S, N]), ce = s.useMemo(() => ({
+    return t ? M(t) : "";
+  }, [S, M]), ce = s.useMemo(() => ({
     selectedValues: Y,
-    open: M
-  }), [Y, M]), de = s.useCallback((e) => {
+    open: N
+  }), [Y, N]), de = s.useCallback((e) => {
     var t;
-    return (t = _.get(e)) == null ? void 0 : t.id;
-  }, [_]), pe = s.useCallback((e, t) => {
+    return (t = V.get(e)) == null ? void 0 : t.id;
+  }, [V]), pe = s.useCallback((e, t) => {
     if (d)
       x == null || x(e, t);
     else {
-      var i;
-      x == null || x(e, (i = t[0]) != null ? i : null);
+      var u;
+      x == null || x(e, (u = t[0]) != null ? u : null);
     }
   }, [d, x]), fe = s.useCallback((e, t) => {
     y == null || y(e, t ?? null);
-  }, [y]), be = s.useCallback((e, t, i) => {
-    if (t === "open" && (R == null || R(i), i === !1 && (e == null ? void 0 : e.type) !== "blur")) {
+  }, [y]), be = s.useCallback((e, t, u) => {
+    if (t === "open" && (R == null || R(u), u === !1 && (e == null ? void 0 : e.type) !== "blur")) {
       var m;
       (m = P.current) == null || m.focus();
     }
   }, [R]), ge = s.useCallback((e) => {
-    var t, i;
-    return e == null ? null : (t = (i = T.get(e)) == null ? void 0 : i.ref.current) != null ? t : null;
+    var t, u;
+    return e == null ? null : (t = (u = T.get(e)) == null ? void 0 : u.ref.current) != null ? t : null;
   }, [T]), me = {
     getInitialState: () => {
       var e;
       return {
         highlightedValue: null,
-        selectedValues: (e = B) != null ? e : [],
+        selectedValues: (e = E) != null ? e : [],
         open: a
       };
     },
@@ -370,7 +369,7 @@ function dt(n) {
     getItemDomElement: ge,
     itemComparer: o,
     isItemDisabled: ee,
-    rootRef: ie,
+    rootRef: ue,
     onChange: pe,
     onHighlightChange: fe,
     onStateChange: be,
@@ -383,7 +382,7 @@ function dt(n) {
     stateReducer: at,
     componentName: C
   }, {
-    dispatch: E,
+    dispatch: D,
     getRootProps: he,
     contextValue: K,
     state: {
@@ -397,27 +396,27 @@ function dt(n) {
     if (w && A !== null) {
       var e;
       const t = (e = S(A)) == null ? void 0 : e.ref;
-      if (!V.current || !(t != null && t.current))
+      if (!_.current || !(t != null && t.current))
         return;
       xe.current || t.current.focus({
         preventScroll: !0
       });
-      const i = V.current.getBoundingClientRect(), m = t.current.getBoundingClientRect();
-      m.top < i.top ? V.current.scrollTop -= i.top - m.top : m.bottom > i.bottom && (V.current.scrollTop += m.bottom - i.bottom);
+      const u = _.current.getBoundingClientRect(), m = t.current.getBoundingClientRect();
+      m.top < u.top ? _.current.scrollTop -= u.top - m.top : m.bottom > u.bottom && (_.current.scrollTop += m.bottom - u.bottom);
     }
   }, [w, A, S]);
   const J = s.useCallback((e) => S(e), [S]), Ce = (e) => (t) => {
-    var i;
-    if (e == null || (i = e.onClick) == null || i.call(e, t), !t.defaultMuiPrevented) {
+    var u;
+    if (e == null || (u = e.onClick) == null || u.call(e, t), !t.defaultMuiPrevented) {
       const m = {
         type: re.buttonClick,
         event: t
       };
-      E(m);
+      D(m);
     }
   }, W = (e) => (t) => {
-    var i;
-    (i = e.onKeyDown) == null || i.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), E({
+    var u;
+    (u = e.onKeyDown) == null || u.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), D({
       type: Q.keyDown,
       key: t.key,
       event: t
@@ -425,25 +424,25 @@ function dt(n) {
   }, oe = (e = {}) => ({
     onClick: Ce(e),
     onKeyDown: W(e)
-  }), D = (e = {}) => g({}, e, oe(e), {
+  }), H = (e = {}) => g({}, e, oe(e), {
     role: "combobox",
     "aria-expanded": w,
     "aria-controls": $
   }), He = (e = {}) => {
-    const t = ne(e), i = se(D, Z);
-    return g({}, e, i(t));
+    const t = ne(e), u = se(H, Z);
+    return g({}, e, u(t));
   }, $e = (e) => (t) => {
-    var i, m;
-    (i = e.onBlur) == null || i.call(e, t), !t.defaultMuiPrevented && ((m = V.current) != null && m.contains(t.relatedTarget) || t.relatedTarget === P.current) && (t.defaultMuiPrevented = !0);
+    var u, m;
+    (u = e.onBlur) == null || u.call(e, t), !t.defaultMuiPrevented && ((m = _.current) != null && m.contains(t.relatedTarget) || t.relatedTarget === P.current) && (t.defaultMuiPrevented = !0);
   }, Fe = (e = {}) => ({
     onBlur: $e(e)
   }), qe = (e = {}) => {
-    const t = ne(e), i = se(Fe, he);
+    const t = ne(e), u = se(Fe, he);
     return g({
       id: $,
       role: "listbox",
       "aria-multiselectable": d ? "true" : void 0
-    }, e, i(t));
+    }, e, u(t));
   };
   s.useDebugValue({
     selectedOptions: k,
@@ -461,25 +460,25 @@ function dt(n) {
     Pe = (Re = J(G)) != null ? Re : null;
   }
   const Ue = (e) => (t) => {
-    var i;
-    if (e == null || (i = e.onChange) == null || i.call(e, t), t.defaultMuiPrevented)
+    var u;
+    if (e == null || (u = e.onChange) == null || u.call(e, t), t.defaultMuiPrevented)
       return;
-    const m = _.get(t.target.value);
-    t.target.value === "" ? E({
+    const m = V.get(t.target.value);
+    t.target.value === "" ? D({
       type: Q.clearSelection
-    }) : m !== void 0 && E({
+    }) : m !== void 0 && D({
       type: re.browserAutoFill,
       item: m.value,
       event: t
     });
   };
   return {
-    buttonActive: ue,
+    buttonActive: ie,
     buttonFocusVisible: ae,
     buttonRef: U,
     contextValue: je,
     disabled: c,
-    dispatch: E,
+    dispatch: D,
     getButtonProps: He,
     getHiddenInputProps: (e = {}) => {
       const t = ne(e);
@@ -488,7 +487,7 @@ function dt(n) {
         tabIndex: -1,
         "aria-hidden": !0,
         required: I ? !0 : void 0,
-        value: L(Pe),
+        value: B(Pe),
         style: ot
       }, e, {
         onChange: Ue(t)
@@ -506,7 +505,7 @@ function dt(n) {
 function pt(n) {
   const {
     value: o,
-    children: u
+    children: i
   } = n, {
     dispatch: a,
     getItemIndex: r,
@@ -526,37 +525,37 @@ function pt(n) {
     value: v,
     children: /* @__PURE__ */ h(ye.Provider, {
       value: d,
-      children: u
+      children: i
     })
   });
 }
 const Ee = "Select";
 function ft(n) {
-  return we(Ee, n);
+  return Ve(Ee, n);
 }
-ke(Ee, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
+we(Ee, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
 var Se;
 const bt = ["areOptionsEqual", "autoComplete", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "listboxId", "listboxOpen", "multiple", "name", "required", "onChange", "onListboxOpenChange", "getOptionAsString", "renderValue", "placeholder", "slotProps", "slots", "value"];
 function gt(n) {
   var o;
   return Array.isArray(n) ? /* @__PURE__ */ h(s.Fragment, {
-    children: n.map((u) => u.label).join(", ")
+    children: n.map((i) => i.label).join(", ")
   }) : (o = n == null ? void 0 : n.label) != null ? o : null;
 }
 function mt(n) {
   const {
     active: o,
-    disabled: u,
+    disabled: i,
     open: a,
     focusVisible: r
   } = n;
   return Ie({
-    root: ["root", u && "disabled", r && "focusVisible", o && "active", a && "expanded"],
-    listbox: ["listbox", u && "disabled"],
+    root: ["root", i && "disabled", r && "focusVisible", o && "active", a && "expanded"],
+    listbox: ["listbox", i && "disabled"],
     popup: ["popup"]
-  }, Me(ft));
+  }, Ne(ft));
 }
-const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
+const De = /* @__PURE__ */ s.forwardRef(function(o, i) {
   var a, r, c, p, f;
   const {
     areOptionsEqual: d,
@@ -565,24 +564,24 @@ const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
     children: x,
     defaultValue: y,
     defaultListboxOpen: R = !1,
-    disabled: M,
+    disabled: N,
     getSerializedValue: O,
-    listboxId: N,
-    listboxOpen: L,
+    listboxId: M,
+    listboxOpen: B,
     multiple: b = !1,
     name: C,
     required: P = !1,
     onChange: j,
-    onListboxOpenChange: V,
+    onListboxOpenChange: _,
     getOptionAsString: $ = Be,
-    renderValue: B,
+    renderValue: E,
     placeholder: Y,
     slotProps: T = {},
     slots: F = {},
-    value: _
-  } = o, ie = _e(o, bt), Z = B ?? gt, [ue, ae] = s.useState(!1), U = s.useRef(null), q = s.useRef(null), S = (a = F.root) != null ? a : "button", ee = (r = F.listbox) != null ? r : "ul", te = (c = F.popup) != null ? c : "div", ce = s.useCallback((D) => {
-    ae(D != null);
-  }, []), de = X(u, U, ce);
+    value: V
+  } = o, ue = ke(o, bt), Z = E ?? gt, [ie, ae] = s.useState(!1), U = s.useRef(null), q = s.useRef(null), S = (a = F.root) != null ? a : "button", ee = (r = F.listbox) != null ? r : "ul", te = (c = F.popup) != null ? c : "div", ce = s.useCallback((H) => {
+    ae(H != null);
+  }, []), de = X(i, U, ce);
   s.useEffect(() => {
     I && U.current.focus();
   }, [I]);
@@ -592,7 +591,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
     contextValue: be,
     disabled: ge,
     getButtonProps: me,
-    getListboxProps: E,
+    getListboxProps: D,
     getHiddenInputProps: he,
     getOptionMetadata: K,
     value: w,
@@ -605,14 +604,14 @@ const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
     buttonRef: de,
     defaultOpen: R,
     defaultValue: y,
-    disabled: M,
-    listboxId: N,
+    disabled: N,
+    listboxId: M,
     multiple: b,
-    open: L,
+    open: B,
     onChange: j,
-    onOpenChange: V,
+    onOpenChange: _,
     getOptionAsString: $,
-    value: _,
+    value: V,
     componentName: "Select"
   }), k = g({}, o, {
     active: pe,
@@ -627,12 +626,12 @@ const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
     elementType: S,
     getSlotProps: me,
     externalSlotProps: T.root,
-    externalForwardedProps: ie,
+    externalForwardedProps: ue,
     ownerState: k,
     className: z.root
   }), J = le({
     elementType: ee,
-    getSlotProps: E,
+    getSlotProps: D,
     externalSlotProps: T.listbox,
     additionalProps: {
       ref: q
@@ -654,7 +653,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
   });
   let W;
   if (b)
-    W = w.map((D) => K(D)).filter((D) => D !== void 0);
+    W = w.map((H) => K(H)).filter((H) => H !== void 0);
   else {
     var oe;
     W = (oe = K(w)) != null ? oe : null;
@@ -669,7 +668,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(o, u) {
           children: "​"
         }))
       )
-    })), ue && /* @__PURE__ */ h(Xe, g({
+    })), ie && /* @__PURE__ */ h(Xe, g({
       slots: {
         root: te
       }
@@ -813,27 +812,27 @@ process.env.NODE_ENV !== "production" && (De.propTypes = {
   value: l.any
 });
 const ht = (n) => {
-  const { children: o, icon: u, className: a, ...r } = n;
+  const { children: o, icon: i, className: a, ...r } = n;
   return /* @__PURE__ */ Oe(
     Le,
     {
       ...r,
       slotProps: {
         root: (c) => ({
-          className: Ve(H.select__listbox__option, a, {
-            [H["select__listbox__option--disabled"]]: c.disabled,
-            [H["select__listbox__option--selected"]]: c.selected
+          className: _e(L.select__listbox__option, a, {
+            [L["select__listbox__option--disabled"]]: c.disabled,
+            [L["select__listbox__option--selected"]]: c.selected
           })
         })
       },
       children: [
-        u ? /* @__PURE__ */ h("span", { className: H.select__listbox__option__icon, children: u }) : "",
-        /* @__PURE__ */ h(Ke, { element: "span", variant: "body-small", className: H.select__listbox__option__text, children: o })
+        i ? /* @__PURE__ */ h("span", { className: L.select__listbox__option__icon, children: i }) : "",
+        /* @__PURE__ */ h(Ke, { element: "span", variant: "body-small", className: L.select__listbox__option__text, children: o })
       ]
     }
   );
 }, xt = (n) => {
-  const { children: o, className: u, onChange: a, ...r } = n;
+  const { children: o, className: i, onChange: a, ...r } = n;
   return /* @__PURE__ */ h(
     De,
     {
@@ -841,11 +840,11 @@ const ht = (n) => {
       onChange: (p, f) => {
         a == null || a(f, p);
       },
-      className: Ve(H.select, u),
+      className: _e(L.select, i),
       slots: { root: ze },
       slotProps: {
-        listbox: { className: H.select__listbox },
-        popup: { disablePortal: !0 }
+        listbox: { className: L.select__listbox },
+        popup: { className: L.select__popup }
       },
       children: o
     }

package/dist/components/Select/SelectButton.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Typography/Typography.js";
-import { S as e } from "../../SelectButton-DWZ2BRaX.js";
+import { S as e } from "../../SelectButton-pciwIWcj.js";
 export {
   e as SelectButton
 };