@tamagui/popper 1.0.1-beta.151 → 1.0.1-beta.154

package/dist/cjs/Popper.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 Popper_exports = {};
 __export(Popper_exports, {
@@ -29,6 +32,7 @@ __export(Popper_exports, {
   usePopperContext: () => usePopperContext
 });
 module.exports = __toCommonJS(Popper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_compose_refs = require("@tamagui/compose-refs");
 var import_core = require("@tamagui/core");
 var import_create_context = require("@tamagui/create-context");
@@ -82,7 +86,7 @@ const Popper = (props) => {
   const arrowStyle = React.useMemo(() => {
     return middlewareData.arrow;
   }, [JSON.stringify(middlewareData.arrow || {})]);
-  return /* @__PURE__ */ React.createElement(PopperProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperProvider, {
     scope: __scopePopper,
     anchorRef,
     size,
@@ -90,27 +94,30 @@ const Popper = (props) => {
     arrowStyle,
     onArrowSize: setArrowSize,
     isMounted,
-    ...floating
-  }, children);
+    ...floating,
+    children
+  });
 };
 Popper.displayName = POPPER_NAME;
 const ANCHOR_NAME = "PopperAnchor";
-const PopperAnchor = React.forwardRef((props, forwardedRef) => {
-  const { __scopePopper, virtualRef, ...anchorProps } = props;
-  const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React.useRef(null);
-  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
-  if (virtualRef) {
-    return null;
+const PopperAnchor = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopper, virtualRef, ...anchorProps } = props;
+    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper);
+    const ref = React.useRef(null);
+    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
+    if (virtualRef) {
+      return null;
+    }
+    const stackProps = {
+      ref: composedRefs,
+      ...anchorProps
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+      ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
+    });
   }
-  const stackProps = {
-    ref: composedRefs,
-    ...anchorProps
-  };
-  return /* @__PURE__ */ React.createElement(import_stacks.YStack, {
-    ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
-  });
-});
+);
 PopperAnchor.displayName = ANCHOR_NAME;
 const CONTENT_NAME = "PopperContent";
 const PopperContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
@@ -132,32 +139,36 @@ const PopperContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack,
     size: "$4"
   }
 });
