welcome-ui 10.0.0-alpha.3 → 10.0.0-alpha.5

package/dist/Select.js

@@ -1,17 +1,18 @@
 "use client";
-import { jsx as k, jsxs as P } from "react/jsx-runtime";
-import { D as me } from "./downshift.esm-xtYanIDi.js";
-import { g as Le, c as Oe } from "./index-PAaZGbyz.js";
-import { forwardRef as Pe, useMemo as $e, useState as $, useEffect as he, useCallback as Ye, Fragment as Be } from "react";
-import { CloseButton as Xe } from "./CloseButton.js";
-import { useField as Ze } from "./Field.js";
+import './Select.css';
+import { jsx as v, jsxs as L } from "react/jsx-runtime";
+import { D as fe } from "./downshift.esm-xtYanIDi.js";
+import { g as Ke, c as ye } from "./index-PAaZGbyz.js";
+import { forwardRef as Le, useMemo as Pe, useState as P, useEffect as he, useCallback as $e, Fragment as Ye } from "react";
+import { CloseButton as Be } from "./CloseButton.js";
+import { useField as Xe } from "./Field.js";
 import { Icon as _e } from "./Icon.js";
-import { c as Qe } from "./create-event-rXDe5aCQ.js";
-import { u as qe } from "./useForkRef-D807AV7D.js";
+import { c as Ze } from "./create-event-rXDe5aCQ.js";
+import { u as Qe } from "./useForkRef-D807AV7D.js";
 import { Tag as Ge } from "./Tag.js";
