@aglyn/shared-ui-jsx 1.0.0-beta.143

package/src/lib/components/mui-shadow-dom.js

@@ -0,0 +1,161 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { createLayeredEmotionCache } from "@aglyn/shared-ui-theme";
+import { Portal } from "@mui/material";
+import { kebabCase } from "change-case";
+import { createContext, forwardRef, useContext, useEffect, useRef, useState } from "react";
+import { useMergeRefs } from "../hooks/use-merge-refs.js";
+import EmotionCacheProvider from "./emotion-cache-provider.js";
+const tags = new Map();
+const cacheMap = new WeakMap();
+const ShadowDomContext = /*#__PURE__*/ createContext(null);
+export function useMuiShadowDomContext() {
+    return useContext(ShadowDomContext);
+}
+function handleError({ error, styleSheets, container }) {
+    switch(error.name){
+        case 'NotSupportedError':
+            styleSheets.length > 0 && (container.adoptedStyleSheets = styleSheets);
+            break;
+        default:
+            throw error;
+    }
+}
+export function withMuiShadowRoot(Tag, options) {
+    const { render } = options;
+    const ShadowRoot = /*#__PURE__*/ forwardRef((props, ref)=>{
+        const { mode = 'open', delegatesFocus, styleSheets = [], ssr, children } = props, rest = _object_without_properties_loose(props, [
+            "mode",
+            "delegatesFocus",
+            "styleSheets",
+            "ssr",
+            "children"
+        ]);
+        const local = useRef(null);
+        const [container, setContainer] = useState(null);
+        const key = `node_${mode}${delegatesFocus}`;
+        useEffect(()=>{
+            const node = local.current;
+            if (!node) return void 0;
+            try {
+                let shadowRoot = null;
+                if (ssr) shadowRoot = node.shadowRoot;
+                else {
+                    shadowRoot = local.current.attachShadow({
+                        mode,
+                        delegatesFocus
+                    });
+                    shadowRoot.adoptedStyleSheets = styleSheets;
+                }
+                setContainer(shadowRoot);
+            } catch (error) {
+                handleError({
+                    error,
+                    styleSheets,
+                    container
+                });
+            }
+        }, [
+            styleSheets,
+            ssr,
+            mode,
+            delegatesFocus,
+            container
+        ]);
+        return /*#__PURE__*/ _jsx(Tag, _extends({
+            ref: useMergeRefs(ref, local)
+        }, rest, {
+            children: (container || ssr) && /*#__PURE__*/ _jsx(ShadowDomContext.Provider, {
+                value: container,
+                children: ssr ? /*#__PURE__*/ _jsx("template", _extends({}, {
+                    shadowroot: 'open'
+                }, {
+                    children: render({
+                        container,
+                        ssr,
+                        children
+                    })
+                })) : /*#__PURE__*/ _jsx(Portal, {
+                    container: ()=>container,
+                    children: render({
+                        container,
+                        ssr,
+                        children
+                    })
+                })
+            })
+        }), key);
+    });
+    ShadowRoot.displayName = 'ShadowRoot';
+    return ShadowRoot;
+}
+export function createMuiShadowDomProxy(target = {}, key = 'core', render = ({ children })=>children) {
+    return new Proxy(target, {
+        get: function get(_, name) {
+            const tag = kebabCase(String(name));
+            const id = `${key}-${tag}`;
+            if (!tags.has(id)) {
+                tags.set(id, withMuiShadowRoot(tag, {
+                    render
+                }));
+            }
+            return tags.get(id);
+        }
+    });
+}
+export const MuiShadowDomRenderer = (props)=>{
+    // AGL-1316: the `ssr` branch (renderToString + emotion style extraction) was
+    // removed — it was dormant (no consumer passes `ssr`) and its static
+    // `react-dom/server` import shipped the full server renderer in the shared
+    // client chunk. Reintroduce via `await import('react-dom/server')` if ever needed.
+    const { container, children } = props;
+    const cache = !cacheMap.has(container) ? (()=>{
+        if (cacheMap.has(container)) return cacheMap.get(container);
+        // AGL-2486: LAYERED, exactly as the published document is. The
+        // canvas renders site content through this cache; the tenant renders
+        // the same content through `AppRouterCacheProvider`, whose
+        // `enableCssLayer` wraps every rule in `@layer mui`. When this cache
+        // was plain (measured: 183 unlayered `.msd-*` rules in the canvas
+        // shadow root, against the tenant's 72 layer blocks and zero
+        // unlayered `.mui-*`), any CSS that does NOT pass through emotion — a
+        // Custom HTML `css` block, a realm plugin's stylesheet — beat every
+        // component and `sx` rule on the published page regardless of
+        // specificity, while merely competing on specificity here. That is
+        // "what you see is not what you publish". See
+        // `createLayeredEmotionCache` for the measurements and for why the
+        // editor is the side that had to move.
+        const cache = createLayeredEmotionCache({
+            container,
+            key: 'msd',
+            prepend: true
+        });
+        cacheMap.set(container, cache);
+        return cache;
+    })() : cacheMap.get(container);
+    return /*#__PURE__*/ _jsx(EmotionCacheProvider, {
+        emotionCache: cache,
+        children: /*#__PURE__*/ _jsx(_Fragment, {
+            children: children
+        })
+    });
+};
+export const MuiShadowDom = createMuiShadowDomProxy({}, 'mui', MuiShadowDomRenderer);
+export default MuiShadowDom;
+
+//# sourceMappingURL=mui-shadow-dom.js.map

