@tamagui/group 2.7.7 → 3.0.0-beta.1093.1

package/dist/jsx/Group.mjs

@@ -1,128 +1,104 @@
-import { mergeSlotStyleProps, styled } from "@tamagui/core";
+import { createStyledHOC, mergeSlotStyleProps, resolveSize, styled } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
 import { withStaticProperties } from "@tamagui/helpers";
 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";
 const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
 const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+const groupSizeVariant = styled.dynamic((val, env) => {
+	return { borderRadius: resolveSize(val, env).frame.borderRadius };
+});
 const GroupFrame = styled(YStack, {
-  name: "GroupFrame",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true"
-      }
-    },
-    size: (val, {
-      tokens
-    }) => {
-      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
-      return {
-        borderRadius
-      };
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "GroupFrame",
+	size: true,
+	variants: { size: groupSizeVariant }
 });
 function createGroup(verticalDefault) {
-  return withStaticProperties(GroupFrame.styleable((props, ref) => {
-    const {
-      __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,
-      scope: __scopeGroup,
-      children: /* @__PURE__ */jsx(GroupFrame, {
-        ref,
-        flexDirection: vertical ? "column" : "row",
-        ...restProps,
-        children: indexedChildren
-      })
-    });
-  }), {
-    Item: GroupItem
-  });
+	return withStaticProperties(createStyledHOC(GroupFrame, (props, ref) => {
+		const { __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,
+			scope: __scopeGroup,
+			children: /* @__PURE__ */ jsx(GroupFrame, {
+				ref,
+				flexDirection: vertical ? "column" : "row",
+				...restProps,
+				children: indexedChildren
+			})
+		});
+	}), { Item: GroupItem });
 }
 function GroupItem(props) {
-  const {
-    __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 { __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();
-  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 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 {
-      ...(isFirst ? null : {
-        borderTopLeftRadius: 0,
-        borderTopRightRadius: 0
-      }),
-      ...(isLast ? null : {
-        borderBottomLeftRadius: 0,
-        borderBottomRightRadius: 0
-      })
-    };
-  }
-  return {
-    ...(isFirst ? null : {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0
-    }),
-    ...(isLast ? null : {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0
-    })
-  };
+	if (vertical) {
+		return {
+			...isFirst ? null : {
+				borderTopLeftRadius: 0,
+				borderTopRightRadius: 0
+			},
+			...isLast ? null : {
+				borderBottomLeftRadius: 0,
+				borderBottomRightRadius: 0
+			}
+		};
+	}
+	return {
+		...isFirst ? null : {
+			borderTopLeftRadius: 0,
+			borderBottomLeftRadius: 0
+		},
+		...isLast ? null : {
+			borderTopRightRadius: 0,
+			borderBottomRightRadius: 0
+		}
+	};
 }
+
 export { Group, GroupFrame, XGroup, YGroup, createGroupScope, useGroupItem };
 //# sourceMappingURL=Group.mjs.map

package/dist/jsx/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","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":"AACA,SAASA,mBAAA,EAAqBC,MAAA,QAAc;AAE5C,SAASC,kBAAA,QAA0B;AACnC,SAASC,oBAAA,QAA4B;AACrC,SAASC,MAAA,QAAc;AACvB,OAAOC,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,kBAAA,QAA0B;AA2DnC,SAAAC,GAAA;AApDV,MAAMC,UAAA,GAAa;AAGnB,MAAM,CAACC,kBAAA,EAAoBC,gBAAgB,IAAIT,kBAAA,CAAmBO,UAAU;AAC5E,MAAM,CAACG,aAAA,EAAeC,eAAe,IAAIH,kBAAA,CAAsCD,UAAU;AAElF,MAAMK,UAAA,GAAab,MAAA,CAAOG,MAAA,EAAQ;EACvCW,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;MACR;IACF;IAEAA,IAAA,EAAMA,CAACC,GAAA,EAAK;MAAEC;IAAO,MAAM;MACzB,MAAMC,YAAA,GAAeD,MAAA,CAAOE,MAAA,CAAOH,GAAG,KAAKA,GAAA,IAAOC,MAAA,CAAOE,MAAA,CAAO,OAAO;MACvE,OAAO;QACLD;MACF;IACF;EACF;EAEAE,eAAA,EAAiB;IACfP,QAAA,EAAUQ,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AASD,SAASC,YAAYC,eAAA,EAA0B;EAC7C,OAAO1B,oBAAA,CACLW,UAAA,CAAWgB,SAAA,CAAwC,CAACC,KAAA,EAAOC,GAAA,KAAQ;IACjE,MAAM;MACJC,YAAA;MACAC,QAAA,EAAUC,YAAA;MACVC,WAAA,GAAcP,eAAA,GAAkB,aAAa;MAC7CQ,QAAA;MACA,GAAGC;IACL,IAAIP,KAAA;IAEJ,MAAMQ,QAAA,GAAWH,WAAA,KAAgB;IACjC,MAAMI,eAAA,GAAkBjC,kBAAA,CAAmBF,KAAA,CAAMoC,QAAA,CAASC,OAAA,CAAQP,YAAY,CAAC;IAE/E,OACE,eAAA3B,GAAA,CAACI,aAAA;MAAc2B,QAAA;MAAoBF,QAAA;MAAoBM,KAAA,EAAOV,YAAA;MAC5DC,QAAA,iBAAA1B,GAAA,CAACM,UAAA;QACCkB,GAAA;QACAY,aAAA,EAAeL,QAAA,GAAW,WAAW;QACpC,GAAGD,SAAA;QAEHJ,QAAA,EAAAM;MAAA,CACH;IAAA,CACF;EAEJ,CAAC,GACD;IACEK,IAAA,EAAMC;EACR,CACF;AACF;AAUA,SAASA,UAAUf,KAAA,EAA0D;EAC3E,MAAM;IAAEE,YAAA;IAAcC,QAAA;IAAUa,cAAA;IAAgB,GAAGC;EAAe,IAAIjB,KAAA;EACtE,MAAMkB,OAAA,GAAUpC,eAAA,CAAgB,aAAaoB,YAAY;EACzD,MAAMiB,SAAA,GAAY5C,QAAA,CAAS;EAE3B,IAAI,CAAC4C,SAAA,EAAW;IACd,MAAMC,KAAA,CAAM,qDAAqD;EACnE;EAEA,IAAI,CAAC9C,KAAA,CAAM+C,cAAA,CAAelB,QAAQ,GAAG;IACnC,OAAOA,QAAA;EACT;EAEA,MAAMmB,OAAA,GACJN,cAAA,KAAmB,WAAYA,cAAA,KAAmB,UAAUG,SAAA,CAAUI,KAAA,KAAU;EAClF,MAAMC,MAAA,GACJR,cAAA,KAAmB,UAClBA,cAAA,KAAmB,WAAWG,SAAA,CAAUI,KAAA,KAAUJ,SAAA,CAAUM,QAAA;EAG/D,MAAMC,YAAA,GAAeC,eAAA,CAAgBL,OAAA,EAASE,MAAA,EAAQN,OAAA,CAAQV,QAAQ;EAKtE,MAAMoB,UAAA,GAAkC;IACtC,GAAGX,cAAA;IACH,GAAGS;EACL;EAEA,IAAIR,OAAA,CAAQZ,QAAA,IAAY,MAAM;IAC5BsB,UAAA,CAAWtB,QAAA,GAAYH,QAAA,CAASH,KAAA,CAAcM,QAAA,IAAYY,OAAA,CAAQZ,QAAA;EACpE;EAGA,MAAMuB,WAAA,GAAc5D,mBAAA,CAAoB2D,UAAA,EAAYzB,QAAA,CAASH,KAAY;EAEzE,OAAO1B,KAAA,CAAMwD,YAAA,CAAa3B,QAAA,EAAU0B,WAAW;AACjD;AAEO,MAAME,YAAA,GAAeA,CAC1BC,aAAA,EACAhB,cAAA,EACAd,YAAA,KACG;EACH,MAAMiB,SAAA,GAAY5C,QAAA,CAAS;EAC3B,MAAM2C,OAAA,GAAUpC,eAAA,CAAgB,aAAaoB,YAAY;EAEzD,IAAI,CAACiB,SAAA,EAAW;IACd,MAAMC,KAAA,CAAM,oDAAoD;EAClE;EAEA,MAAME,OAAA,GACJN,cAAA,KAAmB,WAAYA,cAAA,KAAmB,UAAUG,SAAA,CAAUI,KAAA,KAAU;EAClF,MAAMC,MAAA,GACJR,cAAA,KAAmB,UAClBA,cAAA,KAAmB,WAAWG,SAAA,CAAUI,KAAA,KAAUJ,SAAA,CAAUM,QAAA;EAE/D,MAAMC,YAAA,GAAeC,eAAA,CAAgBL,OAAA,EAASE,MAAA,EAAQN,OAAA,CAAQV,QAAQ;EAEtE,OAAO;IACLF,QAAA,EAAU0B,aAAA,CAAc1B,QAAA,IAAYY,OAAA,CAAQZ,QAAA;IAC5C,GAAGoB;EACL;AACF;AAEO,MAAMO,KAAA,GAAQpC,WAAA,CAAY,IAAI;AAC9B,MAAMqC,MAAA,GAASD,KAAA;AACf,MAAME,MAAA,GAAStC,WAAA,CAAY,KAAK;AAMvC,SAAS8B,gBAAgBL,OAAA,EAAkBE,MAAA,EAAiBhB,QAAA,EAAmB;EAC7E,IAAIA,QAAA,EAAU;IAEZ,OAAO;MACL,IAAIc,OAAA,GAAU,OAAO;QAAEc,mBAAA,EAAqB;QAAGC,oBAAA,EAAsB;MAAE;MACvE,IAAIb,MAAA,GAAS,OAAO;QAAEc,sBAAA,EAAwB;QAAGC,uBAAA,EAAyB;MAAE;IAC9E;EACF;EAEA,OAAO;IACL,IAAIjB,OAAA,GAAU,OAAO;MAAEc,mBAAA,EAAqB;MAAGE,sBAAA,EAAwB;IAAE;IACzE,IAAId,MAAA,GAAS,OAAO;MAAEa,oBAAA,EAAsB;MAAGE,uBAAA,EAAyB;IAAE;EAC5E;AACF","ignoreList":[]}
+{"version":3,"file":"Group.js","names":[],"sources":["jsx/Group.js"],"sourcesContent":["import { createStyledHOC, mergeSlotStyleProps, resolveSize, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport React from \"react\";\nimport { useIndex, useIndexedChildren } from \"./useIndexedChildren\";\nimport { jsx } from \"react/jsx-runtime\";\nconst GROUP_NAME = \"Group\";\nconst [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);\nconst [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nconst groupSizeVariant = styled.dynamic((val, env) => {\n  return {\n    borderRadius: resolveSize(val, env).frame.borderRadius\n  };\n});\nconst GroupFrame = styled(YStack, {\n  displayName: \"GroupFrame\",\n  size: true,\n  variants: {\n    size: groupSizeVariant\n  }\n});\nfunction createGroup(verticalDefault) {\n  return withStaticProperties(\n    createStyledHOC(GroupFrame, (props, ref) => {\n      const {\n        __scopeGroup,\n        children: childrenProp,\n        orientation = verticalDefault ? \"vertical\" : \"horizontal\",\n        disabled,\n        ...restProps\n      } = props;\n      const vertical = orientation === \"vertical\";\n      const indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));\n      return /* @__PURE__ */ jsx(GroupProvider, { vertical, disabled, scope: __scopeGroup, children: /* @__PURE__ */ jsx(\n        GroupFrame,\n        {\n          ref,\n          flexDirection: vertical ? \"column\" : \"row\",\n          ...restProps,\n          children: indexedChildren\n        }\n      ) });\n    }),\n    {\n      Item: GroupItem\n    }\n  );\n}\nfunction GroupItem(props) {\n  const { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n  const context = useGroupContext(\"GroupItem\", __scopeGroup);\n  const treeIndex = useIndex();\n  if (!treeIndex) {\n    throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n  }\n  if (!React.isValidElement(children)) {\n    return children;\n  }\n  const isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n  const isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n  const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n  const groupProps = {\n    ...forwardedProps,\n    ...radiusStyles\n  };\n  if (context.disabled != null) {\n    groupProps.disabled = children.props.disabled ?? context.disabled;\n  }\n  const mergedProps = mergeSlotStyleProps(groupProps, children.props);\n  return React.cloneElement(children, mergedProps);\n}\nconst useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {\n  const treeIndex = useIndex();\n  const context = useGroupContext(\"GroupItem\", __scopeGroup);\n  if (!treeIndex) {\n    throw Error(\"useGroupItem should only be used within a <Group/>\");\n  }\n  const isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n  const isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n  const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n  return {\n    disabled: childrenProps.disabled ?? context.disabled,\n    ...radiusStyles\n  };\n};\nconst Group = createGroup(true);\nconst YGroup = Group;\nconst XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n  if (vertical) {\n    return {\n      ...isFirst ? null : { borderTopLeftRadius: 0, borderTopRightRadius: 0 },\n      ...isLast ? null : { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n    };\n  }\n  return {\n    ...isFirst ? null : { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n    ...isLast ? null : { borderTopRightRadius: 0, borderBottomRightRadius: 0 }\n  };\n}\nexport {\n  Group,\n  GroupFrame,\n  XGroup,\n  YGroup,\n  createGroupScope,\n  useGroupItem\n};\n//# sourceMappingURL=Group.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa;AACnB,MAAM,CAAC,oBAAoB,oBAAoB,mBAAmB,UAAU;AAC5E,MAAM,CAAC,eAAe,mBAAmB,mBAAmB,UAAU;AACtE,MAAM,mBAAmB,OAAO,SAAS,KAAK,QAAQ;CACpD,OAAO,EACL,cAAc,YAAY,KAAK,GAAG,CAAC,CAAC,MAAM,aAC5C;AACF,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,MAAM;CACN,UAAU,EACR,MAAM,iBACR;AACF,CAAC;AACD,SAAS,YAAY,iBAAiB;CACpC,OAAO,qBACL,gBAAgB,aAAa,OAAO,QAAQ;EAC1C,MAAM,EACJ,cACA,UAAU,cACV,cAAc,kBAAkB,aAAa,cAC7C,UACA,GAAG,cACD;EACJ,MAAM,WAAW,gBAAgB;EACjC,MAAM,kBAAkB,mBAAmB,MAAM,SAAS,QAAQ,YAAY,CAAC;EAC/E,OAAuB,oBAAI,eAAe;GAAE;GAAU;GAAU,OAAO;GAAc,UAA0B,oBAC7G,YACA;IACE;IACA,eAAe,WAAW,WAAW;IACrC,GAAG;IACH,UAAU;GACZ,CACF;EAAE,CAAC;CACL,CAAC,GACD,EACE,MAAM,UACR,CACF;AACF;AACA,SAAS,UAAU,OAAO;CACxB,MAAM,EAAE,cAAc,UAAU,gBAAgB,GAAG,mBAAmB;CACtE,MAAM,UAAU,gBAAgB,aAAa,YAAY;CACzD,MAAM,YAAY,SAAS;CAC3B,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,qDAAqD;CACnE;CACA,IAAI,CAAC,MAAM,eAAe,QAAQ,GAAG;EACnC,OAAO;CACT;CACA,MAAM,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC/F,MAAM,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACxG,MAAM,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACtE,MAAM,aAAa;EACjB,GAAG;EACH,GAAG;CACL;CACA,IAAI,QAAQ,YAAY,MAAM;EAC5B,WAAW,WAAW,SAAS,MAAM,YAAY,QAAQ;CAC3D;CACA,MAAM,cAAc,oBAAoB,YAAY,SAAS,KAAK;CAClE,OAAO,MAAM,aAAa,UAAU,WAAW;AACjD;AACA,MAAM,gBAAgB,eAAe,gBAAgB,iBAAiB;CACpE,MAAM,YAAY,SAAS;CAC3B,MAAM,UAAU,gBAAgB,aAAa,YAAY;CACzD,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,oDAAoD;CAClE;CACA,MAAM,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC/F,MAAM,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACxG,MAAM,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACtE,OAAO;EACL,UAAU,cAAc,YAAY,QAAQ;EAC5C,GAAG;CACL;AACF;AACA,MAAM,QAAQ,YAAY,IAAI;AAC9B,MAAM,SAAS;AACf,MAAM,SAAS,YAAY,KAAK;AAChC,SAAS,gBAAgB,SAAS,QAAQ,UAAU;CAClD,IAAI,UAAU;EACZ,OAAO;GACL,GAAG,UAAU,OAAO;IAAE,qBAAqB;IAAG,sBAAsB;GAAE;GACtE,GAAG,SAAS,OAAO;IAAE,wBAAwB;IAAG,yBAAyB;GAAE;EAC7E;CACF;CACA,OAAO;EACL,GAAG,UAAU,OAAO;GAAE,qBAAqB;GAAG,wBAAwB;EAAE;EACxE,GAAG,SAAS,OAAO;GAAE,sBAAsB;GAAG,yBAAyB;EAAE;CAC3E;AACF"}

package/dist/jsx/Group.native.cjs

@@ -0,0 +1,140 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Group_exports = {};
+__export(Group_exports, {
+	Group: () => Group,
+	GroupFrame: () => GroupFrame,
+	XGroup: () => XGroup,
+	YGroup: () => YGroup,
+	createGroupScope: () => createGroupScope,
+	useGroupItem: () => useGroupItem
+});
+module.exports = __toCommonJS(Group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_helpers = require("@tamagui/helpers");
+var import_stacks = require("@tamagui/stacks");
+var import_react = __toESM(require("react"), 1);
+var import_useIndexedChildren = require("./useIndexedChildren.native.js");
+var GROUP_NAME = "Group";
+var [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
+var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+var groupSizeVariant = import_core.styled.dynamic(function(val, env) {
+	return { borderRadius: (0, import_core.resolveSize)(val, env).frame.borderRadius };
+});
+var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: "GroupFrame",
+	size: true,
+	variants: { size: groupSizeVariant }
+});
+function createGroup(verticalDefault) {
+	return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {
+		var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
+		var vertical = orientation === "vertical";
+		var indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupProvider, {
+			vertical,
+			disabled,
+			scope: __scopeGroup,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame, {
+				ref,
+				flexDirection: vertical ? "column" : "row",
+				...restProps,
+				children: indexedChildren
+			})
+		});
+	}), { Item: GroupItem });
+}
+function GroupItem(props) {
+	var { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;
+	var context = useGroupContext("GroupItem", __scopeGroup);
+	var treeIndex = (0, import_useIndexedChildren.useIndex)();
+	if (!treeIndex) {
+		throw Error("<Group.Item/> should only be used within a <Group/>");
+	}
+	if (!/* @__PURE__ */ import_react.default.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;
+	}
+	var mergedProps = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);
+	return /* @__PURE__ */ import_react.default.cloneElement(children, mergedProps);
+}
+var useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
+	var treeIndex = (0, import_useIndexedChildren.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 {
+			...isFirst ? null : {
+				borderTopLeftRadius: 0,
+				borderTopRightRadius: 0
+			},
+			...isLast ? null : {
+				borderBottomLeftRadius: 0,
+				borderBottomRightRadius: 0
+			}
+		};
+	}
+	return {
+		...isFirst ? null : {
+			borderTopLeftRadius: 0,
+			borderBottomLeftRadius: 0
+		},
+		...isLast ? null : {
+			borderTopRightRadius: 0,
+			borderBottomRightRadius: 0
+		}
+	};
+}