@tamagui/toast 1.0.1-beta.139

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 WorkOS and Tamagui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/Dialog.js

@@ -0,0 +1,492 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dialog_exports = {};
+__export(Dialog_exports, {
+  Dialog: () => Dialog2,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogPortalFrame: () => DialogPortalFrame,
+  DialogSheetContents: () => DialogSheetContents,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DialogWarningProvider: () => DialogWarningProvider,
+  createDialogScope: () => createDialogScope
+});
+module.exports = __toCommonJS(Dialog_exports);
+var import_animate_presence = require("@tamagui/animate-presence");
+var import_aria_hidden = require("@tamagui/aria-hidden");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_dismissable = require("@tamagui/dismissable");
+var import_focus_scope = require("@tamagui/focus-scope");
+var import_portal = require("@tamagui/portal");
+var import_remove_scroll = require("@tamagui/remove-scroll");
+var import_sheet = require("@tamagui/sheet");
+var import_stacks = require("@tamagui/stacks");
+var import_text = require("@tamagui/text");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var React = __toESM(require("react"));
+const DIALOG_NAME = "Dialog";
+const [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME);
+const [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
+const TRIGGER_NAME = "DialogTrigger";
+const DialogTriggerFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: TRIGGER_NAME
+});
+const DialogTrigger = React.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...triggerProps } = props;
+  const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
+  const composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+  return /* @__PURE__ */ React.createElement(DialogTriggerFrame, {
+    tag: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": context.open,
+    "aria-controls": context.contentId,
+    "data-state": getState(context.open),
+    ...triggerProps,
+    ref: composedTriggerRef,
+    onPress: (0, import_core.composeEventHandlers)(props.onPress, context.onOpenToggle)
+  });
+});
+DialogTrigger.displayName = TRIGGER_NAME;
+const PORTAL_NAME = "DialogPortal";
+const [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, {
+  forceMount: void 0
+});
+const DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
+  alignItems: "center",
+  justifyContent: "center",
+  fullscreen: true,
+  zIndex: 100,
+  ...import_core.isWeb && {
+    maxHeight: "100vh"
+  }
+});
+const DialogPortal = DialogPortalFrame.extractable((props) => {
+  const { __scopeDialog, forceMount, children, ...frameProps } = props;
+  const themeName = (0, import_core.useThemeName)();
+  const context = useDialogContext(PORTAL_NAME, __scopeDialog);
+  const isShowing = forceMount || context.open;
+  const contents = /* @__PURE__ */ React.createElement(import_animate_presence.AnimatePresence, null, isShowing ? children : null);
+  const isSheet = useShowDialogSheet(context);
+  if (!context.modal || isSheet) {
+    return contents;
+  }
+  return /* @__PURE__ */ React.createElement(import_portal.PortalItem, null, /* @__PURE__ */ React.createElement(DialogProvider, {
+    scope: __scopeDialog,
+    ...context
+  }, /* @__PURE__ */ React.createElement(import_core.Theme, {
+    name: themeName
+  }, /* @__PURE__ */ React.createElement(PortalProvider, {
+    scope: __scopeDialog,
+    forceMount
+  }, /* @__PURE__ */ React.createElement(DialogPortalFrame, {
+    pointerEvents: isShowing ? "auto" : "none",
+    ...frameProps
+  }, contents)))));
+});
+DialogPortal.displayName = PORTAL_NAME;
+const OVERLAY_NAME = "DialogOverlay";
+const DialogOverlayFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: OVERLAY_NAME,
+  backgrounded: true,
+  fullscreen: true
+});
+const DialogOverlay = React.forwardRef(({ __scopeDialog, ...props }, forwardedRef) => {
+  const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog);
+  const { forceMount = portalContext.forceMount, ...overlayProps } = props;
+  const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
+  const showSheet = useShowDialogSheet(context);
+  if (!forceMount) {
+    if (!context.modal || showSheet) {
+      return null;
+    }
+  }
+  return /* @__PURE__ */ React.createElement(DialogOverlayImpl, {
+    context,
+    ...overlayProps,
+    ref: forwardedRef
+  });
+});
+DialogOverlay.displayName = OVERLAY_NAME;
+const DialogOverlayImpl = React.forwardRef((props, forwardedRef) => {
+  const { context, ...overlayProps } = props;
+  return /* @__PURE__ */ React.createElement(import_remove_scroll.RemoveScroll, {
+    enabled: context.open,
+    as: import_core.Slot,
+    allowPinchZoom: context.allowPinchZoom,
+    shards: [context.contentRef],
+    removeScrollBar: false
+  }, /* @__PURE__ */ React.createElement(DialogOverlayFrame, {
+    "data-state": getState(context.open),
+    pointerEvents: context.open ? "auto" : "none",
+    ...overlayProps,
+    ref: forwardedRef
+  }));
+});
+const CONTENT_NAME = "DialogContent";
+const DialogContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: CONTENT_NAME,
+  tag: "dialog",
+  position: "relative",
+  backgrounded: true,
+  padded: true,
+  radiused: true,
+  elevate: true,
+  variants: {
+    size: {
+      "...size": (val, extras) => {
+        return {};
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const DialogContent = DialogContentFrame.extractable(React.forwardRef(({ __scopeDialog, ...props }, forwardedRef) => {
+  const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog);
+  const { forceMount = portalContext.forceMount, ...contentProps } = props;
+  const context = useDialogContext(CONTENT_NAME, __scopeDialog);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, context.modal ? /* @__PURE__ */ React.createElement(DialogContentModal, {
+    context,
+    ...contentProps,
+    ref: forwardedRef
+  }) : /* @__PURE__ */ React.createElement(DialogContentNonModal, {
+    context,
+    ...contentProps,
+    ref: forwardedRef
+  }));
+}));
+DialogContent.displayName = CONTENT_NAME;
+const DialogContentModal = React.forwardRef(({ children, context, ...props }, forwardedRef) => {
+  const contentRef = React.useRef(null);
+  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
+  React.useEffect(() => {
+    if (!context.open)
+      return;
+    const content = contentRef.current;
+    if (content)
+      return (0, import_aria_hidden.hideOthers)(content);
+  }, [context.open]);
+  return /* @__PURE__ */ React.createElement(DialogContentImpl, {
+    ...props,
+    context,
+    ref: composedRefs,
+    trapFocus: context.open,
+    disableOutsidePointerEvents: true,
+    onCloseAutoFocus: (0, import_core.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
+      var _a;
+      event.preventDefault();
+      (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
+    }),
+    onPointerDownOutside: (0, import_core.composeEventHandlers)(props.onPointerDownOutside, (event) => {
+      const originalEvent = event["detail"].originalEvent;
+      const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+      const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+      if (isRightClick)
+        event.preventDefault();
+    }),
+    onFocusOutside: (0, import_core.composeEventHandlers)(props.onFocusOutside, (event) => event.preventDefault())
+  }, children);
+});
+const DialogContentNonModal = React.forwardRef((props, forwardedRef) => {
+  const hasInteractedOutsideRef = React.useRef(false);
+  return /* @__PURE__ */ React.createElement(DialogContentImpl, {
+    ...props,
+    ref: forwardedRef,
+    trapFocus: false,
+    disableOutsidePointerEvents: false,
+    onCloseAutoFocus: (event) => {
+      var _a, _b;
+      console.log("on close autofocus");
+      (_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props, event);
+      if (!event.defaultPrevented) {
+        if (!hasInteractedOutsideRef.current) {
+          (_b = props.context.triggerRef.current) == null ? void 0 : _b.focus();
+        }
+        event.preventDefault();
+      }
+      hasInteractedOutsideRef.current = false;
+    },
+    onInteractOutside: (event) => {
+      var _a;
+      (_a = props.onInteractOutside) == null ? void 0 : _a.call(props, event);
+      if (!event.defaultPrevented)
+        hasInteractedOutsideRef.current = true;
+      const target = event.target;
+      const trigger = props.context.triggerRef.current;
+      if (!(trigger instanceof HTMLElement))
+        return;
+      const targetIsTrigger = trigger.contains(target);
+      if (targetIsTrigger)
+        event.preventDefault();
+    }
+  });
+});
+const DialogContentImpl = React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeDialog,
+    trapFocus,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    disableOutsidePointerEvents,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside,
+    onInteractOutside,
+    context,
+    ...contentProps
+  } = props;
+  const contentRef = React.useRef(null);
+  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+  const showSheet = useShowDialogSheet(context);
+  const contents = /* @__PURE__ */ React.createElement(DialogContentFrame, {
+    id: context.contentId,
+    "aria-describedby": context.descriptionId,
+    "aria-labelledby": context.titleId,
+    "data-state": getState(context.open),
+    ...contentProps
+  });
+  if (showSheet) {
+    return /* @__PURE__ */ React.createElement(import_portal.PortalItem, {
+      hostName: `${context.scopeKey}SheetContents`
+    }, contentProps.children);
+  }
+  if (!import_core.isWeb) {
+    return contents;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_focus_scope.FocusScope, {
+    loop: true,
+    trapped: trapFocus,
+    onMountAutoFocus: onOpenAutoFocus,
+    forceUnmount: !context.open,
+    onUnmountAutoFocus: onCloseAutoFocus
+  }, /* @__PURE__ */ React.createElement(import_dismissable.Dismissable, {
+    disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
+    forceUnmount: !context.open,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside,
+    onInteractOutside,
+    ref: composedRefs,
+    onDismiss: () => context.onOpenChange(false)
+  }, contents)), process.env.NODE_ENV === "development" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TitleWarning, {
+    titleId: context.titleId
+  }), /* @__PURE__ */ React.createElement(DescriptionWarning, {
+    contentRef,
+    descriptionId: context.descriptionId
+  })));
+});
+const SHEET_CONTENTS_NAME = "DialogSheetContents";
+const DialogSheetContents = ({ __scopeDialog }) => {
+  const context = useDialogContext(SHEET_CONTENTS_NAME, __scopeDialog);
+  return /* @__PURE__ */ React.createElement(import_portal.PortalHost, {
+    name: `${context.scopeKey}SheetContents`
+  });
+};
+DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
+const TITLE_NAME = "DialogTitle";
+const DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
+  name: TITLE_NAME
+});
+const DialogTitle = React.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...titleProps } = props;
+  const context = useDialogContext(TITLE_NAME, __scopeDialog);
+  return /* @__PURE__ */ React.createElement(DialogTitleFrame, {
+    id: context.titleId,
+    ...titleProps,
+    ref: forwardedRef
+  });
+});
+DialogTitle.displayName = TITLE_NAME;
+const DialogDescriptionFrame = (0, import_core.styled)(import_text.Paragraph, {
+  name: "DialogDescription"
+});
+const DESCRIPTION_NAME = "DialogDescription";
+const DialogDescription = React.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...descriptionProps } = props;
+  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+  return /* @__PURE__ */ React.createElement(DialogDescriptionFrame, {
+    id: context.descriptionId,
+    ...descriptionProps,
+    ref: forwardedRef
+  });
+});
+DialogDescription.displayName = DESCRIPTION_NAME;
+const CLOSE_NAME = "DialogClose";
+const DialogClose = React.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...closeProps } = props;
+  const context = useDialogContext(CLOSE_NAME, __scopeDialog);
+  const isSheet = useShowDialogSheet(context);
+  if (isSheet) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(import_stacks.YStack, {
+    tag: "button",
+    ...closeProps,
+    ref: forwardedRef,
+    onPress: (0, import_core.composeEventHandlers)(props.onPress, () => context.onOpenChange(false))
+  });
+});
+DialogClose.displayName = CLOSE_NAME;
+function getState(open) {
+  return open ? "open" : "closed";
+}
+const TITLE_WARNING_NAME = "DialogTitleWarning";
+const [DialogWarningProvider, useWarningContext] = (0, import_create_context.createContext)(TITLE_WARNING_NAME, {
+  contentName: CONTENT_NAME,
+  titleName: TITLE_NAME,
+  docsSlug: "dialog"
+});
+const TitleWarning = ({ titleId }) => {
+  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
+  const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+  React.useEffect(() => {
+    if (!import_core.isWeb)
+      return;
+    if (titleId) {
+      const hasTitle = document.getElementById(titleId);
+      if (!hasTitle)
+        throw new Error(MESSAGE);
+    }
+  }, [MESSAGE, titleId]);
+  return null;
+};
+const DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
+const DescriptionWarning = ({ contentRef, descriptionId }) => {
+  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
+  const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+  React.useEffect(() => {
+    if (!import_core.isWeb)
+      return;
+    const contentNode = contentRef.current;
+    if (!(contentNode instanceof HTMLElement)) {
+      return;
+    }
+    const describedById = contentNode.getAttribute("aria-describedby");
+    if (descriptionId && describedById) {
+      const hasDescription = document.getElementById(descriptionId);
+      if (!hasDescription)
+        console.warn(MESSAGE);
+    }
+  }, [MESSAGE, contentRef, descriptionId]);
+  return null;
+};
+const DialogInner = React.forwardRef(function Dialog(props, ref) {
+  const {
+    __scopeDialog,
+    children,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    modal = true,
+    allowPinchZoom = false,
+    sheetBreakpoint = false
+  } = props;
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  React.useImperativeHandle(ref, () => ({
+    open: setOpen
+  }), [setOpen]);
+  return /* @__PURE__ */ React.createElement(DialogProvider, {
+    scope: __scopeDialog,
+    scopeKey: __scopeDialog ? Object.keys(__scopeDialog)[0] : "",
+    triggerRef,
+    contentRef,
+    contentId: (0, import_core.useId)() || "",
+    titleId: (0, import_core.useId)() || "",
+    descriptionId: (0, import_core.useId)() || "",
+    open,
+    onOpenChange: setOpen,
+    onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+    modal,
+    allowPinchZoom,
+    sheetBreakpoint
+  }, /* @__PURE__ */ React.createElement(DialogSheetController, {
+    onChangeOpen: setOpen,
+    __scopeDialog
+  }, children));
+});
+const Dialog2 = (0, import_core.withStaticProperties)(DialogInner, {
+  Trigger: DialogTrigger,
+  Portal: DialogPortal,
+  Overlay: DialogOverlay,
+  Content: DialogContent,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Close: DialogClose,
+  SheetContents: DialogSheetContents,
+  Sheet: import_sheet.Sheet
+});
+const DialogSheetController = (props) => {
+  const context = useDialogContext("DialogSheetController", props.__scopeDialog);
+  const showSheet = useShowDialogSheet(context);
+  const breakpointActive = useSheetBreakpointActive(context);
+  const getShowSheet = (0, import_core.useGet)(showSheet);
+  return /* @__PURE__ */ React.createElement(import_sheet.SheetController, {
+    onChangeOpen: (val) => {
+      if (getShowSheet()) {
+        props.onChangeOpen(val);
+      }
+    },
+    open: context.open,
+    hidden: breakpointActive === false
+  }, props.children);
+};
+const useSheetBreakpointActive = (context) => {
+  const media = (0, import_core.useMedia)();
+  return context.sheetBreakpoint ? media[context.sheetBreakpoint] : false;
+};
+const useShowDialogSheet = (context) => {
+  const breakpointActive = useSheetBreakpointActive(context);
+  return context.open === false ? false : breakpointActive;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogPortal,
+  DialogPortalFrame,
+  DialogSheetContents,
+  DialogTitle,
+  DialogTrigger,
+  DialogWarningProvider,
+  createDialogScope
+});
+//# sourceMappingURL=Dialog.js.map

