@multiplatform.one/components 7.28.1 → 7.29.1

package/dist/cjs/surfaces.native.js

@@ -32,6 +32,7 @@ __export(surfaces_exports, {
   DialogContent: () => DialogContent,
   DialogOverlay: () => DialogOverlay,
   DialogRegionContext: () => DialogRegionContext,
+  DialogShowFocus: () => DialogShowFocus,
   KnobCard: () => import_Card2.Card,
   KnobDialogContent: () => KnobDialogContent,
   KnobPanel: () => KnobPanel,
@@ -52,6 +53,15 @@ var import_tamagui = require("tamagui");
 var import_Card = require("./Card.native.js");
 var import_SheetModal = require("./SheetModal/index.native.js");
 var import_Card2 = require("./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,
@@ -73,6 +83,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
+  } = (0, import_tamagui.useDialogContext)();
+  (0, import_react.useEffect)(function () {
+    if (!open || !contentId || !import_tamagui.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__ */(0, import_react.createContext)({
   inDialogRegion: false
 });
@@ -107,6 +173,7 @@ var DialogContent = /* @__PURE__ */(0, import_react.forwardRef)(function DialogC
 var DialogContentInner = /* @__PURE__ */(0, import_react.forwardRef)(function DialogContentInner2(param, ref) {
   var {
     children,
+    onOpenAutoFocus,
     ...props
   } = param;
   var {
@@ -114,6 +181,8 @@ var DialogContentInner = /* @__PURE__ */(0, import_react.forwardRef)(function Di
   } = (0, import_theme.useResolvedKnobs)({
     component: "DialogContent"
   });
+  var openFocus = withHouseOpenFocus(onOpenAutoFocus);
+  useDialogShowFocus(openFocus);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Content, {
     ref,
     ...knobProps.elevatedSurface,
@@ -127,6 +196,7 @@ var DialogContentInner = /* @__PURE__ */(0, import_react.forwardRef)(function Di
     ...overlayFrameFocus,
     focusStyle: overlayFrameFocusStyle,
     focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: openFocus,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogRegionContext.Provider, {
       value: IN_DIALOG_REGION,
@@ -182,6 +252,7 @@ var AlertDialogContentInner = /* @__PURE__ */(0, import_react.forwardRef)(functi
   } = (0, import_theme.useResolvedKnobs)({
     component: "AlertDialogContent"
   });
+  useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
     ref,
     unstyled: true,
@@ -227,6 +298,7 @@ var AlertDialogOverlay = /* @__PURE__ */(0, import_react.forwardRef)(function Al
 var PopoverContent = /* @__PURE__ */(0, import_react.forwardRef)(function PopoverContent2(param, ref) {
   var {
     children,
+    onOpenAutoFocus,
     ...props
   } = param;
   var {
@@ -244,6 +316,7 @@ var PopoverContent = /* @__PURE__ */(0, import_react.forwardRef)(function Popove
     ...overlayFrameFocus,
     focusStyle: overlayFrameFocusStyle,
     focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
       density: knobProps.density,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","surfaces_exports","__export","AlertDialogContent","AlertDialogOverlay","Card","import_Card","CardFooter","CardHeader","DialogContent","DialogOverlay","DialogRegionContext","KnobCard","import_Card2","KnobDialogContent","KnobPanel","KnobPopoverContent","KnobSheetFrame","Panel","PopoverContent","SheetFrame","SheetModal","import_SheetModal","useDialogRegionContext","useIsInDialogRegion","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","NestedScale","param","density","children","jsx","Preset","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","createContext","inDialogRegion","useContext","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","forwardRef","DialogContent2","ref","props","Surface","size","DialogContentInner","DialogContentInner2","knobProps","useResolvedKnobs","component","Dialog","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","scrimFade","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","AlertDialog","unstyled","AlertDialogOverlay2","PopoverContent2","Popover"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAC,WAAA,CAAAD,IAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAD,WAAA,CAAAC,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAF,WAAA,CAAAE,UAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAC,YAAA,CAAAR,IAAA;EAAAS,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAC,iBAAA,CAAAD,UAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAA9B,YAAkD,CAAAK,gBAAA;AAElD,IAAA0B,kBAAsD,GAAAC,OAAA;AACtD,IAAAC,YAAA,GAAAD,OAUO;AACP,IAAAE,YAAA,GAA6CF,OAAA;AA+R7C,IAAAG,cAAA,GAAAH,OAA2B;AAiC3B,IAAAtB,WAAA,GAAAsB,OAAiC;AAtSxB,IAAAN,iBAAA,GAAAM,OAAA;AAFT,IAAAf,YAAS,GAAAe,OAAc,mBAAS;AAC9B,SAAII,WAAYA,CAAAC,KAAA,EAAW;EAC3B;IAAAC,OAAO;IAAAC;EAAA,IAAAF,KAAA;EACT,IAAAC,OAAA,uBAAAC,QAAA;EAOA,OAAM,gBAAoB,GAAAR,kBAAA,CAAAS,GAAA,EAAAP,YAAA,CAAAQ,MAAA;IACxBC,SAAA;MACAJ,OAAA;IACF;IAEAC;EACE;AAAc;AAEhB,IAAAI,iBAAA;EAiBOC,YAAM;EACXC,YAAA;AACF,CAAC;AAEM,IAAAC,sBAAS;EACdF,YAAO;EACTC,YAAA;AAEO;AACL,IAAA9B,mBAAO,kBAAyB,IAAAmB,YAAA,CAAAa,aAAA;EAClCC,cAAA;AAEA;AAIA,SAAMrB,sBAAqBA,CAAA;EAEpB,OAAM,IAAAO,YAAA,CAAgBe,UAAA,EAAAlC,mBAG3B;AACA;AAOF,SAACa,oBAAA;EAED,OAAMD,sBAAqB,GAAAqB,cAAA;AAIzB;AAMA,IAAAE,gBACE;EAAAF,cAAC;AAAO;AAAP,IAAAG,gBACC;EAAAC,OACI;EAAUC,CAAA,GACb;EAAaC,KACb,EAAG;AAAU;AACA,IAAAzC,aACL,sBAAAqB,YAAA,CAAAqB,UAAA,WAAAC,eAAAnB,KAAA,EAAAoB,GAAA;EAAA,IACT;IAAAlB,QAAA;IAAY,GAAAmB;EAAA,CAAU,GAAArB,KAAA;EAAA,OACtB,eAAY,IAAAN,kBAAA,CAAAS,GAAA,EAAAP,YAAA,CAAA0B,OAAA;IAAAC,IACZ;IAAWrB,QACP,qBAAAR,kBAAA,CAAAS,GAAA,EAAAqB,kBAAA;MACJJ,GAAA;MACA,GAAAC,KAAA;MACCnB;IAAG;EAIJ;AAAA,EACF;AAEJ,IAACsB,kBAAA,sBAAA3B,YAAA,CAAAqB,UAAA,WAAAO,oBAAAzB,KAAA,EAAAoB,GAAA;EAMD,IAAM;IAAAlB,QAAA;IAAY,GAAEmB;EAAA,IAAWrB,KAAA;EASxB,IAAM;IAAA0B;EAAA,QAAgB9B,YAAA,CAAA+B,gBAG3B;IACAC,SAAQ;EACR;EACE,OAAC,gBAAO,GAAAlC,kBAAA,CAAAS,GAAA,EAAAL,cAAA,CAAA+B,MAAA,CAAAC,OAAA;IAAPV,GAAA;IAAA,GACCM,SAAA,CAAAK,eAAA;IAAA,GACAL,SAAA,CAAAM,eAAgB;IAAA,GAChBN,SAAA,CAAAO,YAAsB;IAAA,GACtBP,SAAA,CAAAQ,GAAY;IAAAC,OACZ,OAAW;IAAAC,UACP,EAAAV,SAAA,CAAAU,UAAA;IAAAC,UAEH,EAAAvB,gBAAA;IAAAwB,SAAA,EAAAxB,gBAAA;IACH,GAAAR,iBAAA;IAEHiC,UAAA,EAAA9B,sBAAA;IAOM+B,iBAAM,EAAA/B,sBAAqB;IAIhC,GAAAY,KACE;IAMHnB,QAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAzB,mBAAA,CAAA+D,QAAA;MAEK1E,KAAA,EAAA8C,gBAAA;MAIJX,QAAQ,iBAAc,IAAAR,kBAAA,CAAAS,GAAA,EAAiBJ,WAAE,EAAW;QACpDE,OACE,EAAAyB,SAAA,CAAAzB,OAAA;QAACC;MAAA;IAAA;EACC;AACQ;AACM,IAAAwC,SACV;EAAU3B,OACV;AAAU;AACA,IAAAtC,aACL,sBAAAoB,YAAA,CAAAqB,UAAA,WAAAyB,eAAA3C,KAAA,EAAAoB,GAAA;EAAA,IACT;IAAAlB,QAAA;IAAY,GAAAmB;EAAA,CAAU,GAAArB,KAAA;EAAA,IACtB;IAAA0B;EAAY,QAAA9B,YAAA,CAAA+B,gBAAA;EAAA,OACZ,eAAW,IAAAjC,kBAAA,CAAAS,GAAA,EAAAL,cAAA,CAAA+B,MAAA,CAAAe,OAAA;IAAAxB,GACV;IAAGyB,eACQ;IAAAT,UACZ,EAAAV,SAAmB,CAAAU,UAAA;IAAAC,UACf,EAAAK,SAAA;IAAAJ,SAEJ,EAAAI,SAAA;IAEA,GAAArB,KAAA;IACFnB;EAEH;AAEM;AAIL,IAAAhC,kBAAkB,kBAAI,IAAA2B,YAAA,CAAAqB,UAAiB,WAAA4B,oBAAA9C,KAAA,EAAAoB,GAAA;EACvC;IAAAlB,QACE;IAAA,GAAAmB;EAAA,IAAArB,KAAA;EAAA,OAAC,mBAAAN,kBAAY,CAAAS,GAAA,EAAAP,YAAA,CAAA0B,OAAA;IAAZC,IAAA;IAAArB,QACC,qBAAAR,kBAAA,CAAAS,GAAA,EAAA4C,uBAAA;MACA3B,GAAA;MACA,GAAAC,KAAA;MACAnB;IAAY;EACD;AACP;AAEH,IAAA6C,uBAAA,sBAAAlD,YAAA,CAAAqB,UAAA,WAAA8B,yBAAAhD,KAAA,EAAAoB,GAAA;EACH;IAAAlB,QAAA;IAAA,GAAAmB;EAAA,IAAArB,KAAA;EAEH;IAAA0B;EAAA,QAAA9B,YAAA,CAAA+B,gBAAA;IAWMC,SAAM;EACX;EACE,sBAAkB,IAAAlC,kBAAI,CAAAS,GAAA,EAAAL,cAAmB,CAAAmD,WAAW,CAAAnB,OAAA;IACpDV,GAAA;IACE8B,QAAC;IAAQ,GAARxB,SAAA,CAAAK,eAAA;IAAA,GAAAL,SACC,CAAAM,eAAA;IAAA,GAAAN,SACI,CAAAO,YAAU;IAAA,GAAAP,SACV,CAAAQ,GAAA;IAAUC,OACd;IAAsBC,UACtB,EAAAV,SAAY,CAAAU,UAAA;IAAAC,UACZ,EAAAvB,gBAAW;IAAAwB,SACP,EAAAxB,gBAAA;IAAA,GAAAR,iBACQ;IAAAiC,UACZ,EAAA9B,sBAAmB;IAAA+B,iBACf,EAAA/B,sBAAA;IAAA,GAAAY,KAEJ;IAAmDnB,QAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAzB,mBAAA,CAAA+D,QAAA;MACrD1E,KAAA,EAAA8C,gBAAA;MAEJX,QAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAJ,WAAA;QACFE,OAAA,EAAAyB,SAAA,CAAAzB,OAAA;QASaC;MACX;IACE;EACA;AAAmB;AACjB,IAAA/B,kBACa,sBAAA0B,YAAA,CAAAqB,UAAA,WAAAiC,oBAAAnD,KAAA,EAAAoB,GAAA;EAAA,IACb;IAAAlB,QAAG;IAAA,GAAUmB;EAAA,IAAArB,KAAA;EAAA,IACb;IAAA0B;EAAA,KAAiB,GAAA9B,YAAA,CAAA+B,gBAAA;EAAA,OACd,eAAU,IAAAjC,kBAAA,CAAAS,GAAA,EAAAL,cAAA,CAAAmD,WAAA,CAAAL,OAAA;IAAAxB,GACb;IAAsByB,eACnB;IAAAT,UACH,EAAAV,SAAY,CAAAU,UAAA;IAAAC,UACZ,EAAAK,SAAmB;IAAAJ,SAChB,EAAAI,SAAA;IACL,GAAArB,KAAA;IACAnB;EAKF;AACF;AAcO,IAAAhB,cAAc,sBAAAW,YAAA,CAAAqB,UAAA,WAAAkC,gBAAApD,KAAA,EAAAoB,GAAA;EACnB;IAAAlB,QAAS;IAAM,GAAEmB;EAAA,IAAUrB,KAAG;EAC5B;IAAA0B;EAAQ,IAAU,IAAA9B,YAAI,CAAA+B,gBAAA;IACtBC,SAAM;EAAY;EAChB,OACG,eAAU,IAAAlC,kBAAA,CAAAS,GAAA,EAAAL,cAAA,CAAAuD,OAAA,CAAAvB,OAAA;IAAAV,GACb;IAAa,GACbM,SAAG,CAAAK,eAAU;IAAA,GACbL,SAAG,CAAAM,eAAU;IAAAI,UACV,EAAAV,SAAA,CAAAU,UAAA;IACLC,UAAA,EAAAvB,gBAAA;IACAwB,SACE,EAAAxB,gBAAA;IAIJ,GAAAR,iBAAA;IACFiC,UAAA,EAAA9B,sBAAA;IAWO+B,iBAAM,EAAA/B,sBAAoB;IAE1B,GAAMY,KAAA;IAENnB,QAAM,iBAAiB,IAAAR,kBAAA,CAAAS,GAAA,EAAAJ,WAAA;MAEjBE,OAAA,EAAAyB,SAAY,CAAAzB,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","surfaces_exports","__export","AlertDialogContent","AlertDialogOverlay","Card","import_Card","CardFooter","CardHeader","DialogContent","DialogOverlay","DialogRegionContext","DialogShowFocus","KnobCard","import_Card2","KnobDialogContent","KnobPanel","KnobPopoverContent","KnobSheetFrame","Panel","PopoverContent","SheetFrame","SheetModal","import_SheetModal","useDialogRegionContext","useIsInDialogRegion","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","_instanceof","left","right","Symbol","hasInstance","NestedScale","param","density","children","jsx","Preset","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","useDialogContext","useEffect","isWeb","document","content","getElementById","focused","activeElement","contains","addEventListener","once","dispatchEvent","CustomEvent","cancelable","createContext","inDialogRegion","useContext","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","forwardRef","DialogContent2","ref","props","Surface","size","DialogContentInner","DialogContentInner2","knobProps","useResolvedKnobs","component","openFocus","Dialog","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","scrimFade","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","AlertDialog","unstyled","AlertDialogOverlay2","PopoverContent2"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/views/Calendar.cjs

@@ -48,6 +48,7 @@ var import_react = __toESM(require("react"));
 var import_i18n = require("../shared/i18n.cjs");
 var import_forms = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
+var import_ScrollView = require("../ScrollView/index.cjs");
 var import_useDirection = require("../hooks/useDirection.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const hairlineEnd = import_tamagui.isWeb ? {
@@ -67,8 +68,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 => {
@@ -369,6 +371,7 @@ function SettleGhost({
   borderRadius,
   onDone
 }) {
+  const onAccent = (0, import_theme.useReadableTextOn)("$accentBackground");
   const [moved, setMoved] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     let raf2 = 0;
@@ -406,7 +409,7 @@ function SettleGhost({
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       fontSize: "$2",
       numberOfLines: 1,
-      color: eventChipTextColor(settle.color),
+      color: eventChipTextColor(settle.color, onAccent),
       children: settle.title
     })
   });
@@ -1134,11 +1137,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);
@@ -1182,7 +1185,7 @@ function Calendar({
             children: day
           })
         }, day))
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
         flex: 1,
         scrollEnabled: !scrollLocked,
         contentContainerStyle: {
@@ -1362,12 +1365,12 @@ function Calendar({
             fontSize: "$1",
             fontWeight: "600",
             numberOfLines: 1,
-            color: eventChipTextColor(event.color),
+            color: eventChipTextColor(event.color, onAccent),
             children: event.title
           }), blockHeight >= 34 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
             fontSize: "$1",
             numberOfLines: 1,
-            color: eventChipTextColor(event.color),
+            color: eventChipTextColor(event.color, onAccent),
             children: (0, import_calendarMath.formatTimeRangeLabel)(start, end)
           })]
         })
@@ -1527,7 +1530,7 @@ function Calendar({
             children: dayEvents.map(event => renderEventBadge(event, true))
           }, day.toISOString());
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
         ref: timeGridScrollRef,
         flex: 1,
         scrollEnabled: !scrollLocked,
@@ -1835,7 +1838,7 @@ function Calendar({
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: "$2",
         numberOfLines: 1,
-        color: eventChipTextColor(dragGhost.event.color),
+        color: eventChipTextColor(dragGhost.event.color, onAccent),
         children: dragGhost.event.title
       })
     }), settle && import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SettleGhost, {

package/dist/cjs/views/Calendar.native.js

@@ -51,6 +51,7 @@ var import_react = __toESM(require("react"));
 var import_i18n = require("../shared/i18n.native.js");
 var import_forms = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
+var import_ScrollView = require("../ScrollView/index.native.js");
 var import_useDirection = require("../hooks/useDirection.native.js");
 var hairlineEnd = import_tamagui.isWeb ? {
   borderInlineEndWidth: import_theme.hairlineWidth,
@@ -69,8 +70,9 @@ function gridCellEdges(end, bottom) {
     } : null)
   };
 }
-function eventChipTextColor(bg) {
-  if (!bg || !bg.startsWith("#")) return "$accentColor";
+function eventChipTextColor(bg, onAccent) {
+  if (!bg) return onAccent !== null && onAccent !== void 0 ? onAccent : "$accentColor";
+  if (!bg.startsWith("#")) return "$accentColor";
   var hex = bg.slice(1);
   var full = hex.length === 3 ? hex.split("").map(function (c) {
     return c + c;
@@ -428,6 +430,7 @@ function SettleGhost(param) {
     borderRadius,
     onDone
   } = param;
+  var onAccent = (0, import_theme.useReadableTextOn)("$accentBackground");
   var [moved, setMoved] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(function () {
     var raf2 = 0;
@@ -467,7 +470,7 @@ function SettleGhost(param) {
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       fontSize: "$2",
       numberOfLines: 1,
-      color: eventChipTextColor(settle.color),
+      color: eventChipTextColor(settle.color, onAccent),
       children: settle.title
     })
   });
@@ -1269,11 +1272,11 @@ function Calendar(param) {
         ...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]);
   var MONTH_VISIBLE_EVENTS = 3;
   var renderMonthView = function renderMonthView2() {
     var monthDays = getMonthDays(currentDate, firstDayOfWeek);
@@ -1320,7 +1323,7 @@ function Calendar(param) {
       5/6-week month fits without slicing the last row; scroll engages
       only below the per-row hard floor. */
       /* @__PURE__ */
-      (0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      (0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
         flex: 1,
         scrollEnabled: !scrollLocked,
         contentContainerStyle: {
@@ -1520,12 +1523,12 @@ function Calendar(param) {
             fontSize: "$1",
             fontWeight: "600",
             numberOfLines: 1,
-            color: eventChipTextColor(event.color),
+            color: eventChipTextColor(event.color, onAccent),
             children: event.title
           }), blockHeight >= 34 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
             fontSize: "$1",
             numberOfLines: 1,
-            color: eventChipTextColor(event.color),
+            color: eventChipTextColor(event.color, onAccent),
             children: (0, import_calendarMath.formatTimeRangeLabel)(start, end)
           })]
         })
@@ -1690,7 +1693,7 @@ function Calendar(param) {
           }, day.toISOString());
         })]
       }), /* Time grid body */
-      /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
         ref: timeGridScrollRef,
         flex: 1,
         scrollEnabled: !scrollLocked,
@@ -2028,7 +2031,7 @@ function Calendar(param) {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: "$2",
         numberOfLines: 1,
-        color: eventChipTextColor(dragGhost.event.color),
+        color: eventChipTextColor(dragGhost.event.color, onAccent),
         children: dragGhost.event.title
       })
     }), /* FLIP settle: drop/cancel tweens the ghost into its final slot (LC-25) */