-const PopperContent = PopperContentFrame.extractable(React.forwardRef((props, forwardedRef) => {
-  const { __scopePopper, ...contentProps } = props;
-  const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
-  const contentRefs = (0, import_compose_refs.useComposedRefs)(floating, forwardedRef);
-  const contents = React.useMemo(() => {
-    return /* @__PURE__ */ React.createElement(PopperContentFrame, {
-      key: "popper-content-frame",
-      "data-placement": placement,
-      "data-strategy": strategy,
-      size: contentProps.size || size,
-      ...contentProps
-    });
-  }, [placement, strategy, props]);
-  if (!isMounted) {
-    return null;
-  }
-  const frameProps = {
-    ref: contentRefs,
-    x: x || 0,
-    y: y || 0,
-    position: strategy
-  };
-  return /* @__PURE__ */ React.createElement(import_stacks.YStack, {
-    ...getFloatingProps ? getFloatingProps(frameProps) : frameProps
-  }, contents);
-}));
+const PopperContent = PopperContentFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopePopper, ...contentProps } = props;
+      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
+      const contentRefs = (0, import_compose_refs.useComposedRefs)(floating, forwardedRef);
+      const contents = React.useMemo(() => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperContentFrame, {
+          "data-placement": placement,
+          "data-strategy": strategy,
+          size: contentProps.size || size,
+          ...contentProps
+        }, "popper-content-frame");
+      }, [placement, strategy, props]);
+      if (!isMounted) {
+        return null;
+      }
+      const frameProps = {
+        ref: contentRefs,
+        x: x || 0,
+        y: y || 0,
+        position: strategy
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+        ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
+        children: contents
+      });
+    }
+  )
+);
 PopperContent.displayName = CONTENT_NAME;
 const ARROW_NAME = "PopperArrow";
 const PopperArrowFrame = (0, import_core.styled)(import_stacks.YStack, {
@@ -181,65 +192,68 @@ const opposites = {
   bottom: "top",
   left: "right"
 };
-const PopperArrow = PopperArrowFrame.extractable(React.forwardRef(function PopperArrow2(props, forwardedRef) {
-  const { __scopePopper, offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
-  const context = usePopperContext(ARROW_NAME, __scopePopper);
-  const tokens = (0, import_core.getTokens)();
-  const sizeVal = sizeProp ?? context.size;
-  const sizeValResolved = (0, import_core.getVariableValue)((0, import_core.stepTokenUpOrDown)(tokens.space, sizeVal, -2, [2]));
-  const size = +sizeValResolved;
-  const { placement } = context;
-  const { x, y } = context.arrowStyle || { x: 0, y: 0 };
-  const refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef);
-  const primaryPlacement = placement ? placement.split("-")[0] : "top";
-  const arrowStyle = { x, y, width: size, height: size };
-  const innerArrowStyle = {};
-  const isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
-  if (primaryPlacement) {
-    arrowStyle[isVertical ? "width" : "height"] = size * 2;
-    const oppSide = opposites[primaryPlacement];
-    if (oppSide) {
-      arrowStyle[oppSide] = -size;
-      innerArrowStyle[oppSide] = size / 2;
-    }
-    if (oppSide === "top" || oppSide === "bottom") {
-      arrowStyle.left = 0;
-    }
-    if (oppSide === "left" || oppSide === "right") {
-      arrowStyle.top = 0;
-    }
-  }
-  (0, import_core.useIsomorphicLayoutEffect)(() => {
-    var _a;
-    (_a = context.onArrowSize) == null ? void 0 : _a.call(context, size);
-  }, [size, context.onArrowSize]);
-  return /* @__PURE__ */ React.createElement(PopperArrowOuterFrame, {
-    ref: refs,
-    ...arrowStyle
-  }, /* @__PURE__ */ React.createElement(PopperArrowFrame, {
-    width: size,
-    height: size,
-    ...arrowProps,
-    ...innerArrowStyle,
-    rotate: "45deg",
-    ...primaryPlacement === "bottom" && {
-      borderBottomWidth: borderWidth,
-      borderRightWidth: borderWidth
-    },
-    ...primaryPlacement === "top" && {
-      borderTopWidth: borderWidth,
-      borderLeftWidth: borderWidth
-    },
-    ...primaryPlacement === "right" && {
-      borderTopWidth: borderWidth,
-      borderRightWidth: borderWidth
-    },
-    ...primaryPlacement === "left" && {
-      borderBottomWidth: borderWidth,
-      borderLeftWidth: borderWidth
+const PopperArrow = PopperArrowFrame.extractable(
+  React.forwardRef(function PopperArrow2(props, forwardedRef) {
+    const { __scopePopper, offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
+    const context = usePopperContext(ARROW_NAME, __scopePopper);
+    const tokens = (0, import_core.getTokens)();
+    const sizeVal = sizeProp ?? context.size;
+    const sizeValResolved = (0, import_core.getVariableValue)((0, import_core.stepTokenUpOrDown)(tokens.space, sizeVal, -2, [2]));
+    const size = +sizeValResolved;
+    const { placement } = context;
+    const { x, y } = context.arrowStyle || { x: 0, y: 0 };
+    const refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef);
+    const primaryPlacement = placement ? placement.split("-")[0] : "top";
+    const arrowStyle = { x, y, width: size, height: size };
+    const innerArrowStyle = {};
+    const isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
+    if (primaryPlacement) {
+      arrowStyle[isVertical ? "width" : "height"] = size * 2;
+      const oppSide = opposites[primaryPlacement];
+      if (oppSide) {
+        arrowStyle[oppSide] = -size;
+        innerArrowStyle[oppSide] = size / 2;
+      }
+      if (oppSide === "top" || oppSide === "bottom") {
+        arrowStyle.left = 0;
+      }
+      if (oppSide === "left" || oppSide === "right") {
+        arrowStyle.top = 0;
+      }
     }
-  }));
-}));
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      var _a;
+      (_a = context.onArrowSize) == null ? void 0 : _a.call(context, size);
+    }, [size, context.onArrowSize]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperArrowOuterFrame, {
+      ref: refs,
+      ...arrowStyle,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperArrowFrame, {
+        width: size,
+        height: size,
+        ...arrowProps,
+        ...innerArrowStyle,
+        rotate: "45deg",
+        ...primaryPlacement === "bottom" && {
+          borderBottomWidth: borderWidth,
+          borderRightWidth: borderWidth
+        },
+        ...primaryPlacement === "top" && {
+          borderTopWidth: borderWidth,
+          borderLeftWidth: borderWidth
+        },
+        ...primaryPlacement === "right" && {
+          borderTopWidth: borderWidth,
+          borderRightWidth: borderWidth
+        },
+        ...primaryPlacement === "left" && {
+          borderBottomWidth: borderWidth,
+          borderLeftWidth: borderWidth
+        }
+      })
+    });
+  })
+);
 PopperArrow.displayName = ARROW_NAME;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/Popper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Popper.tsx"],
   "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getTokens,\n  getVariableValue,\n  stepTokenUpOrDown,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport { Coords, Placement, Strategy, arrow, autoUpdate, flip, offset, shift } from './floating'\nimport { UseFloatingReturn, useFloating } from './useFloating'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps\n  allowFlip?: FlipProps\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<HTMLSpanElement | null>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    middleware: [\n      stayInFrame ? shift(stayInFrame) : (null as any),\n      allowFlip ? flip(allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  React.useEffect(() => {\n    if (!refs.reference.current || !refs.floating.current) {\n      return\n    }\n    // Only call this when the floating element is rendered\n    return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n  }, [floating.update, refs.floating, refs.reference])\n\n  const arrowStyle = React.useMemo(() => {\n    return middlewareData.arrow\n  }, [JSON.stringify(middlewareData.arrow || {})])\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={arrowStyle}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}>\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const { __scopePopper, offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const tokens = getTokens()\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const { x, y } = context.arrowStyle || { x: 0, y: 0 }\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport { usePopperContext }\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["PopperArrow", "offset"]
 }

