@tamagui/group 1.14.0 → 1.14.2

package/dist/cjs/Group.js

@@ -1,2 +1,262 @@
-"use strict";var J=Object.create;var c=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var oe=(o,r)=>{for(var e in r)c(o,e,{get:r[e],enumerable:!0})},C=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of Q(r))!ee.call(o,s)&&s!==e&&c(o,s,{get:()=>r[s],enumerable:!(t=K(r,s))||t.enumerable});return o};var re=(o,r,e)=>(e=o!=null?J(Z(o)):{},C(r||!o||!o.__esModule?c(e,"default",{value:o,enumerable:!0}):e,o)),te=o=>C(c({},"__esModule",{value:!0}),o);var pe={};oe(pe,{Group:()=>D,GroupFrame:()=>T,XGroup:()=>le,YGroup:()=>de,useGroupItem:()=>_});module.exports=te(pe);var p=require("react/jsx-runtime"),n=require("@tamagui/core"),w=require("@tamagui/create-context"),z=require("@tamagui/stacks"),V=require("@tamagui/use-controllable-state"),a=re(require("react")),U=require("react-native"),m=require("reforest");const v="Group",[se,ye]=(0,w.createContextScope)(v),[ne,ae]=se(v),T=(0,n.styled)(z.ThemeableStack,{name:"GroupFrame",variants:{unstyled:{false:{size:"$true",y:0,backgroundColor:"$background"}},size:(o,{tokens:r})=>({borderRadius:r.radius[o]??o??r.radius.$true})},defaultVariants:{unstyled:!1}});function B(o){return(0,n.withStaticProperties)((0,a.forwardRef)((r,e)=>{const t=(0,n.useMediaPropsActive)(r),{__scopeGroup:s,children:l,space:R,size:d="$true",spaceDirection:b,separator:M,scrollable:me,axis:k=o?"vertical":"horizontal",orientation:u=k,disabled:G,disablePassBorderRadius:F,borderRadius:h,forceUseItem:A,...$}=(0,n.getExpandedShorthands)(t),L=u==="vertical",[be,x]=(0,V.useControllableState)({defaultProp:A?1:0}),I=!0,f=h??(d?(0,n.getVariableValue)((0,n.getTokens)().radius[d])-1:void 0),P=F??!(f!==void 0);I||console.log("screw up!");const y=a.Children.toArray(l),O=I?l:y.map((i,g)=>{if(!(0,a.isValidElement)(i))return i;const X=i.props.disabled??G,Y=g===0,j=g===y.length-1,S=P===!0?null:E({isFirst:Y,isLast:j,radius:f,vertical:L,disable:P}),q={disabled:X,...(0,n.isTamaguiElement)(i)?S:{style:S}};return ce(i,q)}),N=(0,m.useIndexedChildren)((0,n.spacedChildren)({direction:b,separator:M,space:R,children:O})),H=a.default.useCallback(()=>x(i=>i+1),[]),W=a.default.useCallback(()=>x(i=>i-1),[]);return(0,p.jsx)(ne,{disablePassBorderRadius:P,vertical:u==="vertical",radius:f,disabled:G,onItemMount:H,onItemUnmount:W,scope:s,children:(0,p.jsx)(T,{ref:e,size:d,flexDirection:u==="horizontal"?"row":"column",borderRadius:h,...$,children:ue({...t,orientation:u},N)})})}),{Item:ie})}const ie=o=>{var s;const{__scopeGroup:r,children:e}=o,t=_({disabled:(0,a.isValidElement)(e)?e.props.disabled:void 0},r);return(0,a.isValidElement)(e)?(0,n.isTamaguiElement)(e)?a.default.cloneElement(e,t):a.default.cloneElement(e,{style:{...(s=e.props)==null?void 0:s.style,...t}}):e},_=(o,r)=>{const e=(0,m.useIndex)(),t=ae("GroupItem",r);if(a.default.useEffect(()=>(t.onItemMount(),()=>{t.onItemUnmount()}),[]),!e)throw Error("<Group.Item/> should only be used within a <Group/>");const s=e.index===0,l=e.index===e.maxIndex;let d={disabled:o.disabled??t.disabled};if(t.disablePassBorderRadius!==!0){const b=E({radius:t.radius,isFirst:s,isLast:l,vertical:t.vertical,disable:t.disablePassBorderRadius});return{...d,...b}}return d},D=B(!0),de=D,le=B(!1),ue=({scrollable:o,orientation:r,showScrollIndicator:e=!1},t)=>o?(0,p.jsx)(U.ScrollView,{...r==="vertical"&&{showsVerticalScrollIndicator:e},...r==="horizontal"&&{horizontal:!0,showsHorizontalScrollIndicator:e},children:t}):t,E=({isFirst:o,isLast:r,radius:e,vertical:t,disable:s})=>({borderTopLeftRadius:o&&s!=="top"&&s!=="start"?e:0,borderTopRightRadius:s!=="top"&&s!=="end"&&(t&&o||!t&&r)?e:0,borderBottomLeftRadius:s!=="bottom"&&s!=="start"&&(t&&r||!t&&o)?e:0,borderBottomRightRadius:r&&s!=="bottom"&&s!=="end"?e:0}),ce=(o,r)=>{const e=(0,n.mergeProps)(o.props,r,!1,(0,n.getConfig)().shorthands)[0];return a.default.cloneElement({...o,props:null},e)};0&&(module.exports={Group,GroupFrame,XGroup,YGroup,useGroupItem});
+"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(
+  // 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 Group_exports = {};
+__export(Group_exports, {
+  Group: () => Group,
+  GroupFrame: () => GroupFrame,
+  XGroup: () => XGroup,
+  YGroup: () => YGroup,
+  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_stacks = require("@tamagui/stacks");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_reforest = require("reforest");
+const GROUP_NAME = "Group";
+const [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
+const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+const GroupFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "GroupFrame",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        y: 0,
+        backgroundColor: "$background"
+      }
+    },
+    size: (val, { tokens }) => {
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
+      return {
+        borderRadius
+      };
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+function createGroup(verticalDefault) {
+  return (0, import_core.withStaticProperties)(
+    (0, import_react.forwardRef)((props, ref) => {
+      const activeProps = (0, import_core.useMediaPropsActive)(props);
+      const {
+        __scopeGroup,
+        children: childrenProp,
+        space,
+        size = "$true",
+        spaceDirection,
+        separator,
+        scrollable,
+        axis = verticalDefault ? "vertical" : "horizontal",
+        orientation = axis,
+        disabled: disabledProp,
+        disablePassBorderRadius: disablePassBorderRadiusProp,
+        borderRadius,
+        forceUseItem,
+        ...restProps
+      } = (0, import_core.getExpandedShorthands)(activeProps);
+      const vertical = orientation === "vertical";
+      const [itemChildrenCount, setItemChildrenCount] = (0, import_use_controllable_state.useControllableState)({
+        defaultProp: forceUseItem ? 1 : 0
+      });
+      const isUsingItems = true;
+      const radius = borderRadius ?? (size ? (0, import_core.getVariableValue)((0, import_core.getTokens)().radius[size]) - 1 : void 0);
+      const hasRadius = radius !== void 0;
+      const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius;
+      if (!isUsingItems)
+        console.log("screw up!");
+      const childrenArray = import_react.Children.toArray(childrenProp);
+      const children = isUsingItems ? childrenProp : childrenArray.map((child, i) => {
+        if (!(0, import_react.isValidElement)(child)) {
+          return child;
+        }
+        const disabled = child.props.disabled ?? disabledProp;
+        const isFirst = i === 0;
+        const isLast = i === childrenArray.length - 1;
+        const radiusStyles = disablePassBorderRadius === true ? null : getBorderRadius({
+          isFirst,
+          isLast,
+          radius,
+          vertical,
+          disable: disablePassBorderRadius
+        });
+        const props2 = {
+          disabled,
+          ...(0, import_core.isTamaguiElement)(child) ? radiusStyles : { style: radiusStyles }
+        };
+        return cloneElementWithPropOrder(child, props2);
+      });
+      const indexedChildren = (0, import_reforest.useIndexedChildren)(
+        (0, import_core.spacedChildren)({
+          direction: spaceDirection,
+          separator,
+          space,
+          children
+        })
+      );
+      const onItemMount = import_react.default.useCallback(
+        () => setItemChildrenCount((prev) => prev + 1),
+        []
+      );
+      const onItemUnmount = import_react.default.useCallback(
+        () => setItemChildrenCount((prev) => prev - 1),
+        []
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        GroupProvider,
+        {
+          disablePassBorderRadius,
+          vertical: orientation === "vertical",
+          radius,
+          disabled: disabledProp,
+          onItemMount,
+          onItemUnmount,
+          scope: __scopeGroup,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            GroupFrame,
+            {
+              ref,
+              size,
+              flexDirection: orientation === "horizontal" ? "row" : "column",
+              borderRadius,
+              ...restProps,
+              children: wrapScroll({ ...activeProps, orientation }, indexedChildren)
+            }
+          )
+        }
+      );
+    }),
+    {
+      Item: GroupItem
+    }
+  );
+}
+const GroupItem = (props) => {
+  var _a;
+  const { __scopeGroup, children } = props;
+  const groupItemProps = useGroupItem(
+    { disabled: (0, import_react.isValidElement)(children) ? children.props.disabled : void 0 },
+    __scopeGroup
+  );
+  if (!(0, import_react.isValidElement)(children)) {
+    return children;
+  }
+  if ((0, import_core.isTamaguiElement)(children)) {
+    return import_react.default.cloneElement(children, groupItemProps);
+  }
+  return import_react.default.cloneElement(children, {
+    style: {
+      ...(_a = children.props) == null ? void 0 : _a["style"],
+      ...groupItemProps
+    }
+  });
+};
+const useGroupItem = (childrenProps, __scopeGroup) => {
+  const treeIndex = (0, import_reforest.useIndex)();
+  const context = useGroupContext("GroupItem", __scopeGroup);
+  import_react.default.useEffect(() => {
+    context.onItemMount();
+    return () => {
+      context.onItemUnmount();
+    };
+  }, []);
+  if (!treeIndex) {
+    throw Error("<Group.Item/> should only be used within a <Group/>");
+  }
+  const isFirst = treeIndex.index === 0;
+  const isLast = treeIndex.index === treeIndex.maxIndex;
+  const disabled = childrenProps.disabled ?? context.disabled;
+  let propsToPass = {
+    disabled
+  };
+  if (context.disablePassBorderRadius !== true) {
+    const borderRadius = getBorderRadius({
+      radius: context.radius,
+      isFirst,
+      isLast,
+      vertical: context.vertical,
+      disable: context.disablePassBorderRadius
+    });
+    return { ...propsToPass, ...borderRadius };
+  }
+  return propsToPass;
+};
+const Group = createGroup(true);
+const YGroup = Group;
+const XGroup = createGroup(false);
+const wrapScroll = ({ scrollable, orientation, showScrollIndicator = false }, children) => {
+  if (scrollable)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.ScrollView,
+      {
+        ...orientation === "vertical" && {
+          showsVerticalScrollIndicator: showScrollIndicator
+        },
+        ...orientation === "horizontal" && {
+          horizontal: true,
+          showsHorizontalScrollIndicator: showScrollIndicator
+        },
+        children
+      }
+    );
+  return children;
+};
+const getBorderRadius = ({
+  isFirst,
+  isLast,
+  radius,
+  vertical,
+  disable
+}) => {
+  return {
+    borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
+    borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
+    borderBottomLeftRadius: disable !== "bottom" && disable !== "start" && (vertical && isLast || !vertical && isFirst) ? radius : 0,
+    borderBottomRightRadius: isLast && disable !== "bottom" && disable !== "end" ? radius : 0
+  };
+};
+const cloneElementWithPropOrder = (child, props) => {
+  const next = (0, import_core.mergeProps)(child.props, props, false, (0, import_core.getConfig)().shorthands)[0];
+  return import_react.default.cloneElement({ ...child, props: null }, next);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Group,
+  GroupFrame,
+  XGroup,
+  YGroup,
+  useGroupItem
+});
 //# sourceMappingURL=Group.js.map

