@multiplatform.one/theme 7.83.1 → 7.83.2

package/dist/esm/theme/overlaySurfaces.mjs

@@ -0,0 +1,290 @@
+import { focusOnOpen, wasKeyboardFocus } from "../keyboardFocusRing.mjs";
+import { transitionProps } from "./transitionProps.mjs";
+import { Surface } from "./Surface.mjs";
+import { useResolvedKnobs } from "./useResolvedKnobs.mjs";
+import { panelPaddingPx } from "./resolveKnobs.mjs";
+import { createContext, forwardRef, useContext, useEffect } from "react";
+import { AlertDialog, Dialog, isWeb, Popover, useDialogContext, useWindowDimensions } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+const overlayScrim = "$shadow4";
+const sheetGrabber = {
+  width: 36,
+  height: 5,
+  borderRadius: 100,
+  backgroundColor: "$color8",
+  opacity: 0.45,
+  alignSelf: "center",
+  marginHorizontal: 0,
+  marginTop: 5,
+  marginBottom: -10,
+  zIndex: 10
+};
+const sheetGrabberClearance = 16;
+const sheetGrabberZone = {
+  alignSelf: "stretch",
+  alignItems: "center",
+  height: 21
+};
+const overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+const overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+function isTabbableWithin(node, container) {
+  if (node.tabIndex < 0 || node.hidden || node.tagName === "A") return false;
+  if (node.disabled) return false;
+  if (typeof HTMLInputElement !== "undefined" && node instanceof HTMLInputElement && node.type === "hidden") {
+    return false;
+  }
+  if (getComputedStyle(node).visibility === "hidden") return false;
+  for (let el = node; el && el !== container; el = el.parentElement) {
+    if (getComputedStyle(el).display === "none") return false;
+  }
+  return true;
+}
+function focusFirstTabbableOnOpen(event) {
+  const container = event.currentTarget;
+  if (typeof HTMLElement === "undefined" || !(container instanceof HTMLElement)) return;
+  const first = Array.from(container.querySelectorAll("*")).find(node => isTabbableWithin(node, container));
+  if (!first) return;
+  event.preventDefault();
+  const focused = focusOnOpen(first, container);
+  if (typeof HTMLInputElement !== "undefined" && focused instanceof HTMLInputElement) {
+    focused.select();
+  }
+}
+function withHouseOpenFocus(onOpenAutoFocus) {
+  return event => {
+    onOpenAutoFocus?.(event);
+    if (!event.defaultPrevented) focusFirstTabbableOnOpen(event);
+  };
+}
+const DIALOG_SHOW_FOCUS_EVENT = "mp.dialogShowFocus";
+function useDialogShowFocus(onOpenAutoFocus) {
+  const {
+    open,
+    contentId
+  } = useDialogContext();
+  useEffect(() => {
+    if (!open || !contentId || !isWeb || typeof document === "undefined") return;
+    const content = document.getElementById(contentId);
+    const focused = document.activeElement;
+    if (!content || typeof HTMLElement === "undefined" || !(focused instanceof HTMLElement)) return;
+    if (!content.contains(focused) || focused.tabIndex >= 0 && wasKeyboardFocus()) return;
+    content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, {
+      once: true
+    });
+    content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, {
+      cancelable: true
+    }));
+  }, [open, contentId]);
+}
+function DialogShowFocus({
+  onOpenAutoFocus
+}) {
+  useDialogShowFocus(withHouseOpenFocus(onOpenAutoFocus));
+  return null;
+}
+const DialogRegionContext = createContext({
+  inDialogRegion: false
+});
+function useDialogRegionContext() {
+  return useContext(DialogRegionContext);
+}
+function useIsInDialogRegion() {
+  return useDialogRegionContext().inDialogRegion;
+}
+const IN_DIALOG_REGION = {
+  inDialogRegion: true
+};
+const overlayEnterExit = {
+  opacity: 0,
+  y: -4,
+  scale: 0.97
+};
+const DialogContent = forwardRef(function DialogContent2({
+  children,
+  size = "$true",
+  ...props
+}, ref) {
+  return /* @__PURE__ */jsx(Surface, {
+    size,
+    painted: false,
+    elevated: true,
+    children: /* @__PURE__ */jsx(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+const DialogContentInner = forwardRef(function DialogContentInner2({
+  children,
+  onOpenAutoFocus,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "DialogContent"
+  });
+  const openFocus = withHouseOpenFocus(onOpenAutoFocus);
+  useDialogShowFocus(openFocus);
+  const {
+    width: windowWidth
+  } = useWindowDimensions();
+  const room = windowWidth > 0 ? Math.max(0, windowWidth - 2 * panelPaddingPx()) : void 0;
+  const fit = value => room != null && typeof value === "number" ? Math.min(value, room) : value;
+  const windowFit = room == null ? void 0 : {
+    maxWidth: room,
+    ...(props.minWidth != null ? {
+      minWidth: fit(props.minWidth)
+    } : void 0),
+    ...(props.width != null ? {
+      width: fit(props.width)
+    } : void 0)
+  };
+  return /* @__PURE__ */jsx(Dialog.Content, {
+    ref,
+    unstyled: true,
+    position: "relative",
+    pointerEvents: "auto",
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    elevate: false,
+    ...transitionProps(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: openFocus,
+    ...props,
+    ...windowFit,
+    children: /* @__PURE__ */jsx(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
+  });
+});
+const scrimFade = {
+  opacity: 0
+};
+const DialogOverlay = forwardRef(function DialogOverlay2({
+  children,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(Dialog.Overlay, {
+    ref,
+    backgroundColor: overlayScrim,
+    ...transitionProps(knobProps.motion.scrim),
+    enterStyle: scrimFade,
+    exitStyle: scrimFade,
+    ...props,
+    children
+  });
+});
+const AlertDialogContent = forwardRef(function AlertDialogContent2({
+  children,
+  size = "$true",
+  ...props
+}, ref) {
+  return /* @__PURE__ */jsx(Surface, {
+    size,
+    painted: false,
+    elevated: true,
+    children: /* @__PURE__ */jsx(AlertDialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+const AlertDialogContentInner = forwardRef(function AlertDialogContentInner2({
+  children,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "AlertDialogContent"
+  });
+  useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
+  return /* @__PURE__ */jsx(AlertDialog.Content, {
+    ref,
+    unstyled: true,
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    elevate: false,
+    ...transitionProps(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    ...props,
+    children: /* @__PURE__ */jsx(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
+  });
+});
+const AlertDialogOverlay = forwardRef(function AlertDialogOverlay2({
+  children,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(AlertDialog.Overlay, {
+    ref,
+    backgroundColor: overlayScrim,
+    ...transitionProps(knobProps.motion.scrim),
+    enterStyle: scrimFade,
+    exitStyle: scrimFade,
+    ...props,
+    children
+  });
+});
+const PopoverContent = forwardRef(function PopoverContent2({
+  children,
+  onOpenAutoFocus,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "PopoverContent",
+    painted: false
+  });
+  return /* @__PURE__ */jsx(Popover.Content, {
+    ref,
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...transitionProps(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
+    ...props,
+    children: /* @__PURE__ */jsx(Surface, {
+      painted: false,
+      elevated: true,
+      children
+    })
+  });
+});
+export { AlertDialogContent, AlertDialogOverlay, DialogContent, DialogOverlay, DialogRegionContext, DialogShowFocus, PopoverContent, overlayScrim, sheetGrabber, sheetGrabberClearance, sheetGrabberZone, useDialogRegionContext, useIsInDialogRegion };
+//# sourceMappingURL=overlaySurfaces.mjs.map

package/dist/esm/theme/overlaySurfaces.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["focusOnOpen","wasKeyboardFocus","transitionProps","Surface","useResolvedKnobs","panelPaddingPx","createContext","forwardRef","useContext","useEffect","AlertDialog","Dialog","isWeb","Popover","useDialogContext","useWindowDimensions","jsx","overlayScrim","sheetGrabber","width","height","borderRadius","backgroundColor","opacity","alignSelf","marginHorizontal","marginTop","marginBottom","zIndex","sheetGrabberClearance","sheetGrabberZone","alignItems","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","isTabbableWithin","node","container","tabIndex","hidden","tagName","disabled","HTMLInputElement","type","getComputedStyle","visibility","el","parentElement","display","focusFirstTabbableOnOpen","event","currentTarget","HTMLElement","first","Array","from","querySelectorAll","find","preventDefault","focused","select","withHouseOpenFocus","onOpenAutoFocus","defaultPrevented","DIALOG_SHOW_FOCUS_EVENT","useDialogShowFocus","open","contentId","document","content","getElementById","activeElement","contains","addEventListener","once","dispatchEvent","CustomEvent","cancelable","DialogShowFocus","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","y","scale","DialogContent","DialogContent2","children","size","props","ref","painted","elevated","DialogContentInner","DialogContentInner2","knobProps","component","openFocus","windowWidth","room","Math","max","fit","value","min","windowFit","maxWidth","minWidth","Content","unstyled","position","pointerEvents","elevatedSurface","containerRadius","panelPadding","gap","elevate","motion","overlay","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","scrimFade","DialogOverlay","DialogOverlay2","Overlay","scrim","AlertDialogContent","AlertDialogContentInner","AlertDialogContentInner2","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent"],"sources":["../../../src/theme/overlaySurfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/overlaySurfaces.native.js

@@ -0,0 +1,311 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { focusOnOpen, wasKeyboardFocus } from "../keyboardFocusRing.native.js";
+import { transitionProps } from "./transitionProps.native.js";
+import { Surface } from "./Surface.native.js";
+import { useResolvedKnobs } from "./useResolvedKnobs.native.js";
+import { panelPaddingPx } from "./resolveKnobs.native.js";
+import { createContext, forwardRef, useContext, useEffect } from "react";
+import { AlertDialog, Dialog, isWeb, Popover, useDialogContext, useWindowDimensions } from "tamagui";
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var overlayScrim = "$shadow4";
+var sheetGrabber = {
+  width: 36,
+  height: 5,
+  borderRadius: 100,
+  backgroundColor: "$color8",
+  opacity: 0.45,
+  alignSelf: "center",
+  marginHorizontal: 0,
+  marginTop: 5,
+  marginBottom: -10,
+  zIndex: 10
+};
+var sheetGrabberClearance = 16;
+var sheetGrabberZone = {
+  alignSelf: "stretch",
+  alignItems: "center",
+  height: 21
+};
+var overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+var overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+function isTabbableWithin(node, container) {
+  if (node.tabIndex < 0 || node.hidden || node.tagName === "A") return false;
+  if (node.disabled) return false;
+  if (typeof HTMLInputElement !== "undefined" && _instanceof(node, HTMLInputElement) && node.type === "hidden") {
+    return false;
+  }
+  if (getComputedStyle(node).visibility === "hidden") return false;
+  for (var el = node; el && el !== container; el = el.parentElement) {
+    if (getComputedStyle(el).display === "none") return false;
+  }
+  return true;
+}
+function focusFirstTabbableOnOpen(event) {
+  var container = event.currentTarget;
+  if (typeof HTMLElement === "undefined" || !_instanceof(container, HTMLElement)) return;
+  var first = Array.from(container.querySelectorAll("*")).find(function (node) {
+    return isTabbableWithin(node, container);
+  });
+  if (!first) return;
+  event.preventDefault();
+  var focused = focusOnOpen(first, container);
+  if (typeof HTMLInputElement !== "undefined" && _instanceof(focused, HTMLInputElement)) {
+    focused.select();
+  }
+}
+function withHouseOpenFocus(onOpenAutoFocus) {
+  return function (event) {
+    onOpenAutoFocus === null || onOpenAutoFocus === void 0 ? void 0 : onOpenAutoFocus(event);
+    if (!event.defaultPrevented) focusFirstTabbableOnOpen(event);
+  };
+}
+var DIALOG_SHOW_FOCUS_EVENT = "mp.dialogShowFocus";
+function useDialogShowFocus(onOpenAutoFocus) {
+  var {
+    open,
+    contentId
+  } = useDialogContext();
+  useEffect(function () {
+    if (!open || !contentId || !isWeb || typeof document === "undefined") return;
+    var content = document.getElementById(contentId);
+    var focused = document.activeElement;
+    if (!content || typeof HTMLElement === "undefined" || !_instanceof(focused, HTMLElement)) return;
+    if (!content.contains(focused) || focused.tabIndex >= 0 && wasKeyboardFocus()) return;
+    content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, {
+      once: true
+    });
+    content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, {
+      cancelable: true
+    }));
+  }, [open, contentId]);
+}
+function DialogShowFocus(param) {
+  var {
+    onOpenAutoFocus
+  } = param;
+  useDialogShowFocus(withHouseOpenFocus(onOpenAutoFocus));
+  return null;
+}
+var DialogRegionContext = /* @__PURE__ */createContext({
+  inDialogRegion: false
+});
+function useDialogRegionContext() {
+  return useContext(DialogRegionContext);
+}
+function useIsInDialogRegion() {
+  return useDialogRegionContext().inDialogRegion;
+}
+var IN_DIALOG_REGION = {
+  inDialogRegion: true
+};
+var overlayEnterExit = {
+  opacity: 0,
+  y: -4,
+  scale: 0.97
+};
+var DialogContent = /* @__PURE__ */forwardRef(function DialogContent2(param, ref) {
+  var {
+    children,
+    size = "$true",
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsx(Surface, {
+    size,
+    painted: false,
+    elevated: true,
+    children: /* @__PURE__ */_jsx(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(param, ref) {
+  var {
+    children,
+    onOpenAutoFocus,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "DialogContent"
+  });
+  var openFocus = withHouseOpenFocus(onOpenAutoFocus);
+  useDialogShowFocus(openFocus);
+  var {
+    width: windowWidth
+  } = useWindowDimensions();
+  var room = windowWidth > 0 ? Math.max(0, windowWidth - 2 * panelPaddingPx()) : void 0;
+  var fit = function fit2(value) {
+    return room != null && typeof value === "number" ? Math.min(value, room) : value;
+  };
+  var windowFit = room == null ? void 0 : {
+    maxWidth: room,
+    ...(props.minWidth != null ? {
+      minWidth: fit(props.minWidth)
+    } : void 0),
+    ...(props.width != null ? {
+      width: fit(props.width)
+    } : void 0)
+  };
+  return /* @__PURE__ */_jsx(Dialog.Content, {
+    ref,
+    unstyled: true,
+    position: "relative",
+    pointerEvents: "auto",
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    elevate: false,
+    ...transitionProps(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: openFocus,
+    ...props,
+    ...windowFit,
+    children: /* @__PURE__ */_jsx(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
+  });
+});
+var scrimFade = {
+  opacity: 0
+};
+var DialogOverlay = /* @__PURE__ */forwardRef(function DialogOverlay2(param, ref) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(Dialog.Overlay, {
+    ref,
+    backgroundColor: overlayScrim,
+    ...transitionProps(knobProps.motion.scrim),
+    enterStyle: scrimFade,
+    exitStyle: scrimFade,
+    ...props,
+    children
+  });
+});
+var AlertDialogContent = /* @__PURE__ */forwardRef(function AlertDialogContent2(param, ref) {
+  var {
+    children,
+    size = "$true",
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsx(Surface, {
+    size,
+    painted: false,
+    elevated: true,
+    children: /* @__PURE__ */_jsx(AlertDialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+var AlertDialogContentInner = /* @__PURE__ */forwardRef(function AlertDialogContentInner2(param, ref) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "AlertDialogContent"
+  });
+  useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
+  return /* @__PURE__ */_jsx(AlertDialog.Content, {
+    ref,
+    unstyled: true,
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    elevate: false,
+    ...transitionProps(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    ...props,
+    children: /* @__PURE__ */_jsx(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
+  });
+});
+var AlertDialogOverlay = /* @__PURE__ */forwardRef(function AlertDialogOverlay2(param, ref) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(AlertDialog.Overlay, {
+    ref,
+    backgroundColor: overlayScrim,
+    ...transitionProps(knobProps.motion.scrim),
+    enterStyle: scrimFade,
+    exitStyle: scrimFade,
+    ...props,
+    children
+  });
+});
+var PopoverContent = /* @__PURE__ */forwardRef(function PopoverContent2(param, ref) {
+  var {
+    children,
+    onOpenAutoFocus,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "PopoverContent",
+    painted: false
+  });
+  return /* @__PURE__ */_jsx(Popover.Content, {
+    ref,
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...transitionProps(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
+    ...props,
+    children: /* @__PURE__ */_jsx(Surface, {
+      painted: false,
+      elevated: true,
+      children
+    })
+  });
+});
+export { AlertDialogContent, AlertDialogOverlay, DialogContent, DialogOverlay, DialogRegionContext, DialogShowFocus, PopoverContent, overlayScrim, sheetGrabber, sheetGrabberClearance, sheetGrabberZone, useDialogRegionContext, useIsInDialogRegion };
+//# sourceMappingURL=overlaySurfaces.native.js.map

package/dist/esm/theme/overlaySurfaces.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","focusOnOpen","wasKeyboardFocus","transitionProps","Surface","useResolvedKnobs","panelPaddingPx","createContext","forwardRef","useContext","useEffect","AlertDialog","Dialog","isWeb","Popover","useDialogContext","useWindowDimensions","_instanceof","left","right","Symbol","hasInstance","overlayScrim","sheetGrabber","width","height","borderRadius","backgroundColor","opacity","alignSelf","marginHorizontal","marginTop","marginBottom","zIndex","sheetGrabberClearance","sheetGrabberZone","alignItems","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","isTabbableWithin","node","container","tabIndex","hidden","tagName","disabled","HTMLInputElement","type","getComputedStyle","visibility","el","parentElement","display","focusFirstTabbableOnOpen","event","currentTarget","HTMLElement","first","Array","from","querySelectorAll","find","preventDefault","focused","select","withHouseOpenFocus","onOpenAutoFocus","defaultPrevented","DIALOG_SHOW_FOCUS_EVENT","useDialogShowFocus","open","contentId","document","content","getElementById","activeElement","contains","addEventListener","once","dispatchEvent","CustomEvent","cancelable","DialogShowFocus","param","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","y","scale","DialogContent","DialogContent2","ref","children","size","props","painted","elevated","DialogContentInner","DialogContentInner2","knobProps","component","openFocus","windowWidth","room","Math","max","fit","fit2","value","min","windowFit","maxWidth","minWidth","Content","unstyled","position","pointerEvents","elevatedSurface","containerRadius","panelPadding","gap","elevate","motion","overlay","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","scrimFade","DialogOverlay","DialogOverlay2","Overlay","scrim","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2"],"sources":["../../../src/theme/overlaySurfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/pageGutter.mjs

@@ -0,0 +1,55 @@
+import { createContext, useContext, useMemo } from "react";
+import { useMedia } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+const PageGutterContext = createContext(null);
+function PageGutter({
+  inset,
+  children
+}) {
+  return /* @__PURE__ */jsx(PageGutterContext.Provider, {
+    value: inset,
+    children
+  });
+}
+function usePageGutter() {
+  return useContext(PageGutterContext);
+}
+const ParentScreenContext = createContext(null);
+function ScreenNesting({
+  scrolls,
+  inset,
+  capped,
+  children
+}) {
+  const value = useMemo(() => ({
+    scrolls,
+    inset,
+    capped
+  }), [scrolls, inset, capped]);
+  return /* @__PURE__ */jsx(ParentScreenContext.Provider, {
+    value,
+    children
+  });
+}
+function useParentScreen() {
+  return useContext(ParentScreenContext);
+}
+function negateSpaceToken(token) {
+  if (token.startsWith("$-")) return `$${token.slice(2)}`;
+  return `$-${token.startsWith("$") ? token.slice(1) : token}`;
+}
+function usePhoneTableBleed() {
+  const inset = usePageGutter();
+  const {
+    sm
+  } = useMedia();
+  if (!inset || sm !== false) return null;
+  return {
+    inset,
+    frame: {
+      marginHorizontal: negateSpaceToken(inset)
+    }
+  };
+}
+export { PageGutter, ScreenNesting, negateSpaceToken, usePageGutter, useParentScreen, usePhoneTableBleed };
+//# sourceMappingURL=pageGutter.mjs.map