package/src/lib/components/mui-shadow-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/mui-shadow-dom.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createLayeredEmotionCache } from '@aglyn/shared-ui-theme'\nimport { Portal } from '@mui/material'\nimport { kebabCase } from 'change-case'\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { useMergeRefs } from '../hooks/use-merge-refs'\nimport EmotionCacheProvider from './emotion-cache-provider'\n\nexport type MuiShadowRendererProps = {\n  container?: Node\n  ssr?: boolean\n  children?: JSX.Children\n}\nexport type MuiShadowRenderer = (props: MuiShadowRendererProps) => JSX.Node\nexport type CreateShadowRootOptions = {\n  render: MuiShadowRenderer\n}\n\nexport interface MuiShadowRootProps {\n  mode?: 'open' | 'closed'\n  delegatesFocus?: boolean\n  styleSheets?: globalThis.CSSStyleSheet[]\n  ssr?: boolean\n  children?: JSX.Children\n}\n\nconst tags = new Map()\nconst cacheMap = new WeakMap()\nconst ShadowDomContext = createContext<Node>(null)\n\nexport function useMuiShadowDomContext() {\n  return useContext(ShadowDomContext)\n}\n\nfunction handleError({ error, styleSheets, container }: { error: any; styleSheets: CSSStyleSheet[]; container: any }) {\n  switch (error.name) {\n    case 'NotSupportedError':\n      styleSheets.length > 0 && (container.adoptedStyleSheets = styleSheets)\n      break\n    default:\n      throw error\n  }\n}\n\nexport function withMuiShadowRoot(\n  Tag: any | keyof JSX.IntrinsicElements,\n  options: CreateShadowRootOptions,\n) {\n  const { render } = options\n\n  const ShadowRoot = forwardRef<Element, MuiShadowRootProps>((props, ref) => {\n    const {\n      mode = 'open',\n      delegatesFocus,\n      styleSheets = [],\n      ssr,\n      children,\n      ...rest\n    } = props\n    const local = useRef<Element | null>(null)\n    const [container, setContainer] = useState<ShadowRoot | null>(null)\n    const key = `node_${mode}${delegatesFocus}`\n\n    useEffect(() => {\n      const node = local.current\n      if (!node) return void 0\n      try {\n        let shadowRoot: ShadowRoot = null\n\n        if (ssr) shadowRoot = node.shadowRoot\n        else {\n          shadowRoot = local.current.attachShadow({ mode, delegatesFocus })\n          shadowRoot.adoptedStyleSheets = styleSheets\n        }\n\n        setContainer(shadowRoot)\n      } catch (error) {\n        handleError({ error, styleSheets, container })\n      }\n    }, [styleSheets, ssr, mode, delegatesFocus, container])\n\n    return (\n      <Tag key={key} ref={useMergeRefs(ref, local)} {...rest}>\n        {(container || ssr) && (\n          <ShadowDomContext.Provider value={container}>\n            {ssr ? (\n              <template {...({ shadowroot: 'open' } as any)}>\n                {render({\n                  container,\n                  ssr,\n                  children,\n                })}\n              </template>\n            ) : (\n              <Portal container={() => container as unknown as Element}>\n                {render({\n                  container,\n                  ssr,\n                  children,\n                })}\n              </Portal>\n            )}\n          </ShadowDomContext.Provider>\n        )}\n      </Tag>\n    )\n  })\n  ShadowRoot.displayName = 'ShadowRoot'\n\n  return ShadowRoot\n}\n\nexport function createMuiShadowDomProxy(\n  target: Partial<JSX.IntrinsicElementMap> = {},\n  key = 'core',\n  render: MuiShadowRenderer = ({ children }) => children,\n) {\n  return new Proxy(target, {\n    get: function get(_, name) {\n      const tag = kebabCase(String(name))\n      const id = `${key}-${tag}`\n\n      if (!tags.has(id)) {\n        tags.set(id, withMuiShadowRoot(tag, { render }))\n      }\n      return tags.get(id)\n    },\n  })\n}\n\nexport const MuiShadowDomRenderer = (props: MuiShadowRendererProps) => {\n  // AGL-1316: the `ssr` branch (renderToString + emotion style extraction) was\n  // removed — it was dormant (no consumer passes `ssr`) and its static\n  // `react-dom/server` import shipped the full server renderer in the shared\n  // client chunk. Reintroduce via `await import('react-dom/server')` if ever needed.\n  const { container, children } = props\n  const cache = !cacheMap.has(container)\n    ? (() => {\n        if (cacheMap.has(container)) return cacheMap.get(container)\n        // AGL-2486: LAYERED, exactly as the published document is. The\n        // canvas renders site content through this cache; the tenant renders\n        // the same content through `AppRouterCacheProvider`, whose\n        // `enableCssLayer` wraps every rule in `@layer mui`. When this cache\n        // was plain (measured: 183 unlayered `.msd-*` rules in the canvas\n        // shadow root, against the tenant's 72 layer blocks and zero\n        // unlayered `.mui-*`), any CSS that does NOT pass through emotion — a\n        // Custom HTML `css` block, a realm plugin's stylesheet — beat every\n        // component and `sx` rule on the published page regardless of\n        // specificity, while merely competing on specificity here. That is\n        // \"what you see is not what you publish\". See\n        // `createLayeredEmotionCache` for the measurements and for why the\n        // editor is the side that had to move.\n        const cache = createLayeredEmotionCache({\n          container,\n          key: 'msd',\n          prepend: true,\n        })\n        cacheMap.set(container, cache)\n        return cache\n      })()\n    : cacheMap.get(container)\n\n  return (\n    <EmotionCacheProvider emotionCache={cache}>\n      <>{children}</>\n    </EmotionCacheProvider>\n  )\n}\n\nexport const MuiShadowDom = createMuiShadowDomProxy(\n  {},\n  'mui',\n  MuiShadowDomRenderer,\n)\n\nexport default MuiShadowDom\n"],"names":["createLayeredEmotionCache","Portal","kebabCase","createContext","forwardRef","useContext","useEffect","useRef","useState","useMergeRefs","EmotionCacheProvider","tags","Map","cacheMap","WeakMap","ShadowDomContext","useMuiShadowDomContext","handleError","error","styleSheets","container","name","length","adoptedStyleSheets","withMuiShadowRoot","Tag","options","render","ShadowRoot","props","ref","mode","delegatesFocus","ssr","children","rest","local","setContainer","key","node","current","shadowRoot","attachShadow","Provider","value","template","shadowroot","displayName","createMuiShadowDomProxy","target","Proxy","get","_","tag","String","id","has","set","MuiShadowDomRenderer","cache","prepend","emotionCache","MuiShadowDom"],"mappings":"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"}

package/src/lib/components/navigation-drawer.component.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type AppBarProps, type BoxProps, type DrawerProps, type StackProps, type ToolbarProps } from '@mui/material';
+import { type Ref } from 'react';
+export interface NavigationDrawerProps extends Partial<DrawerProps> {
+    appBarLeft?: JSX.Node;
+    appBarRight?: JSX.Node;
+    contentRef?: Ref<any>;
+    AppBarProps?: Partial<AppBarProps>;
+    ToolbarProps?: Partial<ToolbarProps>;
+    ContentProps?: BoxProps;
+    AppBarLeftProps?: StackProps;
+    AppBarRightProps?: StackProps;
+    childrenAfterToolbar?: JSX.Node;
+}
+export declare const NavigationDrawerComponent: import("react").ForwardRefExoticComponent<Omit<NavigationDrawerProps, "ref"> & import("react").RefAttributes<any>>;
+export default NavigationDrawerComponent;