package/dist/cjs/useFloating.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 useFloating_exports = {};
 __export(useFloating_exports, {

package/dist/cjs/useFloating.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useFloating.tsx"],
   "sourcesContent": ["import { createContext, useContext } from 'react'\n\nimport * as Floating from './floating'\n\nexport type UseFloatingFn = typeof Floating.useFloating\n\ntype UseFloatingProps = UseFloatingFn extends (props: infer Props) => any ? Props : never\n\nexport type UseFloatingReturn = Floating.UseFloatingReturn & {\n  context?: any\n  getFloatingProps?: (props: { ref: any; [key: string]: any }) => any\n  getReferenceProps?: (props: { ref: any; [key: string]: any }) => any\n}\n\nexport const FloatingOverrideContext = createContext<UseFloatingFn | null>(null)\n\nexport const useFloating = (props: UseFloatingProps): UseFloatingReturn => {\n  const context = useContext(FloatingOverrideContext)\n  return (context || Floating.useFloating)?.(props)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAE1C,eAA0B;AAYnB,MAAM,0BAA0B,gCAAoC,IAAI;AAExE,MAAM,cAAc,CAAC,UAA+C;AAhB3E;AAiBE,QAAM,UAAU,6BAAW,uBAAuB;AAClD,SAAQ,iBAAW,SAAS,gBAApB,mBAAmC;AAC7C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAE1C,eAA0B;AAYnB,MAAM,8BAA0B,4BAAoC,IAAI;AAExE,MAAM,cAAc,CAAC,UAA+C;AAhB3E;AAiBE,QAAM,cAAU,yBAAW,uBAAuB;AAClD,UAAQ,gBAAW,SAAS,gBAApB,mBAAmC;AAC7C;",
   "names": []
 }

package/dist/esm/Popper.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
   getTokens,
@@ -57,7 +58,7 @@ const Popper = (props) => {
   const arrowStyle = React.useMemo(() => {
     return middlewareData.arrow;
   }, [JSON.stringify(middlewareData.arrow || {})]);
-  return /* @__PURE__ */ React.createElement(PopperProvider, {
+  return /* @__PURE__ */ jsx(PopperProvider, {
     scope: __scopePopper,
     anchorRef,
     size,
@@ -65,27 +66,30 @@ const Popper = (props) => {
     arrowStyle,
     onArrowSize: setArrowSize,
     isMounted,
-    ...floating
-  }, children);
+    ...floating,
+    children
+  });
 };
 Popper.displayName = POPPER_NAME;
 const ANCHOR_NAME = "PopperAnchor";
-const PopperAnchor = React.forwardRef((props, forwardedRef) => {
-  const { __scopePopper, virtualRef, ...anchorProps } = props;
-  const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
-  if (virtualRef) {
-    return null;
+const PopperAnchor = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopper, virtualRef, ...anchorProps } = props;
+    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
+    if (virtualRef) {
+      return null;
+    }
+    const stackProps = {
+      ref: composedRefs,
+      ...anchorProps
+    };
+    return /* @__PURE__ */ jsx(YStack, {
+      ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
+    });
   }
-  const stackProps = {
-    ref: composedRefs,
-    ...anchorProps
-  };
-  return /* @__PURE__ */ React.createElement(YStack, {
-    ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
-  });
-});
+);
 PopperAnchor.displayName = ANCHOR_NAME;
 const CONTENT_NAME = "PopperContent";
 const PopperContentFrame = styled(ThemeableStack, {
@@ -107,32 +111,36 @@ const PopperContentFrame = styled(ThemeableStack, {
     size: "$4"
   }
 });
-const PopperContent = PopperContentFrame.extractable(React.forwardRef((props, forwardedRef) => {
-  const { __scopePopper, ...contentProps } = props;
-  const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
-  const contentRefs = useComposedRefs(floating, forwardedRef);
-  const contents = React.useMemo(() => {
-    return /* @__PURE__ */ React.createElement(PopperContentFrame, {
-      key: "popper-content-frame",
-      "data-placement": placement,
-      "data-strategy": strategy,
-      size: contentProps.size || size,
-      ...contentProps
-    });
-  }, [placement, strategy, props]);
-  if (!isMounted) {
-    return null;
-  }
-  const frameProps = {
-    ref: contentRefs,
-    x: x || 0,
-    y: y || 0,
-    position: strategy
-  };
-  return /* @__PURE__ */ React.createElement(YStack, {
-    ...getFloatingProps ? getFloatingProps(frameProps) : frameProps
-  }, contents);
-}));
+const PopperContent = PopperContentFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopePopper, ...contentProps } = props;
+      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
+      const contentRefs = useComposedRefs(floating, forwardedRef);
+      const contents = React.useMemo(() => {
+        return /* @__PURE__ */ jsx(PopperContentFrame, {
+          "data-placement": placement,
+          "data-strategy": strategy,
+          size: contentProps.size || size,
+          ...contentProps
+        }, "popper-content-frame");
+      }, [placement, strategy, props]);
+      if (!isMounted) {
+        return null;
+      }
+      const frameProps = {
+        ref: contentRefs,
+        x: x || 0,
+        y: y || 0,
+        position: strategy
+      };
+      return /* @__PURE__ */ jsx(YStack, {
+        ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
+        children: contents
+      });
+    }
+  )
+);
 PopperContent.displayName = CONTENT_NAME;
 const ARROW_NAME = "PopperArrow";
 const PopperArrowFrame = styled(YStack, {
@@ -156,65 +164,68 @@ const opposites = {
   bottom: "top",
   left: "right"
 };
-const PopperArrow = PopperArrowFrame.extractable(React.forwardRef(function PopperArrow2(props, forwardedRef) {
-  const { __scopePopper, offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
-  const context = usePopperContext(ARROW_NAME, __scopePopper);
-  const tokens = getTokens();
-  const sizeVal = sizeProp ?? context.size;
-  const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]));
-  const size = +sizeValResolved;
-  const { placement } = context;
-  const { x, y } = context.arrowStyle || { x: 0, y: 0 };
-  const refs = useComposedRefs(context.arrowRef, forwardedRef);
-  const primaryPlacement = placement ? placement.split("-")[0] : "top";
-  const arrowStyle = { x, y, width: size, height: size };
-  const innerArrowStyle = {};
-  const isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
-  if (primaryPlacement) {
-    arrowStyle[isVertical ? "width" : "height"] = size * 2;
-    const oppSide = opposites[primaryPlacement];
-    if (oppSide) {
-      arrowStyle[oppSide] = -size;
-      innerArrowStyle[oppSide] = size / 2;
-    }
-    if (oppSide === "top" || oppSide === "bottom") {
-      arrowStyle.left = 0;
-    }
-    if (oppSide === "left" || oppSide === "right") {
-      arrowStyle.top = 0;
-    }
-  }
-  useIsomorphicLayoutEffect(() => {
-    var _a;
-    (_a = context.onArrowSize) == null ? void 0 : _a.call(context, size);
-  }, [size, context.onArrowSize]);
-  return /* @__PURE__ */ React.createElement(PopperArrowOuterFrame, {
-    ref: refs,
-    ...arrowStyle
-  }, /* @__PURE__ */ React.createElement(PopperArrowFrame, {
-    width: size,
-    height: size,
-    ...arrowProps,
-    ...innerArrowStyle,
-    rotate: "45deg",
-    ...primaryPlacement === "bottom" && {
-      borderBottomWidth: borderWidth,
-      borderRightWidth: borderWidth
-    },
-    ...primaryPlacement === "top" && {
-      borderTopWidth: borderWidth,
-      borderLeftWidth: borderWidth
-    },
-    ...primaryPlacement === "right" && {
-      borderTopWidth: borderWidth,
-      borderRightWidth: borderWidth
-    },
-    ...primaryPlacement === "left" && {
-      borderBottomWidth: borderWidth,
-      borderLeftWidth: borderWidth
+const PopperArrow = PopperArrowFrame.extractable(
+  React.forwardRef(function PopperArrow2(props, forwardedRef) {
+    const { __scopePopper, offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
+    const context = usePopperContext(ARROW_NAME, __scopePopper);
+    const tokens = getTokens();
+    const sizeVal = sizeProp ?? context.size;
+    const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]));
+    const size = +sizeValResolved;
+    const { placement } = context;
+    const { x, y } = context.arrowStyle || { x: 0, y: 0 };
+    const refs = useComposedRefs(context.arrowRef, forwardedRef);
+    const primaryPlacement = placement ? placement.split("-")[0] : "top";
+    const arrowStyle = { x, y, width: size, height: size };
+    const innerArrowStyle = {};
+    const isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
+    if (primaryPlacement) {
+      arrowStyle[isVertical ? "width" : "height"] = size * 2;
+      const oppSide = opposites[primaryPlacement];
+      if (oppSide) {
+        arrowStyle[oppSide] = -size;
+        innerArrowStyle[oppSide] = size / 2;
+      }
+      if (oppSide === "top" || oppSide === "bottom") {
+        arrowStyle.left = 0;
+      }
+      if (oppSide === "left" || oppSide === "right") {
+        arrowStyle.top = 0;
+      }
     }
-  }));
-}));
+    useIsomorphicLayoutEffect(() => {
+      var _a;
+      (_a = context.onArrowSize) == null ? void 0 : _a.call(context, size);
+    }, [size, context.onArrowSize]);
+    return /* @__PURE__ */ jsx(PopperArrowOuterFrame, {
+      ref: refs,
+      ...arrowStyle,
+      children: /* @__PURE__ */ jsx(PopperArrowFrame, {
+        width: size,
+        height: size,
+        ...arrowProps,
+        ...innerArrowStyle,
+        rotate: "45deg",
+        ...primaryPlacement === "bottom" && {
+          borderBottomWidth: borderWidth,
+          borderRightWidth: borderWidth
+        },
+        ...primaryPlacement === "top" && {
+          borderTopWidth: borderWidth,
+          borderLeftWidth: borderWidth
+        },
+        ...primaryPlacement === "right" && {
+          borderTopWidth: borderWidth,
+          borderRightWidth: borderWidth
+        },
+        ...primaryPlacement === "left" && {
+          borderBottomWidth: borderWidth,
+          borderLeftWidth: borderWidth
+        }
+      })
+    });
+  })
+);
 PopperArrow.displayName = ARROW_NAME;
 export {
   Popper,

package/dist/esm/Popper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Popper.tsx"],
   "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getTokens,\n  getVariableValue,\n  stepTokenUpOrDown,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport { Coords, Placement, Strategy, arrow, autoUpdate, flip, offset, shift } from './floating'\nimport { UseFloatingReturn, useFloating } from './useFloating'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps\n  allowFlip?: FlipProps\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<HTMLSpanElement | null>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    middleware: [\n      stayInFrame ? shift(stayInFrame) : (null as any),\n      allowFlip ? flip(allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  React.useEffect(() => {\n    if (!refs.reference.current || !refs.floating.current) {\n      return\n    }\n    // Only call this when the floating element is rendered\n    return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n  }, [floating.update, refs.floating, refs.reference])\n\n  const arrowStyle = React.useMemo(() => {\n    return middlewareData.arrow\n  }, [JSON.stringify(middlewareData.arrow || {})])\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={arrowStyle}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}>\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const { __scopePopper, offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const tokens = getTokens()\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const { x, y } = context.arrowStyle || { x: 0, y: 0 }\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport { usePopperContext }\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["PopperArrow", "offset"]
 }

