@unicom-cloud/ui 0.8.100 → 0.8.102

package/modal/Modal.js

@@ -1,13 +1,13 @@
-import { jsxs as T, jsx as r, Fragment as Ke } from "react/jsx-runtime";
+import { jsxs as E, jsx as o, Fragment as Ke } from "react/jsx-runtime";
 import _e from "@unicom-cloud/icons/IconUiClose";
 import ue from "lodash/isFunction";
-import Ge, { forwardRef as Je, useRef as a, useContext as Qe, useState as k, useCallback as y, useEffect as q } from "react";
+import Ge, { forwardRef as Je, useContext as Qe, useRef as i, useState as T, useCallback as k, useEffect as q } from "react";
 import de from "../button/index.js";
 import en from "../config-provider/ConfigProvider.js";
 import nn from "../components/common/hooks/useIsFirstRender.js";
 import tn from "../components/common/hooks/useMergeProps.js";
-import on from "../components/common/hooks/useMergeValue.js";
-import rn from "../components/common/hooks/useOverflowHidden.js";
+import rn from "../components/common/hooks/useMergeValue.js";
+import on from "../components/common/hooks/useOverflowHidden.js";
 import ln from "../icon-hover/index.js";
 import sn from "../portal/index.js";
 import { PqbCSSTransition as me } from "../components/common/utils/PqbCSSTransition.js";
@@ -41,9 +41,8 @@ const bn = {
   getPopupContainer: () => document.body,
   alignCenter: !0
 };
