@hanzogui/toggle-group 3.0.2 → 102.0.0-rc.41-hanzoai.1

package/dist/cjs/context.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var context_exports = {};
 __export(context_exports, {
@@ -26,12 +28,12 @@ __export(context_exports, {
   useToggleGroupItem: () => useToggleGroupItem
 });
 module.exports = __toCommonJS(context_exports);
-var import_gui_web = require("@hanzogui/web"),
-  context = (0, import_gui_web.createStyledContext)({
-    color: "",
-    active: !1
-  }),
-  useToggleGroupItem = function () {
-    return context.useStyledContext();
-  };
+var import_web = require("@hanzogui/web");
+var context = (0, import_web.createStyledContext)({
+  color: "",
+  active: false
+});
+var useToggleGroupItem = function () {
+  return context.useStyledContext();
+};
 //# sourceMappingURL=context.native.js.map

package/dist/cjs/context.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","context_exports","__export","context","useToggleGroupItem","module","exports","import_gui_web","require","createStyledContext","color","active"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAoC,CAAAK,eAAA;AAE7B,IAAAM,cAAM,GAAUC,OAAA;EAAAL,OAAA,GAAoB,IAAAI,cAAA,CAAAE,mBAAA;IACzCC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV,CAAC;EAEYP,kBAAA,GAAqB,SAAAA,CAAA,EACzB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","context_exports","__export","context","useToggleGroupItem","module","exports","import_web","require","createStyledContext","color","active","useStyledContext"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAoCV,YAAA,CAAAK,eAAA;AAE7B,IAAAM,UAAM,GAAAC,OAAU;AAAoB,IACzCL,OAAO,OAAAI,UAAA,CAAAE,mBAAA;EACPC,KAAA,IAAQ;EACTC,MAAA;AAEM;AACL,IAAAP,kBAAe,YAAAA,CAAA,EAAiB;EAClC,OAAAD,OAAA,CAAAS,gBAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -3,21 +3,23 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {

package/dist/cjs/index.native.js

@@ -5,21 +5,23 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {

package/dist/cjs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","useToggleGroupItem","import_context","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAC,cAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAAc,CAAAK,aAAA;AACdM,UAAA,CAAAN,aAAmC,EAAAO,OAAA,6BAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","useToggleGroupItem","import_context","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAC,cAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAAc,CAAAK,aAAA;AACdM,UAAA,CAAAN,aAAmC,EAAAO,OAAA,6BAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/types.cjs

@@ -3,14 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.js

@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}

package/dist/esm/Toggle.mjs

@@ -4,107 +4,110 @@ import { styled, View } from "@hanzogui/web";
 import * as React from "react";
 import { context } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
-const NAME = "Toggle",
-  ToggleFrame = styled(View, {
-    name: NAME,
-    render: "button",
-    context,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          alignItems: "center",
-          justifyContent: "center",
-          display: "flex",
-          backgroundColor: "$background",
-          borderColor: "$borderColor",
-          borderWidth: 1,
-          margin: -1,
-          hoverStyle: {
-            backgroundColor: "$backgroundHover",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorPress"
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineWidth: 2,
-            outlineStyle: "solid",
-            zIndex: 10
-          }
+const NAME = "Toggle";
+const ToggleFrame = styled(View, {
+  name: NAME,
+  render: "button",
+  context,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        alignItems: "center",
+        justifyContent: "center",
+        display: "flex",
+        backgroundColor: "$background",
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        margin: -1,
+        hoverStyle: {
+          backgroundColor: "$backgroundHover",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorPress"
+        },
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          zIndex: 10
         }
+      }
+    },
+    size: {
+      "...size": (val, {
+        tokens
+      }) => {
+        if (!val) return;
+        return {
+          width: tokens.size[val],
+          height: tokens.size[val]
+        };
       },
-      size: {
-        "...size": (val, {
-          tokens
-        }) => {
-          if (val) return {
-            width: tokens.size[val],
-            height: tokens.size[val]
-          };
+      ":number": val => ({
+        width: val,
+        height: val
+      })
+    },
+    defaultActiveStyle: {
+      true: {
+        backgroundColor: "$backgroundActive",
+        hoverStyle: {
+          backgroundColor: "$backgroundActive"
         },
-        ":number": val => ({
-          width: val,
-          height: val
-        })
-      },
-      defaultActiveStyle: {
-        true: {
-          backgroundColor: "$backgroundActive",
-          hoverStyle: {
-            backgroundColor: "$backgroundActive"
-          },
-          focusStyle: {
-            backgroundColor: "$backgroundActive"
-          }
+        focusStyle: {
+          backgroundColor: "$backgroundActive"
         }
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
     }
-  }),
-  Toggle = React.forwardRef(function (props, forwardedRef) {
-    const {
-        active: activeProp,
-        activeStyle,
-        defaultActive = !1,
-        onActiveChange,
-        activeTheme,
-        unstyled = !1,
-        ...buttonProps
-      } = props,
-      [active = !1, setActive] = useControllableState({
-        prop: activeProp,
-        onChange: onActiveChange,
-        defaultProp: defaultActive
-      });
-    return /* @__PURE__ */jsx(ToggleFrame, {
-      theme: activeTheme ?? null,
-      "aria-pressed": active,
-      "data-state": active ? "on" : "off",
-      "data-disabled": props.disabled ? "" : void 0,
-      unstyled,
-      ...(active && !activeStyle && !unstyled && {
-        defaultActiveStyle: !0
-      }),
-      ...(active && activeStyle && {
-        ...activeStyle,
-        hoverStyle: activeStyle,
-        focusStyle: activeStyle
-      }),
-      ...buttonProps,
-      ref: forwardedRef,
-      onPress: composeEventHandlers(props.onPress ?? void 0, () => {
-        props.disabled || setActive(prev => !prev);
-      })
-    });
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+const Toggle = React.forwardRef(function Toggle2(props, forwardedRef) {
+  const {
+    active: activeProp,
+    activeStyle,
+    defaultActive = false,
+    onActiveChange,
+    activeTheme,
+    unstyled = false,
+    ...buttonProps
+  } = props;
+  const [active = false, setActive] = useControllableState({
+    prop: activeProp,
+    onChange: onActiveChange,
+    defaultProp: defaultActive
+  });
+  return /* @__PURE__ */jsx(ToggleFrame, {
+    theme: activeTheme ?? null,
+    "aria-pressed": active,
+    "data-state": active ? "on" : "off",
+    "data-disabled": props.disabled ? "" : void 0,
+    unstyled,
+    ...(active && !activeStyle && !unstyled && {
+      defaultActiveStyle: true
+    }),
+    ...(active && activeStyle && {
+      ...activeStyle,
+      hoverStyle: activeStyle,
+      focusStyle: activeStyle
+    }),
+    ...buttonProps,
+    ref: forwardedRef,
+    onPress: composeEventHandlers(props.onPress ?? void 0, () => {
+      if (!props.disabled) {
+        setActive(prev => !prev);
+      }
+    })
   });
+});
 export { Toggle, ToggleFrame };
 //# sourceMappingURL=Toggle.mjs.map

package/dist/esm/Toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["composeEventHandlers","useControllableState","styled","View","React","context","jsx","NAME","ToggleFrame","name","render","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","tokens","width","height","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","HANZO_GUI_HEADLESS","accept","activeStyle","Toggle","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","prop","onChange","defaultProp","theme","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["composeEventHandlers","useControllableState","styled","View","React","context","jsx","NAME","ToggleFrame","name","render","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","tokens","width","height","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","HANZOGUI_HEADLESS","accept","activeStyle","Toggle","forwardRef","Toggle2","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","prop","onChange","defaultProp","theme","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Toggle.native.js

@@ -4,113 +4,116 @@ import { useControllableState } from "@hanzogui/use-controllable-state";
 import { styled, View } from "@hanzogui/web";
 import * as React from "react";
 import { context } from "./context.native.js";
-var NAME = "Toggle",
-  ToggleFrame = styled(View, {
-    name: NAME,
-    render: "button",
-    context,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          alignItems: "center",
-          justifyContent: "center",
-          display: "flex",
-          backgroundColor: "$background",
-          borderColor: "$borderColor",
-          borderWidth: 1,
-          margin: -1,
-          hoverStyle: {
-            backgroundColor: "$backgroundHover",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorPress"
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineWidth: 2,
-            outlineStyle: "solid",
-            zIndex: 10
-          }
-        }
-      },
-      size: {
-        "...size": function (val, param) {
-          var {
-            tokens
-          } = param;
-          if (val) return {
-            width: tokens.size[val],
-            height: tokens.size[val]
-          };
+var NAME = "Toggle";
+var ToggleFrame = styled(View, {
+  name: NAME,
+  render: "button",
+  context,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        alignItems: "center",
+        justifyContent: "center",
+        display: "flex",
+        backgroundColor: "$background",
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        margin: -1,
+        hoverStyle: {
+          backgroundColor: "$backgroundHover",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorPress"
         },
-        ":number": function (val) {
-          return {
-            width: val,
-            height: val
-          };
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          zIndex: 10
         }
+      }
+    },
+    size: {
+      "...size": function (val, param) {
+        var {
+          tokens
+        } = param;
+        if (!val) return;
+        return {
+          width: tokens.size[val],
+          height: tokens.size[val]
+        };
       },
-      defaultActiveStyle: {
-        true: {
-          backgroundColor: "$backgroundActive",
-          hoverStyle: {
-            backgroundColor: "$backgroundActive"
-          },
-          focusStyle: {
-            backgroundColor: "$backgroundActive"
-          }
-        }
+      ":number": function (val) {
+        return {
+          width: val,
+          height: val
+        };
       }
     },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    defaultActiveStyle: {
+      true: {
+        backgroundColor: "$backgroundActive",
+        hoverStyle: {
+          backgroundColor: "$backgroundActive"
+        },
+        focusStyle: {
+          backgroundColor: "$backgroundActive"
+        }
+      }
     }
-  }),
-  Toggle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        active: activeProp,
-        activeStyle,
-        defaultActive = !1,
-        onActiveChange,
-        activeTheme,
-        unstyled = !1,
-        ...buttonProps
-      } = props,
-      [active = !1, setActive] = useControllableState({
-        prop: activeProp,
-        onChange: onActiveChange,
-        defaultProp: defaultActive
-      }),
-      _props_onPress;
-    return /* @__PURE__ */_jsx(ToggleFrame, {
-      theme: activeTheme ?? null,
-      "aria-pressed": active,
-      "data-state": active ? "on" : "off",
-      "data-disabled": props.disabled ? "" : void 0,
-      unstyled,
-      ...(active && !activeStyle && !unstyled && {
-        defaultActiveStyle: !0
-      }),
-      ...(active && activeStyle && {
-        ...activeStyle,
-        hoverStyle: activeStyle,
-        focusStyle: activeStyle
-      }),
-      ...buttonProps,
-      ref: forwardedRef,
-      onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
-        props.disabled || setActive(function (prev) {
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+var Toggle = /* @__PURE__ */React.forwardRef(function Toggle2(props, forwardedRef) {
+  var {
+    active: activeProp,
+    activeStyle,
+    defaultActive = false,
+    onActiveChange,
+    activeTheme,
+    unstyled = false,
+    ...buttonProps
+  } = props;
+  var [active = false, setActive] = useControllableState({
+    prop: activeProp,
+    onChange: onActiveChange,
+    defaultProp: defaultActive
+  });
+  var _props_onPress;
+  return /* @__PURE__ */_jsx(ToggleFrame, {
+    theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
+    "aria-pressed": active,
+    "data-state": active ? "on" : "off",
+    "data-disabled": props.disabled ? "" : void 0,
+    unstyled,
+    ...(active && !activeStyle && !unstyled && {
+      defaultActiveStyle: true
+    }),
+    ...(active && activeStyle && {
+      ...activeStyle,
+      hoverStyle: activeStyle,
+      focusStyle: activeStyle
+    }),
+    ...buttonProps,
+    ref: forwardedRef,
+    onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
+      if (!props.disabled) {
+        setActive(function (prev) {
           return !prev;
         });
-      })
-    });
+      }
+    })
   });
+});
 export { Toggle, ToggleFrame };
 //# sourceMappingURL=Toggle.native.js.map