npm - @tamagui/toggle-group - Versions diffs - 1.125.6 → 1.125.8 - Mend

@tamagui/toggle-group 1.125.6 → 1.125.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/esm/Toggle.native.js +90 -84
package/dist/esm/Toggle.native.js.map +1 -6
package/dist/esm/ToggleGroup.native.js +253 -193
package/dist/esm/ToggleGroup.native.js.map +1 -6
package/dist/esm/index.native.js +2 -2
package/dist/esm/index.native.js.map +1 -6
package/package.json +15 -15

package/dist/esm/Toggle.native.js CHANGED Viewed

@@ -5,94 +5,100 @@ import { useControllableState } from "@tamagui/use-controllable-state";
 import { createStyledContext, styled } from "@tamagui/web";
 import * as React from "react";
 var context = createStyledContext({
-  color: ""
-}), NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
-  name: NAME,
-  tag: "button",
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        pressTheme: !0,
-        backgroundColor: "$background",
-        alignItems: "center",
-        justifyContent: "center",
-        display: "flex",
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        margin: -1,
-        hoverStyle: {
-          backgroundColor: "$backgroundHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress"
-        },
-        focusStyle: {
-          borderColor: "$borderColorFocus"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineWidth: 2,
-          outlineStyle: "solid"
+    color: ""
+  }),
+  NAME = "Toggle",
+  ToggleFrame = styled(ThemeableStack, {
+    name: NAME,
+    tag: "button",
+    context,
+    variants: {
+      unstyled: {
+        false: {
+          pressTheme: !0,
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          display: "flex",
+          borderColor: "$borderColor",
+          borderWidth: 1,
+          margin: -1,
+          hoverStyle: {
+            backgroundColor: "$backgroundHover"
+          },
+          pressStyle: {
+            backgroundColor: "$backgroundPress"
+          },
+          focusStyle: {
+            borderColor: "$borderColorFocus"
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineWidth: 2,
+            outlineStyle: "solid"
+          }
         }
-      }
-    },
-    color: {
-      "...color": function() {
-        return {};
-      }
-    },
-    active: {
-      true: {
-        zIndex: 1,
-        hoverStyle: {
-          backgroundColor: "$background"
+      },
+      color: {
+        "...color": function () {
+          return {};
+        }
+      },
+      active: {
+        true: {
+          zIndex: 1,
+          hoverStyle: {
+            backgroundColor: "$background"
+          },
+          focusStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          }
+        }
+      },
+      orientation: {
+        horizontal: {
+          flexDirection: "row",
+          spaceDirection: "horizontal"
         },
-        focusStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
+        vertical: {
+          flexDirection: "column",
+          spaceDirection: "vertical"
         }
       }
     },
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), Toggle = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { pressed: pressedProp, defaultPressed = !1, onPressedChange, ...buttonProps } = props, [pressed = !1, setPressed] = useControllableState({
-    prop: pressedProp,
-    onChange: onPressedChange,
-    defaultProp: defaultPressed
-  }), _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,
-    ref: forwardedRef,
-    onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function() {
-      props.disabled || setPressed(!pressed);
-    })
+  }),
+  Toggle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        pressed: pressedProp,
+        defaultPressed = !1,
+        onPressedChange,
+        ...buttonProps
+      } = props,
+      [pressed = !1, setPressed] = useControllableState({
+        prop: pressedProp,
+        onChange: onPressedChange,
+        defaultProp: defaultPressed
+      }),
+      _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,
+      ref: forwardedRef,
+      onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
+        props.disabled || setPressed(!pressed);
+      })
+    });
   });
-});
-export {
-  Toggle,
-  ToggleFrame,
-  context
-};
-//# sourceMappingURL=Toggle.js.map
+export { Toggle, ToggleFrame, context };
+//# sourceMappingURL=Toggle.native.js.map

package/dist/esm/Toggle.native.js.map CHANGED Viewed

