@tamagui/group 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/useIndexedChildren.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,85 +8,79 @@ 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
-  });
+	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;
+	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(
-// 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
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useIndexedChildren_exports = {};
 __export(useIndexedChildren_exports, {
-  useIndex: () => useIndex,
-  useIndexedChildren: () => useIndexedChildren
+	useIndex: () => useIndex,
+	useIndexedChildren: () => useIndexedChildren
 });
 module.exports = __toCommonJS(useIndexedChildren_exports);
 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);
+var MaxIndexContext = /* @__PURE__ */ React.createContext([]);
+var IndexContext = /* @__PURE__ */ React.createContext(null);
 function useIndex() {
-  var maxIndexPath = React.useContext(MaxIndexContext);
-  var indexPathString = React.useContext(IndexContext);
-  return React.useMemo(function () {
-    if (indexPathString === null) {
-      return null;
-    }
-    var indexPath = parseIndexPath(indexPathString);
-    var maxIndex = maxIndexPath[maxIndexPath.length - 1];
-    var index = indexPath[indexPath.length - 1];
-    return {
-      maxIndex,
-      maxIndexPath,
-      index,
-      indexPath,
-      indexPathString,
-      isFirst: index === 0,
-      isLast: index === maxIndex,
-      isEven: index % 2 === 0,
-      isOdd: Math.abs(index % 2) === 1
-    };
-  }, [maxIndexPath, indexPathString]);
+	var maxIndexPath = React.useContext(MaxIndexContext);
+	var indexPathString = React.useContext(IndexContext);
+	return React.useMemo(function() {
+		if (indexPathString === null) {
+			return null;
+		}
+		var indexPath = parseIndexPath(indexPathString);
+		var maxIndex = maxIndexPath[maxIndexPath.length - 1];
+		var index = indexPath[indexPath.length - 1];
+		return {
+			maxIndex,
+			maxIndexPath,
+			index,
+			indexPath,
+			indexPathString,
+			isFirst: index === 0,
+			isLast: index === maxIndex,
+			isEven: index % 2 === 0,
+			isOdd: Math.abs(index % 2) === 1
+		};
+	}, [maxIndexPath, indexPathString]);
 }
 function useIndexedChildren(children) {
-  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) {
-      return /* @__PURE__ */React.isValidElement(child) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(IndexContext.Provider, {
-        value: indexPathString ? `${indexPathString}.${index.toString()}` : index.toString(),
-        children: child
-      }, child.key) : child;
-    })
-  });
+	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) {
+			return /* @__PURE__ */ React.isValidElement(child) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IndexContext.Provider, {
+				value: indexPathString ? `${indexPathString}.${index.toString()}` : index.toString(),
+				children: child
+			}, child.key) : child;
+		})
+	});
 }
 function parseIndexPath(indexPathString) {
-  return indexPathString.split(".").map(function (index) {
-    return Number.parseInt(index, 10);
-  });
+	return indexPathString.split(".").map(function(index) {
+		return Number.parseInt(index, 10);
+	});
 }
+
 //# sourceMappingURL=useIndexedChildren.native.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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":[]}
+{"version":3,"file":"useIndexedChildren.native.js","names":[],"sources":["cjs/useIndexedChildren.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useIndexedChildren_exports = {};\n__export(useIndexedChildren_exports, {\n  useIndex: () => useIndex,\n  useIndexedChildren: () => useIndexedChildren\n});\nmodule.exports = __toCommonJS(useIndexedChildren_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar React = __toESM(require(\"react\"), 1);\nvar MaxIndexContext = /* @__PURE__ */ React.createContext([]);\nvar IndexContext = /* @__PURE__ */ React.createContext(null);\nfunction useIndex() {\n  var maxIndexPath = React.useContext(MaxIndexContext);\n  var indexPathString = React.useContext(IndexContext);\n  return React.useMemo(function() {\n    if (indexPathString === null) {\n      return null;\n    }\n    var indexPath = parseIndexPath(indexPathString);\n    var maxIndex = maxIndexPath[maxIndexPath.length - 1];\n    var index = indexPath[indexPath.length - 1];\n    return {\n      maxIndex,\n      maxIndexPath,\n      index,\n      indexPath,\n      indexPathString,\n      isFirst: index === 0,\n      isLast: index === maxIndex,\n      isEven: index % 2 === 0,\n      isOdd: Math.abs(index % 2) === 1\n    };\n  }, [\n    maxIndexPath,\n    indexPathString\n  ]);\n}\nfunction useIndexedChildren(children) {\n  var parentMaxIndexPath = React.useContext(MaxIndexContext);\n  var indexPathString = React.useContext(IndexContext);\n  var childrenCount = React.Children.count(children);\n  var maxIndexPath = React.useMemo(function() {\n    return parentMaxIndexPath.concat(childrenCount - 1);\n  }, [\n    childrenCount\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaxIndexContext.Provider, {\n    value: maxIndexPath,\n    children: React.Children.map(children, function(child, index) {\n      return /* @__PURE__ */ React.isValidElement(child) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IndexContext.Provider, {\n        value: indexPathString ? `${indexPathString}.${index.toString()}` : index.toString(),\n        children: child\n      }, child.key) : child;\n    })\n  });\n}\nfunction parseIndexPath(indexPathString) {\n  return indexPathString.split(\".\").map(function(index) {\n    return Number.parseInt(index, 10);\n  });\n}\n//# sourceMappingURL=useIndexedChildren.js.map\n"],"mappings":"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"}

package/dist/esm/Group.mjs

@@ -1,128 +1,108 @@
-import { mergeSlotStyleProps, styled } from "@tamagui/core";
+import { createStyledHOC, mergeSlotStyleProps, resolveSizeToken, 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 = (val, { tokens }) => {
+	const radiusToken = resolveSizeToken(val, "radius");
+	return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
+};
 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: {
+		true: groupSizeVariant,
+		any: 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/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","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,"file":"Group.js","names":[],"sources":["esm/Group.js"],"sourcesContent":["import {\n  createStyledHOC,\n  mergeSlotStyleProps,\n  resolveSizeToken,\n  styled\n} 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 = (val, { tokens }) => {\n  const radiusToken = resolveSizeToken(val, \"radius\");\n  return {\n    borderRadius: tokens.radius[radiusToken] ?? radiusToken\n  };\n};\nconst GroupFrame = styled(YStack, {\n  displayName: \"GroupFrame\",\n  size: true,\n  variants: {\n    size: {\n      true: groupSizeVariant,\n      any: groupSizeVariant\n    }\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":";;;;;;;;;AAYA,MAAM,aAAa;AACnB,MAAM,CAAC,oBAAoB,oBAAoB,mBAAmB,UAAU;AAC5E,MAAM,CAAC,eAAe,mBAAmB,mBAAmB,UAAU;AACtE,MAAM,oBAAoB,KAAK,EAAE,aAAa;CAC5C,MAAM,cAAc,iBAAiB,KAAK,QAAQ;CAClD,OAAO,EACL,cAAc,OAAO,OAAO,gBAAgB,YAC9C;AACF;AACA,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,MAAM;CACN,UAAU,EACR,MAAM;EACJ,MAAM;EACN,KAAK;CACP,EACF;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"}