package/dist/esm/floating.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/floating.tsx"],
   "sourcesContent": ["export * from '@floating-ui/react-dom'\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/floating.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/floating.native.tsx"],
   "sourcesContent": ["export * from '@floating-ui/react-native'\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export { FloatingOverrideContext, type UseFloatingFn } from './useFloating'\nexport * from './Popper'\n"],
-  "mappings": "AAAA;AACA;",
+  "mappings": "AAAA,SAAS,+BAAmD;AAC5D,cAAc;",
   "names": []
 }

package/dist/esm/useFloating.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useFloating.tsx"],
   "sourcesContent": ["import { createContext, useContext } from 'react'\n\nimport * as Floating from './floating'\n\nexport type UseFloatingFn = typeof Floating.useFloating\n\ntype UseFloatingProps = UseFloatingFn extends (props: infer Props) => any ? Props : never\n\nexport type UseFloatingReturn = Floating.UseFloatingReturn & {\n  context?: any\n  getFloatingProps?: (props: { ref: any; [key: string]: any }) => any\n  getReferenceProps?: (props: { ref: any; [key: string]: any }) => any\n}\n\nexport const FloatingOverrideContext = createContext<UseFloatingFn | null>(null)\n\nexport const useFloating = (props: UseFloatingProps): UseFloatingReturn => {\n  const context = useContext(FloatingOverrideContext)\n  return (context || Floating.useFloating)?.(props)\n}\n"],
