@unicom-cloud/ui 0.8.81 → 0.8.82

package/breadcrumb/index.js

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
-import O from "@unicom-cloud/icons/IconUiObliqueLine";
-import c, { forwardRef as S, useContext as _ } from "react";
-import { a as k } from "../chunk/CQvM33Vg.js";
-import { u as q } from "../chunk/BFTV6myl.js";
-import { M as N } from "../chunk/C5X4hOkx.js";
-import v from "@unicom-cloud/utils/class-name";
-import { c as F } from "../chunk/ClM74To2.js";
-import { o as K } from "../chunk/BKKEev13.js";
+import S from "@unicom-cloud/icons/IconUiObliqueLine";
+import i, { forwardRef as _, useContext as k } from "react";
+import { a as q } from "../chunk/Cplu5dtQ.js";
+import { u as v } from "../chunk/BFTV6myl.js";
+import { M as N } from "../chunk/D0338Pbq.js";
+import F from "@unicom-cloud/utils/class-name";
+import { c as K } from "../chunk/ClM74To2.js";
+import { o as L } from "../chunk/BKKEev13.js";
 import C from "./Item.js";
-const L = (m, l, i) => l.indexOf(m) === l.length - 1 ? /* @__PURE__ */ t("span", { children: m.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${i.join("/").replace(/^\//, "")}`, children: m.breadcrumbName }), U = {
-  separator: /* @__PURE__ */ t(O, {})
+const P = (m, l, c) => l.indexOf(m) === l.length - 1 ? /* @__PURE__ */ t("span", { children: m.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${c.join("/").replace(/^\//, "")}`, children: m.breadcrumbName }), U = {
+  separator: /* @__PURE__ */ t(S, {})
 };
 function V(m, l) {
-  const { getPrefixCls: i, componentConfig: p, rtl: y } = _(k), d = q(
+  const { getPrefixCls: c, componentConfig: p, rtl: y } = k(q), d = v(
     m,
     U,
     p == null ? void 0 : p.Breadcrumb
-  ), { className: B, children: I, style: R, routes: n, maxCount: h, separator: $, ...x } = d, s = i("breadcrumb"), f = "itemRender" in d ? d.itemRender : L, E = /* @__PURE__ */ t(
+  ), { className: B, children: I, style: R, routes: n, maxCount: h, separator: $, ...E } = d, s = c == null ? void 0 : c("breadcrumb"), f = "itemRender" in d ? d.itemRender : P, x = /* @__PURE__ */ t(
     "span",
     {
       "aria-label": "ellipses of breadcrumb items",
@@ -24,21 +24,21 @@ function V(m, l) {
       children: "..."
     }
   ), M = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: $ }), b = (r, o, e) => {
-    const a = c.cloneElement(M, {
+    const a = i.cloneElement(M, {
       key: `${e}_separator`
     });
-    return o > 0 ? e === 0 ? [r, a, E] : e > o ? [a, r] : null : e === 0 ? [r] : [a, r];
-  }, P = () => {
+    return o > 0 ? e === 0 ? [r, a, x] : e > o ? [a, r] : null : e === 0 ? [r] : [a, r];
+  }, j = () => {
     const r = [], o = n.length - h;
     return n.map((e, a) => {
       r.push((e.path || "").replace(/^\//, ""));
-      const w = e.children ? /* @__PURE__ */ t(N, { children: e.children.map((u) => /* @__PURE__ */ t(N.Item, { children: f(u, n, r) }, u.path || u.breadcrumbName)) }) : null;
+      const O = e.children ? /* @__PURE__ */ t(N, { children: e.children.map((u) => /* @__PURE__ */ t(N.Item, { children: f(u, n, r) }, u.path || u.breadcrumbName)) }) : null;
       return b(
         /* @__PURE__ */ t(
           C,
           {
             prefixCls: s,
-            droplist: w,
+            droplist: O,
             children: f(e, n, r)
           },
           e.path || e.breadcrumbName
@@ -47,14 +47,14 @@ function V(m, l) {
         a
       );
     });
-  }, j = () => {
+  }, w = () => {
     const r = [];
-    c.Children.forEach(I, (e) => {
-      F(e) || r.push(e);
+    i.Children.forEach(I, (e) => {
+      K(e) || r.push(e);
     });
     const o = r.length - h;
-    return c.Children.map(r, (e, a) => b(
-      c.cloneElement(e, {
+    return i.Children.map(r, (e, a) => b(
+      i.cloneElement(e, {
         prefixCls: s
       }),
       o,
@@ -67,13 +67,13 @@ function V(m, l) {
       role: "list",
       ref: l,
       style: R,
-      className: v(s, { [`${s}-rtl`]: y }, B),
-      ...K(x, ["itemRender"]),
-      children: n && n.length ? P() : j()
+      className: F(s, { [`${s}-rtl`]: y }, B),
+      ...L(E, ["itemRender"]),
+      children: n && n.length ? j() : w()
     }
   );
 }
-const W = S(V), g = W;
+const W = _(V), g = W;
 g.displayName = "Breadcrumb";
 g.Item = C;
 export {

package/button/Group.js

@@ -1,13 +1,13 @@
 import { jsx as p } from "react/jsx-runtime";
 import f, { useContext as i } from "react";
-import { a as l } from "../chunk/CQvM33Vg.js";
+import { a as l } from "../chunk/Cplu5dtQ.js";
 import u from "@unicom-cloud/utils/class-name";
-function x(o, s) {
-  const { className: t, style: e, children: r, ...a } = o, { getPrefixCls: n } = i(l), m = n("btn-group"), c = u(m, t);
-  return /* @__PURE__ */ p("div", { ref: s, className: c, style: e, ...a, children: r });
+function N(s, t) {
+  const { className: r, style: a, children: e, ...n } = s, { getPrefixCls: o } = i(l), m = o == null ? void 0 : o("btn-group"), c = u(m, r);
+  return /* @__PURE__ */ p("div", { ref: t, className: c, style: a, ...n, children: e });
 }
-const C = f.forwardRef(x);
-C.displayName = "ButtonGroup";
+const d = f.forwardRef(N);
+d.displayName = "ButtonGroup";
 export {
-  C as default
+  d as default
 };

package/button/index.js

@@ -1,22 +1,22 @@
 import { jsx as l, jsxs as A, Fragment as M } from "react/jsx-runtime";
 import Q from "@unicom-cloud/icons/IconUiLoading";
 import _, { forwardRef as W, useContext as Y, useState as H, useRef as J, useEffect as K } from "react";
-import { a as V } from "../chunk/CQvM33Vg.js";
+import { a as V } from "../chunk/Cplu5dtQ.js";
 import { u as X } from "../chunk/BFTV6myl.js";
 import Z from "@unicom-cloud/utils/class-name";
 import v from "./Group.js";
 const tt = /^[\u4e00-\u9fa5]{2}$/;
 function et(u) {
   const o = [];
-  let i = !1;
+  let s = !1;
   return _.Children.forEach(u, (n) => {
-    const a = typeof n == "string" || typeof n == "number";
-    if (a && i) {
-      const s = o.length - 1, f = o[s];
-      o[s] = `${f}${n}`;
+    const i = typeof n == "string" || typeof n == "number";
+    if (i && s) {
+      const r = o.length - 1, f = o[r];
+      o[r] = `${f}${n}`;
     } else
       o.push(n);
-    i = a;
+    s = i;
   }), _.Children.map(
     o,
     (n) => typeof n == "string" ? /* @__PURE__ */ l("span", { children: n }) : n
@@ -29,17 +29,17 @@ const nt = {
 };
 function ot(u, o) {
   const {
-    getPrefixCls: i,
+    getPrefixCls: s,
     size: n,
-    autoInsertSpaceInButton: a,
-    componentConfig: s,
+    autoInsertSpaceInButton: i,
+    componentConfig: r,
     rtl: f
   } = Y(V), I = X(
     u,
     nt,
-    s == null ? void 0 : s.Button
+    r == null ? void 0 : r.Button
   ), {
-    style: y,
+    style: x,
     className: S,
     children: p,
     htmlType: U,
@@ -59,14 +59,14 @@ function ot(u, o) {
     onClick: m,
     long: L,
     ...T
-  } = I, B = h ? /* @__PURE__ */ l(Q, {}) : F, [C, P] = H(!1), q = J(), r = o || q;
+  } = I, B = h ? /* @__PURE__ */ l(Q, {}) : F, [C, w] = H(!1), q = J(), a = o || q;
   K(() => {
-    if (a && r && r.current) {
-      const e = r.current.textContent;
-      tt.test(e) ? C || P(!0) : C && P(!1);
+    if (i && a && a.current) {
+      const e = a.current.textContent;
+      tt.test(e) ? C || w(!0) : C && w(!1);
     }
-  }, [r.current, a]);
-  const t = i("btn"), $ = g === "default" ? "secondary" : g, w = Z(
+  }, [a.current, i]);
+  const t = s == null ? void 0 : s("btn"), $ = g === "default" ? "secondary" : g, P = Z(
     t,
     $ === "text-only" && `${t}-text`,
     `${t}-${$}`,
@@ -101,11 +101,11 @@ function ot(u, o) {
     return c ? delete e.href : e.href = d, /* @__PURE__ */ l(
       "a",
       {
-        ref: r,
+        ref: a,
         ...T,
         ...e,
-        style: y,
-        className: w,
+        style: x,
+        className: P,
         onClick: b,
         children: R
       }
@@ -114,10 +114,10 @@ function ot(u, o) {
   return /* @__PURE__ */ l(
     "button",
     {
-      ref: r,
+      ref: a,
       ...T,
-      style: y,
-      className: w,
+      style: x,
+      className: P,
       type: U,
       disabled: c,
       onClick: b,
@@ -125,10 +125,10 @@ function ot(u, o) {
     }
   );
 }
-const st = W(ot), x = st;
-x.__PQB_BUTTON = !0;
-x.Group = v;
-x.displayName = "Button";
+const st = W(ot), y = st;
+y.__PQB_BUTTON = !0;
+y.Group = v;
+y.displayName = "Button";
 const pt = [
   "default",
   "primary",
@@ -142,5 +142,5 @@ export {
   dt as BUTTON_STATUS,
   pt as BUTTON_TYPE,
   v as ButtonGroup,
-  x as default
+  y as default
 };

package/calendar/index.js

@@ -1,14 +1,14 @@
 import "react/jsx-runtime";
 import "lodash/merge";
 import "react";
-import "../chunk/CQvM33Vg.js";
+import "../chunk/Cplu5dtQ.js";
 import "../chunk/BFTV6myl.js";
 import "@unicom-cloud/utils/class-name";
 import "../chunk/tamGhTJp.js";
 import "../chunk/ClqoGc3r.js";
 import "../chunk/BZ9g7J4R.js";
 import "./Year.js";
-import { C as u } from "../chunk/DLBfXSnU.js";
+import { C as u } from "../chunk/w221i0nK.js";
 export {
   u as default
 };

package/card/Grid.js

@@ -1,24 +1,24 @@
-import { jsx as n } from "react/jsx-runtime";
-import c, { useContext as l } from "react";
-import { a as d } from "../chunk/CQvM33Vg.js";
+import { jsx as c } from "react/jsx-runtime";
+import i, { useContext as d } from "react";
+import { a as l } from "../chunk/Cplu5dtQ.js";
 import f from "@unicom-cloud/utils/class-name";
-function p(e, o) {
-  const { children: a, style: s, className: t, hoverable: i } = e, { getPrefixCls: m } = l(d), r = m("card-grid");
-  return /* @__PURE__ */ n(
+function p(a, e) {
+  const { children: s, style: t, className: m, hoverable: n } = a, { getPrefixCls: o } = d(l), r = o == null ? void 0 : o("card-grid");
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: o,
-      style: s,
+      ref: e,
+      style: t,
       className: f(
         r,
-        { [`${r}-hoverable`]: i },
-        t
+        { [`${r}-hoverable`]: n },
+        m
       ),
-      children: a
+      children: s
     }
   );
 }
-const C = c.forwardRef(p);
+const C = i.forwardRef(p);
 C.displayName = "CardGrid";
 export {
   C as default

package/card/Meta.js

@@ -1,30 +1,30 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import p, { useContext as v } from "react";
-import { a as h } from "../chunk/CQvM33Vg.js";
-import c from "@unicom-cloud/utils/class-name";
-function u(l, n) {
-  const { className: m, title: s, avatar: e, description: t, actionList: r, ...d } = l, { getPrefixCls: f } = v(h), a = f("card-meta"), N = c(a, m);
-  return /* @__PURE__ */ o("div", { ...d, ref: n, className: N, children: [
-    s || t ? /* @__PURE__ */ o("div", { className: `${a}-content`, children: [
-      s && /* @__PURE__ */ i("div", { className: `${a}-title`, children: s }),
-      t && /* @__PURE__ */ i("div", { className: `${a}-description`, children: t })
+import { a as h } from "../chunk/Cplu5dtQ.js";
+import r from "@unicom-cloud/utils/class-name";
+function u(l, m) {
+  const { className: d, title: t, avatar: s, description: e, actionList: i, ...f } = l, { getPrefixCls: o } = v(h), a = o == null ? void 0 : o("card-meta"), N = r(a, d);
+  return /* @__PURE__ */ c("div", { ...f, ref: m, className: N, children: [
+    t || e ? /* @__PURE__ */ c("div", { className: `${a}-content`, children: [
+      t && /* @__PURE__ */ n("div", { className: `${a}-title`, children: t }),
+      e && /* @__PURE__ */ n("div", { className: `${a}-description`, children: e })
     ] }) : null,
-    e || r ? /* @__PURE__ */ o(
+    s || i ? /* @__PURE__ */ c(
       "div",
       {
-        className: c(`${a}-footer `, {
-          [`${a}-footer-only-actions`]: !e
+        className: r(`${a}-footer `, {
+          [`${a}-footer-only-actions`]: !s
         }),
         children: [
-          e ? /* @__PURE__ */ i("div", { className: `${a}-avatar`, children: e }) : null,
-          r
+          s ? /* @__PURE__ */ n("div", { className: `${a}-avatar`, children: s }) : null,
+          i
         ]
       }
     ) : null
   ] });
 }
-const x = p.forwardRef(u);
-x.displayName = "CardMeta";
+const $ = p.forwardRef(u);
+$.displayName = "CardMeta";
 export {
-  x as default
+  $ as default
 };

package/card/index.js

@@ -1,51 +1,51 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import n, { useContext as L } from "react";
-import { a as k } from "../chunk/CQvM33Vg.js";
+import d, { useContext as P } from "react";
+import { a as k } from "../chunk/Cplu5dtQ.js";
 import { u as q } from "../chunk/BFTV6myl.js";
 import A from "../spin/index.js";
-import $ from "@unicom-cloud/utils/class-name";
+import u from "@unicom-cloud/utils/class-name";
 import C from "./Grid.js";
-import u from "./Meta.js";
+import N from "./Meta.js";
 const B = {
   size: "default",
   bordered: !0
 };
-function D(N, v) {
-  const { getPrefixCls: y, loadingElement: x, componentConfig: s, rtl: g } = L(k), b = q(
-    N,
+function D(v, y) {
+  const { getPrefixCls: o, loadingElement: b, componentConfig: s, rtl: x } = P(k), g = q(
+    v,
     B,
     s == null ? void 0 : s.Card
   ), {
     className: M,
     children: z,
-    bordered: P,
-    loading: c,
-    hoverable: R,
-    size: S,
+    bordered: R,
+    loading: m,
+    hoverable: S,
+    size: j,
     title: t,
-    extra: o,
-    cover: m,
-    actions: i,
-    headerStyle: j,
-    bodyStyle: w,
-    ...E
-  } = b, e = y("card"), p = i && i.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: i.map((r, F) => /* @__PURE__ */ a(
+    extra: i,
+    cover: p,
+    actions: n,
+    headerStyle: w,
+    bodyStyle: E,
+    ...G
+  } = g, e = o == null ? void 0 : o("card"), h = n && n.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: n.map((r, L) => /* @__PURE__ */ a(
     "span",
     {
       className: `${e}-actions-item`,
       children: r
     },
-    `action-${F}`
+    `action-${L}`
   )) }) }) : null;
-  let f = !1, h = !1;
-  const G = n.Children.map(
+  let f = !1, $ = !1;
+  const F = d.Children.map(
     z,
     (r) => {
       if (r && r.type) {
         if (r.type === C)
           f = !0;
-        else if (r.type === u)
-          return h = !0, n.cloneElement(r, { actionList: p });
+        else if (r.type === N)
+          return $ = !0, d.cloneElement(r, { actionList: h });
       }
       return r;
     }
@@ -53,47 +53,47 @@ function D(N, v) {
   return /* @__PURE__ */ l(
     "div",
     {
-      ...E,
-      ref: v,
-      className: $(
+      ...G,
+      ref: y,
+      className: u(
         e,
-        `${e}-size-${S}`,
+        `${e}-size-${j}`,
         {
-          [`${e}-loading`]: c,
-          [`${e}-bordered`]: P,
-          [`${e}-hoverable`]: R,
+          [`${e}-loading`]: m,
+          [`${e}-bordered`]: R,
+          [`${e}-hoverable`]: S,
           [`${e}-contain-grid`]: f,
-          [`${e}-rtl`]: g
+          [`${e}-rtl`]: x
         },
         M
       ),
       children: [
-        t || o ? /* @__PURE__ */ l(
+        t || i ? /* @__PURE__ */ l(
           "div",
           {
-            className: $(`${e}-header`, {
+            className: u(`${e}-header`, {
               [`${e}-header-no-title`]: !t
             }),
-            style: j,
+            style: w,
             children: [
               t && /* @__PURE__ */ a("div", { className: `${e}-header-title`, children: t }),
-              o && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: o })
+              i && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: i })
             ]
           }
         ) : null,
-        m ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: m }) : null,
-        /* @__PURE__ */ l("div", { className: `${e}-body`, style: w, children: [
-          c ? x || /* @__PURE__ */ a(A, {}) : G,
-          h ? null : p
+        p ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: p }) : null,
+        /* @__PURE__ */ l("div", { className: `${e}-body`, style: E, children: [
+          m ? b || /* @__PURE__ */ a(A, {}) : F,
+          $ ? null : h
         ] })
       ]
     }
   );
 }
-const H = n.forwardRef(D), d = H;
-d.Meta = u;
-d.Grid = C;
-d.displayName = "Card";
+const H = d.forwardRef(D), c = H;
+c.Meta = N;
+c.Grid = C;
+c.displayName = "Card";
 export {
-  d as default
+  c as default
 };

package/carousel/Arrow.js

@@ -1,36 +1,36 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import v from "@unicom-cloud/icons/IconUiDown";
-import x from "@unicom-cloud/icons/IconUiLeft";
-import u from "@unicom-cloud/icons/IconUiRight";
-import C from "@unicom-cloud/icons/IconUiUp";
-import b, { useContext as y } from "react";
-import { a as N } from "../chunk/CQvM33Vg.js";
+import u from "@unicom-cloud/icons/IconUiLeft";
+import x from "@unicom-cloud/icons/IconUiRight";
+import b from "@unicom-cloud/icons/IconUiUp";
+import C, { useContext as y } from "react";
+import { a as N } from "../chunk/Cplu5dtQ.js";
 import { u as $ } from "../chunk/BYdIoY50.js";
 import I from "@unicom-cloud/utils/class-name";
-function P(i, c) {
+function U(i, l) {
   const {
-    className: l,
+    className: m,
     direction: t = "horizontal",
-    showArrow: m = "always",
-    prev: n,
+    showArrow: p = "always",
+    prev: a,
     next: s,
     icons: o
-  } = i, a = $(), { getPrefixCls: p } = y(N), e = p("carousel"), f = I(
+  } = i, c = $(), { getPrefixCls: n } = y(N), e = n == null ? void 0 : n("carousel"), f = I(
     `${e}-arrow`,
     {
-      [`${e}-arrow-hover`]: m === "hover"
+      [`${e}-arrow-hover`]: p === "hover"
     },
-    l
-  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(C, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(v, {});
-  return /* @__PURE__ */ h("div", { ref: c, className: f, children: [
+    m
+  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(b, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(v, {});
+  return /* @__PURE__ */ h("div", { ref: l, className: f, children: [
     /* @__PURE__ */ r(
       "div",
       {
         className: `${e}-arrow-${t === "vertical" ? "top" : "left"}`,
-        onClick: n,
+        onClick: a,
         role: "button",
         tabIndex: 0,
-        ...a({ onPressEnter: n }),
+        ...c({ onPressEnter: a }),
         children: w
       }
     ),
@@ -41,14 +41,14 @@ function P(i, c) {
         onClick: s,
         role: "button",
         tabIndex: 0,
-        ...a({ onPressEnter: s }),
+        ...c({ onPressEnter: s }),
         children: d
       }
     )
   ] });
 }
-const K = b.forwardRef(
-  P
+const K = C.forwardRef(
+  U
 );
 export {
   K as default

package/carousel/Indicator.js

@@ -1,64 +1,64 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import N, { useContext as h } from "react";
-import { a as I } from "../chunk/CQvM33Vg.js";
-import c from "@unicom-cloud/utils/class-name";
-function w(f, m) {
-  const { getPrefixCls: p } = h(I), {
+import { a as I } from "../chunk/Cplu5dtQ.js";
+import l from "@unicom-cloud/utils/class-name";
+function w(f, p) {
+  const { getPrefixCls: a } = h(I), {
     className: u,
     type: i = "line",
-    count: a = 2,
+    count: n = 2,
     activeIndex: s = 0,
     position: x = "bottom",
-    trigger: g = "click",
-    onSelectIndex: l
-  } = f, e = p("carousel-indicator"), n = [];
+    trigger: $ = "click",
+    onSelectIndex: d
+  } = f, e = a == null ? void 0 : a("carousel-indicator"), r = [];
   if (i === "slider") {
-    const t = 100 / a;
-    n.push(
-      /* @__PURE__ */ r(
+    const t = 100 / n;
+    r.push(
+      /* @__PURE__ */ c(
         "span",
         {
           style: { width: `${t}%`, left: `${s * t}%` },
-          className: c(`${e}-item`, `${e}-item-active`)
+          className: l(`${e}-item`, `${e}-item-active`)
         },
         0
       )
     );
   } else
-    for (let t = 0; t < a; t++)
-      n.push(
-        /* @__PURE__ */ r(
+    for (let t = 0; t < n; t++)
+      r.push(
+        /* @__PURE__ */ c(
           "span",
           {
             "data-index": t,
-            className: c(`${e}-item`, {
+            className: l(`${e}-item`, {
               [`${e}-item-active`]: t === s
             })
           },
           t
         )
       );
-  const C = {
-    ref: m,
-    className: c(
+  const g = {
+    ref: p,
+    className: l(
       e,
       `${e}-${i}`,
       `${e}-${x}`,
       u
     ),
-    [g === "click" ? "onClick" : "onMouseMove"]: (t) => {
+    [$ === "click" ? "onClick" : "onMouseMove"]: (t) => {
       if (t.preventDefault(), i === "slider") {
         if (t.target === t.currentTarget) {
-          const { x: o, width: $ } = t.currentTarget.getBoundingClientRect(), d = ~~((t.nativeEvent.clientX - o) / $ * a);
-          d !== s && l(d);
+          const { x: o, width: C } = t.currentTarget.getBoundingClientRect(), m = ~~((t.nativeEvent.clientX - o) / C * n);
+          m !== s && d(m);
         }
       } else {
         const o = t.target.getAttribute("data-index");
-        o && +o !== s && l(+o);
+        o && +o !== s && d(+o);
       }
     }
   };
-  return /* @__PURE__ */ r("div", { ...C, children: n });
+  return /* @__PURE__ */ c("div", { ...g, children: r });
 }
 const y = N.forwardRef(w);
 export {