@@ -1,6 +1 @@
-{
-  "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,qBAAqBC,cAAoB;AAClD,YAAYC,WAAW;AAEhB,IAAMC,UAAUH,oBAAoB;EACzCI,OAAO;AACT,CAAA,GAMMC,OAAO,UAMAC,cAAcL,OAAOH,gBAAgB;EAChDS,MAAMF;EACNG,KAAK;EACLL;EAEAM,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;IAEAtB,OAAO;MACL,YAAY,WAAA;AACV,eAAO,CAAC;MACV;IACF;IAEAuB,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,SAASrC,sBAAMsC,WAC1B,SAAgBC,OAAOC,cAAY;AACjC,MAAM,EACJC,SAASC,aACTC,iBAAiB,IACjBC,iBACA,GAAGC,YAAAA,IACDN,OAEE,CAACE,UAAU,IAAOK,UAAAA,IAAcjD,qBAAqB;IACzDkD,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,SAAS/D,sBAAqB4C,iBAAAA,MAAMmB,aAAO,QAAbnB,mBAAAA,SAAAA,iBAAiBa,QAAW,WAAA;AACxD,MAAKb,MAAMiB,YACTV,WAAW,CAACL,OAAAA;IAEhB,CAAA;;AAGN,CAAA;",
-  "names": ["composeEventHandlers", "ThemeableStack", "useControllableState", "createStyledContext", "styled", "React", "context", "color", "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"]
-}
+{"version":3,"names":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","context","color","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","...color","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","_props_onPress","theme","themeShallow","disabled","ref","onPress"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA4B;AACrC,SAASC,oBAAA,QAAsB;AAC/B,SAASC,cAAA,yBAA4B;AAErC,SAASC,oBAAA,QAAqB,iCAAoB;AAClD,SAAAC,mBAAuB,EAAAC,MAAA;AAmHjB,YAAAC,KAAA;AAjHC,IAAAC,OAAM,GAAAH,mBAAU;IACrBI,KAAA,EAAO;EACT,CAAC;EAMKC,IAAA,GAAO;EAMAC,WAAA,GAAcL,MAAA,CAAOH,cAAA,EAAgB;IAChDS,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IACLL,OAAA;IAEAM,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,OAAA,EAAS;UACTC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,MAAA,EAAQ;UACRC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UACAQ,UAAA,EAAY;YACVR,eAAA,EAAiB;UACnB;UACAS,UAAA,EAAY;YACVL,WAAA,EAAa;UACf;UACAM,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAtB,KAAA,EAAO;QACL,YAAY,SAAAuB,CAAA,EACF;UAEZ;QAEA;MAAQ;MACAC,MACJ;QAAQC,IAER;UAAYC,MACV;UACFV,UAAA;YAEAP,eAAY;UAAA;UACGS,UACb;YACFL,WAAA;YACFJ,eAAA;UACF;QAEA;MAAa;MACCkB,WACV;QAAeC,UACf;UACFC,aAAA;UACAC,cAAU;QAAA;QACOC,QACf;UACFF,aAAA;UACFC,cAAA;QACF;MAEA;IAAiB;IAEjBE,eAAA;MAeW1B,QAAA,EAAS2B,OAAM,CAAAC,GAAA,CAAAC,gBAAA;IAC1B;EACE;EAAAC,MAAM,kBAAAtC,KAAA,CAAAuC,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA,IACJ;QAAAC,OAAS,EAAAC,WAAA;QAAAC,cAAA;QAAAC,eAAA;QAAA,GAAAC;MAAA,IAAAN,KAAA;MAAA,CAAAE,OAAA,OAAAK,UAAA,IAAAlD,oBAAA;QAAAmD,IACT,EAAAL,WAAA;QAAiBM,QACjB,EAAAJ,eAAA;QAAAK,WACG,EAAAN;MAAA,EACL;MAAAO,cAEO;IAAoD,OACzD,eAAMzD,IAAA,CAAAU,WAAA;MAAA,IACN,CAAAoC,KAAA,CAAAhC,QAAU;QACV4C,KAAA,EAAAV,OAAa;QACdW,YAAA;MAED;MACE3B,MAAC,EAAAc,KAAA,CAAAhC,QAAA,YAAAkC,OAAA;MAAA,gBAAAA,OAAA;MAAA,YACO,EAAMA,OAAA,OAAY;MAAA,eACf,EAAAF,KAAA,CAAUc,QAAA,GAAW;MAAA,GAAAR,WAC5B;MAAcS,GAAA,EAChBd,YAAA;MAAAe,OACA,EAAA7D,oBAAoC,EAAAwD,cAAV,GAAAX,KAAA,CAAAgB,OAAA,cAAAL,cAAA,cAAAA,cAAA;QAAAX,KAC1B,CAAAc,QAAA,IAAcP,UAAA,EAAAL,OAAA;MAAA;IACe;EACQ;AACjC,SACCJ,MACL,EACElC,WAAK,EACgBH,OAEtB","ignoreList":[]}

package/dist/esm/ToggleGroup.native.js CHANGED Viewed

@@ -11,215 +11,275 @@ import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
 import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
 import React from "react";