-  "mappings": "AAAA;AAEA;AAYO,MAAM,0BAA0B,cAAoC,IAAI;AAExE,MAAM,cAAc,CAAC,UAA+C;AAhB3E;AAiBE,QAAM,UAAU,WAAW,uBAAuB;AAClD,SAAQ,iBAAW,SAAS,gBAApB,mBAAmC;AAC7C;",
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAE1C,YAAY,cAAc;AAYnB,MAAM,0BAA0B,cAAoC,IAAI;AAExE,MAAM,cAAc,CAAC,UAA+C;AAhB3E;AAiBE,QAAM,UAAU,WAAW,uBAAuB;AAClD,UAAQ,gBAAW,SAAS,gBAApB,mBAAmC;AAC7C;",
   "names": []
 }

package/dist/jsx/Popper.js

@@ -61,20 +61,22 @@ const Popper = (props) => {
 };
 Popper.displayName = POPPER_NAME;
 const ANCHOR_NAME = "PopperAnchor";
-const PopperAnchor = React.forwardRef((props, forwardedRef) => {
-  const { __scopePopper, virtualRef, ...anchorProps } = props;
-  const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
-  if (virtualRef) {
-    return null;
+const PopperAnchor = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopper, virtualRef, ...anchorProps } = props;
+    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
+    if (virtualRef) {
+      return null;
+    }
+    const stackProps = {
+      ref: composedRefs,
+      ...anchorProps
+    };
+    return <YStack {...getReferenceProps ? getReferenceProps(stackProps) : stackProps} />;
   }
-  const stackProps = {
-    ref: composedRefs,
-    ...anchorProps
-  };
-  return <YStack {...getReferenceProps ? getReferenceProps(stackProps) : stackProps} />;
-});
+);
 PopperAnchor.displayName = ANCHOR_NAME;
 const CONTENT_NAME = "PopperContent";
 const PopperContentFrame = styled(ThemeableStack, {
@@ -96,24 +98,28 @@ const PopperContentFrame = styled(ThemeableStack, {
     size: "$4"
   }
 });
-const PopperContent = PopperContentFrame.extractable(React.forwardRef((props, forwardedRef) => {
-  const { __scopePopper, ...contentProps } = props;
-  const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
-  const contentRefs = useComposedRefs(floating, forwardedRef);
-  const contents = React.useMemo(() => {
-    return <PopperContentFrame key="popper-content-frame" data-placement={placement} data-strategy={strategy} size={contentProps.size || size} {...contentProps} />;
-  }, [placement, strategy, props]);
-  if (!isMounted) {
-    return null;
-  }
-  const frameProps = {
-    ref: contentRefs,
-    x: x || 0,
-    y: y || 0,
-    position: strategy
-  };
-  return <YStack {...getFloatingProps ? getFloatingProps(frameProps) : frameProps}>{contents}</YStack>;
-}));
+const PopperContent = PopperContentFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopePopper, ...contentProps } = props;
+      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
+      const contentRefs = useComposedRefs(floating, forwardedRef);
+      const contents = React.useMemo(() => {
+        return <PopperContentFrame key="popper-content-frame" data-placement={placement} data-strategy={strategy} size={contentProps.size || size} {...contentProps} />;
+      }, [placement, strategy, props]);
+      if (!isMounted) {
+        return null;
+      }
+      const frameProps = {
+        ref: contentRefs,
+        x: x || 0,
+        y: y || 0,
+        position: strategy
+      };
+      return <YStack {...getFloatingProps ? getFloatingProps(frameProps) : frameProps}>{contents}</YStack>;
+    }
+  )
+);
 PopperContent.displayName = CONTENT_NAME;
 const ARROW_NAME = "PopperArrow";
 const PopperArrowFrame = styled(YStack, {
@@ -137,51 +143,53 @@ const opposites = {
   bottom: "top",
   left: "right"
 };
-const PopperArrow = PopperArrowFrame.extractable(React.forwardRef(function PopperArrow2(props, forwardedRef) {
-  const { __scopePopper, offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
-  const context = usePopperContext(ARROW_NAME, __scopePopper);
-  const tokens = getTokens();
-  const sizeVal = sizeProp ?? context.size;
-  const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]));
-  const size = +sizeValResolved;
-  const { placement } = context;
-  const { x, y } = context.arrowStyle || { x: 0, y: 0 };
-  const refs = useComposedRefs(context.arrowRef, forwardedRef);
-  const primaryPlacement = placement ? placement.split("-")[0] : "top";
-  const arrowStyle = { x, y, width: size, height: size };
-  const innerArrowStyle = {};
-  const isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
-  if (primaryPlacement) {
-    arrowStyle[isVertical ? "width" : "height"] = size * 2;
-    const oppSide = opposites[primaryPlacement];
-    if (oppSide) {
-      arrowStyle[oppSide] = -size;
-      innerArrowStyle[oppSide] = size / 2;
-    }
-    if (oppSide === "top" || oppSide === "bottom") {
-      arrowStyle.left = 0;
-    }
-    if (oppSide === "left" || oppSide === "right") {
-      arrowStyle.top = 0;
+const PopperArrow = PopperArrowFrame.extractable(
+  React.forwardRef(function PopperArrow2(props, forwardedRef) {
+    const { __scopePopper, offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
+    const context = usePopperContext(ARROW_NAME, __scopePopper);
+    const tokens = getTokens();
+    const sizeVal = sizeProp ?? context.size;
+    const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]));
+    const size = +sizeValResolved;
+    const { placement } = context;
+    const { x, y } = context.arrowStyle || { x: 0, y: 0 };
+    const refs = useComposedRefs(context.arrowRef, forwardedRef);
+    const primaryPlacement = placement ? placement.split("-")[0] : "top";
+    const arrowStyle = { x, y, width: size, height: size };
+    const innerArrowStyle = {};
+    const isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
+    if (primaryPlacement) {
+      arrowStyle[isVertical ? "width" : "height"] = size * 2;
+      const oppSide = opposites[primaryPlacement];
+      if (oppSide) {
+        arrowStyle[oppSide] = -size;
+        innerArrowStyle[oppSide] = size / 2;
+      }
+      if (oppSide === "top" || oppSide === "bottom") {
+        arrowStyle.left = 0;
+      }
+      if (oppSide === "left" || oppSide === "right") {
+        arrowStyle.top = 0;
+      }
     }
-  }
-  useIsomorphicLayoutEffect(() => {
-    context.onArrowSize?.(size);
-  }, [size, context.onArrowSize]);
-  return <PopperArrowOuterFrame ref={refs} {...arrowStyle}><PopperArrowFrame width={size} height={size} {...arrowProps} {...innerArrowStyle} rotate="45deg" {...primaryPlacement === "bottom" && {
-    borderBottomWidth: borderWidth,
-    borderRightWidth: borderWidth
-  }} {...primaryPlacement === "top" && {
-    borderTopWidth: borderWidth,
-    borderLeftWidth: borderWidth
-  }} {...primaryPlacement === "right" && {
-    borderTopWidth: borderWidth,
-    borderRightWidth: borderWidth
-  }} {...primaryPlacement === "left" && {
-    borderBottomWidth: borderWidth,
-    borderLeftWidth: borderWidth
-  }} /></PopperArrowOuterFrame>;
-}));
+    useIsomorphicLayoutEffect(() => {
+      context.onArrowSize?.(size);
+    }, [size, context.onArrowSize]);
+    return <PopperArrowOuterFrame ref={refs} {...arrowStyle}><PopperArrowFrame width={size} height={size} {...arrowProps} {...innerArrowStyle} rotate="45deg" {...primaryPlacement === "bottom" && {
+      borderBottomWidth: borderWidth,
+      borderRightWidth: borderWidth
+    }} {...primaryPlacement === "top" && {
+      borderTopWidth: borderWidth,
+      borderLeftWidth: borderWidth
+    }} {...primaryPlacement === "right" && {
+      borderTopWidth: borderWidth,
+      borderRightWidth: borderWidth
+    }} {...primaryPlacement === "left" && {
+      borderBottomWidth: borderWidth,
+      borderLeftWidth: borderWidth
+    }} /></PopperArrowOuterFrame>;
+  })
+);
 PopperArrow.displayName = ARROW_NAME;
 export {
   Popper,

package/dist/jsx/Popper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Popper.tsx"],
   "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getTokens,\n  getVariableValue,\n  stepTokenUpOrDown,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport { Coords, Placement, Strategy, arrow, autoUpdate, flip, offset, shift } from './floating'\nimport { UseFloatingReturn, useFloating } from './useFloating'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps\n  allowFlip?: FlipProps\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<HTMLSpanElement | null>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    middleware: [\n      stayInFrame ? shift(stayInFrame) : (null as any),\n      allowFlip ? flip(allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  React.useEffect(() => {\n    if (!refs.reference.current || !refs.floating.current) {\n      return\n    }\n    // Only call this when the floating element is rendered\n    return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n  }, [floating.update, refs.floating, refs.reference])\n\n  const arrowStyle = React.useMemo(() => {\n    return middlewareData.arrow\n  }, [JSON.stringify(middlewareData.arrow || {})])\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={arrowStyle}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}>\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const { __scopePopper, offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const tokens = getTokens()\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown(tokens.space, sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const { x, y } = context.arrowStyle || { x: 0, y: 0 }\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport { usePopperContext }\n"],
