@hanzogui/toggle-group 7.0.0 → 7.3.0

package/dist/cjs/ToggleGroup.native.js

@@ -0,0 +1,262 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToggleGroup_exports = {};
+__export(ToggleGroup_exports, {
+  ToggleGroup: () => ToggleGroup
+});
+module.exports = __toCommonJS(ToggleGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@hanzogui/constants");
+var import_focusable = require("@hanzogui/focusable");
+var import_helpers = require("@hanzogui/helpers");
+var import_roving_focus = require("@hanzogui/roving-focus");
+var import_use_controllable_state = require("@hanzogui/use-controllable-state");
+var import_use_direction = require("@hanzogui/use-direction");
+var import_web = require("@hanzogui/web");
+var import_react = __toESM(require("react"), 1);
+var import_Toggle = require("./Toggle.native.js");
+var import_context = require("./context.native.js");
+var TOGGLE_GROUP_NAME = "ToggleGroup";
+var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
+var {
+  Provider: ToggleGroupItemProvider
+} = (0, import_web.createStyledContext)();
+var {
+  Provider: ToggleGroupContext,
+  useStyledContext: useToggleGroupContext
+} = (0, import_web.createStyledContext)({});
+var ToggleGroupItem = import_Toggle.ToggleFrame.styleable(function (props, forwardedRef) {
+  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
+  var context = useToggleGroupContext(props.__scopeToggleGroup);
+  var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
+  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);
+  var color = props.color || toggleContext.color;
+  var disabled = context.disabled || props.disabled || false;
+  var inner = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {
+    ref: forwardedRef,
+    tabIndex: disabled ? -1 : 0,
+    ...props,
+    active,
+    disabled
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
+    scope: props.__scopeToggleGroup,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
+      color,
+      active,
+      children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        focusable: !disabled,
+        active,
+        children: inner
+      }) : inner
+    })
+  });
+});
+ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
+var ToggleGroupItemImpl = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
+  var {
+    __scopeToggleGroup,
+    value,
+    ...itemProps
+  } = props;
+  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);
+  var singleProps = {
+    "aria-pressed": void 0
+  };
+  var typeProps = valueContext.type === "single" ? singleProps : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.Toggle, {
+    ...typeProps,
+    ...itemProps,
+    ref: forwardedRef,
+    onActiveChange: function (pressed) {
+      if (pressed) {
+        valueContext.onItemActivate(value);
+      } else {
+        valueContext.onItemDeactivate(value);
+      }
+    }
+  });
+});
+var ToggleGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
+  var {
+    type,
+    ...toggleGroupProps
+  } = props;
+  if (!import_constants.isWeb) {
+    import_react.default.useEffect(function () {
+      if (!props.id) return;
+      return (0, import_focusable.registerFocusable)(props.id, {
+        focus: function () {}
+      });
+    }, [props.id]);
+  }
+  if (type === "single") {
+    var singleProps = toggleGroupProps;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {
+      ...singleProps,
+      ref: forwardedRef
+    });
+  }
+  if (type === "multiple") {
+    var multipleProps = toggleGroupProps;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {
+      ...multipleProps,
+      ref: forwardedRef
+    });
+  }
+  throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
+}), {
+  Item: ToggleGroupItem
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var {
+  Provider: ToggleGroupValueProvider,
+  useStyledContext: useToggleGroupValueContext
+} = (0, import_web.createStyledContext)();
+var ToggleGroupImplSingle = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
+  var {
+    value: valueProp,
+    defaultValue,
+    onValueChange = function () {},
+    disableDeactivation = false,
+    children,
+    ...toggleGroupSingleProps
+  } = props;
+  var [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {
+    scope: props.__scopeToggleGroup,
+    type: "single",
+    value: value ? [value] : [],
+    defaultValue: value,
+    onItemActivate: setValue,
+    onItemDeactivate: import_react.default.useCallback(function () {
+      return disableDeactivation ? null : setValue("");
+    }, [setValue, disableDeactivation]),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImpl, {
+      ...toggleGroupSingleProps,
+      ref: forwardedRef,
+      children
+    })
+  });
+});
+var ToggleGroupImplMultiple = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
+  var {
+    value: valueProp,
+    defaultValue,
+    onValueChange = function () {},
+    disableDeactivation,
+    children,
+    ...toggleGroupMultipleProps
+  } = props;
+  var [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  var handleButtonActivate = import_react.default.useCallback(function (itemValue) {
+    return setValue(function () {
+      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+      return [...prevValue, itemValue];
+    });
+  }, [setValue]);
+  var handleButtonDeactivate = import_react.default.useCallback(function (itemValue) {
+    return setValue(function () {
+      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+      return prevValue.filter(function (value2) {
+        return value2 !== itemValue;
+      });
+    });
+  }, [setValue]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {
+    scope: props.__scopeToggleGroup,
+    type: "multiple",
+    value,
+    defaultValue: value,
+    onItemActivate: handleButtonActivate,
+    onItemDeactivate: handleButtonDeactivate,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImpl, {
+      ...toggleGroupMultipleProps,
+      ref: forwardedRef,
+      children
+    })
+  });
+});
+var ToggleGroupFrame = (0, import_web.styled)(import_web.View, {
+  name: TOGGLE_GROUP_NAME
+});
+var ToggleGroupImpl = ToggleGroupFrame.styleable(function (props, forwardedRef) {
+  var {
+    __scopeToggleGroup,
+    disabled = false,
+    orientation = "horizontal",
+    dir,
+    rovingFocus = true,
+    loop = true,
+    color,
+    ...toggleGroupProps
+  } = props;
+  var direction = (0, import_use_direction.useDirection)(dir);
+  var content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupFrame, {
+    role: "group",
+    ref: forwardedRef,
+    "data-disabled": disabled ? "" : void 0,
+    ...toggleGroupProps
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
+    scope: __scopeToggleGroup,
+    rovingFocus,
+    disabled,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
+      color,
+      children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        orientation,
+        dir: direction,
+        loop,
+        children: content
+      }) : content
+    })
+  });
+});
+//# sourceMappingURL=ToggleGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_helpers","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","__toESM","import_Toggle","import_context","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","createStyledContext","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","ToggleFrame","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","toggleContext","active","includes","color","disabled","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","default","forwardRef","itemProps","singleProps","typeProps","type","Toggle","onActiveChange","pressed","onItemActivate","onItemDeactivate","withStaticProperties","toggleGroupProps","isWeb","useEffect","id","registerFocusable","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupFrame","styled","View","name","orientation","dir","loop","direction","useDirection","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/context.cjs

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var context_exports = {};
+__export(context_exports, {
+  context: () => context,
+  useToggleGroupItem: () => useToggleGroupItem
+});
+module.exports = __toCommonJS(context_exports);
+var import_web = require("@hanzogui/web");
+const context = (0, import_web.createStyledContext)({
+  color: "",
+  active: false
+});
+const useToggleGroupItem = () => {
+  return context.useStyledContext();
+};

