@tamagui/toggle-group 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/jsx/Toggle.mjs

@@ -4,108 +4,110 @@ import { styled, View } from "@tamagui/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",
-            borderColor: "$borderColorActive"
-          }
+        focusStyle: {
+          backgroundColor: "$backgroundActive"
         }
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_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.TAMAGUI_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/jsx/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","TAMAGUI_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","TAMAGUI_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/jsx/Toggle.native.js

@@ -4,152 +4,156 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !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 __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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 Toggle_exports = {};
 __export(Toggle_exports, {
   Toggle: () => Toggle,
   ToggleFrame: () => ToggleFrame
 });
 module.exports = __toCommonJS(Toggle_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_helpers = require("@tamagui/helpers"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  import_web = require("@tamagui/web"),
-  React = __toESM(require("react"), 1),
-  import_context = require("./context.native.js"),
-  NAME = "Toggle",
-  ToggleFrame = (0, import_web.styled)(import_web.View, {
-    name: NAME,
-    render: "button",
-    context: import_context.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 import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("@tamagui/helpers");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.native.js");
+var NAME = "Toggle";
+var ToggleFrame = (0, import_web.styled)(import_web.View, {
+  name: NAME,
+  render: "button",
+  context: import_context.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"
         },
-        ":number": function (val) {
-          return {
-            width: val,
-            height: val
-          };
+        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;
+        return {
+          width: tokens.size[val],
+          height: tokens.size[val]
+        };
       },
-      defaultActiveStyle: {
-        true: {
-          backgroundColor: "$backgroundActive",
-          hoverStyle: {
-            backgroundColor: "$backgroundActive"
-          },
-          focusStyle: {
-            backgroundColor: "$backgroundActive",
-            borderColor: "$borderColorActive"
-          }
-        }
+      ":number": function (val) {
+        return {
+          width: val,
+          height: val
+        };
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_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] = (0, import_use_controllable_state.useControllableState)({
-        prop: activeProp,
-        onChange: onActiveChange,
-        defaultProp: defaultActive
-      }),
-      _props_onPress;
-    return /* @__PURE__ */(0, import_jsx_runtime.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: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
-        props.disabled || setActive(function (prev) {
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_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] = (0, import_use_controllable_state.useControllableState)({
+    prop: activeProp,
+    onChange: onActiveChange,
+    defaultProp: defaultActive
+  });
+  var _props_onPress;
+  return /* @__PURE__ */(0, import_jsx_runtime.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: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
+      if (!props.disabled) {
+        setActive(function (prev) {
           return !prev;
         });
-      })
-    });
+      }
+    })
   });
+});
 //# sourceMappingURL=Toggle.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toggle_exports","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","import_context","NAME","styled","View","render","context","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme","disabled"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toggle_exports","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","import_context","NAME","styled","View","render","context","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","forwardRef","Toggle2","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}