-  "mappings": "AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AAGA;AACA;AASA,MAAM,cAAc;AAGpB,MAAM,CAAC,qBAAqB,eAAe,mBAAmB,WAAW;AAElE,MAAM,oBAAoB;AAajC,MAAM,CAAC,gBAAgB,oBAAoB,oBAAwC,WAAW;AAWvF,MAAM,SAAgC,CAAC,UAAoC;AAChF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;AACtD,4BAA0B,MAAM;AAC9B,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,MAAM,OAAY;AACpC,QAAM,CAAC,SAAS,YAAY,MAAM,SAAiC,IAAI;AACvE,QAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,CAAC;AAClD,QAAM,WAAW,MAAM,OAAO;AAE9B,QAAM,WAAW,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV,cAAc,MAAM,WAAW,IAAK;AAAA,MACpC,YAAY,KAAK,SAAS,IAAK;AAAA,MAC/B,UAAU,MAAM,EAAE,SAAS,QAAQ,CAAC,IAAK;AAAA,MACzC,YAAY,OAAO,SAAS,IAAK;AAAA,IACnC,EAAE,OAAO,OAAO;AAAA,EAClB,CAAC;AAED,QAAM,EAAE,MAAM,mBAAmB;AAEjC,QAAM,oBAAoB,gBAAqB,UAAU,QAAQ;AAEjE,4BAA0B,MAAM;AAC9B,aAAS,UAAU,UAAU,OAAO;AAAA,EACtC,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAK,UAAU,WAAW,CAAC,KAAK,SAAS,SAAS;AACrD;AAAA,IACF;AAEA,WAAO,WAAW,KAAK,UAAU,SAAS,KAAK,SAAS,SAAS,SAAS,MAAM;AAAA,EAClF,GAAG,CAAC,SAAS,QAAQ,KAAK,UAAU,KAAK,SAAS,CAAC;AAEnD,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,WAAO,eAAe;AAAA,EACxB,GAAG,CAAC,KAAK,UAAU,eAAe,SAAS,CAAC,CAAC,CAAC,CAAC;AAE/C,SACE,CAAC,eACC,OAAO,eACP,WAAW,WACX,MAAM,MACN,UAAU,mBACV,YAAY,YACZ,aAAa,cACb,WAAW,eACP,WAEH,SACH,EAXC;AAaL;AAEA,OAAO,cAAc;AAMrB,MAAM,cAAc;AAQb,MAAM,eAAe,MAAM,WAChC,CAAC,OAAuC,iBAAiB;AACvD,QAAM,EAAE,eAAe,eAAe,gBAAgB;AACtD,QAAM,EAAE,WAAW,sBAAsB,iBAAiB,aAAa,aAAa;AACpF,QAAM,MAAM,MAAM,OAAwB,IAAI;AAC9C,QAAM,eAAe,gBAAgB,cAAc,KAAK,SAAS;AACjE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AACA,QAAM,aAAa;AAAA,IACjB,KAAK;AAAA,IACL,GAAG;AAAA,EACL;AACA,SAAO,CAAC,WAAY,oBAAoB,kBAAkB,UAAU,IAAI,YAAa;AACvF,CACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe;AAMrB,MAAM,qBAAqB,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM;AAAA,UACtB,cAAc,OAAO,OAAO;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,gBAAgB,mBAAmB,YAC9C,MAAM,WACJ,CAAC,OAAwC,iBAAiB;AACxD,QAAM,EAAE,kBAAkB,iBAAiB;AAC3C,QAAM,EAAE,UAAU,WAAW,UAAU,GAAG,GAAG,kBAAkB,MAAM,cACnE,iBAAiB,cAAc,aAAa;AAC9C,QAAM,cAAc,gBAAqB,UAAU,YAAY;AAE/D,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,WACE,CAAC,mBACC,IAAI,uBACJ,gBAAgB,WAChB,eAAe,UACf,MAAM,aAAa,QAAQ,UACvB,cACN;AAAA,EAEJ,GAAG,CAAC,WAAW,UAAU,KAAK,CAAC;AAG/B,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,QAAM,aAAa;AAAA,IACjB,KAAK;AAAA,IACL,GAAG,KAAK;AAAA,IACR,GAAG,KAAK;AAAA,IACR,UAAU;AAAA,EACZ;AAGA,SACE,CAAC,WAAY,mBAAmB,iBAAiB,UAAU,IAAI,aAC5D,SACH,EAFC;AAIL,CACF,CACF;AAEA,cAAc,cAAc;AAM5B,MAAM,aAAa;AASnB,MAAM,mBAAmB,OAAO,QAAQ;AAAA,EACtC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,UAAU;AACZ,CAAC;AAED,MAAM,wBAAwB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,gBAAgB;AAClB,CAAC;AAED,MAAM,YAAY;AAAA,EAChB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR;AAIO,MAAM,cAAc,iBAAiB,YAC1C,MAAM,WAAiD,sBACrD,OACA,cACA;AACA,QAAM,EAAE,eAAe,iBAAQ,MAAM,UAAU,cAAc,MAAM,eAAe;AAClF,QAAM,UAAU,iBAAiB,YAAY,aAAa;AAC1D,QAAM,SAAS,UAAU;AACzB,QAAM,UAAU,YAAY,QAAQ;AACpC,QAAM,kBAAkB,iBAAiB,kBAAkB,OAAO,OAAO,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1F,QAAM,OAAO,CAAC;AACd,QAAM,EAAE,cAAc;AACtB,QAAM,EAAE,GAAG,MAAM,QAAQ,cAAc,EAAE,GAAG,GAAG,GAAG,EAAE;AACpD,QAAM,OAAO,gBAAgB,QAAQ,UAAU,YAAY;AAE3D,QAAM,mBAAoB,YAAY,UAAU,MAAM,GAAG,EAAE,KAAK;AAEhE,QAAM,aAAyB,EAAE,GAAG,GAAG,OAAO,MAAM,QAAQ,KAAK;AACjE,QAAM,kBAA8B,CAAC;AACrC,QAAM,aAAa,qBAAqB,YAAY,qBAAqB;AAEzE,MAAI,kBAAkB;AAEpB,eAAW,aAAa,UAAU,YAAY,OAAO;AACrD,UAAM,UAAU,UAAU;AAC1B,QAAI,SAAS;AACX,iBAAW,WAAW,CAAC;AACvB,sBAAgB,WAAW,OAAO;AAAA,IACpC;AACA,QAAI,YAAY,SAAS,YAAY,UAAU;AAC7C,iBAAW,OAAO;AAAA,IACpB;AACA,QAAI,YAAY,UAAU,YAAY,SAAS;AAC7C,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAGA,4BAA0B,MAAM;AAC9B,YAAQ,cAAc,IAAI;AAAA,EAC5B,GAAG,CAAC,MAAM,QAAQ,WAAW,CAAC;AAG9B,SACE,CAAC,sBAAsB,KAAK,UAAU,YACpC,CAAC,iBACC,OAAO,MACP,QAAQ,UACJ,gBACA,iBACJ,OAAO,YACF,qBAAqB,YAAY;AAAA,IACpC,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,EACpB,OACK,qBAAqB,SAAS;AAAA,IACjC,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB,OACK,qBAAqB,WAAW;AAAA,IACnC,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB,OACK,qBAAqB,UAAU;AAAA,IAClC,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,EACnB,GACF,EACF,EAxBC;AA0BL,CAAC,CACH;AAEA,YAAY,cAAc;",
-  "names": []
+  "mappings": "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",
+  "names": ["PopperArrow", "offset"]
 }

