@npm-questionpro/wick-ui-lib 0.22.0 → 0.22.2

package/dist/src/components/checkbox/WuCheckbox.d.ts

@@ -1,5 +1,6 @@
+import { Checkbox } from '../../base/ui/checkbox';
 import { default as React } from 'react';
-export interface IWuCheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+export type IWuCheckboxProps = Omit<React.ComponentPropsWithRef<typeof Checkbox>, 'onChange'> & {
     disabled?: boolean;
     checked?: boolean;
     label?: string;
@@ -8,9 +9,9 @@ export interface IWuCheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLBu
     readonly?: boolean;
     required?: boolean;
     onChange?: (e: boolean) => void;
-}
+};
 /**
  * This extends to HTML button. So it supports all attributes of button.
  * Note: className will apply to container. Style will apply to checkbox.
  */
-export declare const WuCheckbox: React.ForwardRefExoticComponent<IWuCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const WuCheckbox: React.ForwardRefExoticComponent<Omit<IWuCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/toggle/WuToggle.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-export interface IWuToggleProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'> {
-    disabled?: boolean;
-    checked?: boolean;
+import { Switch } from '../../base/ui/switch';
+export type IWuToggleProps = Omit<React.ComponentPropsWithRef<typeof Switch>, 'onChange'> & {
     label?: string;
     labelPosition?: 'left' | 'right' | 'top';
     onChange?: (e: boolean) => void;
-}
-export declare const WuToggle: React.ForwardRefExoticComponent<IWuToggleProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export declare const WuToggle: React.ForwardRefExoticComponent<Omit<IWuToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/wick-ui-lib/es/index.js

@@ -1,6 +1,6 @@
 import { jsx as d, Fragment as Ae, jsxs as P } from "react/jsx-runtime";
 import * as p from "react";
