@tamagui/group 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/Group.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,40 +6,33 @@ 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 Group_exports = {};
 __export(Group_exports, {
-  Group: () => Group,
-  GroupFrame: () => GroupFrame,
-  XGroup: () => XGroup,
-  YGroup: () => YGroup,
-  createGroupScope: () => createGroupScope,
-  useGroupItem: () => useGroupItem
+	Group: () => Group,
+	GroupFrame: () => GroupFrame,
+	XGroup: () => XGroup,
+	YGroup: () => YGroup,
+	createGroupScope: () => createGroupScope,
+	useGroupItem: () => useGroupItem
 });
 module.exports = __toCommonJS(Group_exports);
 var import_core = require("@tamagui/core");
@@ -51,119 +45,97 @@ var import_jsx_runtime = require("react/jsx-runtime");
 const GROUP_NAME = "Group";
 const [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
 const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+const groupSizeVariant = (val, { tokens }) => {
+	const radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
+	return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
+};
 const GroupFrame = (0, import_core.styled)(import_stacks.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 (0, import_helpers.withStaticProperties)(GroupFrame.styleable((props, ref) => {
-    const {
-      __scopeGroup,
-      children: childrenProp,
-      orientation = verticalDefault ? "vertical" : "horizontal",
-      disabled,
-      ...restProps
-    } = props;
-    const vertical = orientation === "vertical";
-    const 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
-  });
+	return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, (props, ref) => {
+		const { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
+		const vertical = orientation === "vertical";
+		const 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) {
-  const {
-    __scopeGroup,
-    children,
-    forcePlacement,
-    ...forwardedProps
-  } = props;
-  const context = useGroupContext("GroupItem", __scopeGroup);
-  const treeIndex = (0, import_useIndexedChildren.useIndex)();
-  if (!treeIndex) {
-    throw Error("<Group.Item/> should only be used within a <Group/>");
-  }
-  if (!import_react.default.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 = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);
-  return import_react.default.cloneElement(children, mergedProps);
+	const { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;
+	const context = useGroupContext("GroupItem", __scopeGroup);
+	const treeIndex = (0, import_useIndexedChildren.useIndex)();
+	if (!treeIndex) {
+		throw Error("<Group.Item/> should only be used within a <Group/>");
+	}
+	if (!import_react.default.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 = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);
+	return import_react.default.cloneElement(children, mergedProps);
 }
 const useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {
-  const treeIndex = (0, import_useIndexedChildren.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 = (0, import_useIndexedChildren.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
+		}
+	};
+}

package/dist/cjs/Group.native.cjs

@@ -0,0 +1,147 @@
+"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 = function(val, param) {
+	var { tokens } = param;
+	var radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
+	var _tokens_radius_radiusToken;
+	return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
+};
+var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: "GroupFrame",
+	size: true,
+	variants: { size: {
+		true: groupSizeVariant,
+		any: 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
+		}
+	};
+}