@astryxdesign/core 0.1.4-canary.fd7ab46 → 0.1.4-canary.ff77e1c

package/dist/MobileNav/MobileNav.d.ts

@@ -100,7 +100,7 @@ export interface MobileNavProps extends Omit<BaseProps, 'title'> {
  * </MobileNav>
  * ```
  */
-export declare function MobileNav({ isOpen: isOpenProp, onOpenChange: onOpenChangeProp, children, header, width, side, label, 'data-testid': testId, xstyle, className: _className, style: _style, ref, }: MobileNavProps): import("react").JSX.Element;
+export declare function MobileNav({ isOpen: isOpenProp, onOpenChange: onOpenChangeProp, children, header, width, side, label, 'data-testid': testId, xstyle, className, style, onClick: onClickProp, ref, ...rest }: MobileNavProps): import("react").JSX.Element;
 export declare namespace MobileNav {
     var displayName: string;
 }

package/dist/MobileNav/MobileNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNav.d.ts","sourceRoot":"","sources":["../../src/MobileNav/MobileNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0I5C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EACR,MAAM,EACN,KAAW,EACX,IAAa,EACb,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,MAAM,EACb,GAAG,GACJ,EAAE,cAAc,+BAwKhB;yBArLe,SAAS"}
+{"version":3,"file":"MobileNav.d.ts","sourceRoot":"","sources":["../../src/MobileNav/MobileNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0I5C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EACR,MAAM,EACN,KAAW,EACX,IAAa,EACb,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,cAAc,+BA2KhB;yBA1Le,SAAS"}

package/dist/MobileNav/MobileNav.js

@@ -33,7 +33,7 @@ import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
 import { Heading } from "../Heading/Heading.js";
 import { useAppShellMobile } from "../AppShell/AppShellMobileContext.js";
-import { mergeProps, mergeRefs } from "../utils/index.js";
+import { mergeProps, mergeRefs, composeEventHandlers } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
@@ -172,9 +172,11 @@ export function MobileNav({
   label,
   'data-testid': testId,
   xstyle,
-  className: _className,
-  style: _style,
-  ref
+  className,
+  style,
+  onClick: onClickProp,
+  ref,
+  ...rest
 }) {
   // Read from AppShell context as fallback
   const appShellMobile = useAppShellMobile();
@@ -268,13 +270,14 @@ export function MobileNav({
   const isStart = resolvedSide === 'start';
   return /*#__PURE__*/_jsxDEV("dialog", {
     ref: mergeRefs(ref, dialogRef),
+    ...mergeProps(themeProps('mobile-nav', {
+      side: resolvedSide
+    }), stylex.props(styles.dialog, isOpen && styles.open, styles.backdrop, isOpen && styles.backdropOpen, xstyle), className, style),
+    ...rest,
     "data-testid": testId,
     "aria-label": label ?? (typeof header === 'string' ? header : 'Navigation'),
-    onClick: handleDialogClick,
+    onClick: composeEventHandlers(onClickProp, handleDialogClick),
     onCancel: handleCancel,
-    ...mergeProps(themeProps('mobile-nav', {
-      side: resolvedSide
-    }), stylex.props(styles.dialog, isOpen && styles.open, styles.backdrop, isOpen && styles.backdropOpen, xstyle)),
     children: /*#__PURE__*/_jsxDEV("div", {
       tabIndex: -1,
       ...stylex.props(styles.drawer, dynamicStyles.width(width), isStart && styles.drawerStart, isStart && isOpen && styles.drawerStartOpen, !isStart && styles.drawerEnd, !isStart && isOpen && styles.drawerEndOpen),

package/dist/Toast/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/Toast/useToast.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAGV,WAAW,EAEZ,MAAM,SAAS,CAAC;AA8FjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,IAAI,WAAW,CAetC"}
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/Toast/useToast.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAGV,WAAW,EAEZ,MAAM,SAAS,CAAC;AAsIjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,IAAI,WAAW,CAetC"}

package/dist/Toast/useToast.js

@@ -4,6 +4,7 @@
 
 import { useCallback, use, useEffect, useRef } from 'react';
 import { createRoot } from 'react-dom/client';
+import { dataAttr } from "../naming.js";
 import { ToastContext } from "./ToastContext.js";
 import { ToastViewport } from "./ToastViewport.js";
 import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
@@ -11,6 +12,44 @@ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 let fallbackContext = null;
 let fallbackRoot = null;
 let fallbackWarned = false;
+const ROOT_THEME_ATTRS = ['data-theme', dataAttr('theme')];
+
+// The fallback container is a detached tree with no ThemeContext, so this
+// mirrors <html>'s theme attributes onto it directly (live via
+// MutationObserver) for the theme's @scope'd CSS to reach it. It's a
+// lifetime-of-app singleton that's never torn down, so there's nothing to
+// disconnect — this returns void.
+function syncRootThemeAttrs(container) {
+  const sync = () => {
+    let mirroredMode = null;
+    for (const attr of ROOT_THEME_ATTRS) {
+      const value = document.documentElement.getAttribute(attr);
+      if (value == null) {
+        container.removeAttribute(attr);
+      } else {
+        container.setAttribute(attr, value);
+        if (attr === 'data-theme') {
+          mirroredMode = value;
+        }
+      }
+    }
+    // Pages whose built theme CSS pins color-scheme unconditionally (#3658)
+    // would otherwise resolve light-dark() tokens by OS preference while the
+    // mirrored mode above follows the app theme; the inline style wins over
+    // that CSS.
+    if (mirroredMode === 'light' || mirroredMode === 'dark') {
+      container.style.colorScheme = mirroredMode;
+    } else {
+      container.style.removeProperty('color-scheme');
+    }
+  };
+  sync();
+  const observer = new MutationObserver(sync);
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: [...ROOT_THEME_ATTRS]
+  });
+}
 function getFallbackContext() {
   if (fallbackContext) {
     return fallbackContext;
@@ -25,6 +64,7 @@ function getFallbackContext() {
   const container = document.createElement('div');
   container.setAttribute('data-astryx-toast-fallback', '');
   document.body.appendChild(container);
+  syncRootThemeAttrs(container);
   let resolveCtx;
   const ctxReady = new Promise(r => {
     resolveCtx = r;