-import T, { forwardRef as Zn, useState as re, useRef as je, useLayoutEffect as Xa, useEffect as Re, Fragment as qh, useMemo as We, createContext as Kh, useContext as Xh, useCallback as _e, createElement as Wn, memo as Jc } from "react";
+import T, { forwardRef as Zn, useState as re, useRef as ze, useLayoutEffect as Xa, useEffect as Re, Fragment as qh, useMemo as We, createContext as Kh, useContext as Xh, useCallback as _e, createElement as Wn, memo as Jc } from "react";
 import * as Za from "react-dom";
 import eu from "react-dom";
 function Zh(e, t) {
@@ -2886,7 +2886,7 @@ const Ww = ({ onLogout: e, DataCenter: t }) => /* @__PURE__ */ P("section", { cl
   DataCenter: r
 }) => {
   var c, u;
-  const [o, s] = re(!1), a = je(null), i = je(null);
+  const [o, s] = re(!1), a = ze(null), i = ze(null);
   Mo([a, i], () => s(!1));
   const l = () => {
     s(!o);
@@ -4552,8 +4552,8 @@ var ci = "PopperContent", [tv, nv] = Vu(ci), ju = p.forwardRef(
         Kb({
           ...j,
           apply: ({ elements: Ve, rects: et, availableWidth: wt, availableHeight: bt }) => {
-            const { width: Be, height: ze } = et.reference, Xt = Ve.floating.style;
-            Xt.setProperty("--radix-popper-available-width", `${wt}px`), Xt.setProperty("--radix-popper-available-height", `${bt}px`), Xt.setProperty("--radix-popper-anchor-width", `${Be}px`), Xt.setProperty("--radix-popper-anchor-height", `${ze}px`);
+            const { width: Be, height: Ge } = et.reference, Xt = Ve.floating.style;
+            Xt.setProperty("--radix-popper-available-width", `${wt}px`), Xt.setProperty("--radix-popper-available-height", `${bt}px`), Xt.setProperty("--radix-popper-anchor-width", `${Be}px`), Xt.setProperty("--radix-popper-anchor-height", `${Ge}px`);
           }
         }),
         R && Zb({ element: R, padding: i }),
@@ -5166,7 +5166,7 @@ const pi = T.forwardRef(
 );
 pi.displayName = "WuTooltip";
 const Vs = ({ label: e, className: t }) => {
-  const n = je(null), [r, o] = re(!1);
+  const n = ze(null), [r, o] = re(!1);
   return Re(() => {
     const s = n.current;
     if (s) {
@@ -5273,7 +5273,7 @@ const Vs = ({ label: e, className: t }) => {
       link: "https://www.questionpro.com/a/liveperson.do?mode=launch&pageMode=quickChat",
       target: "window"
     }
-  ], r = je(null), o = je(null), [s, a] = re(!1);
+  ], r = ze(null), o = ze(null), [s, a] = re(!1);
   Mo([r, o], () => {
     a(!1);
   });
@@ -5902,7 +5902,7 @@ const eP = (e) => {
   homeLink: o,
   expandAll: s
 }) => {
-  const a = je(null), i = je(null), l = je(null), c = je(null), [u, f] = re(!1), [m, g] = re(
+  const a = ze(null), i = ze(null), l = ze(null), c = ze(null), [u, f] = re(!1), [m, g] = re(
     null
   ), [w, h] = re(
     n.base
@@ -9665,7 +9665,7 @@ function jS(e) {
     e.formatters,
     e.labels,
     e.classNames
-  ]), { captionLayout: i, mode: l, onDayBlur: c, onDayClick: u, onDayFocus: f, onDayKeyDown: m, onDayMouseEnter: g, onDayMouseLeave: w, onNextClick: h, onPrevClick: v, showWeekNumber: y, styles: b } = e, { formatCaption: x, formatDay: R, formatMonthDropdown: S, formatWeekNumber: C, formatWeekNumberHeader: E, formatWeekdayName: M, formatYearDropdown: I } = n, _ = OS(e, o), { days: L, months: k, navStart: j, navEnd: F, previousMonth: O, nextMonth: H, goToMonth: U } = _, G = $S(L, e, o), { isSelected: $, select: Z, selected: ee } = YS(e, o) ?? {}, { blur: D, focused: z, isFocusTarget: Q, moveFocus: B, setFocused: X } = LS(e, _, G, $ ?? (() => !1), o), { labelDayButton: ne, labelGridcell: A, labelGrid: K, labelMonthDropdown: de, labelNav: ie, labelWeekday: ge, labelWeekNumber: Ve, labelWeekNumberHeader: et, labelYearDropdown: wt } = r, bt = We(() => uS(o, e.ISOWeek), [o, e.ISOWeek]), Be = l !== void 0 || u !== void 0, ze = _e(() => {
+  ]), { captionLayout: i, mode: l, onDayBlur: c, onDayClick: u, onDayFocus: f, onDayKeyDown: m, onDayMouseEnter: g, onDayMouseLeave: w, onNextClick: h, onPrevClick: v, showWeekNumber: y, styles: b } = e, { formatCaption: x, formatDay: R, formatMonthDropdown: S, formatWeekNumber: C, formatWeekNumberHeader: E, formatWeekdayName: M, formatYearDropdown: I } = n, _ = OS(e, o), { days: L, months: k, navStart: j, navEnd: F, previousMonth: O, nextMonth: H, goToMonth: U } = _, G = $S(L, e, o), { isSelected: $, select: Z, selected: ee } = YS(e, o) ?? {}, { blur: D, focused: z, isFocusTarget: Q, moveFocus: B, setFocused: X } = LS(e, _, G, $ ?? (() => !1), o), { labelDayButton: ne, labelGridcell: A, labelGrid: K, labelMonthDropdown: de, labelNav: ie, labelWeekday: ge, labelWeekNumber: Ve, labelWeekNumberHeader: et, labelYearDropdown: wt } = r, bt = We(() => uS(o, e.ISOWeek), [o, e.ISOWeek]), Be = l !== void 0 || u !== void 0, Ge = _e(() => {
     O && (U(O), v == null || v(O));
   }, [O, U, v]), Xt = _e(() => {
     H && (U(H), h == null || h(H));
@@ -9730,7 +9730,7 @@ function jS(e) {
       T.createElement(
         t.Months,
         { className: a[oe.Months], style: b == null ? void 0 : b[oe.Months] },
-        !e.hideNavigation && T.createElement(t.Nav, { className: a[oe.Nav], style: b == null ? void 0 : b[oe.Nav], "aria-label": ie(), onPreviousClick: ze, onNextClick: Xt, previousMonth: O, nextMonth: H }),
+        !e.hideNavigation && T.createElement(t.Nav, { className: a[oe.Nav], style: b == null ? void 0 : b[oe.Nav], "aria-label": ie(), onPreviousClick: Ge, onNextClick: Xt, previousMonth: O, nextMonth: H }),
         k.map((he, ke) => {
           const Ee = lS(he.date, j, F, n, o), Qt = dS(j, F, n, o);
           return T.createElement(
@@ -9757,14 +9757,14 @@ function jS(e) {
                 y && T.createElement(t.WeekNumber, { week: vt, style: b == null ? void 0 : b[oe.WeekNumber], "aria-label": Ve(vt.weekNumber, {
                   locale: s
                 }), className: a[oe.WeekNumber], scope: "row", role: "rowheader" }, C(vt.weekNumber)),
-                vt.days.map((Ge) => {
-                  const { date: Tt } = Ge, ye = G(Ge);
-                  if (ye[Te.focused] = !ye.hidden && !!(z != null && z.isEqualTo(Ge)), ye[yt.selected] = !ye.disabled && (($ == null ? void 0 : $(Tt)) || ye.selected), Ri(ee)) {
+                vt.days.map((Ye) => {
+                  const { date: Tt } = Ye, ye = G(Ye);
+                  if (ye[Te.focused] = !ye.hidden && !!(z != null && z.isEqualTo(Ye)), ye[yt.selected] = !ye.disabled && (($ == null ? void 0 : $(Tt)) || ye.selected), Ri(ee)) {
                     const { from: Fs, to: Ls } = ee;
                     ye[yt.range_start] = !!(Fs && Ls && o.isSameDay(Tt, Fs)), ye[yt.range_end] = !!(Fs && Ls && o.isSameDay(Tt, Ls)), ye[yt.range_middle] = zt(ee, Tt, !0, o);
                   }
                   const Yh = cS(ye, b, e.modifiersStyles), jh = SC(ye, a, e.modifiersClassNames), Uh = !Be && !ye.hidden ? A(Tt, ye, o.options, o) : void 0;
-                  return T.createElement(t.Day, { key: `${o.format(Tt, "yyyy-MM-dd")}_${o.format(Ge.displayMonth, "yyyy-MM")}`, day: Ge, modifiers: ye, className: jh.join(" "), style: Yh, role: "gridcell", "aria-selected": ye.selected || void 0, "aria-label": Uh, "data-day": o.format(Tt, "yyyy-MM-dd"), "data-month": Ge.outside ? o.format(Tt, "yyyy-MM") : void 0, "data-selected": ye.selected || void 0, "data-disabled": ye.disabled || void 0, "data-hidden": ye.hidden || void 0, "data-outside": Ge.outside || void 0, "data-focused": ye.focused || void 0, "data-today": ye.today || void 0 }, !ye.hidden && Be ? T.createElement(t.DayButton, { className: a[oe.DayButton], style: b == null ? void 0 : b[oe.DayButton], type: "button", day: Ge, modifiers: ye, disabled: ye.disabled || void 0, tabIndex: Q(Ge) ? 0 : -1, "aria-label": ne(Tt, ye, o.options, o), onClick: Dn(Ge, ye), onBlur: eo(Ge, ye), onFocus: cr(Ge, ye), onKeyDown: kn(Ge, ye), onMouseEnter: Zt(Ge, ye), onMouseLeave: Wt(Ge, ye) }, R(Tt, o.options, o)) : !ye.hidden && R(Ge.date, o.options, o));
+                  return T.createElement(t.Day, { key: `${o.format(Tt, "yyyy-MM-dd")}_${o.format(Ye.displayMonth, "yyyy-MM")}`, day: Ye, modifiers: ye, className: jh.join(" "), style: Yh, role: "gridcell", "aria-selected": ye.selected || void 0, "aria-label": Uh, "data-day": o.format(Tt, "yyyy-MM-dd"), "data-month": Ye.outside ? o.format(Tt, "yyyy-MM") : void 0, "data-selected": ye.selected || void 0, "data-disabled": ye.disabled || void 0, "data-hidden": ye.hidden || void 0, "data-outside": Ye.outside || void 0, "data-focused": ye.focused || void 0, "data-today": ye.today || void 0 }, !ye.hidden && Be ? T.createElement(t.DayButton, { className: a[oe.DayButton], style: b == null ? void 0 : b[oe.DayButton], type: "button", day: Ye, modifiers: ye, disabled: ye.disabled || void 0, tabIndex: Q(Ye) ? 0 : -1, "aria-label": ne(Tt, ye, o.options, o), onClick: Dn(Ye, ye), onBlur: eo(Ye, ye), onFocus: cr(Ye, ye), onKeyDown: kn(Ye, ye), onMouseEnter: Zt(Ye, ye), onMouseLeave: Wt(Ye, ye) }, R(Tt, o.options, o)) : !ye.hidden && R(Ye.date, o.options, o));
                 })
               )))
             )
@@ -10371,7 +10371,11 @@ const Sn = T.forwardRef(
       readonly: f,
       ...m
     } = e;
-    return /* @__PURE__ */ P(
+    return T.useEffect(() => {
+      m.defaultChecked !== void 0 && r !== void 0 && console.error(
+        "WuCheckbox: Both `checked` and `defaultChecked` cannot be used together. Use only one of them."
+      );
+    }, [m.defaultChecked, r]), /* @__PURE__ */ P(
       "div",
       {
         className: t0({
@@ -14412,7 +14416,7 @@ const bN = /* @__PURE__ */ ve(
             bt,
             Be
           ]) => {
-            const { row: ze, column: Xt } = ie, { height: Dn, width: cr } = ge, { width: eo } = Ve;
+            const { row: Ge, column: Xt } = ie, { height: Dn, width: cr } = ge, { width: eo } = Ve;
             if (wt === 0 && (A === 0 || eo === 0))
               return kc;
             if (cr === 0) {
@@ -14421,8 +14425,8 @@ const bN = /* @__PURE__ */ ve(
             }
             const kn = Lg(eo, cr, Xt);
             let Zt, Wt;
-            bt ? K === 0 && de === 0 && wt > 0 ? (Zt = 0, Wt = wt - 1) : (Zt = kn * Vo((K + ze) / (Dn + ze)), Wt = kn * Ac((de + ze) / (Dn + ze)) - 1, Wt = aa(A - 1, yr(Wt, kn - 1)), Zt = aa(Wt, yr(0, Zt))) : (Zt = 0, Wt = -1);
-            const to = Fc(Zt, Wt, et), { top: no, bottom: ro } = Lc(Ve, ie, ge, to), oo = Ac(A / kn), As = oo * Dn + (oo - 1) * ze - ro;
+            bt ? K === 0 && de === 0 && wt > 0 ? (Zt = 0, Wt = wt - 1) : (Zt = kn * Vo((K + Ge) / (Dn + Ge)), Wt = kn * Ac((de + Ge) / (Dn + Ge)) - 1, Wt = aa(A - 1, yr(Wt, kn - 1)), Zt = aa(Wt, yr(0, Zt))) : (Zt = 0, Wt = -1);
+            const to = Fc(Zt, Wt, et), { top: no, bottom: ro } = Lc(Ve, ie, ge, to), oo = Ac(A / kn), As = oo * Dn + (oo - 1) * Ge - ro;
             return { items: to, offsetTop: no, offsetBottom: As, top: no, bottom: ro, itemHeight: Dn, itemWidth: cr };
           }
         )
@@ -14497,8 +14501,8 @@ const bN = /* @__PURE__ */ ve(
           const Ve = Cg(A), { align: et, behavior: wt, offset: bt } = Ve;
           let Be = Ve.index;
           Be === "LAST" && (Be = ie - 1), Be = yr(0, Be, aa(ie - 1, Be));
-          let ze = $a(K, ge, de, Be);
-          return et === "end" ? ze = Oc(ze - K.height + de.height) : et === "center" && (ze = Oc(ze - K.height / 2 + de.height / 2)), bt && (ze += bt), { top: ze, behavior: wt };
+          let Ge = $a(K, ge, de, Be);
+          return et === "end" ? Ge = Oc(Ge - K.height + de.height) : et === "center" && (Ge = Oc(Ge - K.height / 2 + de.height / 2)), bt && (Ge += bt), { top: Ge, behavior: wt };
         })
       ),
       i
@@ -14860,7 +14864,7 @@ const PN = ({ tags: e, triggerRef: t }) => {
   isCheckedAll: u,
   className: f
 }) => {
-  const [m, g] = re([]), w = je(null);
+  const [m, g] = re([]), w = ze(null);
   Re(() => {
     if (!n || Array.isArray(n) && n.length === 0) {
       g([]);
@@ -16149,7 +16153,7 @@ const Hc = ({
   labelPosition: b = "top",
   className: x
 }) => {
-  const [R, S] = re(""), [C, E] = re(), [M, I] = re(!1), [_, L] = re(!1), [k, j] = re(!1), F = je(null), [O, H] = re(0), U = je(null);
+  const [R, S] = re(""), [C, E] = re(), [M, I] = re(!1), [_, L] = re(!1), [k, j] = re(!1), F = ze(null), [O, H] = re(0), U = ze(null);
   Xa(() => {
     b === "left" && U.current ? H(U.current.offsetWidth + 8) : H(0);
   }, [b]);
@@ -16911,7 +16915,7 @@ const uT = "600px", dT = {
   labelPosition: y = "top",
   ...b
 }) => {
-  const [x, R] = re(), S = je(null), C = je(null), [E, M] = re(!1), [I, _] = re(!1), [L, k] = re(0);
+  const [x, R] = re(), S = ze(null), C = ze(null), [E, M] = re(!1), [I, _] = re(!1), [L, k] = re(0);
   Xa(() => {
     y === "left" && C.current ? k(C.current.offsetWidth + 8) : k(0);
   }, [y]);
@@ -18477,7 +18481,7 @@ const AP = ({
   const { state: t, isMobile: n, openMobile: r } = ir();
   return /* @__PURE__ */ d(Rp, { ...e, children: /* @__PURE__ */ d(Xm, { showMenu: n ? r : t === "expanded" }) });
 }, FP = ({ className: e, children: t, ...n }) => {
-  const r = je(null), o = je(null), s = ({
+  const r = ze(null), o = ze(null), s = ({
     currentTarget: i
   }) => {
     const { scrollTop: l, clientHeight: c, scrollHeight: u } = i;
@@ -18536,9 +18540,10 @@ const AP = ({
         }
       )
     ] })
-  });
+  }), c = ze(null);
   return T.useEffect(() => {
-    i(String(t == null ? void 0 : t.props.children).replace(" ,", " "));
+    var u;
+    i(((u = c.current) == null ? void 0 : u.textContent) || "");
   }, []), /* @__PURE__ */ d(Dp, { ...o, className: "flex items-center gap-2 px-2", children: /* @__PURE__ */ d(
     kp,
     {
@@ -18550,6 +18555,7 @@ const AP = ({
       isActive: r,
       tooltip: a,
       asChild: !0,
+      ref: c,
       children: l
     }
   ) });
@@ -19319,7 +19325,7 @@ function yM(e, t, n, r) {
     m.createColumn == null || m.createColumn(f, e);
   return f;
 }
-const Ye = "debugHeaders";
+const je = "debugHeaders";
 function Kc(e, t, n) {
   var r;
   let s = {
@@ -19355,27 +19361,27 @@ const xM = {
       var s, a;
       const i = (s = r == null ? void 0 : r.map((f) => n.find((m) => m.id === f)).filter(Boolean)) != null ? s : [], l = (a = o == null ? void 0 : o.map((f) => n.find((m) => m.id === f)).filter(Boolean)) != null ? a : [], c = n.filter((f) => !(r != null && r.includes(f.id)) && !(o != null && o.includes(f.id)));
       return ho(t, [...i, ...c, ...l], e);
-    }, ae(e.options, Ye, "getHeaderGroups")), e.getCenterHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (t, n, r, o) => (n = n.filter((s) => !(r != null && r.includes(s.id)) && !(o != null && o.includes(s.id))), ho(t, n, e, "center")), ae(e.options, Ye, "getCenterHeaderGroups")), e.getLeftHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (t, n, r) => {
+    }, ae(e.options, je, "getHeaderGroups")), e.getCenterHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (t, n, r, o) => (n = n.filter((s) => !(r != null && r.includes(s.id)) && !(o != null && o.includes(s.id))), ho(t, n, e, "center")), ae(e.options, je, "getCenterHeaderGroups")), e.getLeftHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (t, n, r) => {
       var o;
       const s = (o = r == null ? void 0 : r.map((a) => n.find((i) => i.id === a)).filter(Boolean)) != null ? o : [];
       return ho(t, s, e, "left");
-    }, ae(e.options, Ye, "getLeftHeaderGroups")), e.getRightHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (t, n, r) => {
+    }, ae(e.options, je, "getLeftHeaderGroups")), e.getRightHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (t, n, r) => {
       var o;
       const s = (o = r == null ? void 0 : r.map((a) => n.find((i) => i.id === a)).filter(Boolean)) != null ? o : [];
       return ho(t, s, e, "right");
-    }, ae(e.options, Ye, "getRightHeaderGroups")), e.getFooterGroups = se(() => [e.getHeaderGroups()], (t) => [...t].reverse(), ae(e.options, Ye, "getFooterGroups")), e.getLeftFooterGroups = se(() => [e.getLeftHeaderGroups()], (t) => [...t].reverse(), ae(e.options, Ye, "getLeftFooterGroups")), e.getCenterFooterGroups = se(() => [e.getCenterHeaderGroups()], (t) => [...t].reverse(), ae(e.options, Ye, "getCenterFooterGroups")), e.getRightFooterGroups = se(() => [e.getRightHeaderGroups()], (t) => [...t].reverse(), ae(e.options, Ye, "getRightFooterGroups")), e.getFlatHeaders = se(() => [e.getHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, Ye, "getFlatHeaders")), e.getLeftFlatHeaders = se(() => [e.getLeftHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, Ye, "getLeftFlatHeaders")), e.getCenterFlatHeaders = se(() => [e.getCenterHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, Ye, "getCenterFlatHeaders")), e.getRightFlatHeaders = se(() => [e.getRightHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, Ye, "getRightFlatHeaders")), e.getCenterLeafHeaders = se(() => [e.getCenterFlatHeaders()], (t) => t.filter((n) => {
+    }, ae(e.options, je, "getRightHeaderGroups")), e.getFooterGroups = se(() => [e.getHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getFooterGroups")), e.getLeftFooterGroups = se(() => [e.getLeftHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getLeftFooterGroups")), e.getCenterFooterGroups = se(() => [e.getCenterHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getCenterFooterGroups")), e.getRightFooterGroups = se(() => [e.getRightHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getRightFooterGroups")), e.getFlatHeaders = se(() => [e.getHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getFlatHeaders")), e.getLeftFlatHeaders = se(() => [e.getLeftHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getLeftFlatHeaders")), e.getCenterFlatHeaders = se(() => [e.getCenterHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getCenterFlatHeaders")), e.getRightFlatHeaders = se(() => [e.getRightHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getRightFlatHeaders")), e.getCenterLeafHeaders = se(() => [e.getCenterFlatHeaders()], (t) => t.filter((n) => {
       var r;
       return !((r = n.subHeaders) != null && r.length);
-    }), ae(e.options, Ye, "getCenterLeafHeaders")), e.getLeftLeafHeaders = se(() => [e.getLeftFlatHeaders()], (t) => t.filter((n) => {
+    }), ae(e.options, je, "getCenterLeafHeaders")), e.getLeftLeafHeaders = se(() => [e.getLeftFlatHeaders()], (t) => t.filter((n) => {
       var r;
       return !((r = n.subHeaders) != null && r.length);
-    }), ae(e.options, Ye, "getLeftLeafHeaders")), e.getRightLeafHeaders = se(() => [e.getRightFlatHeaders()], (t) => t.filter((n) => {
+    }), ae(e.options, je, "getLeftLeafHeaders")), e.getRightLeafHeaders = se(() => [e.getRightFlatHeaders()], (t) => t.filter((n) => {
       var r;
       return !((r = n.subHeaders) != null && r.length);
-    }), ae(e.options, Ye, "getRightLeafHeaders")), e.getLeafHeaders = se(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (t, n, r) => {
+    }), ae(e.options, je, "getRightLeafHeaders")), e.getLeafHeaders = se(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (t, n, r) => {
       var o, s, a, i, l, c;
       return [...(o = (s = t[0]) == null ? void 0 : s.headers) != null ? o : [], ...(a = (i = n[0]) == null ? void 0 : i.headers) != null ? a : [], ...(l = (c = r[0]) == null ? void 0 : c.headers) != null ? l : []].map((u) => u.getLeafHeaders()).flat();
-    }, ae(e.options, Ye, "getLeafHeaders"));
+    }, ae(e.options, je, "getLeafHeaders"));
   }
 };
 function ho(e, t, n, r) {
@@ -22265,47 +22271,49 @@ Gh.displayName = zh.displayName;
 const UI = T.forwardRef(
   (e, t) => {
     const {
-      disabled: n,
-      checked: r,
-      label: o,
-      labelPosition: s = "right",
-      id: a = Uo(),
-      onChange: i,
-      className: l,
+      label: n,
+      labelPosition: r = "right",
+      onChange: o,
+      className: s,
+      dir: a,
+      disabled: i,
+      id: l = Uo(),
       ...c
     } = e;
-    return /* @__PURE__ */ P(
+    return T.useEffect(() => {
+      const { checked: u, defaultChecked: f } = c;
+      u !== void 0 && f !== void 0 && console.error(
+        "WuToggle: Both `checked` and `defaultChecked` props are set. Use only one of them."
+      );
+    }, [c.checked, c.defaultChecked]), /* @__PURE__ */ P(
       "div",
       {
         className: N(
-          qI({ labelPosition: s }),
+          qI({ labelPosition: r }),
           "wu-toggle-container"
         ),
-        dir: c.dir,
+        dir: a,
         children: [
           /* @__PURE__ */ d(
             Gh,
             {
-              id: a,
               ...c,
+              id: l,
+              disabled: i,
               ref: t,
-              defaultChecked: r,
-              disabled: n,
-              onCheckedChange: i,
-              className: N("peer", l),
-              dir: c.dir
+              onCheckedChange: o,
+              className: N("peer", s)
             }
           ),
           /* @__PURE__ */ d(
             mt,
             {
-              htmlFor: a,
+              htmlFor: l,
               className: N(
-                n ? "cursor-not-allowed" : "cursor-pointer",
+                i ? "cursor-not-allowed" : "cursor-pointer",
                 "wu-toggle-label"
               ),
-              dir: c.dir,
-              children: o
+              children: n
             }
           )
         ]