@tamagui/toggle-group 1.110.5 → 1.111.1

package/dist/esm/ToggleGroup.native.mjs

@@ -0,0 +1,281 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isWeb } from "@tamagui/constants";
+import { registerFocusable } from "@tamagui/focusable";
+import { getFontSize } from "@tamagui/font-size";
+import { getSize } from "@tamagui/get-token";
+import { Group, useGroupItem } from "@tamagui/group";
+import { withStaticProperties } from "@tamagui/helpers";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { RovingFocusGroup } from "@tamagui/roving-focus";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { useDirection } from "@tamagui/use-direction";
+import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
+import React from "react";
+import { Toggle, ToggleFrame } from "./Toggle.mjs";
+var TOGGLE_GROUP_NAME = "ToggleGroup",
+  TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
+  TOGGLE_GROUP_CONTEXT = "ToggleGroup",
+  {
+    Provider: ToggleGroupItemProvider,
+    useStyledContext: useToggleGroupItemContext
+  } = createStyledContext(),
+  {
+    Provider: ToggleGroupContext,
+    useStyledContext: useToggleGroupContext
+  } = createStyledContext(),
+  ToggleGroupItem = ToggleFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        disablePassStyles,
+        ...rest
+      } = props,
+      valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
+      context = useToggleGroupContext(props.__scopeToggleGroup),
+      pressed = valueContext?.value.includes(props.value),
+      disabled = context.disabled || props.disabled || !1,
+      groupItemProps = useGroupItem({
+        disabled
+      }),
+      _props_size,
+      size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size,
+      sizeProps = props.unstyled ? {} : {
+        width: void 0,
+        height: void 0,
+        padding: getVariableValue(size) * 0.6
+      },
+      iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
+      theme = useTheme(),
+      getThemedIcon = useGetThemedIcon({
+        size: iconSize,
+        color: theme.color
+      }),
+      childrens = React.Children.toArray(props.children),
+      children = childrens.map(function (child) {
+        return props.disablePassStyles || ! /* @__PURE__ */React.isValidElement(child) ? child : getThemedIcon(child);
+      }),
+      commonProps = {
+        pressed,
+        disabled,
+        ...sizeProps,
+        ...rest,
+        children
+      },
+      inner = /* @__PURE__ */_jsx(ToggleGroupItemImpl, {
+        ...commonProps,
+        ref: forwardedRef,
+        focusable: !disabled,
+        disabled,
+        ...groupItemProps
+      });
+    return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
+      scope: props.__scopeToggleGroup,
+      children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        focusable: !disabled,
+        active: pressed,
+        children: inner
+      }) : inner
+    });
+  }));
+ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
+var ToggleGroupItemImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        __scopeToggleGroup,
+        value,
+        ...itemProps
+      } = props,
+      valueContext = useToggleGroupValueContext(__scopeToggleGroup),
+      singleProps = {
+        "aria-pressed": void 0
+      },
+      typeProps = valueContext.type === "single" ? singleProps : void 0;
+    return /* @__PURE__ */_jsx(Toggle, {
+      ...typeProps,
+      ...itemProps,
+      ref: forwardedRef,
+      onPressedChange: function (pressed) {
+        pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
+      }
+    });
+  }),
+  ToggleGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+      type,
+      ...toggleGroupProps
+    } = props;
+    if (isWeb || React.useEffect(function () {
+      if (props.id) return registerFocusable(props.id, {
+        // TODO: would be nice to focus on the first child later - could be done with reforest
+        // for now leaving it empty
+        focus: function () {}
+      });
+    }, [props.id]), type === "single") {
+      var singleProps = toggleGroupProps;
+      return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
+        ...singleProps,
+        ref: forwardedRef
+      });
+    }
+    if (type === "multiple") {
+      var multipleProps = toggleGroupProps;
+      return /* @__PURE__ */_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
+  } = createStyledContext(),
+  ToggleGroupImplSingle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        value: valueProp,
+        defaultValue,
+        onValueChange = function () {},
+        disableDeactivation = !1,
+        ...toggleGroupSingleProps
+      } = props,
+      [value, setValue] = useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange
+      });
+    return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
+      scope: props.__scopeToggleGroup,
+      type: "single",
+      value: value ? [value] : [],
+      defaultValue: value,
+      onItemActivate: setValue,
+      onItemDeactivate: React.useCallback(function () {
+        return disableDeactivation ? null : setValue("");
+      }, [setValue, disableDeactivation]),
+      children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
+        ...toggleGroupSingleProps,
+        ref: forwardedRef
+      })
+    });
+  }),
+  ToggleGroupImplMultiple = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        value: valueProp,
+        defaultValue,
+        onValueChange = function () {},
+        disableDeactivation,
+        ...toggleGroupMultipleProps
+      } = props,
+      [value = [], setValue] = useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange
+      }),
+      handleButtonActivate = React.useCallback(function (itemValue) {
+        return setValue(function () {
+          var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+          return [...prevValue, itemValue];
+        });
+      }, [setValue]),
+      handleButtonDeactivate = React.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__ */_jsx(ToggleGroupValueProvider, {
+      scope: props.__scopeToggleGroup,
+      type: "multiple",
+      value,
+      defaultValue: value,
+      onItemActivate: handleButtonActivate,
+      onItemDeactivate: handleButtonDeactivate,
+      children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
+        ...toggleGroupMultipleProps,
+        ref: forwardedRef
+      })
+    });
+  });
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var ToggleGroupImplElementFrame = styled(Group, {
+    name: TOGGLE_GROUP_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          backgroundColor: "$background"
+        }
+      },
+      orientation: {
+        vertical: {
+          flexDirection: "column",
+          spaceDirection: "vertical"
+        },
+        horizontal: {
+          flexDirection: "row",
+          spaceDirection: "horizontal"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        __scopeToggleGroup,
+        disabled = !1,
+        orientation = "horizontal",
+        dir,
+        rovingFocus = !0,
+        loop = !0,
+        unstyled = !1,
+        size: sizeProp = "$true",
+        sizeAdjust = 0,
+        ...toggleGroupProps
+      } = props,
+      direction = useDirection(dir),
+      commonProps = {
+        role: "group",
+        dir: direction,
+        ...toggleGroupProps
+      },
+      adjustedSize = getVariableValue(getSize(sizeProp, {
+        shift: sizeAdjust
+      })),
+      size = Math.round(adjustedSize * 0.45);
+    return /* @__PURE__ */_jsx(ToggleGroupContext, {
+      scope: __scopeToggleGroup,
+      rovingFocus,
+      disabled,
+      size,
+      children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        orientation,
+        dir: direction,
+        loop,
+        children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
+          "aria-orientation": orientation,
+          orientation,
+          axis: orientation,
+          ref: forwardedRef,
+          "data-disabled": disabled ? "" : void 0,
+          unstyled,
+          ...commonProps
+        })
+      }) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
+        "aria-orientation": orientation,
+        ref: forwardedRef,
+        orientation,
+        "data-disabled": disabled ? "" : void 0,
+        unstyled,
+        ...commonProps
+      })
+    });
+  }));
+export { ToggleGroup };
+//# sourceMappingURL=ToggleGroup.native.mjs.map

