@tamagui/dialog 1.0.1-rc.8 → 1.0.1

package/dist/cjs/Dialog.js

@@ -96,17 +96,12 @@ const DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
     position: "fixed"
   }
 });
-const DialogPortalItem = ({
-  __scopeDialog,
-  hostName,
-  children
-}) => {
+const DialogPortalItem = (props) => {
+  const { __scopeDialog, children, hostName } = props;
   const themeName = (0, import_core.useThemeName)();
   const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-  const name = `${context.scopeKey}SheetContents`;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, {
     hostName,
-    name,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, {
       scope: __scopeDialog,
       ...context,
@@ -339,6 +334,7 @@ const DialogContentImpl = React.forwardRef(
     });
     if (showSheet) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, {
+        hostName: getSheetContentsName(context),
         children: contentProps.children
       });
     }
@@ -380,17 +376,6 @@ const DialogContentImpl = React.forwardRef(
     });
   }
 );
-const SHEET_CONTENTS_NAME = "DialogSheetContents";
-const DialogSheetContents = ({
-  name,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
-    forwardProps: props,
-    name
-  });
-};
-DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
 const TITLE_NAME = "DialogTitle";
 const DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
   name: TITLE_NAME
@@ -512,7 +497,11 @@ const Dialog = (0, import_core.withStaticProperties)(
       allowPinchZoom = false
     } = props;
     const scopeId = (0, import_core.useId)();
+    const contentId = (0, import_core.useId)();
+    const titleId = (0, import_core.useId)();
+    const descriptionId = (0, import_core.useId)();
     const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId;
+    const sheetContentsName = getSheetContentsName({ scopeKey, contentId });
     const triggerRef = React.useRef(null);
     const contentRef = React.useRef(null);
     const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
@@ -524,9 +513,6 @@ const Dialog = (0, import_core.withStaticProperties)(
       () => setOpen((prevOpen) => !prevOpen),
       [setOpen]
     );
-    const contentId = (0, import_core.useId)();
-    const titleId = (0, import_core.useId)();
-    const descriptionId = (0, import_core.useId)();
     const context = {
       scope: __scopeDialog,
       scopeKey,
@@ -541,12 +527,11 @@ const Dialog = (0, import_core.withStaticProperties)(
       modal,
       allowPinchZoom
     };
-    const sheetContentsName = `${scopeKey}SheetContents`;
     const { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
       Contents: React.useCallback(
         (props2) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogSheetContents, {
-            ...props2,
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
+            forwardProps: props2,
             name: sheetContentsName
           });
         },
@@ -584,6 +569,21 @@ const Dialog = (0, import_core.withStaticProperties)(
     Adapt: import_adapt.Adapt
   }
 );