package/src/lib/components/navigation-drawer.component.js

@@ -0,0 +1,76 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import NavigationView from "./navigation-view/navigation-view.js";
+import { generateComponentClassKeys, mergeSxProps } from "@aglyn/shared-ui-theme";
+import { Drawer } from "@mui/material";
+import clsx from "clsx";
+import { forwardRef } from "react";
+const classKeys = generateComponentClassKeys('AglynNavigationDrawer', [
+    'root',
+    'appBar',
+    'toolbar',
+    'appBarLeft',
+    'appBarRight',
+    'content'
+]);
+export const NavigationDrawerComponent = /*#__PURE__*/ forwardRef(function RefRenderFn(props, forwardRef) {
+    const { sx, children, className, contentRef, appBarLeft, appBarRight, AppBarProps, ToolbarProps, ContentProps, AppBarLeftProps, AppBarRightProps, childrenAfterToolbar } = props, rest = _object_without_properties_loose(props, [
+        "sx",
+        "children",
+        "className",
+        "contentRef",
+        "appBarLeft",
+        "appBarRight",
+        "AppBarProps",
+        "ToolbarProps",
+        "ContentProps",
+        "AppBarLeftProps",
+        "AppBarRightProps",
+        "childrenAfterToolbar"
+    ]);
+    return /*#__PURE__*/ _jsx(Drawer, _extends({
+        ref: forwardRef,
+        className: clsx(classKeys.root, className),
+        sx: mergeSxProps(_extends({}, props.variant !== 'temporary' && {
+            width: (theme)=>`${theme.breakpoints.values.sm}px`,
+            flexShrink: 0,
+            maxWidth: '100%'
+        }, {
+            '& .MuiDrawer-paper': {
+                width: (theme)=>`${theme.breakpoints.values.sm}px`,
+                maxWidth: '100%'
+            }
+        }), sx)
+    }, rest, {
+        children: /*#__PURE__*/ _jsx(NavigationView, {
+            AppBarProps: AppBarProps,
+            appBarLeft: appBarLeft,
+            appBarRight: appBarRight,
+            AppBarLeftProps: AppBarLeftProps,
+            AppBarRightProps: AppBarRightProps,
+            childrenAfterToolbar: childrenAfterToolbar,
+            children: children
+        })
+    }));
+});
+NavigationDrawerComponent.displayName = 'NavigationDrawerComponent';
+NavigationDrawerComponent.aglyn = true;
+export default NavigationDrawerComponent;
+
+//# sourceMappingURL=navigation-drawer.component.js.map