package/dist/cjs/Group.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Group.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  UnionableString,\n  Variable,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\nimport { useIndex, useIndexedChildren } from 'reforest'\n\ntype DisablePassBorderRadius = boolean | 'bottom' | 'top' | 'start' | 'end'\n\ninterface GroupContextValue {\n  vertical: boolean\n  disablePassBorderRadius: DisablePassBorderRadius\n  onItemMount: () => void\n  onItemUnmount: () => void\n  radius?: number | UnionableString | Variable<any>\n  disabled?: boolean\n}\n\nconst GROUP_NAME = 'Group'\n\ntype ScopedProps<P> = P & { __scopeGroup?: Scope }\nconst [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME)\nconst [GroupProvider, useGroupContext] = createGroupContext<GroupContextValue>(GROUP_NAME)\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        y: 0,\n        backgroundColor: '$background',\n      },\n    },\n\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$true']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  /**\n   * @deprecated use `orientation` instead\n   */\n  axis?: 'horizontal' | 'vertical'\n  orientation?: 'horizontal' | 'vertical'\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  disablePassBorderRadius?: DisablePassBorderRadius\n  /**\n   * forces the group to use the Group.Item API\n   */\n  forceUseItem?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return withStaticProperties(\n    forwardRef<TamaguiElement, ScopedProps<GroupProps>>((props, ref) => {\n      const activeProps = useMediaPropsActive(props)\n\n      const {\n        __scopeGroup,\n        children: childrenProp,\n        space,\n        size = '$true',\n        spaceDirection,\n        separator,\n        scrollable,\n        axis = verticalDefault ? 'vertical' : 'horizontal',\n        orientation = axis,\n        disabled: disabledProp,\n        disablePassBorderRadius: disablePassBorderRadiusProp,\n        borderRadius,\n        forceUseItem,\n        ...restProps\n      } = getExpandedShorthands(activeProps)\n\n      const vertical = orientation === 'vertical'\n      const [itemChildrenCount, setItemChildrenCount] = useControllableState({\n        defaultProp: forceUseItem ? 1 : 0,\n      })\n      const isUsingItems = true // itemChildrenCount > 0\n\n      // 1 off given border to adjust for border radius? This should be user controllable\n      const radius =\n        borderRadius ??\n        (size ? getVariableValue(getTokens().radius[size]) - 1 : undefined)\n\n      const hasRadius = radius !== undefined\n      const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n\n      if (!isUsingItems) console.log('screw up!')\n      const childrenArray = Children.toArray(childrenProp)\n      const children = isUsingItems\n        ? childrenProp\n        : childrenArray.map((child, i) => {\n            if (!isValidElement(child)) {\n              return child\n            }\n            const disabled = child.props.disabled ?? disabledProp\n\n            const isFirst = i === 0\n            const isLast = i === childrenArray.length - 1\n\n            const radiusStyles =\n              disablePassBorderRadius === true\n                ? null\n                : getBorderRadius({\n                    isFirst,\n                    isLast,\n                    radius,\n                    vertical,\n                    disable: disablePassBorderRadius,\n                  })\n            const props = {\n              disabled,\n              ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n            }\n\n            return cloneElementWithPropOrder(child, props)\n          })\n\n      const indexedChildren = useIndexedChildren(\n        spacedChildren({\n          direction: spaceDirection,\n          separator,\n          space,\n          children,\n        })\n      )\n\n      const onItemMount = React.useCallback(\n        () => setItemChildrenCount((prev) => prev + 1),\n        []\n      )\n      const onItemUnmount = React.useCallback(\n        () => setItemChildrenCount((prev) => prev - 1),\n        []\n      )\n\n      return (\n        <GroupProvider\n          disablePassBorderRadius={disablePassBorderRadius}\n          vertical={orientation === 'vertical'}\n          radius={radius}\n          disabled={disabledProp}\n          onItemMount={onItemMount}\n          onItemUnmount={onItemUnmount}\n          scope={__scopeGroup}\n        >\n          <GroupFrame\n            ref={ref}\n            size={size}\n            flexDirection={orientation === 'horizontal' ? 'row' : 'column'}\n            borderRadius={borderRadius}\n            {...restProps}\n          >\n            {wrapScroll({ ...activeProps, orientation }, indexedChildren)}\n          </GroupFrame>\n        </GroupProvider>\n      )\n    }),\n    {\n      Item: GroupItem,\n    }\n  )\n}\n\nconst GroupItem = (props: ScopedProps<{ children: React.ReactNode }>) => {\n  const { __scopeGroup, children } = props\n  const groupItemProps = useGroupItem(\n    { disabled: isValidElement(children) ? children.props.disabled : undefined },\n    __scopeGroup\n  )\n\n  if (!isValidElement(children)) {\n    return children as any\n  }\n\n  if (isTamaguiElement(children)) {\n    return React.cloneElement(children, groupItemProps)\n  }\n\n  return React.cloneElement(children, {\n    style: {\n      ...children.props?.['style'],\n      ...groupItemProps,\n    },\n  } as any)\n}\n\nexport const useGroupItem = (\n  childrenProps: { disabled: boolean },\n  __scopeGroup?: Scope\n) => {\n  const treeIndex = useIndex()\n  const context = useGroupContext('GroupItem', __scopeGroup)\n\n  React.useEffect(() => {\n    context.onItemMount()\n    return () => {\n      context.onItemUnmount()\n    }\n  }, [])\n\n  if (!treeIndex) {\n    throw Error('<Group.Item/> should only be used within a <Group/>')\n  }\n\n  const isFirst = treeIndex.index === 0\n  const isLast = treeIndex.index === treeIndex.maxIndex\n\n  const disabled = childrenProps.disabled ?? context.disabled\n\n  let propsToPass: Record<string, any> = {\n    disabled,\n  }\n\n  if (context.disablePassBorderRadius !== true) {\n    const borderRadius = getBorderRadius({\n      radius: context.radius,\n      isFirst,\n      isLast,\n      vertical: context.vertical,\n      disable: context.disablePassBorderRadius,\n    })\n    return { ...propsToPass, ...borderRadius }\n  }\n  return propsToPass\n}\n\nexport const Group = createGroup(true)\nexport const YGroup = Group\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, orientation, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(orientation === 'vertical' && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(orientation === 'horizontal' && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst getBorderRadius = ({\n  isFirst,\n  isLast,\n  radius,\n  vertical,\n  disable,\n}: {\n  radius: any\n  vertical: boolean\n  isFirst: boolean\n  isLast: boolean\n  disable: DisablePassBorderRadius\n}) => {\n  // TODO: RTL support would be nice here\n  return {\n    borderTopLeftRadius: isFirst && disable !== 'top' && disable !== 'start' ? radius : 0,\n    borderTopRightRadius:\n      disable !== 'top' &&\n      disable !== 'end' &&\n      ((vertical && isFirst) || (!vertical && isLast))\n        ? radius\n        : 0,\n    borderBottomLeftRadius:\n      disable !== 'bottom' &&\n      disable !== 'start' &&\n      ((vertical && isLast) || (!vertical && isFirst))\n        ? radius\n        : 0,\n    borderBottomRightRadius:\n      isLast && disable !== 'bottom' && disable !== 'end' ? radius : 0,\n  }\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
-  "mappings": "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",
-  "names": ["Group_exports", "__export", "Group", "GroupFrame", "XGroup", "YGroup", "useGroupItem", "__toCommonJS", "import_jsx_runtime", "import_core", "import_create_context", "import_stacks", "import_use_controllable_state", "import_react", "import_react_native", "import_reforest", "GROUP_NAME", "createGroupContext", "createGroupScope", "GroupProvider", "useGroupContext", "val", "tokens", "createGroup", "verticalDefault", "props", "ref", "activeProps", "__scopeGroup", "childrenProp", "space", "size", "spaceDirection", "separator", "scrollable", "axis", "orientation", "disabledProp", "disablePassBorderRadiusProp", "borderRadius", "forceUseItem", "restProps", "vertical", "itemChildrenCount", "setItemChildrenCount", "isUsingItems", "radius", "disablePassBorderRadius", "childrenArray", "children", "child", "i", "disabled", "isFirst", "isLast", "radiusStyles", "getBorderRadius", "cloneElementWithPropOrder", "indexedChildren", "onItemMount", "React", "prev", "onItemUnmount", "wrapScroll", "GroupItem", "_a", "groupItemProps", "childrenProps", "treeIndex", "context", "propsToPass", "showScrollIndicator", "disable", "next"]
+  "mappings": "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",
+  "names": ["props", "React"]
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Group"),module.exports);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Group"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Group'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,mBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "names": []
 }