-import { Toggle, ToggleFrame } from "./Toggle";
-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 [_, { color }] = usePropsAndStyle(props), { 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: 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}
-    tabIndex: disabled ? -1 : 0,
-    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
-  });
-}));
+import { Toggle, ToggleFrame } from "./Toggle.native.js";
+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 [_, {
+        color
+      }] = usePropsAndStyle(props),
+      {
+        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: 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}
+        tabIndex: disabled ? -1 : 0,
+        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, {
+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() {
-        }
+        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
-    })
+    }, [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
   });
-}), 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;
+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
+      })
     });
-  }, [
-    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"
+    name: TOGGLE_GROUP_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          backgroundColor: "$background"
+        }
       },
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
+      orientation: {
+        vertical: {
+          flexDirection: "column",
+          spaceDirection: "vertical"
+        },
+        horizontal: {
+          flexDirection: "row",
+          spaceDirection: "horizontal"
+        }
       }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
-  },
-  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,
+  }),
+  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,
-        axis: 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
       })
-    }) : /* @__PURE__ */ _jsx(ToggleGroupImplElementFrame, {
-      "aria-orientation": orientation,
-      ref: forwardedRef,
-      orientation,
-      "data-disabled": disabled ? "" : void 0,
-      unstyled,
-      ...commonProps
-    })
-  });
-}));
-export {
-  ToggleGroup
-};
-//# sourceMappingURL=ToggleGroup.js.map
+    });
+  }));
+export { ToggleGroup };
+//# sourceMappingURL=ToggleGroup.native.js.map

package/dist/esm/ToggleGroup.native.js.map CHANGED Viewed

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/ToggleGroup.tsx"],
-  "mappings": "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",
-  "names": ["isWeb", "registerFocusable", "getFontSize", "getSize", "Group", "useGroupItem", "withStaticProperties", "useGetThemedIcon", "RovingFocusGroup", "useControllableState", "useDirection", "createStyledContext", "getVariableValue", "styled", "usePropsAndStyle", "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", "_", "color", "disablePassStyles", "rest", "valueContext", "useToggleGroupValueContext", "__scopeToggleGroup", "context", "pressed", "value", "includes", "disabled", "groupItemProps", "size", "sizeProps", "unstyled", "width", "undefined", "height", "padding", "iconSize", "theme", "getThemedIcon", "childrens", "Children", "toArray", "children", "map", "child", "isValidElement", "commonProps", "inner", "ToggleGroupItemImpl", "ref", "tabIndex", "scope", "rovingFocus", "Item", "asChild", "__scopeRovingFocusGroup", "focusable", "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", "handleButtonDeactivate", "filter", "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", "aria-orientation", "axis", "data-disabled"]
-}
+{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","usePropsAndStyle","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","_","color","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","_props_size","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","childrens","Children","toArray","children","map","child","isValidElement","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","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.js CHANGED Viewed

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

package/dist/esm/index.native.js.map CHANGED Viewed

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toggle-group",
-  "version": "1.125.6",
+  "version": "1.125.8",
   "sideEffects": [
     "*.css"
   ],
@@ -36,22 +36,22 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.125.6",
-    "@tamagui/create-context": "1.125.6",
-    "@tamagui/focusable": "1.125.6",
-    "@tamagui/font-size": "1.125.6",
-    "@tamagui/get-token": "1.125.6",
-    "@tamagui/group": "1.125.6",
-    "@tamagui/helpers": "1.125.6",
-    "@tamagui/helpers-tamagui": "1.125.6",
-    "@tamagui/roving-focus": "1.125.6",
-    "@tamagui/stacks": "1.125.6",
-    "@tamagui/use-controllable-state": "1.125.6",
-    "@tamagui/use-direction": "1.125.6",
-    "@tamagui/web": "1.125.6"
+    "@tamagui/constants": "1.125.8",
+    "@tamagui/create-context": "1.125.8",
+    "@tamagui/focusable": "1.125.8",
+    "@tamagui/font-size": "1.125.8",
+    "@tamagui/get-token": "1.125.8",
+    "@tamagui/group": "1.125.8",
+    "@tamagui/helpers": "1.125.8",
+    "@tamagui/helpers-tamagui": "1.125.8",
+    "@tamagui/roving-focus": "1.125.8",
+    "@tamagui/stacks": "1.125.8",
+    "@tamagui/use-controllable-state": "1.125.8",
+    "@tamagui/use-direction": "1.125.8",
+    "@tamagui/web": "1.125.8"
   },
   "devDependencies": {
-    "@tamagui/build": "1.125.6",
+    "@tamagui/build": "1.125.8",
     "react": "*"
   },
   "publishConfig": {