+const SHEET_CONTENTS_NAME = "DialogSheetContents";
+const DialogSheetContents = ({
+  name,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
+    forwardProps: props,
+    name
+  });
+};
+DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
+const getSheetContentsName = ({
+  scopeKey,
+  contentId
+}) => `${scopeKey || contentId}SheetContents`;
 const DialogSheetController = (props) => {
   const context = useDialogContext("DialogSheetController", props.__scopeDialog);
   const showSheet = useShowDialogSheet(context);

package/dist/cjs/Dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Dialog.tsx"],
-  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  styled,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContext, createContextScope } from '@tamagui/create-context'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { H2, Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nconst DIALOG_NAME = 'Dialog'\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope }\n\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME)\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\ninterface DialogProps {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  modal?: boolean\n\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<TamaguiElement>\n  contentRef: React.RefObject<TamaguiElement>\n  contentId: string\n  titleId: string\n  descriptionId: string\n  onOpenToggle(): void\n  open: NonNull<DialogProps['open']>\n  onOpenChange: NonNull<DialogProps['onOpenChange']>\n  modal: NonNull<DialogProps['modal']>\n  allowPinchZoom: NonNull<DialogProps['allowPinchZoom']>\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger'\n\nconst DialogTriggerFrame = styled(YStack, {\n  name: TRIGGER_NAME,\n})\n\ninterface DialogTriggerProps extends YStackProps {}\n\nconst DialogTrigger = React.forwardRef<TamaguiElement, DialogTriggerProps>(\n  (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog)\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n    return (\n      <DialogTriggerFrame\n        tag=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...triggerProps}\n        ref={composedTriggerRef}\n        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n      />\n    )\n  }\n)\n\nDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal'\n\ntype PortalContextValue = { forceMount?: true }\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(\n  PORTAL_NAME,\n  {\n    forceMount: undefined,\n  }\n)\n\ntype DialogPortalProps = Omit<PortalItemProps, 'asChild'> &\n  YStackProps & {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true\n  }\n\nexport const DialogPortalFrame = styled(YStack, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  fullscreen: true,\n  zIndex: 100,\n  ...(isWeb && {\n    maxHeight: '100vh',\n    position: 'fixed' as any,\n  }),\n})\n\nconst DialogPortalItem = ({\n  __scopeDialog,\n  hostName,\n  children,\n}: ScopedProps<DialogPortalProps>) => {\n  const themeName = useThemeName()\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n  const name = `${context.scopeKey}SheetContents`\n\n  // until we can use react-native portals natively\n  // have to re-propogate context, sketch\n\n  return (\n    <PortalItem hostName={hostName} name={name}>\n      <DialogProvider scope={__scopeDialog} {...context}>\n        <Theme name={themeName}>{children}</Theme>\n      </DialogProvider>\n    </PortalItem>\n  )\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n\n    const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n    const isShowing = forceMount || context.open\n    const contents = <AnimatePresence>{isShowing ? children : null}</AnimatePresence>\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return children\n    }\n\n    if (context.modal) {\n      return (\n        <DialogPortalItem __scopeDialog={__scopeDialog}>\n          <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n            <DialogPortalFrame\n              pointerEvents={isShowing ? 'auto' : 'none'}\n              {...frameProps}\n            >\n              {contents}\n            </DialogPortalFrame>\n          </PortalProvider>\n        </DialogPortalItem>\n      )\n    }\n\n    return contents\n  }\n)\n\nDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay'\n\nconst DialogOverlayFrame = styled(ThemeableStack, {\n  name: OVERLAY_NAME,\n  backgrounded: true,\n  fullscreen: true,\n})\n\ninterface DialogOverlayProps extends YStackProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogOverlay = React.forwardRef<TamaguiElement, DialogOverlayProps>(\n  ({ __scopeDialog, ...props }: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog)\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog)\n    const showSheet = useShowDialogSheet(context)\n\n    if (!forceMount) {\n      if (!context.modal || showSheet) {\n        return null\n      }\n    }\n\n    return <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />\n  }\n)\n\nDialogOverlay.displayName = OVERLAY_NAME\n\ntype DialogOverlayImplProps = GetProps<typeof DialogOverlayFrame> & {\n  context: DialogContextValue\n}\n\nconst DialogOverlayImpl = React.forwardRef<TamaguiElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const { context, ...overlayProps } = props\n\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <DialogOverlayFrame\n        data-state={getState(context.open)}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        pointerEvents={context.open ? 'auto' : 'none'}\n        {...overlayProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent'\n\nconst DialogContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n  tag: 'dialog',\n  position: 'relative',\n  backgrounded: true,\n  padded: true,\n  radiused: true,\n  elevate: true,\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {}\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype DialogContentFrameProps = GetProps<typeof DialogContentFrame>\n\ninterface DialogContentProps\n  extends DialogContentFrameProps,\n    Omit<DialogContentTypeProps, 'context'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogContent = DialogContentFrame.extractable(\n  React.forwardRef<TamaguiElement, DialogContentProps>(\n    ({ __scopeDialog, ...props }: ScopedProps<DialogContentProps>, forwardedRef) => {\n      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog)\n      const { forceMount = portalContext.forceMount, ...contentProps } = props\n      const context = useDialogContext(CONTENT_NAME, __scopeDialog)\n\n      const contents = context.modal ? (\n        <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n      )\n\n      if (!isWeb) {\n        return contents\n      }\n\n      return (\n        <RemoveScroll\n          forwardProps\n          enabled={context.open}\n          allowPinchZoom={context.allowPinchZoom}\n          shards={[context.contentRef]}\n          // causes lots of bugs on touch web on site\n          removeScrollBar={false}\n        >\n          <div className=\"_dsp_contents\">{contents}</div>\n        </RemoveScroll>\n      )\n    }\n  )\n)\n\nDialogContent.displayName = CONTENT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {\n  context: DialogContextValue\n}\n\nconst DialogContentModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (\n    { children, context, ...props }: ScopedProps<DialogContentTypeProps>,\n    forwardedRef\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef)\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    if (isWeb) {\n      React.useEffect(() => {\n        if (!context.open) return\n        const content = contentRef.current\n        if (content) return hideOthers(content)\n      }, [context.open])\n    }\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event['detail'].originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            // If the event is a right-click, we shouldn't close because\n            // it is effectively as if we right-clicked the `Overlay`.\n            if (isRightClick) event.preventDefault()\n          }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n          event.preventDefault()\n        )}\n      >\n        {children}\n      </DialogContentImpl>\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const hasInteractedOutsideRef = React.useRef(false)\n\n    return (\n      <DialogContentImpl\n        {...props}\n        ref={forwardedRef}\n        trapFocus={false}\n        disableOutsidePointerEvents={false}\n        onCloseAutoFocus={(event) => {\n          props.onCloseAutoFocus?.(event)\n\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) {\n              props.context.triggerRef.current?.focus()\n            }\n            // Always prevent auto focus because we either focus manually or want user agent focus\n            event.preventDefault()\n          }\n\n          hasInteractedOutsideRef.current = false\n        }}\n        onInteractOutside={(event) => {\n          props.onInteractOutside?.(event)\n\n          if (!event.defaultPrevented) hasInteractedOutsideRef.current = true\n\n          // Prevent dismissing when clicking the trigger.\n          // As the trigger is already setup to close, without doing so would\n          // cause it to close and immediately open.\n          //\n          // We use `onInteractOutside` as some browsers also\n          // focus on pointer down, creating the same issue.\n          const target = event.target as HTMLElement\n          const trigger = props.context.triggerRef.current\n          if (!(trigger instanceof HTMLElement)) return\n          const targetIsTrigger = trigger.contains(target)\n          if (targetIsTrigger) event.preventDefault()\n        }}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplProps = DialogContentFrameProps &\n  Omit<DismissableProps, 'onDismiss'> & {\n    /**\n     * When `true`, focus cannot escape the `Content` via keyboard,\n     * pointer, or a programmatic focus.\n     * @defaultValue false\n     */\n    trapFocus?: FocusScopeProps['trapped']\n\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n    context: DialogContextValue\n  }\n\nconst DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProps>(\n  (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const {\n      __scopeDialog,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      context,\n      ...contentProps\n    } = props\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const showSheet = useShowDialogSheet(context)\n\n    const contents = (\n      <DialogContentFrame\n        id={context.contentId}\n        aria-describedby={context.descriptionId}\n        aria-labelledby={context.titleId}\n        data-state={getState(context.open)}\n        {...contentProps}\n      />\n    )\n\n    if (showSheet) {\n      return <DialogPortalItem>{contentProps.children}</DialogPortalItem>\n    }\n\n    if (!isWeb) {\n      return contents\n    }\n\n    return (\n      <>\n        <FocusScope\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          forceUnmount={!context.open}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <Dismissable\n            disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}\n            forceUnmount={!context.open}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            onFocusOutside={onFocusOutside}\n            onInteractOutside={onInteractOutside}\n            // @ts-ignore\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          >\n            {contents}\n          </Dismissable>\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning\n              contentRef={contentRef}\n              descriptionId={context.descriptionId}\n            />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({\n  name,\n  ...props\n}: {\n  name: string\n  context: Omit<DialogContextValue, 'sheetBreakpoint'>\n}) => {\n  return <PortalHost forwardProps={props} name={name} />\n}\n\nDialogSheetContents.displayName = SHEET_CONTENTS_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle'\nconst DialogTitleFrame = styled(H2, {\n  name: TITLE_NAME,\n})\n\ntype DialogTitleProps = GetProps<typeof DialogTitleFrame>\n\nconst DialogTitle = React.forwardRef<TamaguiElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props\n    const context = useDialogContext(TITLE_NAME, __scopeDialog)\n    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogDescriptionFrame = styled(Paragraph, {\n  name: 'DialogDescription',\n})\n\ntype DialogDescriptionProps = GetProps<typeof DialogDescriptionFrame>\n\nconst DESCRIPTION_NAME = 'DialogDescription'\n\nconst DialogDescription = React.forwardRef<TamaguiElement, DialogDescriptionProps>(\n  (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog)\n    return (\n      <DialogDescriptionFrame\n        id={context.descriptionId}\n        {...descriptionProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose'\n\ntype DialogCloseProps = YStackProps\n\nconst DialogClose = React.forwardRef<TamaguiElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog)\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return null\n    }\n\n    return (\n      <YStack\n        tag=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nDialogClose.displayName = CLOSE_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning'\n\nconst [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n})\n\ntype TitleWarningProps = { titleId?: string }\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  if (process.env.NODE_ENV === 'development') {\n    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME)\n\n    const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (titleId) {\n        const hasTitle = document.getElementById(titleId)\n        if (!hasTitle) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, titleId])\n  }\n\n  return null\n}\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning'\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n  descriptionId?: string\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  if (process.env.NODE_ENV === 'development') {\n    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME)\n    const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const contentNode = contentRef.current\n      if (!(contentNode instanceof HTMLElement)) {\n        return\n      }\n      const describedById = contentNode.getAttribute('aria-describedby')\n      // if we have an id and the user hasn't set aria-describedby={undefined}\n      if (descriptionId && describedById) {\n        const hasDescription = document.getElementById(descriptionId)\n        if (!hasDescription) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, contentRef, descriptionId])\n  }\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst Dialog = withStaticProperties(\n  React.forwardRef<{ open: (val: boolean) => void }, DialogProps>(function Dialog(\n    props: ScopedProps<DialogProps>,\n    ref\n  ) {\n    const {\n      __scopeDialog,\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      modal = true,\n      allowPinchZoom = false,\n    } = props\n\n    const scopeId = useId()\n    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const contentRef = React.useRef<TamaguiElement>(null)\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    })\n\n    const onOpenToggle = React.useCallback(\n      () => setOpen((prevOpen) => !prevOpen),\n      [setOpen]\n    )\n\n    const contentId = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n\n    const context = {\n      scope: __scopeDialog,\n      scopeKey,\n      triggerRef,\n      contentRef,\n      contentId,\n      titleId,\n      descriptionId,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle,\n      modal,\n      allowPinchZoom,\n    }\n\n    const sheetContentsName = `${scopeKey}SheetContents`\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        (props) => {\n          return <DialogSheetContents {...props} name={sheetContentsName} />\n        },\n        [sheetContentsName]\n      ),\n    })\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        open: setOpen,\n      }),\n      [setOpen]\n    )\n\n    return (\n      <AdaptProvider>\n        <DialogProvider {...context} sheetBreakpoint={when}>\n          <DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>\n            {children}\n          </DialogSheetController>\n        </DialogProvider>\n      </AdaptProvider>\n    )\n  }),\n  {\n    Trigger: DialogTrigger,\n    Portal: DialogPortal,\n    Overlay: DialogOverlay,\n    Content: DialogContent,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Sheet: ControlledSheet,\n    Adapt,\n  }\n)\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = useDialogContext('DialogSheetController', props.__scopeDialog)\n  const showSheet = useShowDialogSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (context: DialogContextValue) => {\n  const media = useMedia()\n  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false\n}\n\nconst useShowDialogSheet = (context: DialogContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context)\n  return context.open === false ? false : breakpointActive\n}\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  DialogWarningProvider,\n}\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  styled,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContext, createContextScope } from '@tamagui/create-context'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { H2, Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nconst DIALOG_NAME = 'Dialog'\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope }\n\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME)\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\ninterface DialogProps {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  modal?: boolean\n\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<TamaguiElement>\n  contentRef: React.RefObject<TamaguiElement>\n  contentId: string\n  titleId: string\n  descriptionId: string\n  onOpenToggle(): void\n  open: NonNull<DialogProps['open']>\n  onOpenChange: NonNull<DialogProps['onOpenChange']>\n  modal: NonNull<DialogProps['modal']>\n  allowPinchZoom: NonNull<DialogProps['allowPinchZoom']>\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger'\n\nconst DialogTriggerFrame = styled(YStack, {\n  name: TRIGGER_NAME,\n})\n\ninterface DialogTriggerProps extends YStackProps {}\n\nconst DialogTrigger = React.forwardRef<TamaguiElement, DialogTriggerProps>(\n  (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog)\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n    return (\n      <DialogTriggerFrame\n        tag=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...triggerProps}\n        ref={composedTriggerRef}\n        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n      />\n    )\n  }\n)\n\nDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal'\n\ntype PortalContextValue = { forceMount?: true }\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(\n  PORTAL_NAME,\n  {\n    forceMount: undefined,\n  }\n)\n\ntype DialogPortalProps = Omit<PortalItemProps, 'asChild'> &\n  YStackProps & {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true\n  }\n\nexport const DialogPortalFrame = styled(YStack, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  fullscreen: true,\n  zIndex: 100,\n  ...(isWeb && {\n    maxHeight: '100vh',\n    position: 'fixed' as any,\n  }),\n})\n\nconst DialogPortalItem = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, children, hostName } = props\n  const themeName = useThemeName()\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n\n  // until we can use react-native portals natively\n  // have to re-propogate context, sketch\n\n  return (\n    <PortalItem hostName={hostName}>\n      <DialogProvider scope={__scopeDialog} {...context}>\n        <Theme name={themeName}>{children}</Theme>\n      </DialogProvider>\n    </PortalItem>\n  )\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n\n    const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n    const isShowing = forceMount || context.open\n    const contents = <AnimatePresence>{isShowing ? children : null}</AnimatePresence>\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return children\n    }\n\n    if (context.modal) {\n      return (\n        <DialogPortalItem __scopeDialog={__scopeDialog}>\n          <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n            <DialogPortalFrame\n              pointerEvents={isShowing ? 'auto' : 'none'}\n              {...frameProps}\n            >\n              {contents}\n            </DialogPortalFrame>\n          </PortalProvider>\n        </DialogPortalItem>\n      )\n    }\n\n    return contents\n  }\n)\n\nDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay'\n\nconst DialogOverlayFrame = styled(ThemeableStack, {\n  name: OVERLAY_NAME,\n  backgrounded: true,\n  fullscreen: true,\n})\n\ninterface DialogOverlayProps extends YStackProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogOverlay = React.forwardRef<TamaguiElement, DialogOverlayProps>(\n  ({ __scopeDialog, ...props }: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog)\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog)\n    const showSheet = useShowDialogSheet(context)\n\n    if (!forceMount) {\n      if (!context.modal || showSheet) {\n        return null\n      }\n    }\n\n    return <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />\n  }\n)\n\nDialogOverlay.displayName = OVERLAY_NAME\n\ntype DialogOverlayImplProps = GetProps<typeof DialogOverlayFrame> & {\n  context: DialogContextValue\n}\n\nconst DialogOverlayImpl = React.forwardRef<TamaguiElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const { context, ...overlayProps } = props\n\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <DialogOverlayFrame\n        data-state={getState(context.open)}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        pointerEvents={context.open ? 'auto' : 'none'}\n        {...overlayProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent'\n\nconst DialogContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n  tag: 'dialog',\n  position: 'relative',\n  backgrounded: true,\n  padded: true,\n  radiused: true,\n  elevate: true,\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {}\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype DialogContentFrameProps = GetProps<typeof DialogContentFrame>\n\ninterface DialogContentProps\n  extends DialogContentFrameProps,\n    Omit<DialogContentTypeProps, 'context'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogContent = DialogContentFrame.extractable(\n  React.forwardRef<TamaguiElement, DialogContentProps>(\n    ({ __scopeDialog, ...props }: ScopedProps<DialogContentProps>, forwardedRef) => {\n      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog)\n      const { forceMount = portalContext.forceMount, ...contentProps } = props\n      const context = useDialogContext(CONTENT_NAME, __scopeDialog)\n\n      const contents = context.modal ? (\n        <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n      )\n\n      if (!isWeb) {\n        return contents\n      }\n\n      return (\n        <RemoveScroll\n          forwardProps\n          enabled={context.open}\n          allowPinchZoom={context.allowPinchZoom}\n          shards={[context.contentRef]}\n          // causes lots of bugs on touch web on site\n          removeScrollBar={false}\n        >\n          <div className=\"_dsp_contents\">{contents}</div>\n        </RemoveScroll>\n      )\n    }\n  )\n)\n\nDialogContent.displayName = CONTENT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {\n  context: DialogContextValue\n}\n\nconst DialogContentModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (\n    { children, context, ...props }: ScopedProps<DialogContentTypeProps>,\n    forwardedRef\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef)\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    if (isWeb) {\n      React.useEffect(() => {\n        if (!context.open) return\n        const content = contentRef.current\n        if (content) return hideOthers(content)\n      }, [context.open])\n    }\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event['detail'].originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            // If the event is a right-click, we shouldn't close because\n            // it is effectively as if we right-clicked the `Overlay`.\n            if (isRightClick) event.preventDefault()\n          }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n          event.preventDefault()\n        )}\n      >\n        {children}\n      </DialogContentImpl>\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const hasInteractedOutsideRef = React.useRef(false)\n\n    return (\n      <DialogContentImpl\n        {...props}\n        ref={forwardedRef}\n        trapFocus={false}\n        disableOutsidePointerEvents={false}\n        onCloseAutoFocus={(event) => {\n          props.onCloseAutoFocus?.(event)\n\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) {\n              props.context.triggerRef.current?.focus()\n            }\n            // Always prevent auto focus because we either focus manually or want user agent focus\n            event.preventDefault()\n          }\n\n          hasInteractedOutsideRef.current = false\n        }}\n        onInteractOutside={(event) => {\n          props.onInteractOutside?.(event)\n\n          if (!event.defaultPrevented) hasInteractedOutsideRef.current = true\n\n          // Prevent dismissing when clicking the trigger.\n          // As the trigger is already setup to close, without doing so would\n          // cause it to close and immediately open.\n          //\n          // We use `onInteractOutside` as some browsers also\n          // focus on pointer down, creating the same issue.\n          const target = event.target as HTMLElement\n          const trigger = props.context.triggerRef.current\n          if (!(trigger instanceof HTMLElement)) return\n          const targetIsTrigger = trigger.contains(target)\n          if (targetIsTrigger) event.preventDefault()\n        }}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplProps = DialogContentFrameProps &\n  Omit<DismissableProps, 'onDismiss'> & {\n    /**\n     * When `true`, focus cannot escape the `Content` via keyboard,\n     * pointer, or a programmatic focus.\n     * @defaultValue false\n     */\n    trapFocus?: FocusScopeProps['trapped']\n\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n    context: DialogContextValue\n  }\n\nconst DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProps>(\n  (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const {\n      __scopeDialog,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      context,\n      ...contentProps\n    } = props\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const showSheet = useShowDialogSheet(context)\n\n    const contents = (\n      <DialogContentFrame\n        id={context.contentId}\n        aria-describedby={context.descriptionId}\n        aria-labelledby={context.titleId}\n        data-state={getState(context.open)}\n        {...contentProps}\n      />\n    )\n\n    if (showSheet) {\n      return (\n        <DialogPortalItem hostName={getSheetContentsName(context)}>\n          {contentProps.children}\n        </DialogPortalItem>\n      )\n    }\n\n    if (!isWeb) {\n      return contents\n    }\n\n    return (\n      <>\n        <FocusScope\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          forceUnmount={!context.open}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <Dismissable\n            disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}\n            forceUnmount={!context.open}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            onFocusOutside={onFocusOutside}\n            onInteractOutside={onInteractOutside}\n            // @ts-ignore\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          >\n            {contents}\n          </Dismissable>\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning\n              contentRef={contentRef}\n              descriptionId={context.descriptionId}\n            />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle'\nconst DialogTitleFrame = styled(H2, {\n  name: TITLE_NAME,\n})\n\ntype DialogTitleProps = GetProps<typeof DialogTitleFrame>\n\nconst DialogTitle = React.forwardRef<TamaguiElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props\n    const context = useDialogContext(TITLE_NAME, __scopeDialog)\n    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogDescriptionFrame = styled(Paragraph, {\n  name: 'DialogDescription',\n})\n\ntype DialogDescriptionProps = GetProps<typeof DialogDescriptionFrame>\n\nconst DESCRIPTION_NAME = 'DialogDescription'\n\nconst DialogDescription = React.forwardRef<TamaguiElement, DialogDescriptionProps>(\n  (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog)\n    return (\n      <DialogDescriptionFrame\n        id={context.descriptionId}\n        {...descriptionProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose'\n\ntype DialogCloseProps = YStackProps\n\nconst DialogClose = React.forwardRef<TamaguiElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog)\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return null\n    }\n\n    return (\n      <YStack\n        tag=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nDialogClose.displayName = CLOSE_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning'\n\nconst [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n})\n\ntype TitleWarningProps = { titleId?: string }\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  if (process.env.NODE_ENV === 'development') {\n    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME)\n\n    const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (titleId) {\n        const hasTitle = document.getElementById(titleId)\n        if (!hasTitle) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, titleId])\n  }\n\n  return null\n}\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning'\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n  descriptionId?: string\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  if (process.env.NODE_ENV === 'development') {\n    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME)\n    const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const contentNode = contentRef.current\n      if (!(contentNode instanceof HTMLElement)) {\n        return\n      }\n      const describedById = contentNode.getAttribute('aria-describedby')\n      // if we have an id and the user hasn't set aria-describedby={undefined}\n      if (descriptionId && describedById) {\n        const hasDescription = document.getElementById(descriptionId)\n        if (!hasDescription) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, contentRef, descriptionId])\n  }\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst Dialog = withStaticProperties(\n  React.forwardRef<{ open: (val: boolean) => void }, DialogProps>(function Dialog(\n    props: ScopedProps<DialogProps>,\n    ref\n  ) {\n    const {\n      __scopeDialog,\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      modal = true,\n      allowPinchZoom = false,\n    } = props\n\n    const scopeId = useId()\n    const contentId = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId\n    const sheetContentsName = getSheetContentsName({ scopeKey, contentId })\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const contentRef = React.useRef<TamaguiElement>(null)\n\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    })\n\n    const onOpenToggle = React.useCallback(\n      () => setOpen((prevOpen) => !prevOpen),\n      [setOpen]\n    )\n\n    const context = {\n      scope: __scopeDialog,\n      scopeKey,\n      triggerRef,\n      contentRef,\n      contentId,\n      titleId,\n      descriptionId,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle,\n      modal,\n      allowPinchZoom,\n    }\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        (props) => {\n          return <PortalHost forwardProps={props} name={sheetContentsName} />\n        },\n        [sheetContentsName]\n      ),\n    })\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        open: setOpen,\n      }),\n      [setOpen]\n    )\n\n    return (\n      <AdaptProvider>\n        <DialogProvider {...context} sheetBreakpoint={when}>\n          <DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>\n            {children}\n          </DialogSheetController>\n        </DialogProvider>\n      </AdaptProvider>\n    )\n  }),\n  {\n    Trigger: DialogTrigger,\n    Portal: DialogPortal,\n    Overlay: DialogOverlay,\n    Content: DialogContent,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Sheet: ControlledSheet,\n    Adapt,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({\n  name,\n  ...props\n}: {\n  name: string\n  context: Omit<DialogContextValue, 'sheetBreakpoint'>\n}) => {\n  return <PortalHost forwardProps={props} name={name} />\n}\n\nDialogSheetContents.displayName = SHEET_CONTENTS_NAME\n\nconst getSheetContentsName = ({\n  scopeKey,\n  contentId,\n}: Pick<DialogContextValue, 'scopeKey' | 'contentId'>) =>\n  `${scopeKey || contentId}SheetContents`\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = useDialogContext('DialogSheetController', props.__scopeDialog)\n  const showSheet = useShowDialogSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (context: DialogContextValue) => {\n  const media = useMedia()\n  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false\n}\n\nconst useShowDialogSheet = (context: DialogContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context)\n  return context.open === false ? false : breakpointActive\n}\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  DialogWarningProvider,\n}\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n}\n"],
+  "mappings": "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",
   "names": ["Dialog", "props"]
 }