-function xn(l, b) {
-  b ||= a();
-  const d = Qe(gn), o = tn(
+function xn(l, y) {
+  const d = Qe(gn), r = tn(
     l,
     bn,
     d.componentConfig?.Modal
@@ -52,7 +51,7 @@ function xn(l, b) {
     style: Ce,
     visible: s,
     simple: Z,
-    title: x,
+    title: b,
     subtitle: N,
     children: be,
     cancelText: xe,
@@ -60,7 +59,7 @@ function xn(l, b) {
     okButtonProps: ve,
     cancelButtonProps: Me,
     getPopupContainer: D = () => document.body,
-    footer: h,
+    footer: x,
     afterClose: we,
     confirmLoading: Ee,
     mountOnEnter: $,
@@ -68,7 +67,7 @@ function xn(l, b) {
     afterOpen: Te,
     hideCancel: ke,
     maskClosable: ye,
-    mask: v,
+    mask: h,
     alignCenter: Ne,
     getChildrenPopupContainer: j,
     wrapClassName: De,
@@ -80,31 +79,31 @@ function xn(l, b) {
     fullscreenable: hn,
     okButton: m,
     ..._
-  } = o, f = a(null), G = a(null), i = a(null), [J, Q] = k(), [ee, Re] = k(), M = a(null), p = a(!1), [Be, ne] = k(""), [te, oe] = k("");
+  } = r, f = i(null), G = i(null), a = i(null), [J, Q] = T(), [ee, Re] = T(), v = i(null), p = i(!1), [Be, ne] = T(""), [te, re] = T("");
   nn();
-  const B = a(!0);
+  const B = i(!0);
   s && B.current && (B.current = !1);
-  const w = a();
-  w.current || (w.current = Cn++);
-  const [Ie, I] = on(!1, {
+  const M = i();
+  M.current || (M.current = Cn++);
+  const [Ie, I] = rn(!1, {
     defaultValue: !1,
     value: Ee
-  }), t = d.getPrefixCls?.("modal", o.prefixCls), { locale: O, rtl: re } = d, Oe = !Z || _.noticeType === "show", Xe = "closable" in o ? o.closable : Oe, Ye = y(() => mn(D()), [D]);
-  rn(Ye, { hidden: s && v });
+  }), t = d.getPrefixCls?.("modal", r.prefixCls), { locale: O, rtl: oe } = d, Oe = !Z || _.noticeType === "show", Xe = "closable" in r ? r.closable : Oe, Ye = k(() => mn(D()), [D]);
+  on(Ye, { hidden: s && h });
   function X(e) {
     e.stopPropagation(), Y();
   }
   function Y() {
-    o.onCancel?.();
+    r.onCancel?.();
   }
   const Le = (e) => {
     R && s && e.key === un.key && (e.stopPropagation(), Y());
-  }, L = a(!1), Se = (e) => {
-    p.current && (p.current = !1, !L.current && ye && v && e.target === e.currentTarget && setTimeout(() => {
+  }, L = i(!1), Se = (e) => {
+    p.current && (p.current = !1, !L.current && ye && h && e.target === e.currentTarget && setTimeout(() => {
       Y();
     }, 100));
   }, He = (e) => {
-    const n = (o.onOk ?? o.onConfirm)?.(e);
+    const n = (r.onOk ?? r.onConfirm)?.(e);
     n?.then && (I(!0), n.then(
       () => {
         I(!1);
@@ -128,17 +127,17 @@ function xn(l, b) {
       isNaN(e) || Re(e + 1);
     }
   }, Ve = () => {
-    if (h === null)
+    if (x === null)
       return;
-    const e = o.cancelButton?.visible !== !1 && /* @__PURE__ */ r(
+    const e = r.cancelButton?.visible !== !1 && /* @__PURE__ */ o(
       de,
       {
         onClick: X,
         ...Me,
-        ...o.cancelButton?.props,
-        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || xe || O?.Modal.cancelText
+        ...r.cancelButton?.props,
+        children: r.cancelButton?.props?.children || r.cancelButton?.label || r.cancelButton?.text || xe || O?.Modal.cancelText
       }
-    ), n = m?.visible !== !1 && /* @__PURE__ */ r(
+    ), n = m?.visible !== !1 && /* @__PURE__ */ o(
       de,
       {
         loading: Ie,
@@ -148,27 +147,27 @@ function xn(l, b) {
         ...m?.props,
         children: m?.props?.children || m?.label || m?.text || he || O?.Modal.okText
       }
-    ), c = ue(h) ? h(e, n) : h || /* @__PURE__ */ T(Ke, { children: [
+    ), c = ue(x) ? x(e, n) : x || /* @__PURE__ */ E(Ke, { children: [
       !ke && e,
       n
     ] });
-    return /* @__PURE__ */ r("div", { className: `${t}-footer`, children: c });
-  }, S = a(
+    return /* @__PURE__ */ o("div", { className: `${t}-footer`, children: c });
+  }, S = i(
     ae()
-  ), ze = y((e) => {
-    if (!i.current) return;
+  ), ze = k((e) => {
+    if (!a.current) return;
     e.preventDefault();
     const n = S.current;
-    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = i.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = i.current?.offsetParent?.getBoundingClientRect?.() ?? {}, E(), qe();
-  }, []), le = y((e) => {
+    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = a.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = a.current?.offsetParent?.getBoundingClientRect?.() ?? {}, w(), qe();
+  }, []), le = k((e) => {
     e.preventDefault();
     const n = S.current, { left: c, right: V, top: z, bottom: Ze } = n.boundingClientRect ?? {}, { width: je, height: Ae } = n.offsetParentBoundingClientRect ?? {};
     let g = Math.max(e.screenX - n.screenX, -c);
     g = Math.min(g, je - V);
     let C = Math.max(e.screenY - n.screenY, -z);
     C = Math.min(C, Ae - Ze), g += n.prewTranslateX, C += n.prewTranslateY, n.translateX = g, n.translateY = C, ne(`translate(${g}px, ${C}px)`);
-  }, []), se = y((e) => {
-    e.preventDefault(), E();
+  }, []), se = k((e) => {
+    e.preventDefault(), w();
   }, []);
   function qe() {
     document.documentElement.addEventListener(
@@ -179,7 +178,7 @@ function xn(l, b) {
       se
     );
   }
-  function E() {
+  function w() {
     document.documentElement.removeEventListener(
       "mousemove",
       le
@@ -201,36 +200,36 @@ function xn(l, b) {
     };
   }
   function H() {
-    S.current = ae(), ne(""), oe("");
+    S.current = ae(), ne(""), re("");
   }
   q(() => () => {
-    H(), E();
-  }, []), q(() => (i.current || (H(), E()), () => {
-  }), [i.current]);
-  const Ue = /* @__PURE__ */ T(
+    H(), w();
+  }, []), q(() => (a.current || (H(), w()), () => {
+  }), [a.current]);
+  const Ue = /* @__PURE__ */ E(
     en,
     {
       ...d,
       childrenName: "Modal",
-      prefixCls: o.prefixCls || d.prefixCls,
+      prefixCls: r.prefixCls || d.prefixCls,
       locale: O,
       zIndex: ee || 1050,
       getPopupContainer: (e) => typeof j == "function" ? j(e) : G.current,
       children: [
-        (!!x || !!N) && /* @__PURE__ */ T("div", { className: `${t}-header`, children: [
-          !!x && /* @__PURE__ */ r(
+        (!!b || !!N) && /* @__PURE__ */ E("div", { className: `${t}-header`, children: [
+          !!b && /* @__PURE__ */ o(
             "div",
             {
               className: `${t}-title`,
-              id: `pqb-dialog-${w.current}`,
-              children: x
+              id: `pqb-dialog-${M.current}`,
+              children: b
             }
           ),
-          !!N && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: N })
+          !!N && /* @__PURE__ */ o("div", { className: `${t}-subtitle`, children: N })
         ] }),
-        /* @__PURE__ */ r("div", { ref: G, className: `${t}-content`, children: be }),
+        /* @__PURE__ */ o("div", { ref: G, className: `${t}-content`, children: be }),
         Ve(),
-        !o.fullscreenable && o.draggable !== !1 && /* @__PURE__ */ r(
+        !r.fullscreenable && r.draggable !== !1 && /* @__PURE__ */ o(
           "div",
           {
             className: `${t}-drag-icon`,
@@ -238,14 +237,14 @@ function xn(l, b) {
             onDoubleClick: H
           }
         ),
-        (Xe || !!o.fullscreenable) && (K !== void 0 ? /* @__PURE__ */ r(
+        (Xe || !!r.fullscreenable) && (K !== void 0 ? /* @__PURE__ */ o(
           "span",
           {
             className: `${t}-close-icon`,
             onClick: X,
             children: K
           }
-        ) : /* @__PURE__ */ r(
+        ) : /* @__PURE__ */ o(
           ln,
           {
             tabIndex: -1,
@@ -253,12 +252,12 @@ function xn(l, b) {
             onClick: X,
             role: "button",
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(_e, {})
+            children: /* @__PURE__ */ o(_e, {})
           }
         ))
       ]
     }
-  ), We = x ? { "aria-labelledby": `pqb-dialog-${w.current}` } : {}, ie = /* @__PURE__ */ r(
+  ), We = b ? { "aria-labelledby": `pqb-dialog-${M.current}` } : {}, ie = /* @__PURE__ */ o(
     "div",
     {
       role: "dialog",
@@ -268,8 +267,8 @@ function xn(l, b) {
         t,
         {
           [`${t}-simple`]: Z,
-          [`${t}-rtl`]: re,
-          [`${t}-fullscreenable`]: o.fullscreenable
+          [`${t}-rtl`]: oe,
+          [`${t}-fullscreenable`]: r.fullscreenable
         },
         ge
       ),
@@ -278,32 +277,32 @@ function xn(l, b) {
         transform: Be,
         transformOrigin: te
       },
-      ref: i,
+      ref: a,
       children: Ue
     }
   ), F = (e) => {
     if (te)
       return;
     let n = "";
-    if (M.current) {
-      const c = e.getBoundingClientRect(), { left: V, top: z } = M.current;
+    if (v.current) {
+      const c = e.getBoundingClientRect(), { left: V, top: z } = v.current;
       n = `${V - c.left}px ${z - c.top}px`;
     }
-    oe(n);
-  }, ce = B.current ? !$ : !!i.current;
-  return s || ce ? /* @__PURE__ */ r(
+    re(n);
+  }, ce = B.current ? !$ : !!a.current;
+  return s || ce ? /* @__PURE__ */ o(
     sn,
     {
       visible: s,
       forceRender: ce,
       getContainer: D,
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ E(
         "div",
         {
-          ref: b,
+          ref: y,
           className: `${t}-container`,
           children: [
-            v ? /* @__PURE__ */ r(
+            h ? /* @__PURE__ */ o(
               me,
               {
                 in: s,
@@ -318,7 +317,7 @@ function xn(l, b) {
                 onExited: (e) => {
                   e && (e.style.display = "none");
                 },
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   "div",
                   {
                     "aria-hidden": !0,
@@ -328,7 +327,7 @@ function xn(l, b) {
                 )
               }
             ) : null,
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               "div",
               {
                 ...dn(_, [
@@ -350,9 +349,9 @@ function xn(l, b) {
                 className: fe(
                   `${t}-wrapper`,
                   {
-                    [`${t}-wrapper-no-mask`]: !v,
+                    [`${t}-wrapper-no-mask`]: !h,
                     [`${t}-wrapper-align-center`]: Ne,
-                    [`${t}-wrapper-rtl`]: re
+                    [`${t}-wrapper-rtl`]: oe
                   },
                   De
                 ),
@@ -367,7 +366,7 @@ function xn(l, b) {
                   p.current = e.target === e.currentTarget;
                 },
                 onClick: Se,
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   me,
                   {
                     in: s,
@@ -377,16 +376,16 @@ function xn(l, b) {
                     unmountOnExit: P,
                     mountOnEnter: $,
                     onEnter: (e) => {
-                      e && (Q(!0), M.current = U, F(e), i.current = e);
+                      e && (Q(!0), v.current = U, F(e), a.current = e);
                     },
                     onEntered: (e) => {
-                      e && (F(e), M.current = null, Te?.());
+                      e && (F(e), v.current = null, Te?.());
                     },
                     onExit: () => {
                       L.current = !0;
                     },
                     onExited: (e) => {
-                      e && (Q(!1), F(e), we?.(), L.current = !1, P && (i.current = null));
+                      e && (Q(!1), F(e), we?.(), L.current = !1, P && (a.current = null));
                     },
                     children: Ge.cloneElement(
                       ue(A) ? A(ie) : ie,
@@ -418,8 +417,8 @@ u.show = (l) => W({ ...l, noticeType: "show" });
 u.confirm = (l) => W(l);
 u.useModal = pn;
 ["info", "success", "warning", "error"].forEach((l) => {
-  u[l] = (b) => W({
-    ...b,
+  u[l] = (y) => W({
+    ...y,
     isNotice: !0,
     noticeType: l
   });

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.100","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.102","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/portal/interface.js

@@ -0,0 +1 @@
+

package/qr-code/index.js

@@ -13,12 +13,11 @@ import R from "../components/common/hooks/useMergeProps.js";
 import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
+import "@unicom-cloud/utils/date";
 import "@unicom-cloud/utils/case-name";
 import S from "@unicom-cloud/utils/class-name";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../components/common/utils/dayjs.js";
 import "@unicom-cloud/utils/file/fileToURL";
@@ -49,6 +48,8 @@ import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
 import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
@@ -65,7 +66,7 @@ const q = {
   bgColor: "#ffffff",
   marginSize: 0,
   value: "qr-code"
-}, $o = (e) => {
+}, jo = (e) => {
   const { getPrefixCls: s, componentConfig: n } = Q(h), d = R(
     e,
     q,
@@ -113,5 +114,5 @@ const q = {
   );
 };
 export {
-  $o as default
+  jo as default
 };

package/segmented/index.js

@@ -1,10 +1,10 @@
-import { jsxs as D, jsx as w, Fragment as ee } from "react/jsx-runtime";
-import { forwardRef as te, useContext as ne, useMemo as re, useState as P, useRef as N, useCallback as oe, useEffect as A } from "react";
+import { jsxs as D, jsx as w, Fragment as te } from "react/jsx-runtime";
+import { forwardRef as ne, useContext as re, useMemo as oe, useState as P, useRef as N, useCallback as se, useEffect as A } from "react";
 import "../config-provider/ConfigProvider.js";
 import ae from "../components/common/hooks/useMergeProps.js";
-import E from "@unicom-cloud/utils/class-name";
-import { resizeObserver as se } from "../components/common/utils/resizeObserver.js";
-import ie from "../config-provider/context.js";
+import j from "@unicom-cloud/utils/class-name";
+import { resizeObserver as ie } from "../components/common/utils/resizeObserver.js";
+import le from "../config-provider/context.js";
 const ce = {
   options: [],
   size: "medium",
@@ -14,12 +14,12 @@ const ce = {
   direction: "horizontal",
   showIndicator: !0,
   animationDuration: 300
-}, le = te(
-  (M, d) => {
-    const { getPrefixCls: j, componentConfig: B, rtl: K } = ne(ie), L = ae(
-      M,
+}, ue = ne(
+  (B, d) => {
+    const { getPrefixCls: E, componentConfig: M, rtl: K } = re(le), L = ae(
+      B,
       ce,
-      B?.Segmented
+      M?.Segmented
     ), {
       style: U,
       className: F,
@@ -36,7 +36,7 @@ const ce = {
       name: x,
       onChange: C,
       ...G
-    } = L, a = re(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, V] = P(() => y && a.some((e) => e.value === y) ? y : a[0]?.value || ""), [Q, m] = P({}), l = N(null), k = N([]), S = N(!1), r = j?.("segmented"), T = E(
+    } = L, s = oe(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, S] = P(() => y && s.some((e) => e.value === y) ? y : s[0]?.value || ""), [Q, m] = P({}), c = N(null), k = N([]), V = N(!1), r = E?.("segmented"), T = j(
       r,
       {
         [`${r}-block`]: _,
@@ -46,24 +46,24 @@ const ce = {
         [`${r}-${p}`]: p
       },
       F
-    ), h = R !== void 0, i = h ? R : J, b = oe(() => {
-      if (!$ || !l.current) {
-        m((s) => ({ ...s, opacity: 0 }));
+    ), h = R !== void 0, i = h ? R : J, b = se(() => {
+      if (!$ || !c.current) {
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
-      const e = a.findIndex(
-        (s) => s?.value === i
+      const e = s.findIndex(
+        (a) => a?.value === i
       );
       if (e === -1) {
-        m((s) => ({ ...s, opacity: 0 }));
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
       const o = k.current[e];
       if (!o) {
-        m((s) => ({ ...s, opacity: 0 }));
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
-      const n = l.current.getBoundingClientRect(), t = o.getBoundingClientRect(), c = p === "vertical" ? {
+      const n = c.current.getBoundingClientRect(), t = o.getBoundingClientRect(), l = p === "vertical" ? {
         width: t.width,
         // 垂直模式下宽度撑满
         top: t.top - n.top,
@@ -75,14 +75,14 @@ const ce = {
         // 水平模式下高度撑满
       };
       m({
-        ...c,
+        ...l,
         opacity: 1
       });
-    }, [i, a, $, p]), z = (e, o) => {
-      o || f || (h || V(e), C?.(e));
+    }, [i, s, $, p]), z = (e, o) => {
+      o || f || (h || S(e), C?.(e));
     }, W = (e, o) => {
       if (f) return;
-      const n = a.length;
+      const n = s.length;
       if (n === 0) return;
       let t = o;
       switch (e.key) {
@@ -103,26 +103,26 @@ const ce = {
         default:
           return;
       }
-      for (; t !== o && a[t]?.disabled; )
+      for (; t !== o && s[t]?.disabled; )
         t = (t + (e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 1) + n) % n;
-      const c = a[t]?.value;
-      c && c !== i && (z(c), k.current[t]?.focus());
+      const l = s[t]?.value;
+      l && l !== i && (z(l), k.current[t]?.focus());
     };
     A(() => {
-      if (!S.current) {
-        S.current = !0;
+      if (!V.current) {
+        V.current = !0;
         return;
       }
-      if (!a.some((e) => e.value === i)) {
-        const e = a[0]?.value || "";
-        h || V(e), C?.(e);
+      if (!s.some((e) => e.value === i)) {
+        const e = s[0]?.value || "";
+        h || S(e), C?.(e);
       }
-    }, [a, i, h, C]), A(() => {
+    }, [s, i, h, C]), A(() => {
       b();
-    }, [i, a, b]), A(() => {
-      if (!l.current) return;
-      const e = se(
-        [l.current],
+    }, [i, s, b]), A(() => {
+      if (!c.current) return;
+      const e = ie(
+        [c.current],
         () => {
           b();
         }
@@ -135,7 +135,7 @@ const ce = {
       if (e.render)
         return e.render(e, o);
       const n = !e.label && !!e.icon;
-      return /* @__PURE__ */ D(ee, { children: [
+      return /* @__PURE__ */ D(te, { children: [
         e.icon && /* @__PURE__ */ w("span", { className: `${r}-option-icon`, children: e.icon }),
         !n && e.label && /* @__PURE__ */ w("span", { className: `${r}-option-label`, children: e.label })
       ] });
@@ -144,28 +144,28 @@ const ce = {
       "div",
       {
         ref: (e) => {
-          typeof d == "function" ? d(e) : d && (d.current = e), l.current = e;
+          typeof d == "function" ? d(e) : d && (d.current = e), c.current = e;
         },
         ...G,
         style: U,
         className: T,
         role: "radiogroup",
         children: [
-          !Array.isArray(a) || a.length === 0 ? null : a.map((e, o) => {
+          !Array.isArray(s) || s.length === 0 ? null : s.map((e, o) => {
             if (!e) return null;
             const {
               value: n,
               label: t,
-              disabled: c,
-              icon: s,
-              render: de,
+              disabled: l,
+              icon: a,
+              render: fe,
               ...Y
-            } = e, u = n === i, g = c || f, Z = !t && !!s;
+            } = e, u = n === i, g = l || f, Z = !t && !!a, ee = [t, n, o].filter(Boolean).join("-");
             return /* @__PURE__ */ D(
               "button",
               {
                 ref: (I) => k.current[o] = I,
-                className: E(
+                className: j(
                   `${r}-option`,
                   `${r}-option-${H}`,
                   `${r}-option-${v}`,
@@ -201,7 +201,7 @@ const ce = {
                   X(e, u)
                 ]
               },
-              n + o
+              ee
             );
           }),
           $ && /* @__PURE__ */ w(
@@ -219,7 +219,7 @@ const ce = {
     );
   }
 );
-le.displayName = "Segmented";
+ue.displayName = "Segmented";
 export {
-  le as default
+  ue as default
 };