package/dist/jsx/floating.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/floating.tsx"],
   "sourcesContent": ["export * from '@floating-ui/react-dom'\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/floating.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/floating.native.tsx"],
   "sourcesContent": ["export * from '@floating-ui/react-native'\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export { FloatingOverrideContext, type UseFloatingFn } from './useFloating'\nexport * from './Popper'\n"],
-  "mappings": "AAAA;AACA;",
+  "mappings": "AAAA,SAAS,+BAAmD;AAC5D,cAAc;",
   "names": []
 }

package/dist/jsx/useFloating.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useFloating.tsx"],
   "sourcesContent": ["import { createContext, useContext } from 'react'\n\nimport * as Floating from './floating'\n\nexport type UseFloatingFn = typeof Floating.useFloating\n\ntype UseFloatingProps = UseFloatingFn extends (props: infer Props) => any ? Props : never\n\nexport type UseFloatingReturn = Floating.UseFloatingReturn & {\n  context?: any\n  getFloatingProps?: (props: { ref: any; [key: string]: any }) => any\n  getReferenceProps?: (props: { ref: any; [key: string]: any }) => any\n}\n\nexport const FloatingOverrideContext = createContext<UseFloatingFn | null>(null)\n\nexport const useFloating = (props: UseFloatingProps): UseFloatingReturn => {\n  const context = useContext(FloatingOverrideContext)\n  return (context || Floating.useFloating)?.(props)\n}\n"],