package/dist/esm/Dialog.js

@@ -66,17 +66,12 @@ const DialogPortalFrame = styled(YStack, {
     position: "fixed"
   }
 });
-const DialogPortalItem = ({
-  __scopeDialog,
-  hostName,
-  children
-}) => {
+const DialogPortalItem = (props) => {
+  const { __scopeDialog, children, hostName } = props;
   const themeName = useThemeName();
   const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-  const name = `${context.scopeKey}SheetContents`;
   return /* @__PURE__ */ jsx(PortalItem, {
     hostName,
-    name,
     children: /* @__PURE__ */ jsx(DialogProvider, {
       scope: __scopeDialog,
       ...context,
@@ -309,6 +304,7 @@ const DialogContentImpl = React.forwardRef(
     });
     if (showSheet) {
       return /* @__PURE__ */ jsx(DialogPortalItem, {
+        hostName: getSheetContentsName(context),
         children: contentProps.children
       });
     }
@@ -350,17 +346,6 @@ const DialogContentImpl = React.forwardRef(
     });
   }
 );
-const SHEET_CONTENTS_NAME = "DialogSheetContents";
-const DialogSheetContents = ({
-  name,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(PortalHost, {
-    forwardProps: props,
-    name
-  });
-};
-DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
 const TITLE_NAME = "DialogTitle";
 const DialogTitleFrame = styled(H2, {
   name: TITLE_NAME
@@ -482,7 +467,11 @@ const Dialog = withStaticProperties(
       allowPinchZoom = false
     } = props;
     const scopeId = useId();
+    const contentId = useId();
+    const titleId = useId();
+    const descriptionId = useId();
     const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId;
+    const sheetContentsName = getSheetContentsName({ scopeKey, contentId });
     const triggerRef = React.useRef(null);
     const contentRef = React.useRef(null);
     const [open, setOpen] = useControllableState({
@@ -494,9 +483,6 @@ const Dialog = withStaticProperties(
       () => setOpen((prevOpen) => !prevOpen),
       [setOpen]
     );
-    const contentId = useId();
-    const titleId = useId();
-    const descriptionId = useId();
     const context = {
       scope: __scopeDialog,
       scopeKey,
@@ -511,12 +497,11 @@ const Dialog = withStaticProperties(
       modal,
       allowPinchZoom
     };
-    const sheetContentsName = `${scopeKey}SheetContents`;
     const { when, AdaptProvider } = useAdaptParent({
       Contents: React.useCallback(
         (props2) => {
-          return /* @__PURE__ */ jsx(DialogSheetContents, {
-            ...props2,
+          return /* @__PURE__ */ jsx(PortalHost, {
+            forwardProps: props2,
             name: sheetContentsName
           });
         },
@@ -554,6 +539,21 @@ const Dialog = withStaticProperties(
     Adapt
   }
 );
+const SHEET_CONTENTS_NAME = "DialogSheetContents";
+const DialogSheetContents = ({
+  name,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(PortalHost, {
+    forwardProps: props,
+    name
+  });
+};
+DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
+const getSheetContentsName = ({
+  scopeKey,
+  contentId
+}) => `${scopeKey || contentId}SheetContents`;
 const DialogSheetController = (props) => {
   const context = useDialogContext("DialogSheetController", props.__scopeDialog);
   const showSheet = useShowDialogSheet(context);

package/dist/esm/Dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Dialog.tsx"],
-  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  styled,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContext, createContextScope } from '@tamagui/create-context'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { H2, Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nconst DIALOG_NAME = 'Dialog'\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope }\n\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME)\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\ninterface DialogProps {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  modal?: boolean\n\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<TamaguiElement>\n  contentRef: React.RefObject<TamaguiElement>\n  contentId: string\n  titleId: string\n  descriptionId: string\n  onOpenToggle(): void\n  open: NonNull<DialogProps['open']>\n  onOpenChange: NonNull<DialogProps['onOpenChange']>\n  modal: NonNull<DialogProps['modal']>\n  allowPinchZoom: NonNull<DialogProps['allowPinchZoom']>\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger'\n\nconst DialogTriggerFrame = styled(YStack, {\n  name: TRIGGER_NAME,\n})\n\ninterface DialogTriggerProps extends YStackProps {}\n\nconst DialogTrigger = React.forwardRef<TamaguiElement, DialogTriggerProps>(\n  (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog)\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n    return (\n      <DialogTriggerFrame\n        tag=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...triggerProps}\n        ref={composedTriggerRef}\n        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n      />\n    )\n  }\n)\n\nDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal'\n\ntype PortalContextValue = { forceMount?: true }\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(\n  PORTAL_NAME,\n  {\n    forceMount: undefined,\n  }\n)\n\ntype DialogPortalProps = Omit<PortalItemProps, 'asChild'> &\n  YStackProps & {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true\n  }\n\nexport const DialogPortalFrame = styled(YStack, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  fullscreen: true,\n  zIndex: 100,\n  ...(isWeb && {\n    maxHeight: '100vh',\n    position: 'fixed' as any,\n  }),\n})\n\nconst DialogPortalItem = ({\n  __scopeDialog,\n  hostName,\n  children,\n}: ScopedProps<DialogPortalProps>) => {\n  const themeName = useThemeName()\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n  const name = `${context.scopeKey}SheetContents`\n\n  // until we can use react-native portals natively\n  // have to re-propogate context, sketch\n\n  return (\n    <PortalItem hostName={hostName} name={name}>\n      <DialogProvider scope={__scopeDialog} {...context}>\n        <Theme name={themeName}>{children}</Theme>\n      </DialogProvider>\n    </PortalItem>\n  )\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n\n    const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n    const isShowing = forceMount || context.open\n    const contents = <AnimatePresence>{isShowing ? children : null}</AnimatePresence>\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return children\n    }\n\n    if (context.modal) {\n      return (\n        <DialogPortalItem __scopeDialog={__scopeDialog}>\n          <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n            <DialogPortalFrame\n              pointerEvents={isShowing ? 'auto' : 'none'}\n              {...frameProps}\n            >\n              {contents}\n            </DialogPortalFrame>\n          </PortalProvider>\n        </DialogPortalItem>\n      )\n    }\n\n    return contents\n  }\n)\n\nDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay'\n\nconst DialogOverlayFrame = styled(ThemeableStack, {\n  name: OVERLAY_NAME,\n  backgrounded: true,\n  fullscreen: true,\n})\n\ninterface DialogOverlayProps extends YStackProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogOverlay = React.forwardRef<TamaguiElement, DialogOverlayProps>(\n  ({ __scopeDialog, ...props }: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog)\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog)\n    const showSheet = useShowDialogSheet(context)\n\n    if (!forceMount) {\n      if (!context.modal || showSheet) {\n        return null\n      }\n    }\n\n    return <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />\n  }\n)\n\nDialogOverlay.displayName = OVERLAY_NAME\n\ntype DialogOverlayImplProps = GetProps<typeof DialogOverlayFrame> & {\n  context: DialogContextValue\n}\n\nconst DialogOverlayImpl = React.forwardRef<TamaguiElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const { context, ...overlayProps } = props\n\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <DialogOverlayFrame\n        data-state={getState(context.open)}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        pointerEvents={context.open ? 'auto' : 'none'}\n        {...overlayProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent'\n\nconst DialogContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n  tag: 'dialog',\n  position: 'relative',\n  backgrounded: true,\n  padded: true,\n  radiused: true,\n  elevate: true,\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {}\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype DialogContentFrameProps = GetProps<typeof DialogContentFrame>\n\ninterface DialogContentProps\n  extends DialogContentFrameProps,\n    Omit<DialogContentTypeProps, 'context'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogContent = DialogContentFrame.extractable(\n  React.forwardRef<TamaguiElement, DialogContentProps>(\n    ({ __scopeDialog, ...props }: ScopedProps<DialogContentProps>, forwardedRef) => {\n      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog)\n      const { forceMount = portalContext.forceMount, ...contentProps } = props\n      const context = useDialogContext(CONTENT_NAME, __scopeDialog)\n\n      const contents = context.modal ? (\n        <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n      )\n\n      if (!isWeb) {\n        return contents\n      }\n\n      return (\n        <RemoveScroll\n          forwardProps\n          enabled={context.open}\n          allowPinchZoom={context.allowPinchZoom}\n          shards={[context.contentRef]}\n          // causes lots of bugs on touch web on site\n          removeScrollBar={false}\n        >\n          <div className=\"_dsp_contents\">{contents}</div>\n        </RemoveScroll>\n      )\n    }\n  )\n)\n\nDialogContent.displayName = CONTENT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {\n  context: DialogContextValue\n}\n\nconst DialogContentModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (\n    { children, context, ...props }: ScopedProps<DialogContentTypeProps>,\n    forwardedRef\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef)\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    if (isWeb) {\n      React.useEffect(() => {\n        if (!context.open) return\n        const content = contentRef.current\n        if (content) return hideOthers(content)\n      }, [context.open])\n    }\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event['detail'].originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            // If the event is a right-click, we shouldn't close because\n            // it is effectively as if we right-clicked the `Overlay`.\n            if (isRightClick) event.preventDefault()\n          }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n          event.preventDefault()\n        )}\n      >\n        {children}\n      </DialogContentImpl>\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const hasInteractedOutsideRef = React.useRef(false)\n\n    return (\n      <DialogContentImpl\n        {...props}\n        ref={forwardedRef}\n        trapFocus={false}\n        disableOutsidePointerEvents={false}\n        onCloseAutoFocus={(event) => {\n          props.onCloseAutoFocus?.(event)\n\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) {\n              props.context.triggerRef.current?.focus()\n            }\n            // Always prevent auto focus because we either focus manually or want user agent focus\n            event.preventDefault()\n          }\n\n          hasInteractedOutsideRef.current = false\n        }}\n        onInteractOutside={(event) => {\n          props.onInteractOutside?.(event)\n\n          if (!event.defaultPrevented) hasInteractedOutsideRef.current = true\n\n          // Prevent dismissing when clicking the trigger.\n          // As the trigger is already setup to close, without doing so would\n          // cause it to close and immediately open.\n          //\n          // We use `onInteractOutside` as some browsers also\n          // focus on pointer down, creating the same issue.\n          const target = event.target as HTMLElement\n          const trigger = props.context.triggerRef.current\n          if (!(trigger instanceof HTMLElement)) return\n          const targetIsTrigger = trigger.contains(target)\n          if (targetIsTrigger) event.preventDefault()\n        }}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplProps = DialogContentFrameProps &\n  Omit<DismissableProps, 'onDismiss'> & {\n    /**\n     * When `true`, focus cannot escape the `Content` via keyboard,\n     * pointer, or a programmatic focus.\n     * @defaultValue false\n     */\n    trapFocus?: FocusScopeProps['trapped']\n\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n    context: DialogContextValue\n  }\n\nconst DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProps>(\n  (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const {\n      __scopeDialog,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      context,\n      ...contentProps\n    } = props\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const showSheet = useShowDialogSheet(context)\n\n    const contents = (\n      <DialogContentFrame\n        id={context.contentId}\n        aria-describedby={context.descriptionId}\n        aria-labelledby={context.titleId}\n        data-state={getState(context.open)}\n        {...contentProps}\n      />\n    )\n\n    if (showSheet) {\n      return <DialogPortalItem>{contentProps.children}</DialogPortalItem>\n    }\n\n    if (!isWeb) {\n      return contents\n    }\n\n    return (\n      <>\n        <FocusScope\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          forceUnmount={!context.open}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <Dismissable\n            disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}\n            forceUnmount={!context.open}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            onFocusOutside={onFocusOutside}\n            onInteractOutside={onInteractOutside}\n            // @ts-ignore\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          >\n            {contents}\n          </Dismissable>\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning\n              contentRef={contentRef}\n              descriptionId={context.descriptionId}\n            />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({\n  name,\n  ...props\n}: {\n  name: string\n  context: Omit<DialogContextValue, 'sheetBreakpoint'>\n}) => {\n  return <PortalHost forwardProps={props} name={name} />\n}\n\nDialogSheetContents.displayName = SHEET_CONTENTS_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle'\nconst DialogTitleFrame = styled(H2, {\n  name: TITLE_NAME,\n})\n\ntype DialogTitleProps = GetProps<typeof DialogTitleFrame>\n\nconst DialogTitle = React.forwardRef<TamaguiElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props\n    const context = useDialogContext(TITLE_NAME, __scopeDialog)\n    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogDescriptionFrame = styled(Paragraph, {\n  name: 'DialogDescription',\n})\n\ntype DialogDescriptionProps = GetProps<typeof DialogDescriptionFrame>\n\nconst DESCRIPTION_NAME = 'DialogDescription'\n\nconst DialogDescription = React.forwardRef<TamaguiElement, DialogDescriptionProps>(\n  (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog)\n    return (\n      <DialogDescriptionFrame\n        id={context.descriptionId}\n        {...descriptionProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose'\n\ntype DialogCloseProps = YStackProps\n\nconst DialogClose = React.forwardRef<TamaguiElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog)\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return null\n    }\n\n    return (\n      <YStack\n        tag=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nDialogClose.displayName = CLOSE_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning'\n\nconst [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n})\n\ntype TitleWarningProps = { titleId?: string }\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  if (process.env.NODE_ENV === 'development') {\n    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME)\n\n    const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (titleId) {\n        const hasTitle = document.getElementById(titleId)\n        if (!hasTitle) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, titleId])\n  }\n\n  return null\n}\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning'\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n  descriptionId?: string\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  if (process.env.NODE_ENV === 'development') {\n    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME)\n    const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const contentNode = contentRef.current\n      if (!(contentNode instanceof HTMLElement)) {\n        return\n      }\n      const describedById = contentNode.getAttribute('aria-describedby')\n      // if we have an id and the user hasn't set aria-describedby={undefined}\n      if (descriptionId && describedById) {\n        const hasDescription = document.getElementById(descriptionId)\n        if (!hasDescription) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, contentRef, descriptionId])\n  }\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst Dialog = withStaticProperties(\n  React.forwardRef<{ open: (val: boolean) => void }, DialogProps>(function Dialog(\n    props: ScopedProps<DialogProps>,\n    ref\n  ) {\n    const {\n      __scopeDialog,\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      modal = true,\n      allowPinchZoom = false,\n    } = props\n\n    const scopeId = useId()\n    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const contentRef = React.useRef<TamaguiElement>(null)\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    })\n\n    const onOpenToggle = React.useCallback(\n      () => setOpen((prevOpen) => !prevOpen),\n      [setOpen]\n    )\n\n    const contentId = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n\n    const context = {\n      scope: __scopeDialog,\n      scopeKey,\n      triggerRef,\n      contentRef,\n      contentId,\n      titleId,\n      descriptionId,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle,\n      modal,\n      allowPinchZoom,\n    }\n\n    const sheetContentsName = `${scopeKey}SheetContents`\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        (props) => {\n          return <DialogSheetContents {...props} name={sheetContentsName} />\n        },\n        [sheetContentsName]\n      ),\n    })\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        open: setOpen,\n      }),\n      [setOpen]\n    )\n\n    return (\n      <AdaptProvider>\n        <DialogProvider {...context} sheetBreakpoint={when}>\n          <DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>\n            {children}\n          </DialogSheetController>\n        </DialogProvider>\n      </AdaptProvider>\n    )\n  }),\n  {\n    Trigger: DialogTrigger,\n    Portal: DialogPortal,\n    Overlay: DialogOverlay,\n    Content: DialogContent,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Sheet: ControlledSheet,\n    Adapt,\n  }\n)\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = useDialogContext('DialogSheetController', props.__scopeDialog)\n  const showSheet = useShowDialogSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (context: DialogContextValue) => {\n  const media = useMedia()\n  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false\n}\n\nconst useShowDialogSheet = (context: DialogContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context)\n  return context.open === false ? false : breakpointActive\n}\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  DialogWarningProvider,\n}\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  styled,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContext, createContextScope } from '@tamagui/create-context'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { H2, Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nconst DIALOG_NAME = 'Dialog'\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope }\n\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME)\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\ninterface DialogProps {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  modal?: boolean\n\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<TamaguiElement>\n  contentRef: React.RefObject<TamaguiElement>\n  contentId: string\n  titleId: string\n  descriptionId: string\n  onOpenToggle(): void\n  open: NonNull<DialogProps['open']>\n  onOpenChange: NonNull<DialogProps['onOpenChange']>\n  modal: NonNull<DialogProps['modal']>\n  allowPinchZoom: NonNull<DialogProps['allowPinchZoom']>\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger'\n\nconst DialogTriggerFrame = styled(YStack, {\n  name: TRIGGER_NAME,\n})\n\ninterface DialogTriggerProps extends YStackProps {}\n\nconst DialogTrigger = React.forwardRef<TamaguiElement, DialogTriggerProps>(\n  (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog)\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n    return (\n      <DialogTriggerFrame\n        tag=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...triggerProps}\n        ref={composedTriggerRef}\n        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n      />\n    )\n  }\n)\n\nDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal'\n\ntype PortalContextValue = { forceMount?: true }\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(\n  PORTAL_NAME,\n  {\n    forceMount: undefined,\n  }\n)\n\ntype DialogPortalProps = Omit<PortalItemProps, 'asChild'> &\n  YStackProps & {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true\n  }\n\nexport const DialogPortalFrame = styled(YStack, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  fullscreen: true,\n  zIndex: 100,\n  ...(isWeb && {\n    maxHeight: '100vh',\n    position: 'fixed' as any,\n  }),\n})\n\nconst DialogPortalItem = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, children, hostName } = props\n  const themeName = useThemeName()\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n\n  // until we can use react-native portals natively\n  // have to re-propogate context, sketch\n\n  return (\n    <PortalItem hostName={hostName}>\n      <DialogProvider scope={__scopeDialog} {...context}>\n        <Theme name={themeName}>{children}</Theme>\n      </DialogProvider>\n    </PortalItem>\n  )\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n\n    const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n    const isShowing = forceMount || context.open\n    const contents = <AnimatePresence>{isShowing ? children : null}</AnimatePresence>\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return children\n    }\n\n    if (context.modal) {\n      return (\n        <DialogPortalItem __scopeDialog={__scopeDialog}>\n          <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n            <DialogPortalFrame\n              pointerEvents={isShowing ? 'auto' : 'none'}\n              {...frameProps}\n            >\n              {contents}\n            </DialogPortalFrame>\n          </PortalProvider>\n        </DialogPortalItem>\n      )\n    }\n\n    return contents\n  }\n)\n\nDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay'\n\nconst DialogOverlayFrame = styled(ThemeableStack, {\n  name: OVERLAY_NAME,\n  backgrounded: true,\n  fullscreen: true,\n})\n\ninterface DialogOverlayProps extends YStackProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogOverlay = React.forwardRef<TamaguiElement, DialogOverlayProps>(\n  ({ __scopeDialog, ...props }: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog)\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog)\n    const showSheet = useShowDialogSheet(context)\n\n    if (!forceMount) {\n      if (!context.modal || showSheet) {\n        return null\n      }\n    }\n\n    return <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />\n  }\n)\n\nDialogOverlay.displayName = OVERLAY_NAME\n\ntype DialogOverlayImplProps = GetProps<typeof DialogOverlayFrame> & {\n  context: DialogContextValue\n}\n\nconst DialogOverlayImpl = React.forwardRef<TamaguiElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const { context, ...overlayProps } = props\n\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <DialogOverlayFrame\n        data-state={getState(context.open)}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        pointerEvents={context.open ? 'auto' : 'none'}\n        {...overlayProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent'\n\nconst DialogContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n  tag: 'dialog',\n  position: 'relative',\n  backgrounded: true,\n  padded: true,\n  radiused: true,\n  elevate: true,\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {}\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype DialogContentFrameProps = GetProps<typeof DialogContentFrame>\n\ninterface DialogContentProps\n  extends DialogContentFrameProps,\n    Omit<DialogContentTypeProps, 'context'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogContent = DialogContentFrame.extractable(\n  React.forwardRef<TamaguiElement, DialogContentProps>(\n    ({ __scopeDialog, ...props }: ScopedProps<DialogContentProps>, forwardedRef) => {\n      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog)\n      const { forceMount = portalContext.forceMount, ...contentProps } = props\n      const context = useDialogContext(CONTENT_NAME, __scopeDialog)\n\n      const contents = context.modal ? (\n        <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n      )\n\n      if (!isWeb) {\n        return contents\n      }\n\n      return (\n        <RemoveScroll\n          forwardProps\n          enabled={context.open}\n          allowPinchZoom={context.allowPinchZoom}\n          shards={[context.contentRef]}\n          // causes lots of bugs on touch web on site\n          removeScrollBar={false}\n        >\n          <div className=\"_dsp_contents\">{contents}</div>\n        </RemoveScroll>\n      )\n    }\n  )\n)\n\nDialogContent.displayName = CONTENT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {\n  context: DialogContextValue\n}\n\nconst DialogContentModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (\n    { children, context, ...props }: ScopedProps<DialogContentTypeProps>,\n    forwardedRef\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef)\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    if (isWeb) {\n      React.useEffect(() => {\n        if (!context.open) return\n        const content = contentRef.current\n        if (content) return hideOthers(content)\n      }, [context.open])\n    }\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event['detail'].originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            // If the event is a right-click, we shouldn't close because\n            // it is effectively as if we right-clicked the `Overlay`.\n            if (isRightClick) event.preventDefault()\n          }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n          event.preventDefault()\n        )}\n      >\n        {children}\n      </DialogContentImpl>\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const hasInteractedOutsideRef = React.useRef(false)\n\n    return (\n      <DialogContentImpl\n        {...props}\n        ref={forwardedRef}\n        trapFocus={false}\n        disableOutsidePointerEvents={false}\n        onCloseAutoFocus={(event) => {\n          props.onCloseAutoFocus?.(event)\n\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) {\n              props.context.triggerRef.current?.focus()\n            }\n            // Always prevent auto focus because we either focus manually or want user agent focus\n            event.preventDefault()\n          }\n\n          hasInteractedOutsideRef.current = false\n        }}\n        onInteractOutside={(event) => {\n          props.onInteractOutside?.(event)\n\n          if (!event.defaultPrevented) hasInteractedOutsideRef.current = true\n\n          // Prevent dismissing when clicking the trigger.\n          // As the trigger is already setup to close, without doing so would\n          // cause it to close and immediately open.\n          //\n          // We use `onInteractOutside` as some browsers also\n          // focus on pointer down, creating the same issue.\n          const target = event.target as HTMLElement\n          const trigger = props.context.triggerRef.current\n          if (!(trigger instanceof HTMLElement)) return\n          const targetIsTrigger = trigger.contains(target)\n          if (targetIsTrigger) event.preventDefault()\n        }}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplProps = DialogContentFrameProps &\n  Omit<DismissableProps, 'onDismiss'> & {\n    /**\n     * When `true`, focus cannot escape the `Content` via keyboard,\n     * pointer, or a programmatic focus.\n     * @defaultValue false\n     */\n    trapFocus?: FocusScopeProps['trapped']\n\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n    context: DialogContextValue\n  }\n\nconst DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProps>(\n  (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const {\n      __scopeDialog,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      context,\n      ...contentProps\n    } = props\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const showSheet = useShowDialogSheet(context)\n\n    const contents = (\n      <DialogContentFrame\n        id={context.contentId}\n        aria-describedby={context.descriptionId}\n        aria-labelledby={context.titleId}\n        data-state={getState(context.open)}\n        {...contentProps}\n      />\n    )\n\n    if (showSheet) {\n      return (\n        <DialogPortalItem hostName={getSheetContentsName(context)}>\n          {contentProps.children}\n        </DialogPortalItem>\n      )\n    }\n\n    if (!isWeb) {\n      return contents\n    }\n\n    return (\n      <>\n        <FocusScope\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          forceUnmount={!context.open}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <Dismissable\n            disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}\n            forceUnmount={!context.open}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            onFocusOutside={onFocusOutside}\n            onInteractOutside={onInteractOutside}\n            // @ts-ignore\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          >\n            {contents}\n          </Dismissable>\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning\n              contentRef={contentRef}\n              descriptionId={context.descriptionId}\n            />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle'\nconst DialogTitleFrame = styled(H2, {\n  name: TITLE_NAME,\n})\n\ntype DialogTitleProps = GetProps<typeof DialogTitleFrame>\n\nconst DialogTitle = React.forwardRef<TamaguiElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props\n    const context = useDialogContext(TITLE_NAME, __scopeDialog)\n    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogDescriptionFrame = styled(Paragraph, {\n  name: 'DialogDescription',\n})\n\ntype DialogDescriptionProps = GetProps<typeof DialogDescriptionFrame>\n\nconst DESCRIPTION_NAME = 'DialogDescription'\n\nconst DialogDescription = React.forwardRef<TamaguiElement, DialogDescriptionProps>(\n  (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog)\n    return (\n      <DialogDescriptionFrame\n        id={context.descriptionId}\n        {...descriptionProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose'\n\ntype DialogCloseProps = YStackProps\n\nconst DialogClose = React.forwardRef<TamaguiElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog)\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return null\n    }\n\n    return (\n      <YStack\n        tag=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nDialogClose.displayName = CLOSE_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning'\n\nconst [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n})\n\ntype TitleWarningProps = { titleId?: string }\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  if (process.env.NODE_ENV === 'development') {\n    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME)\n\n    const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (titleId) {\n        const hasTitle = document.getElementById(titleId)\n        if (!hasTitle) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, titleId])\n  }\n\n  return null\n}\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning'\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n  descriptionId?: string\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  if (process.env.NODE_ENV === 'development') {\n    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME)\n    const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const contentNode = contentRef.current\n      if (!(contentNode instanceof HTMLElement)) {\n        return\n      }\n      const describedById = contentNode.getAttribute('aria-describedby')\n      // if we have an id and the user hasn't set aria-describedby={undefined}\n      if (descriptionId && describedById) {\n        const hasDescription = document.getElementById(descriptionId)\n        if (!hasDescription) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, contentRef, descriptionId])\n  }\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst Dialog = withStaticProperties(\n  React.forwardRef<{ open: (val: boolean) => void }, DialogProps>(function Dialog(\n    props: ScopedProps<DialogProps>,\n    ref\n  ) {\n    const {\n      __scopeDialog,\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      modal = true,\n      allowPinchZoom = false,\n    } = props\n\n    const scopeId = useId()\n    const contentId = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId\n    const sheetContentsName = getSheetContentsName({ scopeKey, contentId })\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const contentRef = React.useRef<TamaguiElement>(null)\n\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    })\n\n    const onOpenToggle = React.useCallback(\n      () => setOpen((prevOpen) => !prevOpen),\n      [setOpen]\n    )\n\n    const context = {\n      scope: __scopeDialog,\n      scopeKey,\n      triggerRef,\n      contentRef,\n      contentId,\n      titleId,\n      descriptionId,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle,\n      modal,\n      allowPinchZoom,\n    }\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        (props) => {\n          return <PortalHost forwardProps={props} name={sheetContentsName} />\n        },\n        [sheetContentsName]\n      ),\n    })\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        open: setOpen,\n      }),\n      [setOpen]\n    )\n\n    return (\n      <AdaptProvider>\n        <DialogProvider {...context} sheetBreakpoint={when}>\n          <DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>\n            {children}\n          </DialogSheetController>\n        </DialogProvider>\n      </AdaptProvider>\n    )\n  }),\n  {\n    Trigger: DialogTrigger,\n    Portal: DialogPortal,\n    Overlay: DialogOverlay,\n    Content: DialogContent,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Sheet: ControlledSheet,\n    Adapt,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({\n  name,\n  ...props\n}: {\n  name: string\n  context: Omit<DialogContextValue, 'sheetBreakpoint'>\n}) => {\n  return <PortalHost forwardProps={props} name={name} />\n}\n\nDialogSheetContents.displayName = SHEET_CONTENTS_NAME\n\nconst getSheetContentsName = ({\n  scopeKey,\n  contentId,\n}: Pick<DialogContextValue, 'scopeKey' | 'contentId'>) =>\n  `${scopeKey || contentId}SheetContents`\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = useDialogContext('DialogSheetController', props.__scopeDialog)\n  const showSheet = useShowDialogSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (context: DialogContextValue) => {\n  const media = useMedia()\n  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false\n}\n\nconst useShowDialogSheet = (context: DialogContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context)\n  return context.open === false ? false : breakpointActive\n}\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  DialogWarningProvider,\n}\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n}\n"],
+  "mappings": "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",
   "names": ["Dialog", "props"]
 }

package/dist/jsx/Dialog.js

@@ -56,15 +56,11 @@ const DialogPortalFrame = styled(YStack, {
     position: "fixed"
   }
 });
-const DialogPortalItem = ({
-  __scopeDialog,
-  hostName,
-  children
-}) => {
+const DialogPortalItem = (props) => {
+  const { __scopeDialog, children, hostName } = props;
   const themeName = useThemeName();
   const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-  const name = `${context.scopeKey}SheetContents`;
-  return <PortalItem hostName={hostName} name={name}><DialogProvider scope={__scopeDialog} {...context}><Theme name={themeName}>{children}</Theme></DialogProvider></PortalItem>;
+  return <PortalItem hostName={hostName}><DialogProvider scope={__scopeDialog} {...context}><Theme name={themeName}>{children}</Theme></DialogProvider></PortalItem>;
 };
 const DialogPortal = DialogPortalFrame.extractable(
   (props) => {
@@ -222,7 +218,7 @@ const DialogContentImpl = React.forwardRef(
     const showSheet = useShowDialogSheet(context);
     const contents = <DialogContentFrame id={context.contentId} aria-describedby={context.descriptionId} aria-labelledby={context.titleId} data-state={getState(context.open)} {...contentProps} />;
     if (showSheet) {
-      return <DialogPortalItem>{contentProps.children}</DialogPortalItem>;
+      return <DialogPortalItem hostName={getSheetContentsName(context)}>{contentProps.children}</DialogPortalItem>;
     }
     if (!isWeb) {
       return contents;
@@ -236,14 +232,6 @@ const DialogContentImpl = React.forwardRef(
     </>;
   }
 );
-const SHEET_CONTENTS_NAME = "DialogSheetContents";
-const DialogSheetContents = ({
-  name,
-  ...props
-}) => {
-  return <PortalHost forwardProps={props} name={name} />;
-};
-DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
 const TITLE_NAME = "DialogTitle";
 const DialogTitleFrame = styled(H2, {
   name: TITLE_NAME
@@ -352,7 +340,11 @@ const Dialog = withStaticProperties(
       allowPinchZoom = false
     } = props;
     const scopeId = useId();
+    const contentId = useId();
+    const titleId = useId();
+    const descriptionId = useId();
     const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId;
+    const sheetContentsName = getSheetContentsName({ scopeKey, contentId });
     const triggerRef = React.useRef(null);
     const contentRef = React.useRef(null);
     const [open, setOpen] = useControllableState({
@@ -364,9 +356,6 @@ const Dialog = withStaticProperties(
       () => setOpen((prevOpen) => !prevOpen),
       [setOpen]
     );
-    const contentId = useId();
-    const titleId = useId();
-    const descriptionId = useId();
     const context = {
       scope: __scopeDialog,
       scopeKey,
@@ -381,11 +370,10 @@ const Dialog = withStaticProperties(
       modal,
       allowPinchZoom
     };
-    const sheetContentsName = `${scopeKey}SheetContents`;
     const { when, AdaptProvider } = useAdaptParent({
       Contents: React.useCallback(
         (props2) => {
-          return <DialogSheetContents {...props2} name={sheetContentsName} />;
+          return <PortalHost forwardProps={props2} name={sheetContentsName} />;
         },
         [sheetContentsName]
       )
@@ -411,6 +399,18 @@ const Dialog = withStaticProperties(
     Adapt
   }
 );
+const SHEET_CONTENTS_NAME = "DialogSheetContents";
+const DialogSheetContents = ({
+  name,
+  ...props
+}) => {
+  return <PortalHost forwardProps={props} name={name} />;
+};
+DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
+const getSheetContentsName = ({
+  scopeKey,
+  contentId
+}) => `${scopeKey || contentId}SheetContents`;
 const DialogSheetController = (props) => {
   const context = useDialogContext("DialogSheetController", props.__scopeDialog);
   const showSheet = useShowDialogSheet(context);

package/dist/jsx/Dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Dialog.tsx"],
-  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  styled,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContext, createContextScope } from '@tamagui/create-context'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { H2, Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nconst DIALOG_NAME = 'Dialog'\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope }\n\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME)\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\ninterface DialogProps {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  modal?: boolean\n\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<TamaguiElement>\n  contentRef: React.RefObject<TamaguiElement>\n  contentId: string\n  titleId: string\n  descriptionId: string\n  onOpenToggle(): void\n  open: NonNull<DialogProps['open']>\n  onOpenChange: NonNull<DialogProps['onOpenChange']>\n  modal: NonNull<DialogProps['modal']>\n  allowPinchZoom: NonNull<DialogProps['allowPinchZoom']>\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger'\n\nconst DialogTriggerFrame = styled(YStack, {\n  name: TRIGGER_NAME,\n})\n\ninterface DialogTriggerProps extends YStackProps {}\n\nconst DialogTrigger = React.forwardRef<TamaguiElement, DialogTriggerProps>(\n  (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog)\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n    return (\n      <DialogTriggerFrame\n        tag=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...triggerProps}\n        ref={composedTriggerRef}\n        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n      />\n    )\n  }\n)\n\nDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal'\n\ntype PortalContextValue = { forceMount?: true }\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(\n  PORTAL_NAME,\n  {\n    forceMount: undefined,\n  }\n)\n\ntype DialogPortalProps = Omit<PortalItemProps, 'asChild'> &\n  YStackProps & {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true\n  }\n\nexport const DialogPortalFrame = styled(YStack, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  fullscreen: true,\n  zIndex: 100,\n  ...(isWeb && {\n    maxHeight: '100vh',\n    position: 'fixed' as any,\n  }),\n})\n\nconst DialogPortalItem = ({\n  __scopeDialog,\n  hostName,\n  children,\n}: ScopedProps<DialogPortalProps>) => {\n  const themeName = useThemeName()\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n  const name = `${context.scopeKey}SheetContents`\n\n  // until we can use react-native portals natively\n  // have to re-propogate context, sketch\n\n  return (\n    <PortalItem hostName={hostName} name={name}>\n      <DialogProvider scope={__scopeDialog} {...context}>\n        <Theme name={themeName}>{children}</Theme>\n      </DialogProvider>\n    </PortalItem>\n  )\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n\n    const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n    const isShowing = forceMount || context.open\n    const contents = <AnimatePresence>{isShowing ? children : null}</AnimatePresence>\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return children\n    }\n\n    if (context.modal) {\n      return (\n        <DialogPortalItem __scopeDialog={__scopeDialog}>\n          <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n            <DialogPortalFrame\n              pointerEvents={isShowing ? 'auto' : 'none'}\n              {...frameProps}\n            >\n              {contents}\n            </DialogPortalFrame>\n          </PortalProvider>\n        </DialogPortalItem>\n      )\n    }\n\n    return contents\n  }\n)\n\nDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay'\n\nconst DialogOverlayFrame = styled(ThemeableStack, {\n  name: OVERLAY_NAME,\n  backgrounded: true,\n  fullscreen: true,\n})\n\ninterface DialogOverlayProps extends YStackProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogOverlay = React.forwardRef<TamaguiElement, DialogOverlayProps>(\n  ({ __scopeDialog, ...props }: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog)\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog)\n    const showSheet = useShowDialogSheet(context)\n\n    if (!forceMount) {\n      if (!context.modal || showSheet) {\n        return null\n      }\n    }\n\n    return <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />\n  }\n)\n\nDialogOverlay.displayName = OVERLAY_NAME\n\ntype DialogOverlayImplProps = GetProps<typeof DialogOverlayFrame> & {\n  context: DialogContextValue\n}\n\nconst DialogOverlayImpl = React.forwardRef<TamaguiElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const { context, ...overlayProps } = props\n\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <DialogOverlayFrame\n        data-state={getState(context.open)}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        pointerEvents={context.open ? 'auto' : 'none'}\n        {...overlayProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent'\n\nconst DialogContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n  tag: 'dialog',\n  position: 'relative',\n  backgrounded: true,\n  padded: true,\n  radiused: true,\n  elevate: true,\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {}\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype DialogContentFrameProps = GetProps<typeof DialogContentFrame>\n\ninterface DialogContentProps\n  extends DialogContentFrameProps,\n    Omit<DialogContentTypeProps, 'context'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogContent = DialogContentFrame.extractable(\n  React.forwardRef<TamaguiElement, DialogContentProps>(\n    ({ __scopeDialog, ...props }: ScopedProps<DialogContentProps>, forwardedRef) => {\n      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog)\n      const { forceMount = portalContext.forceMount, ...contentProps } = props\n      const context = useDialogContext(CONTENT_NAME, __scopeDialog)\n\n      const contents = context.modal ? (\n        <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n      )\n\n      if (!isWeb) {\n        return contents\n      }\n\n      return (\n        <RemoveScroll\n          forwardProps\n          enabled={context.open}\n          allowPinchZoom={context.allowPinchZoom}\n          shards={[context.contentRef]}\n          // causes lots of bugs on touch web on site\n          removeScrollBar={false}\n        >\n          <div className=\"_dsp_contents\">{contents}</div>\n        </RemoveScroll>\n      )\n    }\n  )\n)\n\nDialogContent.displayName = CONTENT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {\n  context: DialogContextValue\n}\n\nconst DialogContentModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (\n    { children, context, ...props }: ScopedProps<DialogContentTypeProps>,\n    forwardedRef\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef)\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    if (isWeb) {\n      React.useEffect(() => {\n        if (!context.open) return\n        const content = contentRef.current\n        if (content) return hideOthers(content)\n      }, [context.open])\n    }\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event['detail'].originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            // If the event is a right-click, we shouldn't close because\n            // it is effectively as if we right-clicked the `Overlay`.\n            if (isRightClick) event.preventDefault()\n          }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n          event.preventDefault()\n        )}\n      >\n        {children}\n      </DialogContentImpl>\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const hasInteractedOutsideRef = React.useRef(false)\n\n    return (\n      <DialogContentImpl\n        {...props}\n        ref={forwardedRef}\n        trapFocus={false}\n        disableOutsidePointerEvents={false}\n        onCloseAutoFocus={(event) => {\n          props.onCloseAutoFocus?.(event)\n\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) {\n              props.context.triggerRef.current?.focus()\n            }\n            // Always prevent auto focus because we either focus manually or want user agent focus\n            event.preventDefault()\n          }\n\n          hasInteractedOutsideRef.current = false\n        }}\n        onInteractOutside={(event) => {\n          props.onInteractOutside?.(event)\n\n          if (!event.defaultPrevented) hasInteractedOutsideRef.current = true\n\n          // Prevent dismissing when clicking the trigger.\n          // As the trigger is already setup to close, without doing so would\n          // cause it to close and immediately open.\n          //\n          // We use `onInteractOutside` as some browsers also\n          // focus on pointer down, creating the same issue.\n          const target = event.target as HTMLElement\n          const trigger = props.context.triggerRef.current\n          if (!(trigger instanceof HTMLElement)) return\n          const targetIsTrigger = trigger.contains(target)\n          if (targetIsTrigger) event.preventDefault()\n        }}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplProps = DialogContentFrameProps &\n  Omit<DismissableProps, 'onDismiss'> & {\n    /**\n     * When `true`, focus cannot escape the `Content` via keyboard,\n     * pointer, or a programmatic focus.\n     * @defaultValue false\n     */\n    trapFocus?: FocusScopeProps['trapped']\n\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n    context: DialogContextValue\n  }\n\nconst DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProps>(\n  (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const {\n      __scopeDialog,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      context,\n      ...contentProps\n    } = props\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const showSheet = useShowDialogSheet(context)\n\n    const contents = (\n      <DialogContentFrame\n        id={context.contentId}\n        aria-describedby={context.descriptionId}\n        aria-labelledby={context.titleId}\n        data-state={getState(context.open)}\n        {...contentProps}\n      />\n    )\n\n    if (showSheet) {\n      return <DialogPortalItem>{contentProps.children}</DialogPortalItem>\n    }\n\n    if (!isWeb) {\n      return contents\n    }\n\n    return (\n      <>\n        <FocusScope\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          forceUnmount={!context.open}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <Dismissable\n            disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}\n            forceUnmount={!context.open}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            onFocusOutside={onFocusOutside}\n            onInteractOutside={onInteractOutside}\n            // @ts-ignore\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          >\n            {contents}\n          </Dismissable>\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning\n              contentRef={contentRef}\n              descriptionId={context.descriptionId}\n            />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({\n  name,\n  ...props\n}: {\n  name: string\n  context: Omit<DialogContextValue, 'sheetBreakpoint'>\n}) => {\n  return <PortalHost forwardProps={props} name={name} />\n}\n\nDialogSheetContents.displayName = SHEET_CONTENTS_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle'\nconst DialogTitleFrame = styled(H2, {\n  name: TITLE_NAME,\n})\n\ntype DialogTitleProps = GetProps<typeof DialogTitleFrame>\n\nconst DialogTitle = React.forwardRef<TamaguiElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props\n    const context = useDialogContext(TITLE_NAME, __scopeDialog)\n    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogDescriptionFrame = styled(Paragraph, {\n  name: 'DialogDescription',\n})\n\ntype DialogDescriptionProps = GetProps<typeof DialogDescriptionFrame>\n\nconst DESCRIPTION_NAME = 'DialogDescription'\n\nconst DialogDescription = React.forwardRef<TamaguiElement, DialogDescriptionProps>(\n  (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog)\n    return (\n      <DialogDescriptionFrame\n        id={context.descriptionId}\n        {...descriptionProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose'\n\ntype DialogCloseProps = YStackProps\n\nconst DialogClose = React.forwardRef<TamaguiElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog)\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return null\n    }\n\n    return (\n      <YStack\n        tag=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nDialogClose.displayName = CLOSE_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning'\n\nconst [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n})\n\ntype TitleWarningProps = { titleId?: string }\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  if (process.env.NODE_ENV === 'development') {\n    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME)\n\n    const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (titleId) {\n        const hasTitle = document.getElementById(titleId)\n        if (!hasTitle) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, titleId])\n  }\n\n  return null\n}\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning'\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n  descriptionId?: string\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  if (process.env.NODE_ENV === 'development') {\n    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME)\n    const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const contentNode = contentRef.current\n      if (!(contentNode instanceof HTMLElement)) {\n        return\n      }\n      const describedById = contentNode.getAttribute('aria-describedby')\n      // if we have an id and the user hasn't set aria-describedby={undefined}\n      if (descriptionId && describedById) {\n        const hasDescription = document.getElementById(descriptionId)\n        if (!hasDescription) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, contentRef, descriptionId])\n  }\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst Dialog = withStaticProperties(\n  React.forwardRef<{ open: (val: boolean) => void }, DialogProps>(function Dialog(\n    props: ScopedProps<DialogProps>,\n    ref\n  ) {\n    const {\n      __scopeDialog,\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      modal = true,\n      allowPinchZoom = false,\n    } = props\n\n    const scopeId = useId()\n    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const contentRef = React.useRef<TamaguiElement>(null)\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    })\n\n    const onOpenToggle = React.useCallback(\n      () => setOpen((prevOpen) => !prevOpen),\n      [setOpen]\n    )\n\n    const contentId = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n\n    const context = {\n      scope: __scopeDialog,\n      scopeKey,\n      triggerRef,\n      contentRef,\n      contentId,\n      titleId,\n      descriptionId,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle,\n      modal,\n      allowPinchZoom,\n    }\n\n    const sheetContentsName = `${scopeKey}SheetContents`\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        (props) => {\n          return <DialogSheetContents {...props} name={sheetContentsName} />\n        },\n        [sheetContentsName]\n      ),\n    })\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        open: setOpen,\n      }),\n      [setOpen]\n    )\n\n    return (\n      <AdaptProvider>\n        <DialogProvider {...context} sheetBreakpoint={when}>\n          <DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>\n            {children}\n          </DialogSheetController>\n        </DialogProvider>\n      </AdaptProvider>\n    )\n  }),\n  {\n    Trigger: DialogTrigger,\n    Portal: DialogPortal,\n    Overlay: DialogOverlay,\n    Content: DialogContent,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Sheet: ControlledSheet,\n    Adapt,\n  }\n)\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = useDialogContext('DialogSheetController', props.__scopeDialog)\n  const showSheet = useShowDialogSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (context: DialogContextValue) => {\n  const media = useMedia()\n  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false\n}\n\nconst useShowDialogSheet = (context: DialogContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context)\n  return context.open === false ? false : breakpointActive\n}\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  DialogWarningProvider,\n}\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n}\n"],
-  "mappings": "AAAA,SAAS,OAAO,sBAAsB;AACtC,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,eAAe,0BAA0B;AACzD,SAAS,mBAAqC;AAC9C,SAAS,kBAAmC;AAC5C,SAAS,YAAY,kBAAmC;AACxD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,gBAAgB,cAA2B;AACpD,SAAS,IAAI,iBAAiB;AAC9B,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAEvB,MAAM,cAAc;AAIpB,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW;AAkC/E,MAAM,CAAC,gBAAgB,gBAAgB,IACrC,oBAAwC,WAAW;AAMrD,MAAM,eAAe;AAErB,MAAM,qBAAqB,OAAO,QAAQ;AAAA,EACxC,MAAM;AACR,CAAC;AAID,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,OAAwC,iBAAiB;AACxD,UAAM,EAAE,kBAAkB,aAAa,IAAI;AAC3C,UAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,UAAM,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU;AAC3E,WACE,CAAC,mBACC,IAAI,SACJ,cAAc,SACd,eAAe,QAAQ,MACvB,eAAe,QAAQ,WACvB,YAAY,SAAS,QAAQ,IAAI,OAC7B,cACJ,KAAK,oBACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY,GAC1E;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAM5B,MAAM,cAAc;AAGpB,MAAM,CAAC,gBAAgB,gBAAgB,IAAI;AAAA,EACzC;AAAA,EACA;AAAA,IACE,YAAY;AAAA,EACd;AACF;AAWO,MAAM,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,GAAI,SAAS;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF,CAAC;AAED,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,YAAY,aAAa;AAC/B,QAAM,UAAU,iBAAiB,aAAa,aAAa;AAC3D,QAAM,OAAO,GAAG,QAAQ;AAKxB,SACE,CAAC,WAAW,UAAU,UAAU,MAAM,MACpC,CAAC,eAAe,OAAO,mBAAmB,SACxC,CAAC,MAAM,MAAM,YAAY,SAAS,EAAjC,MACH,EAFC,eAGH,EAJC;AAML;AAEA,MAAM,eAA4C,kBAAkB;AAAA,EAClE,CAAC,UAA0C;AACzC,UAAM,EAAE,eAAe,YAAY,aAAa,WAAW,IAAI;AAE/D,UAAM,UAAU,iBAAiB,aAAa,aAAa;AAC3D,UAAM,YAAY,cAAc,QAAQ;AACxC,UAAM,WAAW,CAAC,iBAAiB,YAAY,WAAW,KAAK,EAA7C;AAClB,UAAM,UAAU,mBAAmB,OAAO;AAE1C,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,QAAI,QAAQ,OAAO;AACjB,aACE,CAAC,iBAAiB,eAAe,eAC/B,CAAC,eAAe,OAAO,eAAe,YAAY,YAChD,CAAC,kBACC,eAAe,YAAY,SAAS,YAChC,aAEH,SACH,EALC,kBAMH,EAPC,eAQH,EATC;AAAA,IAWL;AAEA,WAAO;AAAA,EACT;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe;AAErB,MAAM,qBAAqB,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AACd,CAAC;AAUD,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,kBAAkB,MAAM,GAAoC,iBAAiB;AAC9E,UAAM,gBAAgB,iBAAiB,cAAc,aAAa;AAClE,UAAM,EAAE,aAAa,cAAc,eAAe,aAAa,IAAI;AACnE,UAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,UAAM,YAAY,mBAAmB,OAAO;AAE5C,QAAI,CAAC,YAAY;AACf,UAAI,CAAC,QAAQ,SAAS,WAAW;AAC/B,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WAAO,CAAC,kBAAkB,SAAS,aAAa,cAAc,KAAK,cAAc;AAAA,EACnF;AACF;AAEA,cAAc,cAAc;AAM5B,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,YAAY,aAAa,IAAI;AAErC,WAGE,CAAC,mBACC,YAAY,SAAS,QAAQ,IAAI,GAEjC,eAAe,QAAQ,OAAO,SAAS,YACnC,cACJ,KAAK,cACP;AAAA,EAEJ;AACF;AAMA,MAAM,eAAe;AAErB,MAAM,qBAAqB,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EAET,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,eAAO,CAAC;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAcD,MAAM,gBAAgB,mBAAmB;AAAA,EACvC,MAAM;AAAA,IACJ,CAAC,EAAE,kBAAkB,MAAM,GAAoC,iBAAiB;AAC9E,YAAM,gBAAgB,iBAAiB,cAAc,aAAa;AAClE,YAAM,EAAE,aAAa,cAAc,eAAe,aAAa,IAAI;AACnE,YAAM,UAAU,iBAAiB,cAAc,aAAa;AAE5D,YAAM,WAAW,QAAQ,QACvB,CAAC,mBAAmB,SAAS,aAAa,cAAc,KAAK,cAAc,KAE3E,CAAC,sBAAsB,SAAS,aAAa,cAAc,KAAK,cAAc;AAGhF,UAAI,CAAC,OAAO;AACV,eAAO;AAAA,MACT;AAEA,aACE,CAAC,aACC,aACA,SAAS,QAAQ,MACjB,gBAAgB,QAAQ,gBACxB,QAAQ,CAAC,QAAQ,UAAU,GAE3B,iBAAiB,OAEjB,CAAC,IAAI,UAAU,iBAAiB,SAAS,EAAxC,IACH,EATC;AAAA,IAWL;AAAA,EACF;AACF;AAEA,cAAc,cAAc;AAS5B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CACE,EAAE,UAAU,YAAY,MAAM,GAC9B,iBACG;AACH,UAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,UAAM,eAAe,gBAAgB,cAAc,QAAQ,YAAY,UAAU;AAGjF,QAAI,OAAO;AACT,YAAM,UAAU,MAAM;AACpB,YAAI,CAAC,QAAQ;AAAM;AACnB,cAAM,UAAU,WAAW;AAC3B,YAAI;AAAS,iBAAO,WAAW,OAAO;AAAA,MACxC,GAAG,CAAC,QAAQ,IAAI,CAAC;AAAA,IACnB;AAEA,WACE,CAAC,sBACK,OACJ,SAAS,SACT,KAAK,cACL,4BACA,kBAAkB,qBAAqB,MAAM,kBAAkB,CAAC,UAAU;AACxE,YAAM,eAAe;AACrB,cAAQ,WAAW,SAAS,MAAM;AAAA,IACpC,CAAC,GACD,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,CAAC,UAAU;AACT,cAAM,gBAAgB,MAAM,UAAU;AACtC,cAAM,gBACJ,cAAc,WAAW,KAAK,cAAc,YAAY;AAC1D,cAAM,eAAe,cAAc,WAAW,KAAK;AAGnD,YAAI;AAAc,gBAAM,eAAe;AAAA,MACzC;AAAA,IACF,GAGA,gBAAgB;AAAA,MAAqB,MAAM;AAAA,MAAgB,CAAC,UAC1D,MAAM,eAAe;AAAA,IACvB,IAEC,SACH,EA5BC;AAAA,EA8BL;AACF;AAIA,MAAM,wBAAwB,MAAM;AAAA,EAClC,CAAC,OAA4C,iBAAiB;AAC5D,UAAM,0BAA0B,MAAM,OAAO,KAAK;AAElD,WACE,CAAC,sBACK,OACJ,KAAK,cACL,WAAW,OACX,6BAA6B,OAC7B,kBAAkB,CAAC,UAAU;AAC3B,YAAM,mBAAmB,KAAK;AAE9B,UAAI,CAAC,MAAM,kBAAkB;AAC3B,YAAI,CAAC,wBAAwB,SAAS;AACpC,gBAAM,QAAQ,WAAW,SAAS,MAAM;AAAA,QAC1C;AAEA,cAAM,eAAe;AAAA,MACvB;AAEA,8BAAwB,UAAU;AAAA,IACpC,GACA,mBAAmB,CAAC,UAAU;AAC5B,YAAM,oBAAoB,KAAK;AAE/B,UAAI,CAAC,MAAM;AAAkB,gCAAwB,UAAU;AAQ/D,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,MAAM,QAAQ,WAAW;AACzC,UAAI,EAAE,mBAAmB;AAAc;AACvC,YAAM,kBAAkB,QAAQ,SAAS,MAAM;AAC/C,UAAI;AAAiB,cAAM,eAAe;AAAA,IAC5C,GACF;AAAA,EAEJ;AACF;AA4BA,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAA4C,iBAAiB;AAC5D,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA,IACL,IAAI;AAEJ,UAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,UAAM,eAAe,gBAAgB,cAAc,UAAU;AAC7D,UAAM,YAAY,mBAAmB,OAAO;AAE5C,UAAM,WACJ,CAAC,mBACC,IAAI,QAAQ,WACZ,kBAAkB,QAAQ,eAC1B,iBAAiB,QAAQ,SACzB,YAAY,SAAS,QAAQ,IAAI,OAC7B,cACN;AAGF,QAAI,WAAW;AACb,aAAO,CAAC,kBAAkB,aAAa,SAAS,EAAxC;AAAA,IACV;AAEA,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MACE,CAAC,WACC,KACA,SAAS,WACT,kBAAkB,iBAClB,cAAc,CAAC,QAAQ,MACvB,oBAAoB,kBAEpB,CAAC,YACC,6BAA6B,QAAQ,QAAQ,6BAC7C,cAAc,CAAC,QAAQ,MACvB,iBAAiB,iBACjB,sBAAsB,sBACtB,gBAAgB,gBAChB,mBAAmB,mBAEnB,KAAK,cACL,WAAW,MAAM,QAAQ,aAAa,KAAK,IAE1C,SACH,EAZC,YAaH,EApBC;AAAA,OAqBA,QAAQ,IAAI,aAAa,iBACxB;AAAA,QACE,CAAC,aAAa,SAAS,QAAQ,SAAS;AAAA,QACxC,CAAC,mBACC,YAAY,YACZ,eAAe,QAAQ,eACzB;AAAA,MACF;AAAA,IAEJ;AAAA,EAEJ;AACF;AAMA,MAAM,sBAAsB;AAErB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,KACG;AACL,MAGM;AACJ,SAAO,CAAC,WAAW,cAAc,OAAO,MAAM,MAAM;AACtD;AAEA,oBAAoB,cAAc;AAMlC,MAAM,aAAa;AACnB,MAAM,mBAAmB,OAAO,IAAI;AAAA,EAClC,MAAM;AACR,CAAC;AAID,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,kBAAkB,WAAW,IAAI;AACzC,UAAM,UAAU,iBAAiB,YAAY,aAAa;AAC1D,WAAO,CAAC,iBAAiB,IAAI,QAAQ,aAAa,YAAY,KAAK,cAAc;AAAA,EACnF;AACF;AAEA,YAAY,cAAc;AAM1B,MAAM,yBAAyB,OAAO,WAAW;AAAA,EAC/C,MAAM;AACR,CAAC;AAID,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAA4C,iBAAiB;AAC5D,UAAM,EAAE,kBAAkB,iBAAiB,IAAI;AAC/C,UAAM,UAAU,iBAAiB,kBAAkB,aAAa;AAChE,WACE,CAAC,uBACC,IAAI,QAAQ,mBACR,kBACJ,KAAK,cACP;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AAMhC,MAAM,aAAa;AAInB,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,kBAAkB,WAAW,IAAI;AACzC,UAAM,UAAU,iBAAiB,YAAY,aAAa;AAC1D,UAAM,UAAU,mBAAmB,OAAO;AAE1C,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,WACE,CAAC,OACC,IAAI,aACA,YACJ,KAAK,cACL,SAAS;AAAA,MAAqB,MAAM;AAAA,MAAgB,MAClD,QAAQ,aAAa,KAAK;AAAA,IAC5B,GACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAI1B,SAAS,SAAS,MAAe;AAC/B,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,qBAAqB;AAE3B,MAAM,CAAC,uBAAuB,iBAAiB,IAAI,cAAc,oBAAoB;AAAA,EACnF,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AACZ,CAAC;AAID,MAAM,eAA4C,CAAC,EAAE,QAAQ,MAAM;AACjE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,sBAAsB,kBAAkB,kBAAkB;AAEhE,UAAM,UAAU,KAAK,oBAAoB,8BAA8B,oBAAoB;AAAA;AAAA,4BAEnE,oBAAoB;AAAA;AAAA,4EAE4B,oBAAoB;AAE5F,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC;AAAO;AACZ,UAAI,SAAS;AACX,cAAM,WAAW,SAAS,eAAe,OAAO;AAChD,YAAI,CAAC,UAAU;AAEb,kBAAQ,KAAK,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAAA,EACvB;AAEA,SAAO;AACT;AAEA,MAAM,2BAA2B;AAOjC,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AACF,MAAM;AACJ,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,4BAA4B,kBAAkB,wBAAwB;AAC5E,UAAM,UAAU,6EAA6E,0BAA0B;AAEvH,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC;AAAO;AACZ,YAAM,cAAc,WAAW;AAC/B,UAAI,EAAE,uBAAuB,cAAc;AACzC;AAAA,MACF;AACA,YAAM,gBAAgB,YAAY,aAAa,kBAAkB;AAEjE,UAAI,iBAAiB,eAAe;AAClC,cAAM,iBAAiB,SAAS,eAAe,aAAa;AAC5D,YAAI,CAAC,gBAAgB;AAEnB,kBAAQ,KAAK,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,SAAS,YAAY,aAAa,CAAC;AAAA,EACzC;AAEA,SAAO;AACT;AAMA,MAAM,SAAS;AAAA,EACb,MAAM,WAA0D,SAASA,QACvE,OACA,KACA;AACA,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,MACR,iBAAiB;AAAA,IACnB,IAAI;AAEJ,UAAM,UAAU,MAAM;AACtB,UAAM,WAAW,gBAAgB,OAAO,KAAK,aAAa,EAAE,KAAK;AAEjE,UAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,UAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,UAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,eAAe,MAAM;AAAA,MACzB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,MACrC,CAAC,OAAO;AAAA,IACV;AAEA,UAAM,YAAY,MAAM;AACxB,UAAM,UAAU,MAAM;AACtB,UAAM,gBAAgB,MAAM;AAE5B,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,oBAAoB,GAAG;AAE7B,UAAM,EAAE,MAAM,cAAc,IAAI,eAAe;AAAA,MAC7C,UAAU,MAAM;AAAA,QACd,CAACC,WAAU;AACT,iBAAO,CAAC,wBAAwBA,QAAO,MAAM,mBAAmB;AAAA,QAClE;AAAA,QACA,CAAC,iBAAiB;AAAA,MACpB;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,CAAC,OAAO;AAAA,IACV;AAEA,WACE,CAAC,cACC,CAAC,mBAAmB,SAAS,iBAAiB,MAC5C,CAAC,sBAAsB,cAAc,SAAS,eAAe,gBAC1D,SACH,EAFC,sBAGH,EAJC,eAKH,EANC;AAAA,EAQL,CAAC;AAAA,EACD;AAAA,IACE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,EACF;AACF;AAEA,MAAM,wBAAwB,CAC5B,UAIG;AACH,QAAM,UAAU,iBAAiB,yBAAyB,MAAM,aAAa;AAC7E,QAAM,YAAY,mBAAmB,OAAO;AAC5C,QAAM,mBAAmB,yBAAyB,OAAO;AACzD,QAAM,eAAe,OAAO,SAAS;AACrC,SACE,CAAC,gBACC,cAAc,CAAC,QAAQ;AACrB,QAAI,aAAa,GAAG;AAClB,YAAM,aAAa,GAAG;AAAA,IACxB;AAAA,EACF,GACA,MAAM,QAAQ,MACd,QAAQ,qBAAqB,QAE5B,MAAM,SACT,EAVC;AAYL;AAEA,MAAM,2BAA2B,CAAC,YAAgC;AAChE,QAAM,QAAQ,SAAS;AACvB,SAAO,QAAQ,kBAAkB,MAAM,QAAQ,mBAAmB;AACpE;AAEA,MAAM,qBAAqB,CAAC,YAAgC;AAC1D,QAAM,mBAAmB,yBAAyB,OAAO;AACzD,SAAO,QAAQ,SAAS,QAAQ,QAAQ;AAC1C;",
+  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  styled,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContext, createContextScope } from '@tamagui/create-context'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { H2, Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nconst DIALOG_NAME = 'Dialog'\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope }\n\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME)\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\ninterface DialogProps {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  modal?: boolean\n\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<TamaguiElement>\n  contentRef: React.RefObject<TamaguiElement>\n  contentId: string\n  titleId: string\n  descriptionId: string\n  onOpenToggle(): void\n  open: NonNull<DialogProps['open']>\n  onOpenChange: NonNull<DialogProps['onOpenChange']>\n  modal: NonNull<DialogProps['modal']>\n  allowPinchZoom: NonNull<DialogProps['allowPinchZoom']>\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger'\n\nconst DialogTriggerFrame = styled(YStack, {\n  name: TRIGGER_NAME,\n})\n\ninterface DialogTriggerProps extends YStackProps {}\n\nconst DialogTrigger = React.forwardRef<TamaguiElement, DialogTriggerProps>(\n  (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog)\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n    return (\n      <DialogTriggerFrame\n        tag=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...triggerProps}\n        ref={composedTriggerRef}\n        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n      />\n    )\n  }\n)\n\nDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal'\n\ntype PortalContextValue = { forceMount?: true }\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(\n  PORTAL_NAME,\n  {\n    forceMount: undefined,\n  }\n)\n\ntype DialogPortalProps = Omit<PortalItemProps, 'asChild'> &\n  YStackProps & {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true\n  }\n\nexport const DialogPortalFrame = styled(YStack, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  fullscreen: true,\n  zIndex: 100,\n  ...(isWeb && {\n    maxHeight: '100vh',\n    position: 'fixed' as any,\n  }),\n})\n\nconst DialogPortalItem = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, children, hostName } = props\n  const themeName = useThemeName()\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n\n  // until we can use react-native portals natively\n  // have to re-propogate context, sketch\n\n  return (\n    <PortalItem hostName={hostName}>\n      <DialogProvider scope={__scopeDialog} {...context}>\n        <Theme name={themeName}>{children}</Theme>\n      </DialogProvider>\n    </PortalItem>\n  )\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n\n    const context = useDialogContext(PORTAL_NAME, __scopeDialog)\n    const isShowing = forceMount || context.open\n    const contents = <AnimatePresence>{isShowing ? children : null}</AnimatePresence>\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return children\n    }\n\n    if (context.modal) {\n      return (\n        <DialogPortalItem __scopeDialog={__scopeDialog}>\n          <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n            <DialogPortalFrame\n              pointerEvents={isShowing ? 'auto' : 'none'}\n              {...frameProps}\n            >\n              {contents}\n            </DialogPortalFrame>\n          </PortalProvider>\n        </DialogPortalItem>\n      )\n    }\n\n    return contents\n  }\n)\n\nDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay'\n\nconst DialogOverlayFrame = styled(ThemeableStack, {\n  name: OVERLAY_NAME,\n  backgrounded: true,\n  fullscreen: true,\n})\n\ninterface DialogOverlayProps extends YStackProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogOverlay = React.forwardRef<TamaguiElement, DialogOverlayProps>(\n  ({ __scopeDialog, ...props }: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog)\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog)\n    const showSheet = useShowDialogSheet(context)\n\n    if (!forceMount) {\n      if (!context.modal || showSheet) {\n        return null\n      }\n    }\n\n    return <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />\n  }\n)\n\nDialogOverlay.displayName = OVERLAY_NAME\n\ntype DialogOverlayImplProps = GetProps<typeof DialogOverlayFrame> & {\n  context: DialogContextValue\n}\n\nconst DialogOverlayImpl = React.forwardRef<TamaguiElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const { context, ...overlayProps } = props\n\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <DialogOverlayFrame\n        data-state={getState(context.open)}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        pointerEvents={context.open ? 'auto' : 'none'}\n        {...overlayProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent'\n\nconst DialogContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n  tag: 'dialog',\n  position: 'relative',\n  backgrounded: true,\n  padded: true,\n  radiused: true,\n  elevate: true,\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {}\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype DialogContentFrameProps = GetProps<typeof DialogContentFrame>\n\ninterface DialogContentProps\n  extends DialogContentFrameProps,\n    Omit<DialogContentTypeProps, 'context'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\nconst DialogContent = DialogContentFrame.extractable(\n  React.forwardRef<TamaguiElement, DialogContentProps>(\n    ({ __scopeDialog, ...props }: ScopedProps<DialogContentProps>, forwardedRef) => {\n      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog)\n      const { forceMount = portalContext.forceMount, ...contentProps } = props\n      const context = useDialogContext(CONTENT_NAME, __scopeDialog)\n\n      const contents = context.modal ? (\n        <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n      )\n\n      if (!isWeb) {\n        return contents\n      }\n\n      return (\n        <RemoveScroll\n          forwardProps\n          enabled={context.open}\n          allowPinchZoom={context.allowPinchZoom}\n          shards={[context.contentRef]}\n          // causes lots of bugs on touch web on site\n          removeScrollBar={false}\n        >\n          <div className=\"_dsp_contents\">{contents}</div>\n        </RemoveScroll>\n      )\n    }\n  )\n)\n\nDialogContent.displayName = CONTENT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {\n  context: DialogContextValue\n}\n\nconst DialogContentModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (\n    { children, context, ...props }: ScopedProps<DialogContentTypeProps>,\n    forwardedRef\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef)\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    if (isWeb) {\n      React.useEffect(() => {\n        if (!context.open) return\n        const content = contentRef.current\n        if (content) return hideOthers(content)\n      }, [context.open])\n    }\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event['detail'].originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            // If the event is a right-click, we shouldn't close because\n            // it is effectively as if we right-clicked the `Overlay`.\n            if (isRightClick) event.preventDefault()\n          }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n          event.preventDefault()\n        )}\n      >\n        {children}\n      </DialogContentImpl>\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<TamaguiElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const hasInteractedOutsideRef = React.useRef(false)\n\n    return (\n      <DialogContentImpl\n        {...props}\n        ref={forwardedRef}\n        trapFocus={false}\n        disableOutsidePointerEvents={false}\n        onCloseAutoFocus={(event) => {\n          props.onCloseAutoFocus?.(event)\n\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) {\n              props.context.triggerRef.current?.focus()\n            }\n            // Always prevent auto focus because we either focus manually or want user agent focus\n            event.preventDefault()\n          }\n\n          hasInteractedOutsideRef.current = false\n        }}\n        onInteractOutside={(event) => {\n          props.onInteractOutside?.(event)\n\n          if (!event.defaultPrevented) hasInteractedOutsideRef.current = true\n\n          // Prevent dismissing when clicking the trigger.\n          // As the trigger is already setup to close, without doing so would\n          // cause it to close and immediately open.\n          //\n          // We use `onInteractOutside` as some browsers also\n          // focus on pointer down, creating the same issue.\n          const target = event.target as HTMLElement\n          const trigger = props.context.triggerRef.current\n          if (!(trigger instanceof HTMLElement)) return\n          const targetIsTrigger = trigger.contains(target)\n          if (targetIsTrigger) event.preventDefault()\n        }}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplProps = DialogContentFrameProps &\n  Omit<DismissableProps, 'onDismiss'> & {\n    /**\n     * When `true`, focus cannot escape the `Content` via keyboard,\n     * pointer, or a programmatic focus.\n     * @defaultValue false\n     */\n    trapFocus?: FocusScopeProps['trapped']\n\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n    context: DialogContextValue\n  }\n\nconst DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProps>(\n  (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const {\n      __scopeDialog,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      context,\n      ...contentProps\n    } = props\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const showSheet = useShowDialogSheet(context)\n\n    const contents = (\n      <DialogContentFrame\n        id={context.contentId}\n        aria-describedby={context.descriptionId}\n        aria-labelledby={context.titleId}\n        data-state={getState(context.open)}\n        {...contentProps}\n      />\n    )\n\n    if (showSheet) {\n      return (\n        <DialogPortalItem hostName={getSheetContentsName(context)}>\n          {contentProps.children}\n        </DialogPortalItem>\n      )\n    }\n\n    if (!isWeb) {\n      return contents\n    }\n\n    return (\n      <>\n        <FocusScope\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          forceUnmount={!context.open}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <Dismissable\n            disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}\n            forceUnmount={!context.open}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            onFocusOutside={onFocusOutside}\n            onInteractOutside={onInteractOutside}\n            // @ts-ignore\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          >\n            {contents}\n          </Dismissable>\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning\n              contentRef={contentRef}\n              descriptionId={context.descriptionId}\n            />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle'\nconst DialogTitleFrame = styled(H2, {\n  name: TITLE_NAME,\n})\n\ntype DialogTitleProps = GetProps<typeof DialogTitleFrame>\n\nconst DialogTitle = React.forwardRef<TamaguiElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props\n    const context = useDialogContext(TITLE_NAME, __scopeDialog)\n    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogDescriptionFrame = styled(Paragraph, {\n  name: 'DialogDescription',\n})\n\ntype DialogDescriptionProps = GetProps<typeof DialogDescriptionFrame>\n\nconst DESCRIPTION_NAME = 'DialogDescription'\n\nconst DialogDescription = React.forwardRef<TamaguiElement, DialogDescriptionProps>(\n  (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog)\n    return (\n      <DialogDescriptionFrame\n        id={context.descriptionId}\n        {...descriptionProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose'\n\ntype DialogCloseProps = YStackProps\n\nconst DialogClose = React.forwardRef<TamaguiElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog)\n    const isSheet = useShowDialogSheet(context)\n\n    if (isSheet) {\n      return null\n    }\n\n    return (\n      <YStack\n        tag=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nDialogClose.displayName = CLOSE_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning'\n\nconst [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n})\n\ntype TitleWarningProps = { titleId?: string }\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  if (process.env.NODE_ENV === 'development') {\n    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME)\n\n    const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (titleId) {\n        const hasTitle = document.getElementById(titleId)\n        if (!hasTitle) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, titleId])\n  }\n\n  return null\n}\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning'\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n  descriptionId?: string\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  if (process.env.NODE_ENV === 'development') {\n    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME)\n    const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const contentNode = contentRef.current\n      if (!(contentNode instanceof HTMLElement)) {\n        return\n      }\n      const describedById = contentNode.getAttribute('aria-describedby')\n      // if we have an id and the user hasn't set aria-describedby={undefined}\n      if (descriptionId && describedById) {\n        const hasDescription = document.getElementById(descriptionId)\n        if (!hasDescription) {\n          // eslint-disable-next-line no-console\n          console.warn(MESSAGE)\n        }\n      }\n    }, [MESSAGE, contentRef, descriptionId])\n  }\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst Dialog = withStaticProperties(\n  React.forwardRef<{ open: (val: boolean) => void }, DialogProps>(function Dialog(\n    props: ScopedProps<DialogProps>,\n    ref\n  ) {\n    const {\n      __scopeDialog,\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      modal = true,\n      allowPinchZoom = false,\n    } = props\n\n    const scopeId = useId()\n    const contentId = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId\n    const sheetContentsName = getSheetContentsName({ scopeKey, contentId })\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const contentRef = React.useRef<TamaguiElement>(null)\n\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    })\n\n    const onOpenToggle = React.useCallback(\n      () => setOpen((prevOpen) => !prevOpen),\n      [setOpen]\n    )\n\n    const context = {\n      scope: __scopeDialog,\n      scopeKey,\n      triggerRef,\n      contentRef,\n      contentId,\n      titleId,\n      descriptionId,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle,\n      modal,\n      allowPinchZoom,\n    }\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        (props) => {\n          return <PortalHost forwardProps={props} name={sheetContentsName} />\n        },\n        [sheetContentsName]\n      ),\n    })\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        open: setOpen,\n      }),\n      [setOpen]\n    )\n\n    return (\n      <AdaptProvider>\n        <DialogProvider {...context} sheetBreakpoint={when}>\n          <DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>\n            {children}\n          </DialogSheetController>\n        </DialogProvider>\n      </AdaptProvider>\n    )\n  }),\n  {\n    Trigger: DialogTrigger,\n    Portal: DialogPortal,\n    Overlay: DialogOverlay,\n    Content: DialogContent,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Sheet: ControlledSheet,\n    Adapt,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({\n  name,\n  ...props\n}: {\n  name: string\n  context: Omit<DialogContextValue, 'sheetBreakpoint'>\n}) => {\n  return <PortalHost forwardProps={props} name={name} />\n}\n\nDialogSheetContents.displayName = SHEET_CONTENTS_NAME\n\nconst getSheetContentsName = ({\n  scopeKey,\n  contentId,\n}: Pick<DialogContextValue, 'scopeKey' | 'contentId'>) =>\n  `${scopeKey || contentId}SheetContents`\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = useDialogContext('DialogSheetController', props.__scopeDialog)\n  const showSheet = useShowDialogSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (context: DialogContextValue) => {\n  const media = useMedia()\n  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false\n}\n\nconst useShowDialogSheet = (context: DialogContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context)\n  return context.open === false ? false : breakpointActive\n}\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  DialogWarningProvider,\n}\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n}\n"],
+  "mappings": "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",
   "names": ["Dialog", "props"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/dialog",
-  "version": "1.0.1-rc.8",
+  "version": "1.0.1",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -30,30 +30,30 @@
     }
   },
   "dependencies": {
-    "@tamagui/adapt": "^1.0.1-rc.8",
-    "@tamagui/animate-presence": "^1.0.1-rc.8",
-    "@tamagui/aria-hidden": "^1.0.1-rc.8",
-    "@tamagui/compose-refs": "^1.0.1-rc.8",
-    "@tamagui/core": "^1.0.1-rc.8",
-    "@tamagui/create-context": "^1.0.1-rc.8",
-    "@tamagui/dismissable": "^1.0.1-rc.8",
-    "@tamagui/focus-scope": "^1.0.1-rc.8",
-    "@tamagui/polyfill-dev": "^1.0.1-rc.8",
-    "@tamagui/popper": "^1.0.1-rc.8",
-    "@tamagui/portal": "^1.0.1-rc.8",
-    "@tamagui/remove-scroll": "^1.0.1-rc.8",
-    "@tamagui/sheet": "^1.0.1-rc.8",
-    "@tamagui/stacks": "^1.0.1-rc.8",
-    "@tamagui/text": "^1.0.1-rc.8",
-    "@tamagui/use-controllable-state": "^1.0.1-rc.8"
+    "@tamagui/adapt": "^1.0.1",
+    "@tamagui/animate-presence": "^1.0.1",
+    "@tamagui/aria-hidden": "^1.0.1",
+    "@tamagui/compose-refs": "^1.0.1",
+    "@tamagui/core": "^1.0.1",
+    "@tamagui/create-context": "^1.0.1",
+    "@tamagui/dismissable": "^1.0.1",
+    "@tamagui/focus-scope": "^1.0.1",
+    "@tamagui/polyfill-dev": "^1.0.1",
+    "@tamagui/popper": "^1.0.1",
+    "@tamagui/portal": "^1.0.1",
+    "@tamagui/remove-scroll": "^1.0.1",
+    "@tamagui/sheet": "^1.0.1",
+    "@tamagui/stacks": "^1.0.1",
+    "@tamagui/text": "^1.0.1",
+    "@tamagui/use-controllable-state": "^1.0.1"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "*",
+    "react-dom": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-rc.8",
+    "@tamagui/build": "^1.0.1",
     "@types/react-dom": "^18.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package/src/Dialog.tsx

@@ -135,20 +135,16 @@ export const DialogPortalFrame = styled(YStack, {
   }),
 })
 
-const DialogPortalItem = ({
-  __scopeDialog,
-  hostName,
-  children,
-}: ScopedProps<DialogPortalProps>) => {
+const DialogPortalItem = (props: ScopedProps<DialogPortalProps>) => {
+  const { __scopeDialog, children, hostName } = props
   const themeName = useThemeName()
   const context = useDialogContext(PORTAL_NAME, __scopeDialog)
-  const name = `${context.scopeKey}SheetContents`
 
   // until we can use react-native portals natively
   // have to re-propogate context, sketch
 
   return (
-    <PortalItem hostName={hostName} name={name}>
+    <PortalItem hostName={hostName}>
       <DialogProvider scope={__scopeDialog} {...context}>
         <Theme name={themeName}>{children}</Theme>
       </DialogProvider>
@@ -488,7 +484,11 @@ const DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProp
     )
 
     if (showSheet) {
-      return <DialogPortalItem>{contentProps.children}</DialogPortalItem>
+      return (
+        <DialogPortalItem hostName={getSheetContentsName(context)}>
+          {contentProps.children}
+        </DialogPortalItem>
+      )
     }
 
     if (!isWeb) {
@@ -532,24 +532,6 @@ const DialogContentImpl = React.forwardRef<TamaguiElement, DialogContentImplProp
   }
 )
 
-/* -------------------------------------------------------------------------------------------------
- * DialogSheetContents
- * -----------------------------------------------------------------------------------------------*/
-
-const SHEET_CONTENTS_NAME = 'DialogSheetContents'
-
-export const DialogSheetContents = ({
-  name,
-  ...props
-}: {
-  name: string
-  context: Omit<DialogContextValue, 'sheetBreakpoint'>
-}) => {
-  return <PortalHost forwardProps={props} name={name} />
-}
-
-DialogSheetContents.displayName = SHEET_CONTENTS_NAME
-
 /* -------------------------------------------------------------------------------------------------
  * DialogTitle
  * -----------------------------------------------------------------------------------------------*/
@@ -729,10 +711,14 @@ const Dialog = withStaticProperties(
     } = props
 
     const scopeId = useId()
+    const contentId = useId()
+    const titleId = useId()
+    const descriptionId = useId()
     const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId
-
+    const sheetContentsName = getSheetContentsName({ scopeKey, contentId })
     const triggerRef = React.useRef<HTMLButtonElement>(null)
     const contentRef = React.useRef<TamaguiElement>(null)
+
     const [open, setOpen] = useControllableState({
       prop: openProp,
       defaultProp: defaultOpen,
@@ -744,10 +730,6 @@ const Dialog = withStaticProperties(
       [setOpen]
     )
 
-    const contentId = useId()
-    const titleId = useId()
-    const descriptionId = useId()
-
     const context = {
       scope: __scopeDialog,
       scopeKey,
@@ -763,12 +745,10 @@ const Dialog = withStaticProperties(
       allowPinchZoom,
     }
 
-    const sheetContentsName = `${scopeKey}SheetContents`
-
     const { when, AdaptProvider } = useAdaptParent({
       Contents: React.useCallback(
         (props) => {
-          return <DialogSheetContents {...props} name={sheetContentsName} />
+          return <PortalHost forwardProps={props} name={sheetContentsName} />
         },
         [sheetContentsName]
       ),
@@ -805,6 +785,30 @@ const Dialog = withStaticProperties(
   }
 )
 
+/* -------------------------------------------------------------------------------------------------
+ * DialogSheetContents
+ * -----------------------------------------------------------------------------------------------*/
+
+const SHEET_CONTENTS_NAME = 'DialogSheetContents'
+
+export const DialogSheetContents = ({
+  name,
+  ...props
+}: {
+  name: string
+  context: Omit<DialogContextValue, 'sheetBreakpoint'>
+}) => {
+  return <PortalHost forwardProps={props} name={name} />
+}
+
+DialogSheetContents.displayName = SHEET_CONTENTS_NAME
+
+const getSheetContentsName = ({
+  scopeKey,
+  contentId,
+}: Pick<DialogContextValue, 'scopeKey' | 'contentId'>) =>
+  `${scopeKey || contentId}SheetContents`
+
 const DialogSheetController = (
   props: ScopedProps<{
     children: React.ReactNode

package/types/Dialog.d.ts

@@ -90,7 +90,6 @@ declare const DialogContentFrame: import("@tamagui/core").TamaguiComponent<Omit<
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
-    readonly fontFamily?: unknown;
     readonly backgrounded?: boolean | undefined;
     readonly radiused?: boolean | undefined;
     readonly hoverTheme?: boolean | undefined;
@@ -108,7 +107,6 @@ declare const DialogContentFrame: import("@tamagui/core").TamaguiComponent<Omit<
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
-    readonly fontFamily?: unknown;
     readonly backgrounded?: boolean | undefined;
     readonly radiused?: boolean | undefined;
     readonly hoverTheme?: boolean | undefined;
@@ -126,7 +124,6 @@ declare const DialogContentFrame: import("@tamagui/core").TamaguiComponent<Omit<
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
-    readonly fontFamily?: unknown;
     readonly backgrounded?: boolean | undefined;
     readonly radiused?: boolean | undefined;
     readonly hoverTheme?: boolean | undefined;
@@ -144,7 +141,6 @@ declare const DialogContentFrame: import("@tamagui/core").TamaguiComponent<Omit<
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
-    readonly fontFamily?: unknown;
     readonly backgrounded?: boolean | undefined;
     readonly radiused?: boolean | undefined;
     readonly hoverTheme?: boolean | undefined;
@@ -190,13 +186,6 @@ type DialogContentImplProps = DialogContentFrameProps & Omit<DismissableProps, '
     onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
     context: DialogContextValue;
 };
-export declare const DialogSheetContents: {
-    ({ name, ...props }: {
-        name: string;
-        context: Omit<DialogContextValue, 'sheetBreakpoint'>;
-    }): JSX.Element;
-    displayName: string;
-};
 declare const DialogTitleFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size"> & {
     readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size"> & {
@@ -2609,6 +2598,13 @@ declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAtt
         };
     };
 };
+export declare const DialogSheetContents: {
+    ({ name, ...props }: {
+        name: string;
+        context: Omit<DialogContextValue, 'sheetBreakpoint'>;
+    }): JSX.Element;
+    displayName: string;
+};
 export { createDialogScope, Dialog, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose, DialogWarningProvider, };
 export type { DialogProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, };
 //# sourceMappingURL=Dialog.d.ts.map