-var T = { exports: {} }, pe;
+var V = { exports: {} }, pe;
 function Je() {
-  if (pe) return T.exports;
+  if (pe) return V.exports;
   pe = 1;
   var e = {
     À: "A",
@@ -482,10 +483,10 @@ function Je() {
   }, i = function(o) {
     return !!o.match(r);
   };
-  return T.exports = c, T.exports.has = i, T.exports.remove = c, T.exports;
+  return V.exports = c, V.exports.has = i, V.exports.remove = c, V.exports;
 }
 var en = Je();
-const nn = /* @__PURE__ */ Le(en);
+const nn = /* @__PURE__ */ Ke(en);
 /**
  * @name match-sorter
  * @license MIT license.
@@ -508,24 +509,24 @@ function G(e, n, t) {
     keys: r,
     threshold: s = g.MATCHES,
     baseSort: c = tn,
-    sorter: i = (d) => d.sort((u, h) => on(u, h, c))
+    sorter: i = (m) => m.sort((u, h) => on(u, h, c))
   } = t, o = e.reduce(l, []);
-  return i(o).map((d) => {
+  return i(o).map((m) => {
     let {
       item: u
-    } = d;
+    } = m;
     return u;
   });
-  function l(d, u, h) {
-    const v = rn(u, r, n, t), {
+  function l(m, u, h) {
+    const E = rn(u, r, n, t), {
       rank: p,
-      keyThreshold: m = s
-    } = v;
-    return p >= m && d.push({
-      ...v,
+      keyThreshold: f = s
+    } = E;
+    return p >= f && m.push({
+      ...E,
       item: u,
       index: h
-    }), d;
+    }), m;
   }
 }
 G.rankings = g;
@@ -543,20 +544,20 @@ function rn(e, n, t, r) {
   return un(e, n).reduce((c, i, o) => {
     let {
       rank: l,
-      rankedValue: d,
+      rankedValue: m,
       keyIndex: u,
       keyThreshold: h
     } = c, {
-      itemValue: v,
+      itemValue: E,
       attributes: p
-    } = i, m = Ae(v, t, r), U = d;
+    } = i, f = Ae(E, t, r), k = m;
     const {
-      minRanking: H,
-      maxRanking: N,
-      threshold: V
+      minRanking: T,
+      maxRanking: R,
+      threshold: S
     } = p;
-    return m < H && m >= g.MATCHES ? m = H : m > N && (m = N), m > l && (l = m, u = o, h = V, U = v), {
-      rankedValue: U,
+    return f < T && f >= g.MATCHES ? f = T : f > R && (f = R), f > l && (l = f, u = o, h = S, k = E), {
+      rankedValue: k,
       rank: l,
       keyIndex: u,
       keyThreshold: h
@@ -581,21 +582,21 @@ function sn(e) {
 }
 function an(e, n) {
   let t = 0, r = 0;
-  function s(l, d, u) {
-    for (let h = u, v = d.length; h < v; h++)
-      if (d[h] === l)
+  function s(l, m, u) {
+    for (let h = u, E = m.length; h < E; h++)
+      if (m[h] === l)
         return t += 1, h + 1;
     return -1;
   }
   function c(l) {
-    const d = 1 / l, u = t / n.length;
-    return g.MATCHES + u * d;
+    const m = 1 / l, u = t / n.length;
+    return g.MATCHES + u * m;
   }
   const i = s(n[0], e, 0);
   if (i < 0)
     return g.NO_MATCH;
   r = i;
-  for (let l = 1, d = n.length; l < d; l++) {
+  for (let l = 1, m = n.length; l < m; l++) {
     const u = n[l];
     if (r = s(u, e, r), !(r > -1))
       return g.NO_MATCH;
@@ -641,7 +642,7 @@ function cn(e, n) {
   for (let s = 0, c = t.length; s < c; s++) {
     const i = t[s];
     let o = [];
-    for (let l = 0, d = r.length; l < d; l++) {
+    for (let l = 0, m = r.length; l < m; l++) {
       const u = r[l];
       if (u != null)
         if (Object.hasOwnProperty.call(u, i)) {
@@ -656,8 +657,8 @@ function cn(e, n) {
 function un(e, n) {
   const t = [];
   for (let r = 0, s = n.length; r < s; r++) {
-    const c = n[r], i = dn(c), o = ln(e, c);
-    for (let l = 0, d = o.length; l < d; l++)
+    const c = n[r], i = mn(c), o = ln(e, c);
+    for (let l = 0, m = o.length; l < m; l++)
       t.push({
         itemValue: o[l],
         attributes: i
@@ -669,50 +670,50 @@ const Ie = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
-function dn(e) {
+function mn(e) {
   return typeof e == "string" ? Ie : {
     ...Ie,
     ...e
   };
 }
-const fn = "_indicators_83uuk_2", mn = "_open_83uuk_34", hn = "_disabled_83uuk_40", _n = "_root_83uuk_51", pn = "_clearable_83uuk_86", An = "_transparent_83uuk_104", gn = "_wrapper_83uuk_200", In = "_menu_83uuk_207", kn = "_item_83uuk_235", vn = "_highlighted_83uuk_249", En = "_selected_83uuk_252", On = "_multiple_83uuk_252", yn = "_allowUnselectFromList_83uuk_256", wn = "_tags_83uuk_264", ye = {
-  indicators: fn,
-  "size-xs": "_size-xs_83uuk_11",
-  "dropdown-indicator": "_dropdown-indicator_83uuk_14",
-  "styled-icon": "_styled-icon_83uuk_28",
-  open: mn,
+const dn = "_indicators_1q51m_2", fn = "_open_1q51m_34", hn = "_disabled_1q51m_40", _n = "_root_1q51m_51", pn = "_clearable_1q51m_86", An = "_transparent_1q51m_104", gn = "_wrapper_1q51m_200", In = "_menu_1q51m_207", vn = "_item_1q51m_235", En = "_highlighted_1q51m_249", On = "_selected_1q51m_252", yn = "_multiple_1q51m_252", wn = "_allowUnselectFromList_1q51m_256", Cn = "_tags_1q51m_264", we = {
+  indicators: dn,
+  "size-xs": "_size-xs_1q51m_11",
+  "dropdown-indicator": "_dropdown-indicator_1q51m_14",
+  "styled-icon": "_styled-icon_1q51m_28",
+  open: fn,
   disabled: hn,
-  "input-wrapper": "_input-wrapper_83uuk_44",
-  "icon-placement-right": "_icon-placement-right_83uuk_47",
+  "input-wrapper": "_input-wrapper_1q51m_44",
+  "icon-placement-right": "_icon-placement-right_1q51m_47",
   root: _n,
-  "icon-placement-left": "_icon-placement-left_83uuk_83",
-  "icon-placement-both": "_icon-placement-both_83uuk_83",
+  "icon-placement-left": "_icon-placement-left_1q51m_83",
+  "icon-placement-both": "_icon-placement-both_1q51m_83",
   clearable: pn,
   transparent: An,
-  "variant-danger": "_variant-danger_83uuk_139",
-  "variant-success": "_variant-success_83uuk_142",
-  "variant-warning": "_variant-warning_83uuk_145",
-  "size-lg": "_size-lg_83uuk_148",
-  "size-md": "_size-md_83uuk_155",
-  "size-sm": "_size-sm_83uuk_162",
-  "icon-wrapper": "_icon-wrapper_83uuk_169",
+  "variant-danger": "_variant-danger_1q51m_139",
+  "variant-success": "_variant-success_1q51m_142",
+  "variant-warning": "_variant-warning_1q51m_145",
+  "size-lg": "_size-lg_1q51m_148",
+  "size-md": "_size-md_1q51m_155",
+  "size-sm": "_size-sm_1q51m_162",
+  "icon-wrapper": "_icon-wrapper_1q51m_169",
   wrapper: gn,
   menu: In,
-  item: kn,
-  highlighted: vn,
-  selected: En,
-  multiple: On,
-  allowUnselectFromList: yn,
-  tags: wn,
-  "styled-tag": "_styled-tag_83uuk_267"
-}, ke = Oe(ye);
-function Cn(e, n) {
-  return /* @__PURE__ */ k("div", { className: ke("tags"), role: "list", children: e.map((t) => (
+  item: vn,
+  highlighted: En,
+  selected: On,
+  multiple: yn,
+  allowUnselectFromList: wn,
+  tags: Cn,
+  "styled-tag": "_styled-tag_1q51m_267"
+}, ve = ye(we);
+function xn(e, n) {
+  return /* @__PURE__ */ v("div", { className: ve("tags"), role: "list", children: e.map((t) => (
     // TODO migrate after WUI-187/tag
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ v(
       Ge,
       {
-        className: ke("styled-tag"),
+        className: ve("styled-tag"),
         onRemove: () => n(t.value.toString()),
         role: "listitem",
         children: t.label
@@ -721,27 +722,27 @@ function Cn(e, n) {
     )
   )) });
 }
-const ee = "", xn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, we = (e) => {
+const ee = "", Nn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, Ce = (e) => {
   if (typeof e == "number")
     return String(e);
   if (typeof e == "string") {
-    const n = e.match(xn);
+    const n = e.match(Nn);
     return n && n.map((t) => t.toLowerCase()).join("-");
   }
-}, ve = (e) => e ? e.label : ee, bn = (e) => e.reduce(
+}, Ee = (e) => e ? e.label : ee, bn = (e) => e.reduce(
   (n, t) => t.label && n.length > t.label.length ? n : t.label,
   ee
-), Nn = (e, n, t) => {
+), Rn = (e, n, t) => {
   const r = n.find((s) => e.value === s.value);
   return r && t ? n.filter((s) => e.value !== s.value) : r ? n : [...n, e];
-}, q = (e, n) => !!n.find((t) => t.value === e), J = (e, n = []) => n.find(
+}, Q = (e, n) => !!n.find((t) => t.value === e), J = (e, n = []) => n.find(
   (r) => r.label === (e.label || e) || r.value === (e.value || e)
-) || { label: e, value: we(e) }, Rn = (e, n, t = !1) => {
+) || { label: e, value: Ce(e) }, qn = (e, n, t = !1) => {
   const r = t ? n.flatMap((s) => s.options) : n;
   return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((s) => J(s, r)) : [J(e, r)];
-}, Un = (e, n) => !!n.find((t) => t.value === e.value), Vn = (e, n) => Un(e, n) ? e.value : e.label, Ee = (e, n) => e ? e.map((t) => Vn(t, n)) : [], Sn = (e, n) => e ? e.filter(
+}, kn = (e, n) => !!n.find((t) => t.value === e.value), Sn = (e, n) => kn(e, n) ? e.value : e.label, Oe = (e, n) => e ? e.map((t) => Sn(t, n)) : [], Un = (e, n) => e ? e.filter(
   (t) => !n.find((r) => r.value === t.value)
-) : [], Tn = ({
+) : [], Vn = ({
   inputValue: e,
   isMultiple: n,
   isSearchable: t,
@@ -750,7 +751,7 @@ const ee = "", xn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|
 }) => {
   const c = J(e, r);
   return n ? e : c.label ? t ? c.label : s(c) : ee;
-}, y = Oe(ye), Hn = me.default || me, Yn = Pe(
+}, w = ye(we), Tn = fe.default || fe, Hn = Le(
   ({
     allowUnselectFromList: e,
     autoComplete: n = "off",
@@ -761,250 +762,251 @@ const ee = "", xn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|
     disabled: i,
     groupsEnabled: o,
     icon: l,
-    iconPlacement: d = "left",
+    iconPlacement: m = "left",
     id: u,
     isClearable: h,
-    isCreatable: v,
+    isCreatable: E,
     isMultiple: p,
-    isSearchable: m,
-    name: U,
-    onBlur: H,
-    onChange: N,
-    onClick: V,
-    onCreate: Y,
-    onFocus: Ce,
+    isSearchable: f,
+    name: k,
+    onBlur: T,
+    onChange: R,
+    onClick: S,
+    onCreate: $,
+    onFocus: xe,
     options: I = [],
     placeholder: ne = "Choose from…",
-    renderCreateItem: xe = (D) => `Create "${D}"`,
+    renderCreateItem: Ne = (F) => `Create "${F}"`,
     renderGroupHeader: te,
-    renderItem: z = ve,
-    renderMultiple: be = Cn,
-    size: F = "lg",
+    renderItem: H = Ee,
+    renderMultiple: be = xn,
+    size: z = "lg",
     transparent: re,
     value: se,
     variant: ae,
     ...oe
-  }, Ne) => {
-    const { getInputProps: D, variant: Re } = Ze(), le = Re || ae, M = $e(
-      () => Rn(se, I, o),
+  }, Re) => {
+    const { getInputProps: F, variant: qe } = Xe(), le = qe || ae, D = Pe(
+      () => qn(se, I, o),
       [se, I, o]
-    ), B = !p && M[0] || null, X = B ? B.label : "", [C, Z] = $(M), [w, S] = $(X), [j, W] = $(I), [x, R] = $(!1);
-    m = v || m;
-    const [Q, Ue] = qe(Ne);
+    ), Y = !p && D[0] || null, B = Y ? Y.label : "", [x, X] = P(D), [C, U] = P(B), [M, j] = P(I), [N, q] = P(!1);
+    f = E || f;
+    const [Z, ke] = Qe(Re);
     he(() => {
-      t && Q.current && (Q.current.focus(), m && R(!0));
-    }, [m, t, Q]), he(() => {
-      Z(M), S(X), W(I);
-    }, [X, I, M]);
-    const Ve = (a) => {
-      if (m && a !== w) {
-        let f = [];
-        o ? f = G(I, a, {
+      t && Z.current && (Z.current.focus(), f && q(!0));
+    }, [f, t, Z]), he(() => {
+      X(D), U(B), j(I);
+    }, [B, I, D]);
+    const Se = (a) => {
+      if (f && a !== C) {
+        let d = [];
+        o ? d = G(I, a, {
           // should match on group.label OR group.options.label
-          keys: [(A) => A.label, (A) => A.options.map((E) => E.label)]
-        }) : f = G(I, a, { keys: ["label"] }), S(a), W(f);
+          keys: [(A) => A.label, (A) => A.options.map((O) => O.label)]
+        }) : d = G(I, a, { keys: ["label"] }), U(a), j(d);
       }
-    }, Se = () => {
-      m && !x && R(!0);
+    }, Ue = () => {
+      f && !N && q(!0);
     }, ce = (a) => {
-      let f = [];
-      o ? f = Ee(
+      let d = [];
+      o ? d = Oe(
         a,
         I.flatMap((_) => _.options)
-      ) : f = Ee(a, I);
-      const A = p ? f : f[0], E = Qe({ name: U, value: p ? a : a[0] });
-      if (N == null || N(A, E), v) {
-        const _ = Sn(a, I);
-        _.length && (Y == null || Y(_[0].label, E));
+      ) : d = Oe(a, I);
+      const A = p ? d : d[0], O = Ze({ name: k, value: p ? a : a[0] });
+      if (R == null || R(A, O), E) {
+        const _ = Un(a, I);
+        _.length && ($ == null || $(_[0].label, O));
       }
+    }, Ve = (a) => {
+      let d, A;
+      !a || a != null && a.disabled ? (d = p ? x : [], A = !0) : (d = p ? Rn(a, x, e) : [a], A = p), A && U(""), j(I), X(d), ce(d), c || q(!1);
     }, Te = (a) => {
-      let f, A;
-      !a || a != null && a.disabled ? (f = p ? C : [], A = !0) : (f = p ? Nn(a, C, e) : [a], A = p), A && S(""), W(I), Z(f), ce(f), c || R(!1);
+      const d = x.filter((A) => A.value !== a);
+      X(d), ce(d);
     }, He = (a) => {
-      const f = C.filter((A) => A.value !== a);
-      Z(f), ce(f);
+      S == null || S(a), q(!N);
     }, ze = (a) => {
-      V == null || V(a), R(!x);
-    }, Fe = (a) => {
-      p && a.selectedItem ? S("") : m && a.selectedItem && S(a.selectedItem.label), W(I), R(!1);
-    }, De = bn(I), ie = Tn({
-      inputValue: w,
+      p && a.selectedItem ? U("") : f && a.selectedItem && U(a.selectedItem.label), j(I), q(!1);
+    }, Fe = bn(I), ie = Vn({
+      inputValue: C,
       isMultiple: p,
-      isSearchable: m,
+      isSearchable: f,
       options: I,
-      renderItem: z
-    }), Me = Ye(
+      renderItem: H
+    }), De = $e(
       ({
         getItemProps: a,
-        highlightedIndex: f,
+        highlightedIndex: d,
         options: A
       }) => A.reduce(
-        (E, _, K) => {
+        (O, _, W) => {
           if (o && "options" in _)
-            E.itemsToRender.push(
-              /* @__PURE__ */ P(Be, { children: [
+            O.itemsToRender.push(
+              /* @__PURE__ */ L(Ye, { children: [
                 te(_),
-                _.options ? _.options.map((O) => {
-                  const b = E.itemIndex++, L = q(O.value, C);
-                  return /* @__PURE__ */ k(
+                _.options ? _.options.map((y) => {
+                  const b = O.itemIndex++, K = Q(y.value, x);
+                  return /* @__PURE__ */ v(
                     "li",
                     {
-                      className: y(
+                      className: w(
                         "item",
-                        f === b && "highlighted",
+                        d === b && "highlighted",
                         p && "multiple",
                         e && "allowUnselectFromList",
-                        O.disabled && "disabled",
-                        L && "selected"
+                        y.disabled && "disabled",
+                        K && "selected"
                       ),
                       ...a({
                         index: b,
-                        item: O
+                        item: y
                       }),
-                      children: z(O, L)
+                      children: H(y, K)
                     },
-                    O.value
+                    y.value
                   );
                 }) : null
               ] }, _.label)
             );
           else if ("value" in _) {
-            const O = q(_.value, C), b = f === K;
-            E.itemsToRender.push(
-              /* @__PURE__ */ k(
+            const y = Q(_.value, x), b = d === W;
+            O.itemsToRender.push(
+              /* @__PURE__ */ v(
                 "li",
                 {
-                  className: y(
+                  className: w(
                     "item",
                     b && "highlighted",
                     p && "multiple",
                     e && "allowUnselectFromList",
                     _.disabled && "disabled",
-                    O && "selected"
+                    y && "selected"
                   ),
                   ...a({
-                    index: K,
+                    index: W,
                     item: _
                   }),
-                  children: z(_, O)
+                  children: H(_, y)
                 },
                 _.value
               )
             );
           }
-          return E;
+          return O;
         },
         { itemIndex: 0, itemsToRender: [] }
       ).itemsToRender,
-      [p, e, C, o, te, z]
-    ), ue = y(
+      [p, e, x, o, te, H]
+    ), ue = w(
       "root",
-      `size-${F}`,
+      `size-${z}`,
       le && `variant-${le}`,
       h && "clearable",
       re && "transparent",
-      l && `icon-placement-${d}`,
+      l && `icon-placement-${m}`,
       r,
       i && "disabled"
     );
-    return /* @__PURE__ */ k(
-      Hn,
+    return /* @__PURE__ */ v(
+      Tn,
       {
         id: u,
-        inputValue: m ? ie : "",
-        isOpen: x,
-        itemToString: ve,
-        onInputValueChange: Ve,
-        onOuterClick: Fe,
-        onSelect: Te,
-        selectedItem: B,
+        inputValue: f ? ie : "",
+        isOpen: N,
+        itemToString: Ee,
+        onInputValueChange: Se,
+        onOuterClick: ze,
+        onSelect: Ve,
+        selectedItem: Y,
         children: ({
           clearSelection: a,
-          getInputProps: f,
+          getInputProps: d,
           getItemProps: A,
-          getMenuProps: E,
+          getMenuProps: O,
           getRootProps: _,
-          getToggleButtonProps: K,
-          highlightedIndex: O
+          getToggleButtonProps: W,
+          highlightedIndex: y
         }) => {
-          const b = !!(v && w && !q(w, C)), L = x && (j.length || b), de = h && w, je = /* @__PURE__ */ k("div", { className: y("dropdown-indicator", x && "open"), children: /* @__PURE__ */ k(
-            Xe,
+          const b = !!(E && C && !Q(C, x)), K = N && (M.length || b), me = h && C, Me = /* @__PURE__ */ v("div", { className: w("dropdown-indicator", N && "open"), children: /* @__PURE__ */ v(
+            Be,
             {
               animatePresence: !0,
               onClick: a,
               title: "Clear"
             }
-          ) }), We = /* @__PURE__ */ k(
+          ) }), je = /* @__PURE__ */ v(
             "div",
             {
-              className: y("dropdown-indicator", x && "open", i && "disabled"),
+              className: w("dropdown-indicator", N && "open", i && "disabled"),
               "data-testid": s ? `${s}-arrow-icon` : null,
               disabled: i,
               tabIndex: -1,
-              ...K({
-                onClick: () => !i && R(!x)
+              ...W({
+                onClick: () => !i && q(!N)
               }),
-              children: /* @__PURE__ */ k(_e, { className: y("styled-icon"), name: "angle-down", size: "lg" })
+              children: /* @__PURE__ */ v(_e, { className: w("styled-icon"), name: "angle-down", size: "lg" })
             }
-          ), Ke = _(oe, { suppressRefError: !0 }), fe = f({
+          ), We = _(oe, { suppressRefError: !0 }), de = d({
             autoComplete: n,
             autoFocus: t,
-            "data-spacer": De || ne,
+            "data-spacer": Fe || ne,
             "data-testid": s,
             disabled: i,
             id: u,
-            name: U,
-            onBlur: H,
-            onClick: i ? void 0 : ze,
-            onFocus: Ce,
-            onKeyDown: Se,
+            name: k,
+            onBlur: T,
+            onClick: i ? void 0 : He,
+            onFocus: xe,
+            onKeyDown: Ue,
             placeholder: ne,
-            ref: Ue,
-            size: F,
+            ref: ke,
+            size: z,
             tabIndex: 0,
             transparent: re,
-            variant: x ? "focused" : ae,
+            variant: N ? "focused" : ae,
             ...oe
           });
-          return /* @__PURE__ */ P("div", { ...Ke, className: y("wrapper", i && "disabled"), children: [
-            m ? /* @__PURE__ */ k(
+          return /* @__PURE__ */ L("div", { ...We, className: w("wrapper", i && "disabled"), children: [
+            f ? /* @__PURE__ */ v(
               "input",
               {
                 className: ue,
                 type: "text",
-                ...D(fe)
+                ...F(de)
               }
-            ) : /* @__PURE__ */ k("div", { className: ue, ...D(fe), children: ie }),
-            l ? /* @__PURE__ */ k("div", { className: y("icon-wrapper", "icon-placement-left", `size-${F}`), children: /* @__PURE__ */ k(_e, { ...l.props, size: "md" }) }) : null,
-            /* @__PURE__ */ P("div", { className: y("indicators", `size-${F}`), children: [
-              de ? je : null,
-              We
+            ) : /* @__PURE__ */ v("div", { className: ue, ...F(de), children: ie }),
+            l ? /* @__PURE__ */ v("div", { className: w("icon-wrapper", "icon-placement-left", `size-${z}`), children: /* @__PURE__ */ v(_e, { ...l.props, size: "md" }) }) : null,
+            /* @__PURE__ */ L("div", { className: w("indicators", `size-${z}`), children: [
+              me ? Me : null,
+              je
             ] }),
-            L ? /* @__PURE__ */ P("ul", { className: y("menu"), ...E(), children: [
-              Me({ getItemProps: A, highlightedIndex: O, options: j }),
-              b && w.length ? /* @__PURE__ */ k(
+            K ? /* @__PURE__ */ L("ul", { className: w("menu"), ...O(), children: [
+              De({ getItemProps: A, highlightedIndex: y, options: M }),
+              b && C.length ? /* @__PURE__ */ v(
                 "li",
                 {
-                  className: y("item", O === j.length && "highlighted"),
+                  className: w("item", y === M.length && "highlighted"),
                   ...A({
-                    index: j.length,
+                    index: M.length,
                     item: {
-                      label: w,
-                      value: we(w)
+                      label: C,
+                      value: Ce(C)
                     }
                   }),
-                  children: xe(w)
+                  children: Ne(C)
                 },
                 "add"
               ) : null
             ] }) : null,
-            p ? be(C, He) : null
+            p ? be(x, Te) : null
           ] });
         }
       }
     );
   }
 );
+Hn.displayName = "Select";
 export {
-  Yn as Select
+  Hn as Select
 };