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

package/dist/cjs/useIndexedChildren.cjs

@@ -2,51 +2,55 @@ 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 useIndexedChildren_exports = {};
 __export(useIndexedChildren_exports, {
   useIndex: () => useIndex,
   useIndexedChildren: () => useIndexedChildren
 });
 module.exports = __toCommonJS(useIndexedChildren_exports);
-var React = __toESM(require("react"), 1),
-  import_jsx_runtime = require("react/jsx-runtime");
-const MaxIndexContext = React.createContext([]),
-  IndexContext = React.createContext(null);
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+const MaxIndexContext = React.createContext([]);
+const IndexContext = React.createContext(null);
 function useIndex() {
-  const maxIndexPath = React.useContext(MaxIndexContext),
-    indexPathString = React.useContext(IndexContext);
+  const maxIndexPath = React.useContext(MaxIndexContext);
+  const indexPathString = React.useContext(IndexContext);
   return React.useMemo(() => {
-    if (indexPathString === null) return null;
-    const indexPath = parseIndexPath(indexPathString),
-      maxIndex = maxIndexPath[maxIndexPath.length - 1],
-      index = indexPath[indexPath.length - 1];
+    if (indexPathString === null) {
+      return null;
+    }
+    const indexPath = parseIndexPath(indexPathString);
+    const maxIndex = maxIndexPath[maxIndexPath.length - 1];
+    const index = indexPath[indexPath.length - 1];
     return {
       maxIndex,
       maxIndexPath,
@@ -61,10 +65,10 @@ function useIndex() {
   }, [maxIndexPath, indexPathString]);
 }
 function useIndexedChildren(children) {
-  const parentMaxIndexPath = React.useContext(MaxIndexContext),
-    indexPathString = React.useContext(IndexContext),
-    childrenCount = React.Children.count(children),
-    maxIndexPath = React.useMemo(() => parentMaxIndexPath.concat(childrenCount - 1), [childrenCount]);
+  const parentMaxIndexPath = React.useContext(MaxIndexContext);
+  const indexPathString = React.useContext(IndexContext);
+  const childrenCount = React.Children.count(children);
+  const maxIndexPath = React.useMemo(() => parentMaxIndexPath.concat(childrenCount - 1), [childrenCount]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(MaxIndexContext.Provider, {
     value: maxIndexPath,
     children: React.Children.map(children, (child, index) => React.isValidElement(child) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(IndexContext.Provider, {

package/dist/cjs/useIndexedChildren.native.js

@@ -4,51 +4,55 @@ 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 useIndexedChildren_exports = {};
 __export(useIndexedChildren_exports, {
   useIndex: () => useIndex,
   useIndexedChildren: () => useIndexedChildren
 });
 module.exports = __toCommonJS(useIndexedChildren_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  React = __toESM(require("react"), 1),
-  MaxIndexContext = /* @__PURE__ */React.createContext([]),
-  IndexContext = /* @__PURE__ */React.createContext(null);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var MaxIndexContext = /* @__PURE__ */React.createContext([]);
+var IndexContext = /* @__PURE__ */React.createContext(null);
 function useIndex() {
-  var maxIndexPath = React.useContext(MaxIndexContext),
-    indexPathString = React.useContext(IndexContext);
+  var maxIndexPath = React.useContext(MaxIndexContext);
+  var indexPathString = React.useContext(IndexContext);
   return React.useMemo(function () {
-    if (indexPathString === null) return null;
-    var indexPath = parseIndexPath(indexPathString),
-      maxIndex = maxIndexPath[maxIndexPath.length - 1],
-      index = indexPath[indexPath.length - 1];
+    if (indexPathString === null) {
+      return null;
+    }
+    var indexPath = parseIndexPath(indexPathString);
+    var maxIndex = maxIndexPath[maxIndexPath.length - 1];
+    var index = indexPath[indexPath.length - 1];
     return {
       maxIndex,
       maxIndexPath,
@@ -63,12 +67,12 @@ function useIndex() {
   }, [maxIndexPath, indexPathString]);
 }
 function useIndexedChildren(children) {
-  var parentMaxIndexPath = React.useContext(MaxIndexContext),
-    indexPathString = React.useContext(IndexContext),
-    childrenCount = React.Children.count(children),
-    maxIndexPath = React.useMemo(function () {
-      return parentMaxIndexPath.concat(childrenCount - 1);
-    }, [childrenCount]);
+  var parentMaxIndexPath = React.useContext(MaxIndexContext);
+  var indexPathString = React.useContext(IndexContext);
+  var childrenCount = React.Children.count(children);
+  var maxIndexPath = React.useMemo(function () {
+    return parentMaxIndexPath.concat(childrenCount - 1);
+  }, [childrenCount]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(MaxIndexContext.Provider, {
     value: maxIndexPath,
     children: React.Children.map(children, function (child, index) {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useIndexedChildren_exports","__export","useIndex","useIndexedChildren","module","exports","import_jsx_runtime","require","React","__toESM","MaxIndexContext","createContext","IndexContext","maxIndexPath","useContext","indexPathString","useMemo","indexPath","parseIndexPath","maxIndex","length","index","isFirst","isLast","isEven","isOdd","Math","abs","children","parentMaxIndexPath","childrenCount","Children","count","concat","jsx","Provider","map","child","isValidElement","toString","key"],"sources":["../../src/useIndexedChildren.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAyBAC,MAAA,CAAAC,OAAuB,GAAAV,YAAA,CAAAK,0BA+Cb;AA7CV,IAAAM,kBAAM,GAAkBC,OAAM,oBACxB;EAAAC,KAAA,GAAAC,OAAqB,CAAAF,OAAA,QAA6B,GAAI;EAAAG,eAAA,kBAAAF,KAAA,CAAAG,aAAA;EAAAC,YAAA,kBAAAJ,KAAA,CAAAG,aAAA;AAGrD,SAAST,SAAA,EAAW;EACzB,IAAAW,YAAM,GAAAL,KAAe,CAAAM,UAAM,CAAAJ,eAAW;IAAeK,eAC/C,GAAAP,KAAkB,CAAAM,UAAM,CAAAF,YAAW;EAEzC,OAAOJ,KAAA,CAAMQ,OAAA,CAAQ,YAAM;IACzB,IAAID,eAAA,KAAoB,MACtB,OAAO;IAGT,IAAAE,SAAM,GAAAC,cAAY,CAAAH,eAAe;MAAeI,QAC1C,GAAAN,YAAW,CAAAA,YAAa,CAAAO,MAAa,KAAS;MAACC,KAC/C,GAAAJ,SAAQ,CAAAA,SAAU,CAAAG,MAAU,KAAS;IAE3C,OAAO;MACLD,QAAA;MACAN,YAAA;MACAQ,KAAA;MACAJ,SAAA;MACAF,eAAA;MACAO,OAAA,EAASD,KAAA,KAAU;MACnBE,MAAA,EAAQF,KAAA,KAAUF,QAAA;MAClBK,MAAA,EAAQH,KAAA,GAAQ,MAAM;MACtBI,KAAA,EAAOC,IAAA,CAAKC,GAAA,CAAIN,KAAA,GAAQ,CAAC,MAAM;IACjC;EACF,GAAG,CACLR,YAAA,EAGOE,eAAS,CACd;AAG2B;AACwB,SAChDZ,kBAAaA,CAAAyB,QAAA;EAChB,IAAAC,kBAAA,GAAArB,KAAA,CAAAM,UAAA,CAAAJ,eAAA;IAAAK,eAAA,GAAAP,KAAA,CAAAM,UAAA,CAAAF,YAAA;IAAAkB,aAAA,GAAAtB,KAAA,CAAAuB,QAAA,CAAAC,KAAA,CAAAJ,QAAA;IAAAf,YAAA,GAAAL,KAAA,CAAAQ,OAAA;MAEA,OACEa,kBAAA,CAAAI,MAAA,CAAAH,aAAA,GAAC;IACiB,GAAI,CAAUA,aAAQ,CAElC;EAAc,OAAb,mBAAAxB,kBAAA,CAAA4B,GAAA,EAAAxB,eAAA,CAAAyB,QAAA;IAAApC,KAEC,EAAAc,YACE;IAEmBe,QAGpB,EAAApB,KAAA,CAAAuB,QAAA,CAAAK,GAAA,CAAAR,QAAA,YAAAS,KAAA,EAAAhB,KAAA;MAAA,sBAAAb,KAAA,CAAA8B,cAAA,CAAAD,KAAA,uBAAA/B,kBAAA,CAAA4B,GAAA,EAAAtB,YAAA,CAAAuB,QAAA;QAPIpC,KAAM,EAAAgB,eAAA,MAAAA,eAAA,IAAAM,KAAA,CAAAkB,QAAA,OAAAlB,KAAA,CAAAkB,QAAA;QAUbX,QAAA,EAAAS;MAGN,GAAAA,KAAA,CAAAG,GAAA,IAAAH,KAAA;IAEJ;EAQA;AACE;AACF,SAAAnB,eAAAH,eAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useIndexedChildren_exports","__export","useIndex","useIndexedChildren","module","exports","import_jsx_runtime","require","React","__toESM","MaxIndexContext","createContext","IndexContext","maxIndexPath","useContext","indexPathString","useMemo","indexPath","parseIndexPath","maxIndex","length","index","isFirst","isLast","isEven","isOdd","Math","abs","children","parentMaxIndexPath","childrenCount","Children","count","concat","jsx","Provider","map","child","isValidElement","toString","key"],"sources":["../../src/useIndexedChildren.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAyBAC,MAAA,CAAAC,OAAuB,GAAAV,YAAA,CAAAK,0BAAA;AA+Cb,IAAAM,kBAAA,GAAAC,OAAA;AA7CV,IAAAC,KAAM,GAAAC,OAAA,CAAAF,OAAkB,QAAM;AAC9B,IAAAG,eAAM,GAAe,eAAMF,KAA6B,CAAAG,aAAI;AAGrD,IAAAC,YAAS,kBAAWJ,KAAA,CAAAG,aAAA;AACzB,SAAMT,SAAA;EACN,IAAAW,YAAM,GAAAL,KAAkB,CAAAM,UAAM,CAAAJ,eAAW;EAEzC,IAAAK,eAAa,GAAQP,KAAM,CAAAM,UAAA,CAAAF,YAAA;EACzB,OAAIJ,KAAA,CAAAQ,OAAA,aAA0B;IAC5B,IAAAD,eAAO;MACT;IAEA;IACA,IAAAE,SAAM,GAAAC,cAAwB,CAAAH,eAAa;IAC3C,IAAAI,QAAM,GAAQN,YAAU,CAAAA,YAAU,CAAAO,MAAU;IAE5C,IAAAC,KAAO,GAAAJ,SAAA,CAAAA,SAAA,CAAAG,MAAA;IAAA,OACL;MACAD,QAAA;MACAN,YAAA;MACAQ,KAAA;MACAJ,SAAA;MACAF,eAAS;MACTO,OAAA,EAAQD,KAAA,KAAU;MAClBE,MAAA,EAAQF,KAAA,KAAQF,QAAM;MACtBK,MAAA,EAAOH,KAAK,GAAI;MAClBI,KAAA,EAAAC,IAAA,CAAAC,GAAA,CAAAN,KAAA;IACF,CAAG;EACL,IAGOR,YAAS,EACdE,eAAM,CACN;AACA;AACA,SAAMZ,kBAAeA,CAAAyB,QAAM;EAAA,IACzBC,kBAAM,GAAArB,KAAmB,CAAAM,UAAO,CAAAJ,eAAiB;EAAA,IAChDK,eAAa,GAAAP,KAAA,CAAAM,UAAA,CAAAF,YAAA;EAChB,IAAAkB,aAAA,GAAAtB,KAAA,CAAAuB,QAAA,CAAAC,KAAA,CAAAJ,QAAA;EAEA,IAAAf,YACE,GAAAL,KAAA,CAAAQ,OAAA;IACsB,OAAAa,kBAAA,CAAAI,MAAA,CAAAH,aAAA;EAAA,GAAW,CAE3BA,aAAC,CAAa;EAAb,OAEC,eACE,IAAAxB,kBACO,CAAA4B,GAAe,EAAAxB,eAAU,CAAAyB,QAC5B;IAAepC,KAGpB,EAAAc,YAAA;IAAAe,QAAA,EAAApB,KAAA,CAAAuB,QAAA,CAAAK,GAAA,CAAAR,QAAA,YAAAS,KAAA,EAAAhB,KAAA;MAPI,OAAM,eAAAb,KAAA,CAAA8B,cAAA,CAAAD,KAAA,uBAAA/B,kBAAA,CAAA4B,GAAA,EAAAtB,YAAA,CAAAuB,QAAA;QAUbpC,KAAA,EAAAgB,eAAA,MAAAA,eAAA,IAAAM,KAAA,CAAAkB,QAAA,OAAAlB,KAAA,CAAAkB,QAAA;QAGNX,QAAA,EAAAS;MAEJ,GAAAA,KAAA,CAAAG,GAAA,IAAAH,KAAA;IAQA;EACE;AACF","ignoreList":[]}

package/dist/esm/Group.mjs

@@ -5,38 +5,41 @@ import { YStack } from "@tamagui/stacks";
 import React from "react";
 import { useIndex, useIndexedChildren } from "./useIndexedChildren.mjs";
 import { jsx } from "react/jsx-runtime";
-const GROUP_NAME = "Group",
-  [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME),
-  [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME),
-  GroupFrame = styled(YStack, {
-    name: "GroupFrame",
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true"
-        }
-      },
-      size: (val, {
-        tokens
-      }) => ({
-        borderRadius: tokens.radius[val] ?? val ?? tokens.radius.$true
-      })
+const GROUP_NAME = "Group";
+const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
+const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+const GroupFrame = styled(YStack, {
+  name: "GroupFrame",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true"
+      }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    size: (val, {
+      tokens
+    }) => {
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
+      return {
+        borderRadius
+      };
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
 function createGroup(verticalDefault) {
   return withStaticProperties(GroupFrame.styleable((props, ref) => {
     const {
-        __scopeGroup,
-        children: childrenProp,
-        orientation = verticalDefault ? "vertical" : "horizontal",
-        disabled,
-        ...restProps
-      } = props,
-      vertical = orientation === "vertical",
-      indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));
+      __scopeGroup,
+      children: childrenProp,
+      orientation = verticalDefault ? "vertical" : "horizontal",
+      disabled,
+      ...restProps
+    } = props;
+    const vertical = orientation === "vertical";
+    const indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));
     return /* @__PURE__ */jsx(GroupProvider, {
       vertical,
       disabled,
@@ -54,52 +57,63 @@ function createGroup(verticalDefault) {
 }
 function GroupItem(props) {
   const {
-      __scopeGroup,
-      children,
-      forcePlacement,
-      ...forwardedProps
-    } = props,
-    context = useGroupContext("GroupItem", __scopeGroup),
-    treeIndex = useIndex();
-  if (!treeIndex) throw Error("<Group.Item/> should only be used within a <Group/>");
-  if (!React.isValidElement(children)) return children;
-  const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0,
-    isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex,
-    radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical),
-    groupProps = {
-      ...forwardedProps,
-      ...radiusStyles
-    };
-  context.disabled != null && (groupProps.disabled = children.props.disabled ?? context.disabled);
+    __scopeGroup,
+    children,
+    forcePlacement,
+    ...forwardedProps
+  } = props;
+  const context = useGroupContext("GroupItem", __scopeGroup);
+  const treeIndex = useIndex();
+  if (!treeIndex) {
+    throw Error("<Group.Item/> should only be used within a <Group/>");
+  }
+  if (!React.isValidElement(children)) {
+    return children;
+  }
+  const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
+  const isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
+  const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
+  const groupProps = {
+    ...forwardedProps,
+    ...radiusStyles
+  };
+  if (context.disabled != null) {
+    groupProps.disabled = children.props.disabled ?? context.disabled;
+  }
   const mergedProps = mergeSlotStyleProps(groupProps, children.props);
   return React.cloneElement(children, mergedProps);
 }
 const useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {
-    const treeIndex = useIndex(),
-      context = useGroupContext("GroupItem", __scopeGroup);
-    if (!treeIndex) throw Error("useGroupItem should only be used within a <Group/>");
-    const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0,
-      isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex,
-      radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
+  const treeIndex = useIndex();
+  const context = useGroupContext("GroupItem", __scopeGroup);
+  if (!treeIndex) {
+    throw Error("useGroupItem should only be used within a <Group/>");
+  }
+  const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
+  const isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
+  const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
+  return {
+    disabled: childrenProps.disabled ?? context.disabled,
+    ...radiusStyles
+  };
+};
+const Group = createGroup(true);
+const YGroup = Group;
+const XGroup = createGroup(false);
+function getZeroedRadius(isFirst, isLast, vertical) {
+  if (vertical) {
     return {
-      disabled: childrenProps.disabled ?? context.disabled,
-      ...radiusStyles
+      ...(isFirst ? null : {
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0
+      }),
+      ...(isLast ? null : {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0
+      })
     };
-  },
-  Group = createGroup(!0),
-  YGroup = Group,
-  XGroup = createGroup(!1);
-function getZeroedRadius(isFirst, isLast, vertical) {
-  return vertical ? {
-    ...(isFirst ? null : {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    }),
-    ...(isLast ? null : {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
-    })
-  } : {
+  }
+  return {
     ...(isFirst ? null : {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0

package/dist/esm/Group.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["mergeSlotStyleProps","styled","createContextScope","withStaticProperties","YStack","React","useIndex","useIndexedChildren","jsx","GROUP_NAME","createGroupContext","createGroupScope","GroupProvider","useGroupContext","GroupFrame","name","variants","unstyled","false","size","val","tokens","borderRadius","radius","$true","defaultVariants","process","env","TAMAGUI_HEADLESS","createGroup","verticalDefault","styleable","props","ref","__scopeGroup","children","childrenProp","orientation","disabled","restProps","vertical","indexedChildren","Children","toArray","scope","flexDirection","Item","GroupItem","forcePlacement","forwardedProps","context","treeIndex","Error","isValidElement","isFirst","index","isLast","maxIndex","radiusStyles","getZeroedRadius","groupProps","mergedProps","cloneElement","useGroupItem","childrenProps","Group","YGroup","XGroup","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],"sources":["../../src/Group.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["mergeSlotStyleProps","styled","createContextScope","withStaticProperties","YStack","React","useIndex","useIndexedChildren","jsx","GROUP_NAME","createGroupContext","createGroupScope","GroupProvider","useGroupContext","GroupFrame","name","variants","unstyled","false","size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","createGroup","verticalDefault","styleable","props","ref","__scopeGroup","children","childrenProp","orientation","disabled","restProps","vertical","indexedChildren","Children","toArray","scope","flexDirection","Item","GroupItem","forcePlacement","forwardedProps","context","treeIndex","Error","isValidElement","isFirst","index","isLast","maxIndex","radiusStyles","getZeroedRadius","groupProps","mergedProps","cloneElement","useGroupItem","childrenProps","Group","YGroup","XGroup","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],"sources":["../../src/Group.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Group.native.js

@@ -5,44 +5,43 @@ import { withStaticProperties } from "@tamagui/helpers";
 import { YStack } from "@tamagui/stacks";
 import React from "react";
 import { useIndex, useIndexedChildren } from "./useIndexedChildren.native.js";
-var GROUP_NAME = "Group",
-  [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME),
-  [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME),
-  GroupFrame = styled(YStack, {
-    name: "GroupFrame",
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true"
-        }
-      },
-      size: function (val, param) {
-        var {
-            tokens
-          } = param,
-          _tokens_radius_val,
-          _ref,
-          borderRadius = (_ref = (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val) !== null && _ref !== void 0 ? _ref : tokens.radius.$true;
-        return {
-          borderRadius
-        };
+var GROUP_NAME = "Group";
+var [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
+var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+var GroupFrame = styled(YStack, {
+  name: "GroupFrame",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true"
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    size: function (val, param) {
+      var {
+        tokens
+      } = param;
+      var _tokens_radius_val, _ref;
+      var borderRadius = (_ref = (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val) !== null && _ref !== void 0 ? _ref : tokens.radius["$true"];
+      return {
+        borderRadius
+      };
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
 function createGroup(verticalDefault) {
   return withStaticProperties(GroupFrame.styleable(function (props, ref) {
     var {
-        __scopeGroup,
-        children: childrenProp,
-        orientation = verticalDefault ? "vertical" : "horizontal",
-        disabled,
-        ...restProps
-      } = props,
-      vertical = orientation === "vertical",
-      indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));
+      __scopeGroup,
+      children: childrenProp,
+      orientation = verticalDefault ? "vertical" : "horizontal",
+      disabled,
+      ...restProps
+    } = props;
+    var vertical = orientation === "vertical";
+    var indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));
     return /* @__PURE__ */_jsx(GroupProvider, {
       vertical,
       disabled,
@@ -60,22 +59,26 @@ function createGroup(verticalDefault) {
 }
 function GroupItem(props) {
   var {
-      __scopeGroup,
-      children,
-      forcePlacement,
-      ...forwardedProps
-    } = props,
-    context = useGroupContext("GroupItem", __scopeGroup),
-    treeIndex = useIndex();
-  if (!treeIndex) throw Error("<Group.Item/> should only be used within a <Group/>");
-  if (! /* @__PURE__ */React.isValidElement(children)) return children;
-  var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0,
-    isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex,
-    radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical),
-    groupProps = {
-      ...forwardedProps,
-      ...radiusStyles
-    };
+    __scopeGroup,
+    children,
+    forcePlacement,
+    ...forwardedProps
+  } = props;
+  var context = useGroupContext("GroupItem", __scopeGroup);
+  var treeIndex = useIndex();
+  if (!treeIndex) {
+    throw Error("<Group.Item/> should only be used within a <Group/>");
+  }
+  if (! /* @__PURE__ */React.isValidElement(children)) {
+    return children;
+  }
+  var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
+  var isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
+  var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
+  var groupProps = {
+    ...forwardedProps,
+    ...radiusStyles
+  };
   if (context.disabled != null) {
     var _children_props_disabled;
     groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;
@@ -84,32 +87,37 @@ function GroupItem(props) {
   return /* @__PURE__ */React.cloneElement(children, mergedProps);
 }
 var useGroupItem = function (childrenProps, forcePlacement, __scopeGroup) {
-    var treeIndex = useIndex(),
-      context = useGroupContext("GroupItem", __scopeGroup);
-    if (!treeIndex) throw Error("useGroupItem should only be used within a <Group/>");
-    var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0,
-      isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex,
-      radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical),
-      _childrenProps_disabled;
+  var treeIndex = useIndex();
+  var context = useGroupContext("GroupItem", __scopeGroup);
+  if (!treeIndex) {
+    throw Error("useGroupItem should only be used within a <Group/>");
+  }
+  var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
+  var isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
+  var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
+  var _childrenProps_disabled;
+  return {
+    disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,
+    ...radiusStyles
+  };
+};
+var Group = createGroup(true);
+var YGroup = Group;
+var XGroup = createGroup(false);
+function getZeroedRadius(isFirst, isLast, vertical) {
+  if (vertical) {
     return {
-      disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,
-      ...radiusStyles
+      ...(isFirst ? null : {
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0
+      }),
+      ...(isLast ? null : {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0
+      })
     };
-  },
-  Group = createGroup(!0),
-  YGroup = Group,
-  XGroup = createGroup(!1);
-function getZeroedRadius(isFirst, isLast, vertical) {
-  return vertical ? {
-    ...(isFirst ? null : {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    }),
-    ...(isLast ? null : {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
-    })
-  } : {
+  }
+  return {
     ...(isFirst ? null : {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0