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

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

@@ -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({
@@ -22265,47 +22269,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
             }
           )
         ]