package/dist/cjs/context.native.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var context_exports = {};
+__export(context_exports, {
+  context: () => context,
+  useToggleGroupItem: () => useToggleGroupItem
+});
+module.exports = __toCommonJS(context_exports);
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  useToggleGroupItem: () => import_context.useToggleGroupItem
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./ToggleGroup.cjs"), module.exports);
+var import_context = require("./context.cjs");

package/dist/cjs/index.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  useToggleGroupItem: () => import_context.useToggleGroupItem
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./ToggleGroup.native.js"), module.exports);
+var import_context = require("./context.native.js");
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +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":[]}

package/dist/cjs/types.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+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)) 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: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+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)) 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: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.native.js.map

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

@@ -0,0 +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":[]}

package/dist/esm/Toggle.mjs

@@ -0,0 +1,113 @@
+import { composeEventHandlers } from "@hanzogui/helpers";
+import { useControllableState } from "@hanzogui/use-controllable-state";
+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";
+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]
+        };
+      },
+      ":number": val => ({
+        width: val,
+        height: val
+      })
+    },
+    defaultActiveStyle: {
+      true: {
+        backgroundColor: "$backgroundActive",
+        hoverStyle: {
+          backgroundColor: "$backgroundActive"
+        },
+        focusStyle: {
+          backgroundColor: "$backgroundActive"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_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

@@ -0,0 +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","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":[]}