package/src/lib/components/navigation-drawer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/navigation-drawer.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport NavigationView from './navigation-view/navigation-view'\nimport {\n  generateComponentClassKeys,\n  mergeSxProps,\n} from '@aglyn/shared-ui-theme'\n\nimport {\n  type AppBarProps,\n  type BoxProps,\n  Drawer,\n  type DrawerProps,\n  type StackProps,\n  type ToolbarProps,\n} from '@mui/material'\nimport clsx from 'clsx'\nimport { forwardRef, type Ref } from 'react'\n\nconst classKeys = generateComponentClassKeys('AglynNavigationDrawer', [\n  'root',\n  'appBar',\n  'toolbar',\n  'appBarLeft',\n  'appBarRight',\n  'content',\n])\n\n/* eslint-disable-next-line */\nexport interface NavigationDrawerProps extends Partial<DrawerProps> {\n  appBarLeft?: JSX.Node\n  appBarRight?: JSX.Node\n  contentRef?: Ref<any>\n  AppBarProps?: Partial<AppBarProps>\n  ToolbarProps?: Partial<ToolbarProps>\n  ContentProps?: BoxProps\n  AppBarLeftProps?: StackProps\n  AppBarRightProps?: StackProps\n  childrenAfterToolbar?: JSX.Node\n}\n\nexport const NavigationDrawerComponent = forwardRef<any, NavigationDrawerProps>(\n  function RefRenderFn(props, forwardRef) {\n    const {\n      sx,\n      children,\n      className,\n      contentRef,\n      appBarLeft,\n      appBarRight,\n      AppBarProps,\n      ToolbarProps,\n      ContentProps,\n      AppBarLeftProps,\n      AppBarRightProps,\n      childrenAfterToolbar,\n      ...rest\n    } = props\n\n    return (\n      <Drawer\n        ref={forwardRef}\n        className={clsx(classKeys.root, className)}\n        sx={mergeSxProps(\n          {\n            // Root width reserves layout space for DOCKED drawers only.\n            // For `temporary`, the root IS the fixed modal container, and\n            // sizing it breaks MUI's container-relative Slide math (the\n            // close animation ran toward the wrong edge): the paper alone\n            // carries the width there.\n            ...(props.variant !== 'temporary' && {\n              width: (theme) => `${theme.breakpoints.values.sm}px`,\n              flexShrink: 0,\n              maxWidth: '100%',\n            }),\n            '& .MuiDrawer-paper': {\n              width: (theme) => `${theme.breakpoints.values.sm}px`,\n              maxWidth: '100%',\n            },\n          },\n          sx,\n        )}\n        {...rest}\n      >\n        <NavigationView\n          AppBarProps={AppBarProps}\n          appBarLeft={appBarLeft}\n          appBarRight={appBarRight}\n          AppBarLeftProps={AppBarLeftProps}\n          AppBarRightProps={AppBarRightProps}\n          childrenAfterToolbar={childrenAfterToolbar}\n        >\n          {children}\n        </NavigationView>\n      </Drawer>\n    )\n  },\n)\n\nNavigationDrawerComponent.displayName = 'NavigationDrawerComponent'\nNavigationDrawerComponent.aglyn = true\n\nexport default NavigationDrawerComponent\n"],"names":["NavigationView","generateComponentClassKeys","mergeSxProps","Drawer","clsx","forwardRef","classKeys","NavigationDrawerComponent","RefRenderFn","props","sx","children","className","contentRef","appBarLeft","appBarRight","AppBarProps","ToolbarProps","ContentProps","AppBarLeftProps","AppBarRightProps","childrenAfterToolbar","rest","ref","root","variant","width","theme","breakpoints","values","sm","flexShrink","maxWidth","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,OAAOA,oBAAoB,uCAAmC;AAC9D,SACEC,0BAA0B,EAC1BC,YAAY,QACP,yBAAwB;AAE/B,SAGEC,MAAM,QAID,gBAAe;AACtB,OAAOC,UAAU,OAAM;AACvB,SAASC,UAAU,QAAkB,QAAO;AAE5C,MAAMC,YAAYL,2BAA2B,yBAAyB;IACpE;IACA;IACA;IACA;IACA;IACA;CACD;AAeD,OAAO,MAAMM,0CAA4BF,WACvC,SAASG,YAAYC,KAAK,EAAEJ,UAAU;IACpC,MAAM,EACJK,EAAE,EACFC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,gBAAgB,EAChBC,oBAAoB,EAErB,GAAGZ,OADCa,wCACDb;;;;;;;;;;;;;;IAEJ,qBACE,KAACN;QACCoB,KAAKlB;QACLO,WAAWR,KAAKE,UAAUkB,IAAI,EAAEZ;QAChCF,IAAIR,aACF,aAMMO,MAAMgB,OAAO,KAAK,eAAe;YACnCC,OAAO,CAACC,QAAU,GAAGA,MAAMC,WAAW,CAACC,MAAM,CAACC,EAAE,CAAC,EAAE,CAAC;YACpDC,YAAY;YACZC,UAAU;QACZ;YACA,sBAAsB;gBACpBN,OAAO,CAACC,QAAU,GAAGA,MAAMC,WAAW,CAACC,MAAM,CAACC,EAAE,CAAC,EAAE,CAAC;gBACpDE,UAAU;YACZ;YAEFtB;OAEEY;kBAEJ,cAAA,KAACtB;YACCgB,aAAaA;YACbF,YAAYA;YACZC,aAAaA;YACbI,iBAAiBA;YACjBC,kBAAkBA;YAClBC,sBAAsBA;sBAErBV;;;AAIT,GACD;AAEDJ,0BAA0B0B,WAAW,GAAG;AACxC1B,0BAA0B2B,KAAK,GAAG;AAElC,eAAe3B,0BAAyB"}

package/src/lib/components/navigation-intent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Runs `react` the first time the visitor reaches for a link, and never on a
+ * visit that reaches for none (AGL-2710).
+ *
+ * Work a navigation will need — a chunk to fetch, a plugin to register — has
+ * to start before the click or it lands in front of the very thing it was
+ * meant to cover. Starting it on a timer after first paint achieves that, and
+ * charges every page view for it: on a page billed per view, bytes fetched at
+ * idle cost exactly what bytes fetched eagerly cost, plus the round trip.
+ *
+ * Pointing at, touching or tabbing to a link is the earliest honest evidence
+ * that a navigation may happen, and it precedes the click by long enough to
+ * cover the work. One delegated listener rather than a handler per link, so
+ * anchors rendered by a plugin or a hand-built menu count too; the capture
+ * phase, so a link that stops propagation in its own handlers cannot suppress
+ * it. Returns the detach function a caller's effect should return.
+ */
+export declare function onFirstNavigationIntent(react: () => void): () => void;

package/src/lib/components/navigation-intent.js

@@ -0,0 +1,56 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+/** Events that precede a click on a link, in pointer, touch and keyboard order. */ const INTENT_EVENTS = [
+    'pointerover',
+    'touchstart',
+    'focusin'
+];
+/**
+ * Runs `react` the first time the visitor reaches for a link, and never on a
+ * visit that reaches for none (AGL-2710).
+ *
+ * Work a navigation will need — a chunk to fetch, a plugin to register — has
+ * to start before the click or it lands in front of the very thing it was
+ * meant to cover. Starting it on a timer after first paint achieves that, and
+ * charges every page view for it: on a page billed per view, bytes fetched at
+ * idle cost exactly what bytes fetched eagerly cost, plus the round trip.
+ *
+ * Pointing at, touching or tabbing to a link is the earliest honest evidence
+ * that a navigation may happen, and it precedes the click by long enough to
+ * cover the work. One delegated listener rather than a handler per link, so
+ * anchors rendered by a plugin or a hand-built menu count too; the capture
+ * phase, so a link that stops propagation in its own handlers cannot suppress
+ * it. Returns the detach function a caller's effect should return.
+ */ export function onFirstNavigationIntent(react) {
+    const target = globalThis.document;
+    if (!target) return ()=>undefined;
+    const onIntent = (event)=>{
+        const node = event.target;
+        // `closest` reaches the anchor from whatever inside it was pointed at —
+        // a label, an icon, a nested span.
+        if (!(node instanceof Element) || !node.closest('a[href]')) return;
+        detach();
+        react();
+    };
+    const detach = ()=>{
+        for (const name of INTENT_EVENTS)target.removeEventListener(name, onIntent, true);
+    };
+    for (const name of INTENT_EVENTS)target.addEventListener(name, onIntent, true);
+    return detach;
+}
+
+//# sourceMappingURL=navigation-intent.js.map

package/src/lib/components/navigation-intent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/navigation-intent.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\n/** Events that precede a click on a link, in pointer, touch and keyboard order. */\nconst INTENT_EVENTS = ['pointerover', 'touchstart', 'focusin'] as const\n\n/**\n * Runs `react` the first time the visitor reaches for a link, and never on a\n * visit that reaches for none (AGL-2710).\n *\n * Work a navigation will need — a chunk to fetch, a plugin to register — has\n * to start before the click or it lands in front of the very thing it was\n * meant to cover. Starting it on a timer after first paint achieves that, and\n * charges every page view for it: on a page billed per view, bytes fetched at\n * idle cost exactly what bytes fetched eagerly cost, plus the round trip.\n *\n * Pointing at, touching or tabbing to a link is the earliest honest evidence\n * that a navigation may happen, and it precedes the click by long enough to\n * cover the work. One delegated listener rather than a handler per link, so\n * anchors rendered by a plugin or a hand-built menu count too; the capture\n * phase, so a link that stops propagation in its own handlers cannot suppress\n * it. Returns the detach function a caller's effect should return.\n */\nexport function onFirstNavigationIntent(react: () => void): () => void {\n  const target = globalThis.document\n  if (!target) return () => undefined\n  const onIntent = (event: Event) => {\n    const node = event.target\n    // `closest` reaches the anchor from whatever inside it was pointed at —\n    // a label, an icon, a nested span.\n    if (!(node instanceof Element) || !node.closest('a[href]')) return\n    detach()\n    react()\n  }\n  const detach = () => {\n    for (const name of INTENT_EVENTS)\n      target.removeEventListener(name, onIntent, true)\n  }\n  for (const name of INTENT_EVENTS)\n    target.addEventListener(name, onIntent, true)\n  return detach\n}\n"],"names":["INTENT_EVENTS","onFirstNavigationIntent","react","target","globalThis","document","undefined","onIntent","event","node","Element","closest","detach","name","removeEventListener","addEventListener"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;AAEA,iFAAiF,GACjF,MAAMA,gBAAgB;IAAC;IAAe;IAAc;CAAU;AAE9D;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,SAASC,wBAAwBC,KAAiB;IACvD,MAAMC,SAASC,WAAWC,QAAQ;IAClC,IAAI,CAACF,QAAQ,OAAO,IAAMG;IAC1B,MAAMC,WAAW,CAACC;QAChB,MAAMC,OAAOD,MAAML,MAAM;QACzB,wEAAwE;QACxE,mCAAmC;QACnC,IAAI,CAAEM,CAAAA,gBAAgBC,OAAM,KAAM,CAACD,KAAKE,OAAO,CAAC,YAAY;QAC5DC;QACAV;IACF;IACA,MAAMU,SAAS;QACb,KAAK,MAAMC,QAAQb,cACjBG,OAAOW,mBAAmB,CAACD,MAAMN,UAAU;IAC/C;IACA,KAAK,MAAMM,QAAQb,cACjBG,OAAOY,gBAAgB,CAACF,MAAMN,UAAU;IAC1C,OAAOK;AACT"}

package/src/lib/components/navigation-view/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './navigation-view';
+export { default } from './navigation-view';

package/src/lib/components/navigation-view/index.js

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ export * from "./navigation-view.js";
+export { default } from "./navigation-view.js";
+
+//# sourceMappingURL=index.js.map

package/src/lib/components/navigation-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/components/navigation-view/index.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport * from './navigation-view'\nexport { default } from './navigation-view'\n"],"names":["default"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,cAAc,uBAAmB;AACjC,SAASA,OAAO,QAAQ,uBAAmB"}

package/src/lib/components/navigation-view/navigation-view.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type AppBarProps, type StackProps } from '@mui/material';
+export interface NavigationAppBarProps extends AppBarProps {
+    scrollView?: Node | Window;
+    disableHideOnScroll?: boolean;
+    disableElevateOnScroll?: boolean;
+}
+export declare const NavigationAppBar: import("react").ForwardRefExoticComponent<Omit<NavigationAppBarProps, "ref"> & import("react").RefAttributes<any>>;
+export interface NavigationViewProps extends StackProps {
+    appBarLeft?: JSX.Children;
+    appBarRight?: JSX.Children;
+    childrenAfterToolbar?: JSX.Children;
+    bottomAppBar?: JSX.Children;
+    AppBarProps?: Partial<NavigationAppBarProps>;
+    AppBarLeftProps?: Partial<StackProps>;
+    AppBarRightProps?: Partial<StackProps>;
+    ContentProps?: Partial<StackProps>;
+}
+export declare const NavigationView: import("react").ForwardRefExoticComponent<Omit<NavigationViewProps, "ref"> & import("react").RefAttributes<any>>;
+export default NavigationView;

package/src/lib/components/navigation-view/navigation-view.js

@@ -0,0 +1,175 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { generateComponentClassKeys } from "@aglyn/shared-ui-theme";
+import { mergeSxProps } from "@aglyn/shared-ui-theme";
+import { AppBar, Stack, styled, Toolbar } from "@mui/material";
+import { motion } from "framer-motion";
+import { forwardRef, useState } from "react";
+import ScrollReaction from "../scroll-reaction.js";
+const classKeys = generateComponentClassKeys('AglynNavigationDrawer', [
+    'root',
+    'appBar',
+    'toolbar',
+    'appBarLeft',
+    'appBarRight',
+    'content',
+    'bottomAppBar'
+]);
+const StyledAppBar = styled(AppBar)(({ theme })=>{
+    const tv = theme.vars || theme;
+    return {
+        borderBottomWidth: 1,
+        borderBottomStyle: 'solid',
+        borderBottomColor: tv.palette.divider,
+        zIndex: theme.zIndex.appBar,
+        transition: theme.transitions.create([
+            'background-image',
+            'box-shadow'
+        ], {
+            easing: theme.transitions.easing.sharp,
+            duration: theme.transitions.duration.standard
+        })
+    };
+});
+export const NavigationAppBar = /*#__PURE__*/ forwardRef((props, forwardRef)=>{
+    const { disableHideOnScroll, disableElevateOnScroll, scrollView, children } = props, rest = _object_without_properties_loose(props, [
+        "disableHideOnScroll",
+        "disableElevateOnScroll",
+        "scrollView",
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx(ScrollReaction, {
+        threshold: 50,
+        target: scrollView,
+        children: ({ activeWithoutHysteresis, activeWithHysteresis })=>/*#__PURE__*/ _jsx(StyledAppBar, _extends({
+                ref: forwardRef,
+                color: "default",
+                position: "relative",
+                variant: "elevation",
+                elevation: activeWithoutHysteresis && !disableElevateOnScroll ? 4 : 0,
+                enableColorOnDark: true,
+                component: disableHideOnScroll ? 'header' : motion.header,
+                animate: disableHideOnScroll ? undefined : {
+                    height: !activeWithHysteresis ? null : 0,
+                    overflow: 'hidden'
+                }
+            }, rest, {
+                children: children
+            }))
+    });
+});
+export const NavigationView = /*#__PURE__*/ forwardRef((props, forwardRef)=>{
+    const { sx, children, appBarLeft, appBarRight, childrenAfterToolbar, bottomAppBar, AppBarProps, AppBarLeftProps, AppBarRightProps, ContentProps } = props, rest = _object_without_properties_loose(props, [
+        "sx",
+        "children",
+        "appBarLeft",
+        "appBarRight",
+        "childrenAfterToolbar",
+        "bottomAppBar",
+        "AppBarProps",
+        "AppBarLeftProps",
+        "AppBarRightProps",
+        "ContentProps"
+    ]);
+    const [scrollView, setScrollView] = useState(null);
+    return /*#__PURE__*/ _jsxs(Stack, _extends({
+        ref: forwardRef,
+        direction: "column",
+        spacing: 0
+    }, rest, {
+        sx: mergeSxProps({
+            alignItems: 'stretch',
+            justifyContent: 'flex-start',
+            flexGrow: 1,
+            height: 1,
+            width: 1,
+            overflow: 'hidden'
+        }, sx),
+        children: [
+            /*#__PURE__*/ _jsxs(NavigationAppBar, _extends({
+                scrollView: scrollView,
+                className: classKeys.appBar
+            }, AppBarProps, {
+                children: [
+                    /*#__PURE__*/ _jsx(Toolbar, {
+                        className: classKeys.toolbar,
+                        children: /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 2,
+                            sx: {
+                                alignItems: 'center',
+                                justifyContent: 'space-between',
+                                width: 1
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Stack, _extends({
+                                    direction: "row",
+                                    className: classKeys.appBarLeft
+                                }, AppBarLeftProps, {
+                                    sx: mergeSxProps({
+                                        alignItems: 'center',
+                                        justifyContent: 'flex-start'
+                                    }, AppBarLeftProps == null ? void 0 : AppBarLeftProps.sx),
+                                    children: appBarLeft
+                                })),
+                                /*#__PURE__*/ _jsx(Stack, _extends({
+                                    direction: "row",
+                                    className: classKeys.appBarRight
+                                }, AppBarRightProps, {
+                                    sx: mergeSxProps({
+                                        alignItems: 'center',
+                                        justifyContent: 'flex-start'
+                                    }, AppBarRightProps == null ? void 0 : AppBarRightProps.sx),
+                                    children: appBarRight
+                                }))
+                            ]
+                        })
+                    }),
+                    childrenAfterToolbar
+                ]
+            })),
+            /*#__PURE__*/ _jsx(Stack, _extends({
+                ref: setScrollView,
+                component: "main",
+                direction: "column",
+                className: classKeys.content
+            }, ContentProps, {
+                sx: mergeSxProps({
+                    overflow: 'auto',
+                    flexGrow: 1,
+                    height: 1,
+                    width: 1,
+                    bgcolor: 'background.default',
+                    zIndex: 1
+                }, ContentProps == null ? void 0 : ContentProps.sx),
+                children: children
+            })),
+            /*#__PURE__*/ _jsx(Stack, {
+                component: "footer",
+                direction: "column",
+                className: classKeys.bottomAppBar,
+                children: bottomAppBar
+            })
+        ]
+    }));
+});
+NavigationView.displayName = 'NavigationView';
+export default NavigationView;
+
+//# sourceMappingURL=navigation-view.js.map