@aveonline/ui-react 1.14.1 → 1.14.3

package/dist/components/atoms/Checkbox/ICheckbox.d.ts

@@ -1,8 +1,9 @@
+import { IColorText } from '../../../types';
 declare type Change = {
     value: string | number;
     checked: boolean;
 };
-declare type IPropsCheckbox = {
+interface IPropsCheckbox extends IColorText {
     /**
      * ID unique
      */
@@ -43,5 +44,5 @@ declare type IPropsCheckbox = {
      * Option for checked
      */
     checked?: boolean;
-};
+}
 export type { IPropsCheckbox };

package/dist/components/atoms/RadioButton/IRadioButton.d.ts

@@ -1,8 +1,9 @@
+import { IColorText } from '../../../types';
 declare type Change = {
     value: string | number;
     checked: boolean;
 };
-declare type IPropsRadio = {
+interface IPropsRadio extends IColorText {
     /**
      * ID unique
      */
@@ -35,5 +36,5 @@ declare type IPropsRadio = {
      * Event for control to checked and value
      */
     onChange?: (value: Change) => void;
-};
+}
 export type { IPropsRadio };

package/dist/components/atoms/Switch/ISwitch.d.ts

@@ -15,5 +15,9 @@ interface ISwitch {
      * The function to call when the switch is toggled.
      */
     onChange(checked: boolean): void;
+    /**
+     * Frozen state current
+     */
+    hasFrozenState?: boolean;
 }
 export type { ISwitch };

package/dist/components/atoms/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import type { ISwitch } from './ISwitch';
 /**
- * Atoms: Switch
+ * Atom: Switch
  * Switches toggle the state of a single item on or off.
  */
-declare function Switch({ onChange, isSelected, isDisabled, name, ...props }: ISwitch): JSX.Element;
+declare function Switch({ onChange, isSelected, isDisabled, name, hasFrozenState, ...props }: ISwitch): JSX.Element;
 export default Switch;

package/dist/ui-react.mjs

@@ -3701,30 +3701,33 @@ function D8({
   isSelected: t = !1,
   isDisabled: n,
   name: i = "",
-  ...r
+  hasFrozenState: r = !1,
+  ...o
 }) {
-  const [o, a] = j(t), l = (u) => {
-    a(u), e(u);
-  }, s = ({
-    checked: u
-  }) => n ? "bg-surface-disabled" : u ? "bg-action-primary-default" : "bg-action-primary-disabled";
+  const [a, l] = j(t), s = (c) => {
+    if (r)
+      return l(!c), e(!c);
+    l(c), e(c);
+  }, u = ({
+    checked: c
+  }) => n ? "bg-surface-disabled" : c ? "bg-action-primary-default" : "bg-action-primary-disabled";
   return /* @__PURE__ */ d(Ks, {
     name: i,
-    checked: o,
-    onChange: l,
+    checked: a,
+    onChange: s,
     as: we,
-    ...r,
+    ...o,
     children: ({
-      checked: u
+      checked: c
     }) => /* @__PURE__ */ M("button", {
       disabled: n,
-      className: D("relative inline-flex h-6 w-12 items-center rounded-full", s({
-        checked: u
+      className: D("relative inline-flex h-6 w-12 items-center rounded-full", u({
+        checked: c
       })),
       children: [/* @__PURE__ */ d("span", {
         className: "sr-only"
       }), /* @__PURE__ */ d("span", {
-        className: D("inline-block h-4 w-4 transform rounded-full  transition", u ? "translate-x-7" : "translate-x-1", n ? "bg-icon-disabled" : "bg-icon-on")
+        className: D("inline-block h-4 w-4 transform rounded-full  transition", c ? "translate-x-7" : "translate-x-1", n ? "bg-icon-disabled" : "bg-icon-on")
       })]
     })
   });
@@ -5741,31 +5744,32 @@ const b0 = mt((e, t) => {
     label: a,
     helpText: l,
     onChange: s,
-    checked: u
-  } = e, c = ({
+    checked: u,
+    color: c = "default"
+  } = e, A = ({
     target: {
-      value: f,
-      checked: C
+      value: C,
+      checked: p
     }
   }) => {
     s == null || s({
-      checked: C,
-      value: f
+      checked: p,
+      value: C
     });
-  }, A = () => r ? "border-border-disabled checked:text-action-primary-disabled" : "border-border-default cursor-pointer checked:border-action-primary-default checked:bg-white hover:border-border-hovered checked:hover:border-action-primary-default checked:hover:bg-white checked:focus:border-action-primary-default checked:focus:bg-white checked:focus:ring-focused-default", g = W(() => Zn([t]), [t]);
+  }, g = () => r ? "border-border-disabled checked:text-action-primary-disabled" : "border-border-default cursor-pointer checked:border-action-primary-default checked:bg-white hover:border-border-hovered checked:hover:border-action-primary-default checked:hover:bg-white checked:focus:border-action-primary-default checked:focus:bg-white checked:focus:ring-focused-default", f = W(() => Zn([t]), [t]);
   return /* @__PURE__ */ d(ye, {
     children: /* @__PURE__ */ M("div", {
       className: D("flex gap-x-2", !l && "items-center"),
       children: [/* @__PURE__ */ d("input", {
         type: "radio",
-        ref: g,
+        ref: f,
         id: n,
         name: i,
         disabled: r,
-        onChange: c,
+        onChange: A,
         checked: u,
         value: o,
-        className: D("border-2", A())
+        className: D("border-2", g())
       }), a && /* @__PURE__ */ M("div", {
         className: "flex flex-col items-start justify-center",
         children: [/* @__PURE__ */ d(ne, {
@@ -5773,7 +5777,7 @@ const b0 = mt((e, t) => {
           variant: "body",
           className: "break-words",
           htmlFor: n,
-          color: r ? "disabled" : "default",
+          color: r ? "disabled" : c,
           children: a
         }), l && /* @__PURE__ */ d(ne, {
           variant: "body",
@@ -6372,7 +6376,8 @@ const Uo = mt((e, t) => {
     onChange: s,
     isError: u,
     checked: c,
-    size: A = "sm"
+    color: A = "default",
+    size: g = "sm"
   } = e;
   return /* @__PURE__ */ d(ye, {
     children: /* @__PURE__ */ M("div", {
@@ -6385,18 +6390,18 @@ const Uo = mt((e, t) => {
         disabled: r,
         onChange: ({
           target: {
-            value: C,
-            checked: p
+            value: p,
+            checked: I
           }
         }) => {
           s == null || s({
-            checked: p,
-            value: C
+            checked: I,
+            value: p
           });
         },
         value: o,
         checked: c,
-        className: D((() => r ? "border-border-disabled checked:text-action-primary-disabled bg-action-secondary-default disabled:bg-action-secondary-disabled checked:hover:bg-action-secondary-disabled" : u ? "checked:bg-action-critical-default checked:text-letter-critical active:bg-action-critical-default border-border-critical-default checked:hover:bg-action-critical-default focus:ring-none ring-offset-0 active:ring-transparent focus:ring-transparent focus:ring-offset-0 focus:ring-critical-default" : "border-border-default hover:border-border-hovered focus:ring-focused-default ring-offset-1 active:ring-1 focus:ring-1 focus:ring-offset-1 cursor-pointer")(), "rounded-[5px] bg-white border-[1.5px]", A === "sm" && "h-[18px] w-[18px]", A === "md" && "h-[20px] w-[20px]")
+        className: D((() => r ? "border-border-disabled checked:text-action-primary-disabled bg-action-secondary-default disabled:bg-action-secondary-disabled checked:hover:bg-action-secondary-disabled" : u ? "checked:bg-action-critical-default checked:text-letter-critical active:bg-action-critical-default border-border-critical-default checked:hover:bg-action-critical-default focus:ring-none ring-offset-0 active:ring-transparent focus:ring-transparent focus:ring-offset-0 focus:ring-critical-default" : "border-border-default hover:border-border-hovered focus:ring-focused-default ring-offset-1 active:ring-1 focus:ring-1 focus:ring-offset-1 cursor-pointer")(), "rounded-[5px] bg-white border-[1.5px]", g === "sm" && "h-[18px] w-[18px]", g === "md" && "h-[20px] w-[20px]")
       }), a && /* @__PURE__ */ M("div", {
         className: "flex flex-col items-start justify-center",
         children: [/* @__PURE__ */ d(ne, {
@@ -6404,7 +6409,7 @@ const Uo = mt((e, t) => {
           variant: "body",
           className: "break-words select-none",
           htmlFor: n,
-          color: r ? "disabled" : "default",
+          color: r ? "disabled" : A,
           children: a
         }), l && /* @__PURE__ */ d(ne, {
           variant: "body",