package/dist/cjs/Dialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Dialog.tsx"],
+  "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  MediaPropKeys,\n  Slot,\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 { Sheet, 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  sheetBreakpoint?: MediaPropKeys | false\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: NonNull<DialogProps['sheetBreakpoint']>\n  scopeKey: string\n}\n\nconst [DialogProvider, useDialogContext] = 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, 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>(PORTAL_NAME, {\n  forceMount: undefined,\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  }),\n})\n\nconst DialogPortal: React.FC<DialogPortalProps> = DialogPortalFrame.extractable(\n  (props: ScopedProps<DialogPortalProps>) => {\n    const { __scopeDialog, forceMount, children, ...frameProps } = props\n    const themeName = useThemeName()\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    if (!context.modal || isSheet) {\n      return contents\n    }\n    return (\n      <PortalItem>\n        {/* until we can use react-native portals natively */}\n        {/* have to re-propogate context, sketch */}\n        <DialogProvider scope={__scopeDialog} {...context}>\n          <Theme name={themeName}>\n            <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n              <DialogPortalFrame pointerEvents={isShowing ? 'auto' : 'none'} {...frameProps}>\n                {contents}\n              </DialogPortalFrame>\n            </PortalProvider>\n          </Theme>\n        </DialogProvider>\n      </PortalItem>\n    )\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      <RemoveScroll\n        enabled={context.open}\n        as={Slot}\n        allowPinchZoom={context.allowPinchZoom}\n        shards={[context.contentRef]}\n        // causes lots of bugs on touch web on site\n        removeScrollBar={false}\n      >\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      </RemoveScroll>\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  },\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      return (\n        <>\n          {context.modal ? (\n            <DialogContentModal context={context} {...contentProps} ref={forwardedRef} />\n          ) : (\n            <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />\n          )}\n        </>\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  ({ children, context, ...props }: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\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    React.useEffect(() => {\n      if (!context.open) return\n      const content = contentRef.current\n      if (content) return hideOthers(content)\n    }, [context.open])\n\n    return (\n      <DialogContentImpl\n        {...props}\n        context={context}\n        ref={composedRefs}\n        // we make sure focus isn't trapped once `DialogContent` has been closed\n        // (closed !== unmounted when animating out)\n        trapFocus={context.open}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(props.onPointerDownOutside, (event) => {\n          const originalEvent = event['detail'].originalEvent\n          const ctrlLeftClick = 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        // 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          console.log('on close autofocus')\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    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        <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n          {contentProps.children}\n        </PortalItem>\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 contentRef={contentRef} descriptionId={context.descriptionId} />\n          </>\n        )}\n      </>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * DialogSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'DialogSheetContents'\n\nexport const DialogSheetContents = ({ __scopeDialog }: ScopedProps<{}>) => {\n  const context = useDialogContext(SHEET_CONTENTS_NAME, __scopeDialog)\n  return <PortalHost name={`${context.scopeKey}SheetContents`}></PortalHost>\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 id={context.descriptionId} {...descriptionProps} ref={forwardedRef} />\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, () => context.onOpenChange(false))}\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  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) throw new Error(MESSAGE)\n    }\n  }, [MESSAGE, titleId])\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> = ({ contentRef, descriptionId }) => {\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) console.warn(MESSAGE)\n    }\n  }, [MESSAGE, contentRef, descriptionId])\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DialogInner = 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    sheetBreakpoint = false,\n  } = props\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  React.useImperativeHandle(\n    ref,\n    () => ({\n      open: setOpen,\n    }),\n    [setOpen]\n  )\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      scopeKey={__scopeDialog ? Object.keys(__scopeDialog)[0] : ''}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\n      contentId={useId() || ''}\n      titleId={useId() || ''}\n      descriptionId={useId() || ''}\n      open={open}\n      onOpenChange={setOpen}\n      onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n      modal={modal}\n      allowPinchZoom={allowPinchZoom}\n      sheetBreakpoint={sheetBreakpoint}\n    >\n      <DialogSheetController onChangeOpen={setOpen} __scopeDialog={__scopeDialog}>\n        {children}\n      </DialogSheetController>\n    </DialogProvider>\n  )\n})\n\nconst Dialog = withStaticProperties(DialogInner, {\n  Trigger: DialogTrigger,\n  Portal: DialogPortal,\n  Overlay: DialogOverlay,\n  Content: DialogContent,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Close: DialogClose,\n  SheetContents: DialogSheetContents,\n  Sheet,\n})\n\nconst DialogSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onChangeOpen: 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      onChangeOpen={(val) => {\n        if (getShowSheet()) {\n          props.onChangeOpen(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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAgC;AAChC,yBAA2B;AAC3B,0BAAgC;AAChC,kBAcO;AACP,4BAAyD;AACzD,yBAA8C;AAC9C,yBAA4C;AAC5C,oBAAwD;AACxD,2BAA6B;AAC7B,mBAAuC;AACvC,oBAAoD;AACpD,kBAA8B;AAC9B,oCAAqC;AACrC,YAAuB;AAEvB,MAAM,cAAc;AAIpB,MAAM,CAAC,qBAAqB,qBAAqB,8CAAmB,WAAW;AAmC/E,MAAM,CAAC,gBAAgB,oBAAoB,oBAAwC,WAAW;AAM9F,MAAM,eAAe;AAErB,MAAM,qBAAqB,wBAAO,sBAAQ;AAAA,EACxC,MAAM;AACR,CAAC;AAID,MAAM,gBAAgB,MAAM,WAC1B,CAAC,OAAwC,iBAAiB;AACxD,QAAM,EAAE,kBAAkB,iBAAiB;AAC3C,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,qBAAqB,yCAAgB,cAAc,QAAQ,UAAU;AAC3E,SACE,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,iBAAc;AAAA,IACd,iBAAe,QAAQ;AAAA,IACvB,iBAAe,QAAQ;AAAA,IACvB,cAAY,SAAS,QAAQ,IAAI;AAAA,IAChC,GAAG;AAAA,IACJ,KAAK;AAAA,IACL,SAAS,sCAAqB,MAAM,SAAS,QAAQ,YAAY;AAAA,GACnE;AAEJ,CACF;AAEA,cAAc,cAAc;AAM5B,MAAM,cAAc;AAGpB,MAAM,CAAC,gBAAgB,oBAAoB,oBAAwC,aAAa;AAAA,EAC9F,YAAY;AACd,CAAC;AAWM,MAAM,oBAAoB,wBAAO,sBAAQ;AAAA,EAC9C,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,GAAI,qBAAS;AAAA,IACX,WAAW;AAAA,EACb;AACF,CAAC;AAED,MAAM,eAA4C,kBAAkB,YAClE,CAAC,UAA0C;AACzC,QAAM,EAAE,eAAe,YAAY,aAAa,eAAe;AAC/D,QAAM,YAAY,8BAAa;AAC/B,QAAM,UAAU,iBAAiB,aAAa,aAAa;AAC3D,QAAM,YAAY,cAAc,QAAQ;AACxC,QAAM,WAAW,oCAAC,+CAAiB,YAAY,WAAW,IAAK;AAC/D,QAAM,UAAU,mBAAmB,OAAO;AAC1C,MAAI,CAAC,QAAQ,SAAS,SAAS;AAC7B,WAAO;AAAA,EACT;AACA,SACE,oCAAC,gCAGC,oCAAC;AAAA,IAAe,OAAO;AAAA,IAAgB,GAAG;AAAA,KACxC,oCAAC;AAAA,IAAM,MAAM;AAAA,KACX,oCAAC;AAAA,IAAe,OAAO;AAAA,IAAe;AAAA,KACpC,oCAAC;AAAA,IAAkB,eAAe,YAAY,SAAS;AAAA,IAAS,GAAG;AAAA,KAChE,QACH,CACF,CACF,CACF,CACF;AAEJ,CACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe;AAErB,MAAM,qBAAqB,wBAAO,8BAAgB;AAAA,EAChD,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AACd,CAAC;AAUD,MAAM,gBAAgB,MAAM,WAC1B,CAAC,EAAE,kBAAkB,SAA0C,iBAAiB;AAC9E,QAAM,gBAAgB,iBAAiB,cAAc,aAAa;AAClE,QAAM,EAAE,aAAa,cAAc,eAAe,iBAAiB;AACnE,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,YAAY,mBAAmB,OAAO;AAE5C,MAAI,CAAC,YAAY;AACf,QAAI,CAAC,QAAQ,SAAS,WAAW;AAC/B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,oCAAC;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,IAAc,KAAK;AAAA,GAAc;AACnF,CACF;AAEA,cAAc,cAAc;AAM5B,MAAM,oBAAoB,MAAM,WAC9B,CAAC,OAAO,iBAAiB;AACvB,QAAM,EAAE,YAAY,iBAAiB;AAErC,SAGE,oCAAC;AAAA,IACC,SAAS,QAAQ;AAAA,IACjB,IAAI;AAAA,IACJ,gBAAgB,QAAQ;AAAA,IACxB,QAAQ,CAAC,QAAQ,UAAU;AAAA,IAE3B,iBAAiB;AAAA,KAEjB,oCAAC;AAAA,IACC,cAAY,SAAS,QAAQ,IAAI;AAAA,IAEjC,eAAe,QAAQ,OAAO,SAAS;AAAA,IACtC,GAAG;AAAA,IACJ,KAAK;AAAA,GACP,CACF;AAEJ,CACF;AAMA,MAAM,eAAe;AAErB,MAAM,qBAAqB,wBAAO,8BAAgB;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,YACvC,MAAM,WACJ,CAAC,EAAE,kBAAkB,SAA0C,iBAAiB;AAC9E,QAAM,gBAAgB,iBAAiB,cAAc,aAAa;AAClE,QAAM,EAAE,aAAa,cAAc,eAAe,iBAAiB;AACnE,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAE5D,SACE,0DACG,QAAQ,QACP,oCAAC;AAAA,IAAmB;AAAA,IAAmB,GAAG;AAAA,IAAc,KAAK;AAAA,GAAc,IAE3E,oCAAC;AAAA,IAAsB;AAAA,IAAmB,GAAG;AAAA,IAAc,KAAK;AAAA,GAAc,CAElF;AAEJ,CACF,CACF;AAEA,cAAc,cAAc;AAS5B,MAAM,qBAAqB,MAAM,WAC/B,CAAC,EAAE,UAAU,YAAY,SAA8C,iBAAiB;AACtF,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,eAAe,yCAAgB,cAAc,QAAQ,YAAY,UAAU;AAGjF,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ;AAAM;AACnB,UAAM,UAAU,WAAW;AAC3B,QAAI;AAAS,aAAO,mCAAW,OAAO;AAAA,EACxC,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,SACE,oCAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,IAGL,WAAW,QAAQ;AAAA,IACnB,6BAA2B;AAAA,IAC3B,kBAAkB,sCAAqB,MAAM,kBAAkB,CAAC,UAAU;AArUlF;AAsUU,YAAM,eAAe;AACrB,oBAAQ,WAAW,YAAnB,mBAA4B;AAAA,IAC9B,CAAC;AAAA,IACD,sBAAsB,sCAAqB,MAAM,sBAAsB,CAAC,UAAU;AAChF,YAAM,gBAAgB,MAAM,UAAU;AACtC,YAAM,gBAAgB,cAAc,WAAW,KAAK,cAAc,YAAY;AAC9E,YAAM,eAAe,cAAc,WAAW,KAAK;AAGnD,UAAI;AAAc,cAAM,eAAe;AAAA,IACzC,CAAC;AAAA,IAGD,gBAAgB,sCAAqB,MAAM,gBAAgB,CAAC,UAC1D,MAAM,eAAe,CACvB;AAAA,KAEC,QACH;AAEJ,CACF;AAIA,MAAM,wBAAwB,MAAM,WAClC,CAAC,OAA4C,iBAAiB;AAC5D,QAAM,0BAA0B,MAAM,OAAO,KAAK;AAElD,SACE,oCAAC;AAAA,IACE,GAAG;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,IACX,6BAA6B;AAAA,IAC7B,kBAAkB,CAAC,UAAU;AAzWrC;AA0WU,cAAQ,IAAI,oBAAoB;AAChC,kBAAM,qBAAN,+BAAyB;AAEzB,UAAI,CAAC,MAAM,kBAAkB;AAC3B,YAAI,CAAC,wBAAwB,SAAS;AACpC,sBAAM,QAAQ,WAAW,YAAzB,mBAAkC;AAAA,QACpC;AAEA,cAAM,eAAe;AAAA,MACvB;AAEA,8BAAwB,UAAU;AAAA,IACpC;AAAA,IACA,mBAAmB,CAAC,UAAU;AAvXtC;AAwXU,kBAAM,sBAAN,+BAA0B;AAE1B,UAAI,CAAC,MAAM;AAAkB,gCAAwB,UAAU;AAQ/D,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,MAAM,QAAQ,WAAW;AACzC,UAAI,CAAE,oBAAmB;AAAc;AACvC,YAAM,kBAAkB,QAAQ,SAAS,MAAM;AAC/C,UAAI;AAAiB,cAAM,eAAe;AAAA,IAC5C;AAAA,GACF;AAEJ,CACF;AA4BA,MAAM,oBAAoB,MAAM,WAC9B,CAAC,OAA4C,iBAAiB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD;AACJ,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,eAAe,yCAAgB,cAAc,UAAU;AAC7D,QAAM,YAAY,mBAAmB,OAAO;AAE5C,QAAM,WACJ,oCAAC;AAAA,IACC,IAAI,QAAQ;AAAA,IACZ,oBAAkB,QAAQ;AAAA,IAC1B,mBAAiB,QAAQ;AAAA,IACzB,cAAY,SAAS,QAAQ,IAAI;AAAA,IAChC,GAAG;AAAA,GACN;AAGF,MAAI,WAAW;AACb,WACE,oCAAC;AAAA,MAAW,UAAU,GAAG,QAAQ;AAAA,OAC9B,aAAa,QAChB;AAAA,EAEJ;AAEA,MAAI,CAAC,mBAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE,0DACE,oCAAC;AAAA,IACC,MAAI;AAAA,IACJ,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,cAAc,CAAC,QAAQ;AAAA,IACvB,oBAAoB;AAAA,KAEpB,oCAAC;AAAA,IACC,6BAA6B,QAAQ,QAAQ;AAAA,IAC7C,cAAc,CAAC,QAAQ;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,KAAK;AAAA,IACL,WAAW,MAAM,QAAQ,aAAa,KAAK;AAAA,KAE1C,QACH,CACF,GACC,QAAQ,IAAI,aAAa,iBACxB,0DACE,oCAAC;AAAA,IAAa,SAAS,QAAQ;AAAA,GAAS,GACxC,oCAAC;AAAA,IAAmB;AAAA,IAAwB,eAAe,QAAQ;AAAA,GAAe,CACpF,CAEJ;AAEJ,CACF;AAMA,MAAM,sBAAsB;AAErB,MAAM,sBAAsB,CAAC,EAAE,oBAAqC;AACzE,QAAM,UAAU,iBAAiB,qBAAqB,aAAa;AACnE,SAAO,oCAAC;AAAA,IAAW,MAAM,GAAG,QAAQ;AAAA,GAAyB;AAC/D;AAEA,oBAAoB,cAAc;AAMlC,MAAM,aAAa;AACnB,MAAM,mBAAmB,wBAAO,gBAAI;AAAA,EAClC,MAAM;AACR,CAAC;AAID,MAAM,cAAc,MAAM,WACxB,CAAC,OAAsC,iBAAiB;AACtD,QAAM,EAAE,kBAAkB,eAAe;AACzC,QAAM,UAAU,iBAAiB,YAAY,aAAa;AAC1D,SAAO,oCAAC;AAAA,IAAiB,IAAI,QAAQ;AAAA,IAAU,GAAG;AAAA,IAAY,KAAK;AAAA,GAAc;AACnF,CACF;AAEA,YAAY,cAAc;AAM1B,MAAM,yBAAyB,wBAAO,uBAAW;AAAA,EAC/C,MAAM;AACR,CAAC;AAID,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB,MAAM,WAC9B,CAAC,OAA4C,iBAAiB;AAC5D,QAAM,EAAE,kBAAkB,qBAAqB;AAC/C,QAAM,UAAU,iBAAiB,kBAAkB,aAAa;AAChE,SACE,oCAAC;AAAA,IAAuB,IAAI,QAAQ;AAAA,IAAgB,GAAG;AAAA,IAAkB,KAAK;AAAA,GAAc;AAEhG,CACF;AAEA,kBAAkB,cAAc;AAMhC,MAAM,aAAa;AAInB,MAAM,cAAc,MAAM,WACxB,CAAC,OAAsC,iBAAiB;AACtD,QAAM,EAAE,kBAAkB,eAAe;AACzC,QAAM,UAAU,iBAAiB,YAAY,aAAa;AAC1D,QAAM,UAAU,mBAAmB,OAAO;AAE1C,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SACE,oCAAC;AAAA,IACC,KAAI;AAAA,IACH,GAAG;AAAA,IACJ,KAAK;AAAA,IACL,SAAS,sCAAqB,MAAM,SAAS,MAAM,QAAQ,aAAa,KAAK,CAAC;AAAA,GAChF;AAEJ,CACF;AAEA,YAAY,cAAc;AAI1B,kBAAkB,MAAe;AAC/B,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,qBAAqB;AAE3B,MAAM,CAAC,uBAAuB,qBAAqB,yCAAc,oBAAoB;AAAA,EACnF,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AACZ,CAAC;AAID,MAAM,eAA4C,CAAC,EAAE,cAAc;AACjE,QAAM,sBAAsB,kBAAkB,kBAAkB;AAEhE,QAAM,UAAU,KAAK,oBAAoB,8BAA8B,oBAAoB;AAAA;AAAA,4BAEjE,oBAAoB;AAAA;AAAA,4EAE4B,oBAAoB;AAE9F,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC;AAAO;AACZ,QAAI,SAAS;AACX,YAAM,WAAW,SAAS,eAAe,OAAO;AAChD,UAAI,CAAC;AAAU,cAAM,IAAI,MAAM,OAAO;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,SAAO;AACT;AAEA,MAAM,2BAA2B;AAOjC,MAAM,qBAAwD,CAAC,EAAE,YAAY,oBAAoB;AAC/F,QAAM,4BAA4B,kBAAkB,wBAAwB;AAC5E,QAAM,UAAU,6EAA6E,0BAA0B;AAEvH,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC;AAAO;AACZ,UAAM,cAAc,WAAW;AAC/B,QAAI,CAAE,wBAAuB,cAAc;AACzC;AAAA,IACF;AACA,UAAM,gBAAgB,YAAY,aAAa,kBAAkB;AAEjE,QAAI,iBAAiB,eAAe;AAClC,YAAM,iBAAiB,SAAS,eAAe,aAAa;AAC5D,UAAI,CAAC;AAAgB,gBAAQ,KAAK,OAAO;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,SAAS,YAAY,aAAa,CAAC;AAEvC,SAAO;AACT;AAMA,MAAM,cAAc,MAAM,WAA0D,gBAClF,OACA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,MAChB;AACJ,QAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,MAAM,WAAW,wDAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,oBACJ,KACA,MAAO;AAAA,IACL,MAAM;AAAA,EACR,IACA,CAAC,OAAO,CACV;AAEA,SACE,oCAAC;AAAA,IACC,OAAO;AAAA,IACP,UAAU,gBAAgB,OAAO,KAAK,aAAa,EAAE,KAAK;AAAA,IAC1D;AAAA,IACA;AAAA,IACA,WAAW,uBAAM,KAAK;AAAA,IACtB,SAAS,uBAAM,KAAK;AAAA,IACpB,eAAe,uBAAM,KAAK;AAAA,IAC1B;AAAA,IACA,cAAc;AAAA,IACd,cAAc,MAAM,YAAY,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ,GAAG,CAAC,OAAO,CAAC;AAAA,IACjF;AAAA,IACA;AAAA,IACA;AAAA,KAEA,oCAAC;AAAA,IAAsB,cAAc;AAAA,IAAS;AAAA,KAC3C,QACH,CACF;AAEJ,CAAC;AAED,MAAM,UAAS,sCAAqB,aAAa;AAAA,EAC/C,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AACF,CAAC;AAED,MAAM,wBAAwB,CAC5B,UAIG;AACH,QAAM,UAAU,iBAAiB,yBAAyB,MAAM,aAAa;AAC7E,QAAM,YAAY,mBAAmB,OAAO;AAC5C,QAAM,mBAAmB,yBAAyB,OAAO;AACzD,QAAM,eAAe,wBAAO,SAAS;AACrC,SACE,oCAAC;AAAA,IACC,cAAc,CAAC,QAAQ;AACrB,UAAI,aAAa,GAAG;AAClB,cAAM,aAAa,GAAG;AAAA,MACxB;AAAA,IACF;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,QAAQ,qBAAqB;AAAA,KAE5B,MAAM,QACT;AAEJ;AAEA,MAAM,2BAA2B,CAAC,YAAgC;AAChE,QAAM,QAAQ,0BAAS;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;",
+  "names": []
+}