package/dist/esm/Group.js

@@ -1,2 +1,235 @@
-import{jsx as b}from"react/jsx-runtime";import{getConfig as L,getExpandedShorthands as O,getTokens as N,getVariableValue as H,isTamaguiElement as g,mergeProps as W,spacedChildren as X,styled as Y,useMediaPropsActive as j,withStaticProperties as q}from"@tamagui/core";import{createContextScope as J}from"@tamagui/create-context";import{ThemeableStack as K}from"@tamagui/stacks";import{useControllableState as Q}from"@tamagui/use-controllable-state";import i,{Children as Z,forwardRef as ee,isValidElement as m}from"react";import{ScrollView as oe}from"react-native";import{useIndex as re,useIndexedChildren as te}from"reforest";const S="Group",[se,Ee]=J(S),[ne,ae]=se(S),ie=Y(K,{name:"GroupFrame",variants:{unstyled:{false:{size:"$true",y:0,backgroundColor:"$background"}},size:(r,{tokens:t})=>({borderRadius:t.radius[r]??r??t.radius.$true})},defaultVariants:{unstyled:!1}});function C(r){return q(ee((t,e)=>{const o=j(t),{__scopeGroup:s,children:d,space:f,size:a="$true",spaceDirection:u,separator:B,scrollable:me,axis:E=r?"vertical":"horizontal",orientation:l=E,disabled:P,disablePassBorderRadius:w,borderRadius:R,forceUseItem:z,...V}=O(o),U=l==="vertical",[be,G]=Q({defaultProp:z?1:0}),h=!0,c=R??(a?H(N().radius[a])-1:void 0),p=w??!(c!==void 0);h||console.log("screw up!");const x=Z.toArray(d),T=h?d:x.map((n,I)=>{if(!m(n))return n;const k=n.props.disabled??P,F=I===0,A=I===x.length-1,y=p===!0?null:v({isFirst:F,isLast:A,radius:c,vertical:U,disable:p}),$={disabled:k,...g(n)?y:{style:y}};return pe(n,$)}),_=te(X({direction:u,separator:B,space:f,children:T})),D=i.useCallback(()=>G(n=>n+1),[]),M=i.useCallback(()=>G(n=>n-1),[]);return b(ne,{disablePassBorderRadius:p,vertical:l==="vertical",radius:c,disabled:P,onItemMount:D,onItemUnmount:M,scope:s,children:b(ie,{ref:e,size:a,flexDirection:l==="horizontal"?"row":"column",borderRadius:R,...V,children:ce({...o,orientation:l},_)})})}),{Item:de})}const de=r=>{var s;const{__scopeGroup:t,children:e}=r,o=le({disabled:m(e)?e.props.disabled:void 0},t);return m(e)?g(e)?i.cloneElement(e,o):i.cloneElement(e,{style:{...(s=e.props)==null?void 0:s.style,...o}}):e},le=(r,t)=>{const e=re(),o=ae("GroupItem",t);if(i.useEffect(()=>(o.onItemMount(),()=>{o.onItemUnmount()}),[]),!e)throw Error("<Group.Item/> should only be used within a <Group/>");const s=e.index===0,d=e.index===e.maxIndex;let a={disabled:r.disabled??o.disabled};if(o.disablePassBorderRadius!==!0){const u=v({radius:o.radius,isFirst:s,isLast:d,vertical:o.vertical,disable:o.disablePassBorderRadius});return{...a,...u}}return a},ue=C(!0),we=ue,ze=C(!1),ce=({scrollable:r,orientation:t,showScrollIndicator:e=!1},o)=>r?b(oe,{...t==="vertical"&&{showsVerticalScrollIndicator:e},...t==="horizontal"&&{horizontal:!0,showsHorizontalScrollIndicator:e},children:o}):o,v=({isFirst:r,isLast:t,radius:e,vertical:o,disable:s})=>({borderTopLeftRadius:r&&s!=="top"&&s!=="start"?e:0,borderTopRightRadius:s!=="top"&&s!=="end"&&(o&&r||!o&&t)?e:0,borderBottomLeftRadius:s!=="bottom"&&s!=="start"&&(o&&t||!o&&r)?e:0,borderBottomRightRadius:t&&s!=="bottom"&&s!=="end"?e:0}),pe=(r,t)=>{const e=W(r.props,t,!1,L().shorthands)[0];return i.cloneElement({...r,props:null},e)};export{ue as Group,ie as GroupFrame,ze as XGroup,we as YGroup,le as useGroupItem};
+import { jsx } from "react/jsx-runtime";
+import {
+  getConfig,
+  getExpandedShorthands,
+  getTokens,
+  getVariableValue,
+  isTamaguiElement,
+  mergeProps,
+  spacedChildren,
+  styled,
+  useMediaPropsActive,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { ThemeableStack } from "@tamagui/stacks";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, { Children, forwardRef, isValidElement } from "react";
+import { ScrollView } from "react-native";
+import { useIndex, useIndexedChildren } from "reforest";
+const GROUP_NAME = "Group";
+const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
+const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
+const GroupFrame = styled(ThemeableStack, {
+  name: "GroupFrame",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        y: 0,
+        backgroundColor: "$background"
+      }
+    },
+    size: (val, { tokens }) => {
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
+      return {
+        borderRadius
+      };
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+function createGroup(verticalDefault) {
+  return withStaticProperties(
+    forwardRef((props, ref) => {
+      const activeProps = useMediaPropsActive(props);
+      const {
+        __scopeGroup,
+        children: childrenProp,
+        space,
+        size = "$true",
+        spaceDirection,
+        separator,
+        scrollable,
+        axis = verticalDefault ? "vertical" : "horizontal",
+        orientation = axis,
+        disabled: disabledProp,
+        disablePassBorderRadius: disablePassBorderRadiusProp,
+        borderRadius,
+        forceUseItem,
+        ...restProps
+      } = getExpandedShorthands(activeProps);
+      const vertical = orientation === "vertical";
+      const [itemChildrenCount, setItemChildrenCount] = useControllableState({
+        defaultProp: forceUseItem ? 1 : 0
+      });
+      const isUsingItems = true;
+      const radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0);
+      const hasRadius = radius !== void 0;
+      const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius;
+      if (!isUsingItems)
+        console.log("screw up!");
+      const childrenArray = Children.toArray(childrenProp);
+      const children = isUsingItems ? childrenProp : childrenArray.map((child, i) => {
+        if (!isValidElement(child)) {
+          return child;
+        }
+        const disabled = child.props.disabled ?? disabledProp;
+        const isFirst = i === 0;
+        const isLast = i === childrenArray.length - 1;
+        const radiusStyles = disablePassBorderRadius === true ? null : getBorderRadius({
+          isFirst,
+          isLast,
+          radius,
+          vertical,
+          disable: disablePassBorderRadius
+        });
+        const props2 = {
+          disabled,
+          ...isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }
+        };
+        return cloneElementWithPropOrder(child, props2);
+      });
+      const indexedChildren = useIndexedChildren(
+        spacedChildren({
+          direction: spaceDirection,
+          separator,
+          space,
+          children
+        })
+      );
+      const onItemMount = React.useCallback(
+        () => setItemChildrenCount((prev) => prev + 1),
+        []
+      );
+      const onItemUnmount = React.useCallback(
+        () => setItemChildrenCount((prev) => prev - 1),
+        []
+      );
+      return /* @__PURE__ */ jsx(
+        GroupProvider,
+        {
+          disablePassBorderRadius,
+          vertical: orientation === "vertical",
+          radius,
+          disabled: disabledProp,
+          onItemMount,
+          onItemUnmount,
+          scope: __scopeGroup,
+          children: /* @__PURE__ */ jsx(
+            GroupFrame,
+            {
+              ref,
+              size,
+              flexDirection: orientation === "horizontal" ? "row" : "column",
+              borderRadius,
+              ...restProps,
+              children: wrapScroll({ ...activeProps, orientation }, indexedChildren)
+            }
+          )
+        }
+      );
+    }),
+    {
+      Item: GroupItem
+    }
+  );
+}
+const GroupItem = (props) => {
+  var _a;
+  const { __scopeGroup, children } = props;
+  const groupItemProps = useGroupItem(
+    { disabled: isValidElement(children) ? children.props.disabled : void 0 },
+    __scopeGroup
+  );
+  if (!isValidElement(children)) {
+    return children;
+  }
+  if (isTamaguiElement(children)) {
+    return React.cloneElement(children, groupItemProps);
+  }
+  return React.cloneElement(children, {
+    style: {
+      ...(_a = children.props) == null ? void 0 : _a["style"],
+      ...groupItemProps
+    }
+  });
+};
+const useGroupItem = (childrenProps, __scopeGroup) => {
+  const treeIndex = useIndex();
+  const context = useGroupContext("GroupItem", __scopeGroup);
+  React.useEffect(() => {
+    context.onItemMount();
+    return () => {
+      context.onItemUnmount();
+    };
+  }, []);
+  if (!treeIndex) {
+    throw Error("<Group.Item/> should only be used within a <Group/>");
+  }
+  const isFirst = treeIndex.index === 0;
+  const isLast = treeIndex.index === treeIndex.maxIndex;
+  const disabled = childrenProps.disabled ?? context.disabled;
+  let propsToPass = {
+    disabled
+  };
+  if (context.disablePassBorderRadius !== true) {
+    const borderRadius = getBorderRadius({
+      radius: context.radius,
+      isFirst,
+      isLast,
+      vertical: context.vertical,
+      disable: context.disablePassBorderRadius
+    });
+    return { ...propsToPass, ...borderRadius };
+  }
+  return propsToPass;
+};
+const Group = createGroup(true);
+const YGroup = Group;
+const XGroup = createGroup(false);
+const wrapScroll = ({ scrollable, orientation, showScrollIndicator = false }, children) => {
+  if (scrollable)
+    return /* @__PURE__ */ jsx(
+      ScrollView,
+      {
+        ...orientation === "vertical" && {
+          showsVerticalScrollIndicator: showScrollIndicator
+        },
+        ...orientation === "horizontal" && {
+          horizontal: true,
+          showsHorizontalScrollIndicator: showScrollIndicator
+        },
+        children
+      }
+    );
+  return children;
+};
+const getBorderRadius = ({
+  isFirst,
+  isLast,
+  radius,
+  vertical,
+  disable
+}) => {
+  return {
+    borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
+    borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
+    borderBottomLeftRadius: disable !== "bottom" && disable !== "start" && (vertical && isLast || !vertical && isFirst) ? radius : 0,
+    borderBottomRightRadius: isLast && disable !== "bottom" && disable !== "end" ? radius : 0
+  };
+};
+const cloneElementWithPropOrder = (child, props) => {
+  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0];
+  return React.cloneElement({ ...child, props: null }, next);
+};
+export {
+  Group,
+  GroupFrame,
+  XGroup,
+  YGroup,
+  useGroupItem
+};
 //# sourceMappingURL=Group.js.map