-  "mappings": "AAAA;AAEA;AAYO,MAAM,0BAA0B,cAAoC,IAAI;AAExE,MAAM,cAAc,CAAC,UAA+C;AACzE,QAAM,UAAU,WAAW,uBAAuB;AAClD,SAAQ,YAAW,SAAS,eAAe,KAAK;AAClD;",
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAE1C,YAAY,cAAc;AAYnB,MAAM,0BAA0B,cAAoC,IAAI;AAExE,MAAM,cAAc,CAAC,UAA+C;AACzE,QAAM,UAAU,WAAW,uBAAuB;AAClD,UAAQ,WAAW,SAAS,eAAe,KAAK;AAClD;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/popper",
-  "version": "1.0.1-beta.151",
+  "version": "1.0.1-beta.154",
   "sideEffects": [
     "*.css"
   ],
@@ -25,11 +25,11 @@
   "dependencies": {
     "@floating-ui/react-dom": "^1.0.0",
     "@floating-ui/react-native": "^0.8.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.151",
-    "@tamagui/core": "^1.0.1-beta.151",
-    "@tamagui/create-context": "^1.0.1-beta.151",
-    "@tamagui/stacks": "^1.0.1-beta.151",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.151"
+    "@tamagui/compose-refs": "^1.0.1-beta.154",
+    "@tamagui/core": "^1.0.1-beta.154",
+    "@tamagui/create-context": "^1.0.1-beta.154",
+    "@tamagui/stacks": "^1.0.1-beta.154",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.154"
   },
   "peerDependencies": {
     "react": "*",
@@ -37,7 +37,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.151",
+    "@tamagui/build": "^1.0.1-beta.154",
     "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",