@multiplatform.one/components 7.28.0 → 7.29.0

package/dist/esm/surfaces.native.js

@@ -1,10 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Preset, Surface, useResolvedKnobs } from "@multiplatform.one/theme";
-import { createContext, forwardRef, useContext } from "react";
-import { AlertDialog, Dialog, Popover, Sheet, View } from "tamagui";
+import { createContext, forwardRef, useContext, useEffect } from "react";
+import { AlertDialog, Dialog, isWeb, Popover, Sheet, useDialogContext, View } from "tamagui";
 import { Card, CardFooter, CardHeader } from "./Card.native.js";
 import { SheetModal } from "./SheetModal/index.native.js";
 import { Card as Card2 } from "./Card.native.js";
+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;
+  }
+}
 function NestedScale(param) {
   var {
     density,
@@ -26,6 +35,62 @@ 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 (_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();
+  first.focus({
+    preventScroll: true
+  });
+  if (_instanceof(first, HTMLInputElement)) first.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 || !_instanceof(focused, HTMLElement)) return;
+    if (!content.contains(focused) || focused.tabIndex >= 0) 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
 });
@@ -60,6 +125,7 @@ var DialogContent = /* @__PURE__ */forwardRef(function DialogContent2(param, ref
 var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(param, ref) {
   var {
     children,
+    onOpenAutoFocus,
     ...props
   } = param;
   var {
@@ -67,6 +133,8 @@ var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(
   } = useResolvedKnobs({
     component: "DialogContent"
   });
+  var openFocus = withHouseOpenFocus(onOpenAutoFocus);
+  useDialogShowFocus(openFocus);
   return /* @__PURE__ */_jsx(Dialog.Content, {
     ref,
     ...knobProps.elevatedSurface,
@@ -80,6 +148,7 @@ var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(
     ...overlayFrameFocus,
     focusStyle: overlayFrameFocusStyle,
     focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: openFocus,
     ...props,
     children: /* @__PURE__ */_jsx(DialogRegionContext.Provider, {
       value: IN_DIALOG_REGION,
@@ -135,6 +204,7 @@ var AlertDialogContentInner = /* @__PURE__ */forwardRef(function AlertDialogCont
   } = useResolvedKnobs({
     component: "AlertDialogContent"
   });
+  useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
   return /* @__PURE__ */_jsx(AlertDialog.Content, {
     ref,
     unstyled: true,
@@ -180,6 +250,7 @@ var AlertDialogOverlay = /* @__PURE__ */forwardRef(function AlertDialogOverlay2(
 var PopoverContent = /* @__PURE__ */forwardRef(function PopoverContent2(param, ref) {
   var {
     children,
+    onOpenAutoFocus,
     ...props
   } = param;
   var {
@@ -197,6 +268,7 @@ var PopoverContent = /* @__PURE__ */forwardRef(function PopoverContent2(param, r
     ...overlayFrameFocus,
     focusStyle: overlayFrameFocusStyle,
     focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
     ...props,
     children: /* @__PURE__ */_jsx(NestedScale, {
       density: knobProps.density,
@@ -264,5 +336,5 @@ var KnobDialogContent = DialogContent;
 var KnobPopoverContent = PopoverContent;
 var KnobSheetFrame = SheetFrame;
 var KnobPanel = Panel;
-export { AlertDialogContent, AlertDialogOverlay, Card, CardFooter, CardHeader, DialogContent, DialogOverlay, DialogRegionContext, Card2 as KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
+export { AlertDialogContent, AlertDialogOverlay, Card, CardFooter, CardHeader, DialogContent, DialogOverlay, DialogRegionContext, DialogShowFocus, Card2 as KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
 //# sourceMappingURL=surfaces.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Preset","Surface","useResolvedKnobs","createContext","forwardRef","useContext","AlertDialog","Dialog","Popover","Sheet","View","Card","CardFooter","CardHeader","SheetModal","Card2","NestedScale","param","density","children","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","ref","props","size","DialogContentInner","DialogContentInner2","knobProps","component","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","value","scrimFade","DialogOverlay","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","unstyled","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent","PopoverContent2","SheetFrame","SheetFrame2","frameProps","Frame","Panel","Panel2","viewProps","KnobDialogContent","KnobPopoverContent","KnobSheetFrame","KnobPanel","KnobCard"],"sources":["surfaces.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Preset, Surface, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport { AlertDialog, Dialog, Popover, Sheet, View } from \"tamagui\";\nimport { Card, CardFooter, CardHeader } from \"./Card\";\nimport { SheetModal } from \"./SheetModal\";\nimport { Card as Card2 } from \"./Card\";\nfunction NestedScale(param) {\n  var { density, children } = param;\n  if (density === \"compact\") return children;\n  return /* @__PURE__ */ _jsx(Preset, {\n    overrides: {\n      density: \"compact\"\n    },\n    children\n  });\n}\nvar overlayFrameFocus = {\n  outlineWidth: 0,\n  outlineStyle: \"none\"\n};\nvar overlayFrameFocusStyle = {\n  outlineWidth: 0,\n  outlineStyle: \"none\"\n};\nvar DialogRegionContext = /* @__PURE__ */ createContext({\n  inDialogRegion: false\n});\nfunction useDialogRegionContext() {\n  return useContext(DialogRegionContext);\n}\nfunction useIsInDialogRegion() {\n  return useDialogRegionContext().inDialogRegion;\n}\nvar IN_DIALOG_REGION = {\n  inDialogRegion: true\n};\nvar overlayEnterExit = {\n  opacity: 0,\n  y: -4,\n  scale: 0.97\n};\nvar DialogContent = /* @__PURE__ */ forwardRef(function DialogContent2(param, ref) {\n  var { children, ...props } = param;\n  return /* @__PURE__ */ _jsx(Surface, {\n    size: \"md\",\n    children: /* @__PURE__ */ _jsx(DialogContentInner, {\n      ref,\n      ...props,\n      children\n    })\n  });\n});\nvar DialogContentInner = /* @__PURE__ */ forwardRef(function DialogContentInner2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"DialogContent\"\n  });\n  return /* @__PURE__ */ _jsx(Dialog.Content, {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    ...knobProps.panelPadding,\n    ...knobProps.gap,\n    elevate: false,\n    transition: knobProps.transition,\n    enterStyle: overlayEnterExit,\n    exitStyle: overlayEnterExit,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    ...props,\n    children: /* @__PURE__ */ _jsx(DialogRegionContext.Provider, {\n      value: IN_DIALOG_REGION,\n      children: /* @__PURE__ */ _jsx(NestedScale, {\n        density: knobProps.density,\n        children\n      })\n    })\n  });\n});\nvar scrimFade = {\n  opacity: 0\n};\nvar DialogOverlay = /* @__PURE__ */ forwardRef(function DialogOverlay2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  return /* @__PURE__ */ _jsx(Dialog.Overlay, {\n    ref,\n    backgroundColor: \"$shadow6\",\n    transition: knobProps.transition,\n    enterStyle: scrimFade,\n    exitStyle: scrimFade,\n    ...props,\n    children\n  });\n});\nvar AlertDialogContent = /* @__PURE__ */ forwardRef(function AlertDialogContent2(param, ref) {\n  var { children, ...props } = param;\n  return /* @__PURE__ */ _jsx(Surface, {\n    size: \"md\",\n    children: /* @__PURE__ */ _jsx(AlertDialogContentInner, {\n      ref,\n      ...props,\n      children\n    })\n  });\n});\nvar AlertDialogContentInner = /* @__PURE__ */ forwardRef(function AlertDialogContentInner2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"AlertDialogContent\"\n  });\n  return /* @__PURE__ */ _jsx(AlertDialog.Content, {\n    ref,\n    unstyled: true,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    ...knobProps.panelPadding,\n    ...knobProps.gap,\n    elevate: false,\n    transition: knobProps.transition,\n    enterStyle: overlayEnterExit,\n    exitStyle: overlayEnterExit,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    ...props,\n    children: /* @__PURE__ */ _jsx(DialogRegionContext.Provider, {\n      value: IN_DIALOG_REGION,\n      children: /* @__PURE__ */ _jsx(NestedScale, {\n        density: knobProps.density,\n        children\n      })\n    })\n  });\n});\nvar AlertDialogOverlay = /* @__PURE__ */ forwardRef(function AlertDialogOverlay2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  return /* @__PURE__ */ _jsx(AlertDialog.Overlay, {\n    ref,\n    backgroundColor: \"$shadow6\",\n    transition: knobProps.transition,\n    enterStyle: scrimFade,\n    exitStyle: scrimFade,\n    ...props,\n    children\n  });\n});\nvar PopoverContent = /* @__PURE__ */ forwardRef(function PopoverContent2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"PopoverContent\"\n  });\n  return /* @__PURE__ */ _jsx(Popover.Content, {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    transition: knobProps.transition,\n    enterStyle: overlayEnterExit,\n    exitStyle: overlayEnterExit,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    ...props,\n    children: /* @__PURE__ */ _jsx(NestedScale, {\n      density: knobProps.density,\n      children\n    })\n  });\n});\nvar SheetFrame = /* @__PURE__ */ forwardRef(function SheetFrame2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"SheetFrame\"\n  });\n  var frameProps = {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    backgroundColor: \"$background\",\n    ...knobProps.panelPadding,\n    transition: knobProps.transition,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    ...props\n  };\n  return /* @__PURE__ */ _jsx(Sheet.Frame, {\n    ...frameProps,\n    children: /* @__PURE__ */ _jsx(NestedScale, {\n      density: knobProps.density,\n      children\n    })\n  });\n});\nvar Panel = /* @__PURE__ */ forwardRef(function Panel2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"Panel\"\n  });\n  var viewProps = {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    ...knobProps.panelPadding,\n    ...knobProps.gap,\n    ...props\n  };\n  return /* @__PURE__ */ _jsx(View, {\n    ...viewProps,\n    children: /* @__PURE__ */ _jsx(NestedScale, {\n      density: knobProps.density,\n      children\n    })\n  });\n});\nvar KnobDialogContent = DialogContent;\nvar KnobPopoverContent = PopoverContent;\nvar KnobSheetFrame = SheetFrame;\nvar KnobPanel = Panel;\nexport {\n  AlertDialogContent,\n  AlertDialogOverlay,\n  Card,\n  CardFooter,\n  CardHeader,\n  DialogContent,\n  DialogOverlay,\n  DialogRegionContext,\n  Card2 as KnobCard,\n  KnobDialogContent,\n  KnobPanel,\n  KnobPopoverContent,\n  KnobSheetFrame,\n  Panel,\n  PopoverContent,\n  SheetFrame,\n  SheetModal,\n  useDialogRegionContext,\n  useIsInDialogRegion\n};\n//# sourceMappingURL=surfaces.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Preset","Surface","useResolvedKnobs","createContext","forwardRef","useContext","useEffect","AlertDialog","Dialog","isWeb","Popover","Sheet","useDialogContext","View","Card","CardFooter","CardHeader","SheetModal","Card2","_instanceof","left","right","Symbol","hasInstance","NestedScale","param","density","children","overrides","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","focus","preventScroll","select","withHouseOpenFocus","onOpenAutoFocus","defaultPrevented","DIALOG_SHOW_FOCUS_EVENT","useDialogShowFocus","open","contentId","document","content","getElementById","focused","activeElement","contains","addEventListener","once","dispatchEvent","CustomEvent","cancelable","DialogShowFocus","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","ref","props","size","DialogContentInner","DialogContentInner2","knobProps","component","openFocus","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","value","scrimFade","DialogOverlay","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","unstyled","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent","PopoverContent2","SheetFrame","SheetFrame2","frameProps","Frame","Panel","Panel2","viewProps","KnobDialogContent","KnobPopoverContent","KnobSheetFrame","KnobPanel","KnobCard"],"sources":["surfaces.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Preset, Surface, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { createContext, forwardRef, useContext, useEffect } from \"react\";\nimport { AlertDialog, Dialog, isWeb, Popover, Sheet, useDialogContext, View } from \"tamagui\";\nimport { Card, CardFooter, CardHeader } from \"./Card\";\nimport { SheetModal } from \"./SheetModal\";\nimport { Card as Card2 } from \"./Card\";\nfunction _instanceof(left, right) {\n  \"@swc/helpers - instanceof\";\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nfunction NestedScale(param) {\n  var { density, children } = param;\n  if (density === \"compact\") return children;\n  return /* @__PURE__ */ _jsx(Preset, {\n    overrides: {\n      density: \"compact\"\n    },\n    children\n  });\n}\nvar overlayFrameFocus = {\n  outlineWidth: 0,\n  outlineStyle: \"none\"\n};\nvar overlayFrameFocusStyle = {\n  outlineWidth: 0,\n  outlineStyle: \"none\"\n};\nfunction isTabbableWithin(node, container) {\n  if (node.tabIndex < 0 || node.hidden || node.tagName === \"A\") return false;\n  if (node.disabled) return false;\n  if (_instanceof(node, HTMLInputElement) && node.type === \"hidden\") return false;\n  if (getComputedStyle(node).visibility === \"hidden\") return false;\n  for (var el = node; el && el !== container; el = el.parentElement) {\n    if (getComputedStyle(el).display === \"none\") return false;\n  }\n  return true;\n}\nfunction focusFirstTabbableOnOpen(event) {\n  var container = event.currentTarget;\n  if (typeof HTMLElement === \"undefined\" || !_instanceof(container, HTMLElement)) return;\n  var first = Array.from(container.querySelectorAll(\"*\")).find(function(node) {\n    return isTabbableWithin(node, container);\n  });\n  if (!first) return;\n  event.preventDefault();\n  first.focus({\n    preventScroll: true\n  });\n  if (_instanceof(first, HTMLInputElement)) first.select();\n}\nfunction withHouseOpenFocus(onOpenAutoFocus) {\n  return function(event) {\n    onOpenAutoFocus === null || onOpenAutoFocus === void 0 ? void 0 : onOpenAutoFocus(event);\n    if (!event.defaultPrevented) focusFirstTabbableOnOpen(event);\n  };\n}\nvar DIALOG_SHOW_FOCUS_EVENT = \"mp.dialogShowFocus\";\nfunction useDialogShowFocus(onOpenAutoFocus) {\n  var { open, contentId } = useDialogContext();\n  useEffect(function() {\n    if (!open || !contentId || !isWeb || typeof document === \"undefined\") return;\n    var content = document.getElementById(contentId);\n    var focused = document.activeElement;\n    if (!content || !_instanceof(focused, HTMLElement)) return;\n    if (!content.contains(focused) || focused.tabIndex >= 0) return;\n    content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, {\n      once: true\n    });\n    content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, {\n      cancelable: true\n    }));\n  }, [\n    open,\n    contentId\n  ]);\n}\nfunction DialogShowFocus(param) {\n  var { onOpenAutoFocus } = param;\n  useDialogShowFocus(withHouseOpenFocus(onOpenAutoFocus));\n  return null;\n}\nvar DialogRegionContext = /* @__PURE__ */ createContext({\n  inDialogRegion: false\n});\nfunction useDialogRegionContext() {\n  return useContext(DialogRegionContext);\n}\nfunction useIsInDialogRegion() {\n  return useDialogRegionContext().inDialogRegion;\n}\nvar IN_DIALOG_REGION = {\n  inDialogRegion: true\n};\nvar overlayEnterExit = {\n  opacity: 0,\n  y: -4,\n  scale: 0.97\n};\nvar DialogContent = /* @__PURE__ */ forwardRef(function DialogContent2(param, ref) {\n  var { children, ...props } = param;\n  return /* @__PURE__ */ _jsx(Surface, {\n    size: \"md\",\n    children: /* @__PURE__ */ _jsx(DialogContentInner, {\n      ref,\n      ...props,\n      children\n    })\n  });\n});\nvar DialogContentInner = /* @__PURE__ */ forwardRef(function DialogContentInner2(param, ref) {\n  var { children, onOpenAutoFocus, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"DialogContent\"\n  });\n  var openFocus = withHouseOpenFocus(onOpenAutoFocus);\n  useDialogShowFocus(openFocus);\n  return /* @__PURE__ */ _jsx(Dialog.Content, {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    ...knobProps.panelPadding,\n    ...knobProps.gap,\n    elevate: false,\n    transition: knobProps.transition,\n    enterStyle: overlayEnterExit,\n    exitStyle: overlayEnterExit,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    onOpenAutoFocus: openFocus,\n    ...props,\n    children: /* @__PURE__ */ _jsx(DialogRegionContext.Provider, {\n      value: IN_DIALOG_REGION,\n      children: /* @__PURE__ */ _jsx(NestedScale, {\n        density: knobProps.density,\n        children\n      })\n    })\n  });\n});\nvar scrimFade = {\n  opacity: 0\n};\nvar DialogOverlay = /* @__PURE__ */ forwardRef(function DialogOverlay2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  return /* @__PURE__ */ _jsx(Dialog.Overlay, {\n    ref,\n    backgroundColor: \"$shadow6\",\n    transition: knobProps.transition,\n    enterStyle: scrimFade,\n    exitStyle: scrimFade,\n    ...props,\n    children\n  });\n});\nvar AlertDialogContent = /* @__PURE__ */ forwardRef(function AlertDialogContent2(param, ref) {\n  var { children, ...props } = param;\n  return /* @__PURE__ */ _jsx(Surface, {\n    size: \"md\",\n    children: /* @__PURE__ */ _jsx(AlertDialogContentInner, {\n      ref,\n      ...props,\n      children\n    })\n  });\n});\nvar AlertDialogContentInner = /* @__PURE__ */ forwardRef(function AlertDialogContentInner2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"AlertDialogContent\"\n  });\n  useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));\n  return /* @__PURE__ */ _jsx(AlertDialog.Content, {\n    ref,\n    unstyled: true,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    ...knobProps.panelPadding,\n    ...knobProps.gap,\n    elevate: false,\n    transition: knobProps.transition,\n    enterStyle: overlayEnterExit,\n    exitStyle: overlayEnterExit,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    ...props,\n    children: /* @__PURE__ */ _jsx(DialogRegionContext.Provider, {\n      value: IN_DIALOG_REGION,\n      children: /* @__PURE__ */ _jsx(NestedScale, {\n        density: knobProps.density,\n        children\n      })\n    })\n  });\n});\nvar AlertDialogOverlay = /* @__PURE__ */ forwardRef(function AlertDialogOverlay2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  return /* @__PURE__ */ _jsx(AlertDialog.Overlay, {\n    ref,\n    backgroundColor: \"$shadow6\",\n    transition: knobProps.transition,\n    enterStyle: scrimFade,\n    exitStyle: scrimFade,\n    ...props,\n    children\n  });\n});\nvar PopoverContent = /* @__PURE__ */ forwardRef(function PopoverContent2(param, ref) {\n  var { children, onOpenAutoFocus, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"PopoverContent\"\n  });\n  return /* @__PURE__ */ _jsx(Popover.Content, {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    transition: knobProps.transition,\n    enterStyle: overlayEnterExit,\n    exitStyle: overlayEnterExit,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),\n    ...props,\n    children: /* @__PURE__ */ _jsx(NestedScale, {\n      density: knobProps.density,\n      children\n    })\n  });\n});\nvar SheetFrame = /* @__PURE__ */ forwardRef(function SheetFrame2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"SheetFrame\"\n  });\n  var frameProps = {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    backgroundColor: \"$background\",\n    ...knobProps.panelPadding,\n    transition: knobProps.transition,\n    ...overlayFrameFocus,\n    focusStyle: overlayFrameFocusStyle,\n    focusVisibleStyle: overlayFrameFocusStyle,\n    ...props\n  };\n  return /* @__PURE__ */ _jsx(Sheet.Frame, {\n    ...frameProps,\n    children: /* @__PURE__ */ _jsx(NestedScale, {\n      density: knobProps.density,\n      children\n    })\n  });\n});\nvar Panel = /* @__PURE__ */ forwardRef(function Panel2(param, ref) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"Panel\"\n  });\n  var viewProps = {\n    ref,\n    ...knobProps.elevatedSurface,\n    ...knobProps.containerRadius,\n    ...knobProps.panelPadding,\n    ...knobProps.gap,\n    ...props\n  };\n  return /* @__PURE__ */ _jsx(View, {\n    ...viewProps,\n    children: /* @__PURE__ */ _jsx(NestedScale, {\n      density: knobProps.density,\n      children\n    })\n  });\n});\nvar KnobDialogContent = DialogContent;\nvar KnobPopoverContent = PopoverContent;\nvar KnobSheetFrame = SheetFrame;\nvar KnobPanel = Panel;\nexport {\n  AlertDialogContent,\n  AlertDialogOverlay,\n  Card,\n  CardFooter,\n  CardHeader,\n  DialogContent,\n  DialogOverlay,\n  DialogRegionContext,\n  DialogShowFocus,\n  Card2 as KnobCard,\n  KnobDialogContent,\n  KnobPanel,\n  KnobPopoverContent,\n  KnobSheetFrame,\n  Panel,\n  PopoverContent,\n  SheetFrame,\n  SheetModal,\n  useDialogRegionContext,\n  useIsInDialogRegion\n};\n//# sourceMappingURL=surfaces.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/views/Calendar.mjs

@@ -6,7 +6,8 @@ import { formatCalendarDate, formatDayLong, formatTimeOfDay, getMonthNames, getW
 import React, { useState, useMemo, useCallback, useEffect, useId, useRef } from "react";
 import { useTranslation } from "../shared/i18n.mjs";
 import { Button, FloatingPanel, Input, zIndex } from "@multiplatform.one/forms";
-import { AnimatePresence, ScrollView, Text, XStack, YStack, isWeb, styled } from "tamagui";
+import { AnimatePresence, Text, XStack, YStack, isWeb, styled } from "tamagui";
+import { ScrollView } from "../ScrollView/index.mjs";
 import { useDirection } from "../hooks/useDirection.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const hairlineEnd = isWeb ? {
@@ -26,8 +27,9 @@ function gridCellEdges(end, bottom) {
     } : null)
   };
 }
-function eventChipTextColor(bg) {
-  if (!bg || !bg.startsWith("#")) return "$accentColor";
+function eventChipTextColor(bg, onAccent) {
+  if (!bg) return onAccent ?? "$accentColor";
+  if (!bg.startsWith("#")) return "$accentColor";
   const hex = bg.slice(1);
   const full = hex.length === 3 ? hex.split("").map(c => c + c).join("") : hex.slice(0, 6);
   const [r, g, b] = [0, 2, 4].map(i => {
@@ -328,6 +330,7 @@ function SettleGhost({
   borderRadius,
   onDone
 }) {
+  const onAccent = useReadableTextOn("$accentBackground");
   const [moved, setMoved] = useState(false);
   useEffect(() => {
     let raf2 = 0;
@@ -365,7 +368,7 @@ function SettleGhost({
     children: /* @__PURE__ */jsx(Text, {
       fontSize: "$2",
       numberOfLines: 1,
-      color: eventChipTextColor(settle.color),
+      color: eventChipTextColor(settle.color, onAccent),
       children: settle.title
     })
   });
@@ -1093,11 +1096,11 @@ function Calendar({
         ...knobProps.body,
         fontSize: compact ? "$1" : "$2",
         numberOfLines: compact ? 1 : 2,
-        color: eventChipTextColor(event.color),
+        color: eventChipTextColor(event.color, onAccent),
         children: event.title
       })
     }, event.id);
-  }, [renderEvent, onEventClick, knobProps.borderRadius, dragEnabled, webDragEnabled, nativeDragEnabled, getEventDragProps, eventA11yProps, draggingEventId]);
+  }, [renderEvent, onEventClick, knobProps.borderRadius, dragEnabled, webDragEnabled, nativeDragEnabled, getEventDragProps, eventA11yProps, draggingEventId, onAccent]);
   const MONTH_VISIBLE_EVENTS = 3;
   const renderMonthView = () => {
     const monthDays = getMonthDays(currentDate, firstDayOfWeek);
@@ -1321,12 +1324,12 @@ function Calendar({
             fontSize: "$1",
             fontWeight: "600",
             numberOfLines: 1,
-            color: eventChipTextColor(event.color),
+            color: eventChipTextColor(event.color, onAccent),
             children: event.title
           }), blockHeight >= 34 && /* @__PURE__ */jsx(Text, {
             fontSize: "$1",
             numberOfLines: 1,
-            color: eventChipTextColor(event.color),
+            color: eventChipTextColor(event.color, onAccent),
             children: formatTimeRangeLabel(start, end)
           })]
         })
@@ -1794,7 +1797,7 @@ function Calendar({
       children: /* @__PURE__ */jsx(Text, {
         fontSize: "$2",
         numberOfLines: 1,
-        color: eventChipTextColor(dragGhost.event.color),
+        color: eventChipTextColor(dragGhost.event.color, onAccent),
         children: dragGhost.event.title
       })
     }), settle && isWeb && /* @__PURE__ */jsx(SettleGhost, {