package/dist/esm/ToggleGroup.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","_props_size","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","color","childrens","Children","toArray","children","map","child","isValidElement","commonProps","inner","ToggleGroupItemImpl","ref","focusable","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","active","displayName","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.native.mjs

@@ -0,0 +1,2 @@
+export * from "./ToggleGroup.mjs";
+//# sourceMappingURL=index.native.mjs.map

package/dist/esm/index.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/Toggle.native.js

@@ -4,98 +4,6 @@ import { ThemeableStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { styled } from "@tamagui/web";
 import * as React from "react";
-function _array_like_to_array(arr, len) {
-  (len == null || len > arr.length) && (len = arr.length);
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i != null) {
-    var _arr = [], _n = !0, _d = !1, _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
-        ;
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        !_n && _i.return != null && _i.return();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (o) {
-    if (typeof o == "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-  }
-}
 var NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
   name: NAME,
   tag: "button",
@@ -153,29 +61,26 @@ var NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), Toggle = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var pressedProp = props.pressed, _props_defaultPressed = props.defaultPressed, defaultPressed = _props_defaultPressed === void 0 ? !1 : _props_defaultPressed, onPressedChange = props.onPressedChange, buttonProps = _object_without_properties(props, [
-    "pressed",
-    "defaultPressed",
-    "onPressedChange"
-  ]), _useControllableState = _sliced_to_array(useControllableState({
+  var { pressed: pressedProp, defaultPressed = !1, onPressedChange, ...buttonProps } = props, [pressed = !1, setPressed] = useControllableState({
     prop: pressedProp,
     onChange: onPressedChange,
     defaultProp: defaultPressed
-  }), 2), tmp = _useControllableState[0], pressed = tmp === void 0 ? !1 : tmp, setPressed = _useControllableState[1], _props_onPress;
-  return /* @__PURE__ */ _jsx(ToggleFrame, _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, !props.unstyled && {
-    theme: pressed ? "active" : null,
-    themeShallow: !0
-  }), {
+  }), _props_onPress;
+  return /* @__PURE__ */ _jsx(ToggleFrame, {
+    ...!props.unstyled && {
+      theme: pressed ? "active" : null,
+      themeShallow: !0
+    },
     active: props.unstyled ? void 0 : pressed,
     "aria-pressed": pressed,
     "data-state": pressed ? "on" : "off",
-    "data-disabled": props.disabled ? "" : void 0
-  }), buttonProps), {
+    "data-disabled": props.disabled ? "" : void 0,
+    ...buttonProps,
     ref: forwardedRef,
     onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function() {
       props.disabled || setPressed(!pressed);
     })
-  }));
+  });
 });
 export {
   Toggle,

package/dist/jsx/Toggle.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/Toggle.tsx"],
-  "mappings": ";AAAA,SAASA,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,cAAc;AACvB,YAAYC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvB,IAAMC,OAAO,UAMAC,cAAcH,OAAOF,gBAAgB;EAChDM,MAAMF;EACNG,KAAK;EAELC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,YAAY;QACZC,iBAAiB;QACjBC,YAAY;QACZC,gBAAgB;QAChBC,SAAS;QACTC,aAAa;QACbC,aAAa;QACbC,QAAQ;QACRC,YAAY;UACVP,iBAAiB;QACnB;QACAQ,YAAY;UACVR,iBAAiB;QACnB;QACAS,YAAY;UACVL,aAAa;QACf;QACAM,mBAAmB;UACjBC,cAAc;UACdC,cAAc;UACdC,cAAc;QAChB;MACF;IACF;IAEAC,QAAQ;MACNC,MAAM;QACJC,QAAQ;QAERT,YAAY;UACVP,iBAAiB;QACnB;QAEAS,YAAY;UACVL,aAAa;UACbJ,iBAAiB;QACnB;MACF;IACF;IAEAiB,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;EAEAE,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAcaC,SAASnC,sBAAMoC,WAC1B,SAAgBC,OAAOC,cAAY;AACjC,MACWC,cAIPF,MAJFG,SAAAA,wBAIEH,MAHFI,gBAAAA,iBAAAA,0BAAAA,SAAiB,KAAA,uBACjBC,kBAEEL,MAFFK,iBACGC,cAAAA,2BACDN,OAAAA;IAJFG;IACAC;IACAC;MAIoC5C,wBAAAA,iBAAAA,qBAAqB;IACzD8C,MAAML;IACNM,UAAUH;IACVI,aAAaL;EACf,CAAA,GAAA,CAAA,GAJOD,MAA+B1C,sBAAAA,CAAAA,GAA/B0C,UAAAA,QAAAA,SAAU,KAAVA,KAAiBO,aAAcjD,sBAAAA,CAAAA,GAkBJuC;AAZlC,SACE,qBAACnC,aAAAA,qBAAAA,eAAAA,qBAAAA,eAAAA,CAAAA,GACM,CAACmC,MAAM/B,YAAY;IACtB0C,OAAOR,UAAU,WAAW;IAC5BS,cAAc;EAChB,CAAA,GAAA;IACA1B,QAASc,MAAM/B,WAAqB4C,SAAVV;IAC1BW,gBAAcX;IACdY,cAAYZ,UAAU,OAAO;IAC7Ba,iBAAehB,MAAMiB,WAAW,KAAKJ;MACjCP,WAAAA,GAAAA;IACJY,KAAKjB;IACLkB,SAAS5D,sBAAqByC,iBAAAA,MAAMmB,aAAO,QAAbnB,mBAAAA,SAAAA,iBAAiBa,QAAW,WAAA;AACxD,MAAKb,MAAMiB,YACTP,WAAW,CAACP,OAAAA;IAEhB,CAAA;;AAGN,CAAA;",
-  "names": ["composeEventHandlers", "ThemeableStack", "useControllableState", "styled", "React", "NAME", "ToggleFrame", "name", "tag", "variants", "unstyled", "false", "pressTheme", "backgroundColor", "alignItems", "justifyContent", "display", "borderColor", "borderWidth", "margin", "hoverStyle", "pressStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineWidth", "outlineStyle", "active", "true", "zIndex", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "Toggle", "forwardRef", "props", "forwardedRef", "pressedProp", "pressed", "defaultPressed", "onPressedChange", "buttonProps", "prop", "onChange", "defaultProp", "setPressed", "theme", "themeShallow", "undefined", "aria-pressed", "data-state", "data-disabled", "disabled", "ref", "onPress"]
+  "mappings": ";AAAA,SAASA,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,cAAc;AACvB,YAAYC,WAAW;AAMvB,IAAMC,OAAO,UAMAC,cAAcH,OAAOF,gBAAgB;EAChDM,MAAMF;EACNG,KAAK;EAELC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,YAAY;QACZC,iBAAiB;QACjBC,YAAY;QACZC,gBAAgB;QAChBC,SAAS;QACTC,aAAa;QACbC,aAAa;QACbC,QAAQ;QACRC,YAAY;UACVP,iBAAiB;QACnB;QACAQ,YAAY;UACVR,iBAAiB;QACnB;QACAS,YAAY;UACVL,aAAa;QACf;QACAM,mBAAmB;UACjBC,cAAc;UACdC,cAAc;UACdC,cAAc;QAChB;MACF;IACF;IAEAC,QAAQ;MACNC,MAAM;QACJC,QAAQ;QAERT,YAAY;UACVP,iBAAiB;QACnB;QAEAS,YAAY;UACVL,aAAa;UACbJ,iBAAiB;QACnB;MACF;IACF;IAEAiB,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;EAEAE,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAcaC,SAASnC,sBAAMoC,WAC1B,SAAgBC,OAAOC,cAAY;AACjC,MAAM,EACJC,SAASC,aACTC,iBAAiB,IACjBC,iBACA,GAAGC,YAAAA,IACDN,OAEE,CAACE,UAAU,IAAOK,UAAAA,IAAc9C,qBAAqB;IACzD+C,MAAML;IACNM,UAAUJ;IACVK,aAAaN;EACf,CAAA,GAckCJ;AAZlC,SACE,qBAACnC,aAAAA;IACE,GAAI,CAACmC,MAAM/B,YAAY;MACtB0C,OAAOT,UAAU,WAAW;MAC5BU,cAAc;IAChB;IACA1B,QAASc,MAAM/B,WAAqB4C,SAAVX;IAC1BY,gBAAcZ;IACda,cAAYb,UAAU,OAAO;IAC7Bc,iBAAehB,MAAMiB,WAAW,KAAKJ;IACpC,GAAGP;IACJY,KAAKjB;IACLkB,SAAS5D,sBAAqByC,iBAAAA,MAAMmB,aAAO,QAAbnB,mBAAAA,SAAAA,iBAAiBa,QAAW,WAAA;AACxD,MAAKb,MAAMiB,YACTV,WAAW,CAACL,OAAAA;IAEhB,CAAA;;AAGN,CAAA;",
+  "names": ["composeEventHandlers", "ThemeableStack", "useControllableState", "styled", "React", "NAME", "ToggleFrame", "name", "tag", "variants", "unstyled", "false", "pressTheme", "backgroundColor", "alignItems", "justifyContent", "display", "borderColor", "borderWidth", "margin", "hoverStyle", "pressStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineWidth", "outlineStyle", "active", "true", "zIndex", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "Toggle", "forwardRef", "props", "forwardedRef", "pressed", "pressedProp", "defaultPressed", "onPressedChange", "buttonProps", "setPressed", "prop", "onChange", "defaultProp", "theme", "themeShallow", "undefined", "aria-pressed", "data-state", "data-disabled", "disabled", "ref", "onPress"]
 }