@aglyn/plugins-mui 1.0.0-beta.225 → 1.0.0-beta.227

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-mui",
-  "version": "1.0.0-beta.225",
+  "version": "1.0.0-beta.227",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,12 +25,12 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.225",
-    "@aglyn/shared-data-enums": "1.0.0-beta.225",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.225",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.225",
-    "@aglyn/shared-ui-theme": "1.0.0-beta.225",
-    "@aglyn/shared-util-vendor": "1.0.0-beta.225",
+    "@aglyn/aglyn": "1.0.0-beta.227",
+    "@aglyn/shared-data-enums": "1.0.0-beta.227",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.227",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.227",
+    "@aglyn/shared-ui-theme": "1.0.0-beta.227",
+    "@aglyn/shared-util-vendor": "1.0.0-beta.227",
     "@swc/helpers": "0.5.23",
     "mobx": "^7.0.5",
     "mobx-react-lite": "^5.1.0"

package/src/lib/components/app-bar.d.ts

@@ -16,6 +16,19 @@
  */
 import * as Aglyn from '@aglyn/aglyn';
 import { type AppBarProps } from '@mui/material/AppBar';
+export interface AglynAppBarProps extends AppBarProps {
+    /**
+     * Compacts the bar's Toolbar Content to the dense height once the page
+     * has scrolled, and back at the top. Meant for a pinned (sticky/fixed)
+     * bar, where the full height costs the reader a band of every screen.
+     */
+    shrinkOnScroll?: boolean;
+    /**
+     * Slides the bar up out of view while the visitor scrolls down, and back
+     * the moment they scroll up. Meant for a pinned (sticky/fixed) bar.
+     */
+    hideOnScroll?: boolean;
+}
 /**
  * MUI's AppBar behind the cleared-prop guard (AGL-1226).
  *
@@ -25,8 +38,8 @@ import { type AppBarProps } from '@mui/material/AppBar';
  * wrapper is the only place to intercept it, since the schema's props reach
  * MUI directly. `createElement` rather than JSX keeps this a `.ts` file.
  */
-declare const AppBar: import("react").ForwardRefExoticComponent<Omit<AppBarProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const AppBar: import("react").ForwardRefExoticComponent<Omit<AglynAppBarProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export declare const ID: Aglyn.ComponentId;
-export declare const schema: Aglyn.ComponentSchema<AppBarProps>;
+export declare const schema: Aglyn.ComponentSchema<AglynAppBarProps>;
 export declare const presets: Aglyn.PresetSchema[];
 export default AppBar;

package/src/lib/components/app-bar.js

@@ -1,4 +1,5 @@
 import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
 /**
  * @license
  * Copyright 2026 Aglyn LLC
@@ -16,6 +17,7 @@ import { _ as _extends } from "@swc/helpers/_/_extends";
  * limitations under the License.
  */ import * as Aglyn from "@aglyn/aglyn";
 import { mdiPageLayoutHeader } from "@aglyn/shared-data-mdi";
+import { ScrollReaction } from "@aglyn/shared-ui-jsx/components/scroll-reaction";
 import MuiAppBar from "@mui/material/AppBar";
 import { createElement, forwardRef } from "react";
 import { BUNDLE_ID } from "../constants/bundle-common.js";
@@ -24,6 +26,72 @@ import { FIELD_COLOR_ALT1, FIELD_POSITION } from "../constants/field-presets.js"
 import { dropClearedProps } from "../utils/drop-cleared-props.js";
 import { generatePresetId } from "../utils/generate-preset-id.js";
 import { ID as toolbarId } from "./toolbar.js";
+/** Scroll distance before a shrinking bar compacts. */ const SHRINK_THRESHOLD = 16;
+/** Scroll distance before a hiding bar may slide away — past its own height. */ const HIDE_THRESHOLD = 120;
+/**
+ * Both scroll states ride data attributes, not a re-styled sx, so the
+ * server render and every scroll position share one emotion class.
+ */ const scrollSx = (theme)=>({
+        transition: theme.transitions.create([
+            'transform',
+            'box-shadow'
+        ], {
+            duration: theme.transitions.duration.shorter
+        }),
+        '& .MuiToolbar-root': {
+            transition: theme.transitions.create('min-height', {
+                duration: theme.transitions.duration.shorter
+            })
+        },
+        '&[data-scrolled] .MuiToolbar-root': {
+            // MUI's dense toolbar height.
+            minHeight: theme.spacing(6)
+        },
+        '&[data-scroll-hidden]': {
+            transform: 'translateY(-100%)'
+        }
+    });
+function withScrollSx(sx) {
+    return [
+        scrollSx,
+        ...Array.isArray(sx) ? sx : [
+            sx
+        ]
+    ];
+}
+function renderAppBar(props, ref) {
+    return createElement(MuiAppBar, _extends({}, applySemanticElement(dropClearedProps(props)), {
+        ref
+    }));
+}
+/**
+ * Its own component so the scroll listeners exist only on a bar that asked
+ * to react — a hook behind a prop check would break the rules of hooks.
+ * `ScrollReaction` answers both questions: past the threshold (shrink),
+ * and scrolling down rather than up (hide), which is what MUI's scroll
+ * trigger means by hysteresis.
+ */ const ScrollAwareAppBar = forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { shrink, hide } = _ref1, props = _object_without_properties_loose(_ref1, [
+        "shrink",
+        "hide"
+    ]), [ref] = _rest;
+    return createElement(ScrollReaction, {
+        threshold: SHRINK_THRESHOLD,
+        withHysteresis: {
+            threshold: HIDE_THRESHOLD
+        },
+        children: ({ activeWithHysteresis, activeWithoutHysteresis })=>renderAppBar(_extends({}, props, {
+                sx: withScrollSx(props.sx)
+            }, {
+                'data-scrolled': shrink && activeWithoutHysteresis ? '' : undefined,
+                'data-scroll-hidden': hide && activeWithHysteresis ? '' : undefined
+            }), ref)
+    });
+});
+ScrollAwareAppBar.displayName = 'AglynScrollAwareAppBar';
 /**
  * MUI's AppBar behind the cleared-prop guard (AGL-1226).
  *
@@ -32,9 +100,20 @@ import { ID as toolbarId } from "./toolbar.js";
  * either one persists a null that throws during SSR and 500s the page. A
  * wrapper is the only place to intercept it, since the schema's props reach
  * MUI directly. `createElement` rather than JSX keeps this a `.ts` file.
- */ const AppBar = forwardRef((props, ref)=>createElement(MuiAppBar, _extends({}, applySemanticElement(dropClearedProps(props)), {
+ */ const AppBar = forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { shrinkOnScroll, hideOnScroll } = _ref1, props = _object_without_properties_loose(_ref1, [
+        "shrinkOnScroll",
+        "hideOnScroll"
+    ]), [ref] = _rest;
+    return shrinkOnScroll || hideOnScroll ? createElement(ScrollAwareAppBar, _extends({}, props, {
+        shrink: Boolean(shrinkOnScroll),
+        hide: Boolean(hideOnScroll),
         ref
-    })));
+    })) : renderAppBar(props, ref);
+});
 AppBar.displayName = 'AglynAppBar';
 // Component ids are persisted in screen documents; keep the legacy ids.
 export const ID = 'muiAppBar';
@@ -54,7 +133,19 @@ export const schema = {
         semanticElementAttribute('this bar'),
         semanticElementLabelAttribute(),
         FIELD_COLOR_ALT1,
-        FIELD_POSITION
+        FIELD_POSITION,
+        {
+            name: 'shrinkOnScroll',
+            description: 'Compacts the bar to the dense height once the page scrolls, and ' + 'restores it at the top. Pair with a Sticky or Fixed position.',
+            component: Aglyn.FieldComponentType.SWITCH,
+            label: 'Shrink when scrolled?'
+        },
+        {
+            name: 'hideOnScroll',
+            description: 'Slides the bar up out of view while the visitor scrolls down, and ' + 'back as soon as they scroll up. Pair with a Sticky or Fixed position.',
+            component: Aglyn.FieldComponentType.SWITCH,
+            label: 'Hide while scrolling down?'
+        }
     ]
 };
 export const presets = [

package/src/lib/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/mui/src/lib/components/app-bar.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiPageLayoutHeader } from '@aglyn/shared-data-mdi'\nimport MuiAppBar, { type AppBarProps } from '@mui/material/AppBar'\nimport { createElement, forwardRef } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n  applySemanticElement,\n  semanticElementAttribute,\n  semanticElementLabelAttribute,\n} from '../utils/element-picker'\nimport { FIELD_COLOR_ALT1, FIELD_POSITION } from '../constants/field-presets'\nimport { dropClearedProps } from '../utils/drop-cleared-props'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { ID as toolbarId } from './toolbar'\n\n/**\n * MUI's AppBar behind the cleared-prop guard (AGL-1226).\n *\n * It was exported raw, which left BOTH of its authorable attributes exposed:\n * `color` and `position` are each run through MUI's `capitalize`, so clearing\n * either one persists a null that throws during SSR and 500s the page. A\n * wrapper is the only place to intercept it, since the schema's props reach\n * MUI directly. `createElement` rather than JSX keeps this a `.ts` file.\n */\nconst AppBar = forwardRef<HTMLElement, AppBarProps>((props, ref) =>\n  createElement(MuiAppBar, {\n    // Unset leaves MUI's own default, which is `header` — the banner\n    // landmark every site's chrome depends on (AGL-2525). A resolver that\n    // answered `div` for \"unset\" would have stripped it the moment the\n    // picker appeared.\n    ...applySemanticElement(dropClearedProps(props) as Record<string, unknown>),\n    ref,\n  }),\n)\nAppBar.displayName = 'AglynAppBar'\n\n// Component ids are persisted in screen documents; keep the legacy ids.\nexport const ID: Aglyn.ComponentId = 'muiAppBar'\n\nexport const schema: Aglyn.ComponentSchema<AppBarProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'App Bar',\n  description:\n    'The bar across the top of the site — put a Toolbar Content inside it.',\n  category: Aglyn.ComponentCategory.NAVIGATION,\n  icon: {\n    path: mdiPageLayoutHeader.path,\n    sx: { color: '#2196f3' },\n  },\n  attributes: [\n    semanticElementAttribute('this bar'),\n    semanticElementLabelAttribute(),\n    FIELD_COLOR_ALT1,\n    FIELD_POSITION,\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'App Bar',\n    pluginId: BUNDLE_ID,\n    description: 'An app bar preset with the app bar and toolbar content nodes',\n    category: Aglyn.ComponentCategory.NAVIGATION,\n    icon: schema.icon,\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      nodes: [\n        {\n          $id: null,\n          componentId: toolbarId,\n          pluginId: BUNDLE_ID,\n          props: {},\n        },\n      ],\n    },\n  },\n]\n\nexport default AppBar\n"],"names":["Aglyn","mdiPageLayoutHeader","MuiAppBar","createElement","forwardRef","BUNDLE_ID","applySemanticElement","semanticElementAttribute","semanticElementLabelAttribute","FIELD_COLOR_ALT1","FIELD_POSITION","dropClearedProps","generatePresetId","ID","toolbarId","AppBar","props","ref","displayName","schema","$id","pluginId","description","category","ComponentCategory","NAVIGATION","icon","path","sx","color","attributes","presets","type","NodeType","PRESET","data","componentId","nodes"],"mappings":";AAAA;;;;;;;;;;;;;;;CAeC,GAED,YAAYA,WAAW,eAAc;AACrC,SAASC,mBAAmB,QAAQ,yBAAwB;AAC5D,OAAOC,eAAqC,uBAAsB;AAClE,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AACjD,SAASC,SAAS,QAAQ,gCAA4B;AACtD,SACEC,oBAAoB,EACpBC,wBAAwB,EACxBC,6BAA6B,QACxB,6BAAyB;AAChC,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,gCAA4B;AAC7E,SAASC,gBAAgB,QAAQ,iCAA6B;AAC9D,SAASC,gBAAgB,QAAQ,iCAA6B;AAC9D,SAASC,MAAMC,SAAS,QAAQ,eAAW;AAE3C;;;;;;;;CAQC,GACD,MAAMC,SAASX,WAAqC,CAACY,OAAOC,MAC1Dd,cAAcD,WAAW,aAKpBI,qBAAqBK,iBAAiBK;QACzCC;;AAGJF,OAAOG,WAAW,GAAG;AAErB,wEAAwE;AACxE,OAAO,MAAML,KAAwB,YAAW;AAEhD,OAAO,MAAMM,SAA6C;IACxDC,KAAKP;IACLQ,UAAUhB;IACVa,aAAa;IACbI,aACE;IACFC,UAAUvB,MAAMwB,iBAAiB,CAACC,UAAU;IAC5CC,MAAM;QACJC,MAAM1B,oBAAoB0B,IAAI;QAC9BC,IAAI;YAAEC,OAAO;QAAU;IACzB;IACAC,YAAY;QACVvB,yBAAyB;QACzBC;QACAC;QACAC;KACD;AACH,EAAC;AAED,OAAO,MAAMqB,UAAgC;IAC3C;QACEX,KAAKR,iBAAiBC;QACtBmB,MAAMhC,MAAMiC,QAAQ,CAACC,MAAM;QAC3BhB,aAAa;QACbG,UAAUhB;QACViB,aAAa;QACbC,UAAUvB,MAAMwB,iBAAiB,CAACC,UAAU;QAC5CC,MAAMP,OAAOO,IAAI;QACjBS,MAAM;YACJf,KAAK;YACLgB,aAAavB;YACbQ,UAAUhB;YACVgC,OAAO;gBACL;oBACEjB,KAAK;oBACLgB,aAAatB;oBACbO,UAAUhB;oBACVW,OAAO,CAAC;gBACV;aACD;QACH;IACF;CACD,CAAA;AAED,eAAeD,OAAM"}
+{"version":3,"sources":["../../../../../../../libs/plugins/mui/src/lib/components/app-bar.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiPageLayoutHeader } from '@aglyn/shared-data-mdi'\nimport { ScrollReaction } from '@aglyn/shared-ui-jsx/components/scroll-reaction'\nimport MuiAppBar, { type AppBarProps } from '@mui/material/AppBar'\nimport { type SxProps, type Theme } from '@mui/material/styles'\nimport { createElement, forwardRef, type Ref } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n  applySemanticElement,\n  semanticElementAttribute,\n  semanticElementLabelAttribute,\n} from '../utils/element-picker'\nimport { FIELD_COLOR_ALT1, FIELD_POSITION } from '../constants/field-presets'\nimport { dropClearedProps } from '../utils/drop-cleared-props'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { ID as toolbarId } from './toolbar'\n\nexport interface AglynAppBarProps extends AppBarProps {\n  /**\n   * Compacts the bar's Toolbar Content to the dense height once the page\n   * has scrolled, and back at the top. Meant for a pinned (sticky/fixed)\n   * bar, where the full height costs the reader a band of every screen.\n   */\n  shrinkOnScroll?: boolean\n  /**\n   * Slides the bar up out of view while the visitor scrolls down, and back\n   * the moment they scroll up. Meant for a pinned (sticky/fixed) bar.\n   */\n  hideOnScroll?: boolean\n}\n\n/** Scroll distance before a shrinking bar compacts. */\nconst SHRINK_THRESHOLD = 16\n/** Scroll distance before a hiding bar may slide away — past its own height. */\nconst HIDE_THRESHOLD = 120\n\n/**\n * Both scroll states ride data attributes, not a re-styled sx, so the\n * server render and every scroll position share one emotion class.\n */\nconst scrollSx: SxProps<Theme> = (theme) => ({\n  transition: theme.transitions.create(['transform', 'box-shadow'], {\n    duration: theme.transitions.duration.shorter,\n  }),\n  '& .MuiToolbar-root': {\n    transition: theme.transitions.create('min-height', {\n      duration: theme.transitions.duration.shorter,\n    }),\n  },\n  '&[data-scrolled] .MuiToolbar-root': {\n    // MUI's dense toolbar height.\n    minHeight: theme.spacing(6),\n  },\n  '&[data-scroll-hidden]': {\n    transform: 'translateY(-100%)',\n  },\n})\n\nfunction withScrollSx(sx: AppBarProps['sx']): AppBarProps['sx'] {\n  return [scrollSx, ...(Array.isArray(sx) ? sx : [sx])] as AppBarProps['sx']\n}\n\nfunction renderAppBar(props: AppBarProps, ref: Ref<HTMLElement>) {\n  return createElement(MuiAppBar, {\n    // Unset leaves MUI's own default, which is `header` — the banner\n    // landmark every site's chrome depends on (AGL-2525). A resolver that\n    // answered `div` for \"unset\" would have stripped it the moment the\n    // picker appeared.\n    ...applySemanticElement(dropClearedProps(props) as Record<string, unknown>),\n    ref,\n  })\n}\n\ninterface ScrollAwareAppBarProps extends AppBarProps {\n  shrink: boolean\n  hide: boolean\n}\n\n/**\n * Its own component so the scroll listeners exist only on a bar that asked\n * to react — a hook behind a prop check would break the rules of hooks.\n * `ScrollReaction` answers both questions: past the threshold (shrink),\n * and scrolling down rather than up (hide), which is what MUI's scroll\n * trigger means by hysteresis.\n */\nconst ScrollAwareAppBar = forwardRef<HTMLElement, ScrollAwareAppBarProps>(\n  ({ shrink, hide, ...props }, ref) =>\n    createElement(ScrollReaction, {\n      threshold: SHRINK_THRESHOLD,\n      withHysteresis: { threshold: HIDE_THRESHOLD },\n      children: ({ activeWithHysteresis, activeWithoutHysteresis }) =>\n        renderAppBar(\n          {\n            ...props,\n            sx: withScrollSx(props.sx),\n            ...({\n              'data-scrolled':\n                shrink && activeWithoutHysteresis ? '' : undefined,\n              'data-scroll-hidden':\n                hide && activeWithHysteresis ? '' : undefined,\n            } as AppBarProps),\n          },\n          ref,\n        ),\n    }),\n)\nScrollAwareAppBar.displayName = 'AglynScrollAwareAppBar'\n\n/**\n * MUI's AppBar behind the cleared-prop guard (AGL-1226).\n *\n * It was exported raw, which left BOTH of its authorable attributes exposed:\n * `color` and `position` are each run through MUI's `capitalize`, so clearing\n * either one persists a null that throws during SSR and 500s the page. A\n * wrapper is the only place to intercept it, since the schema's props reach\n * MUI directly. `createElement` rather than JSX keeps this a `.ts` file.\n */\nconst AppBar = forwardRef<HTMLElement, AglynAppBarProps>(\n  ({ shrinkOnScroll, hideOnScroll, ...props }, ref) =>\n    shrinkOnScroll || hideOnScroll\n      ? createElement(ScrollAwareAppBar, {\n          ...props,\n          shrink: Boolean(shrinkOnScroll),\n          hide: Boolean(hideOnScroll),\n          ref,\n        })\n      : renderAppBar(props, ref),\n)\nAppBar.displayName = 'AglynAppBar'\n\n// Component ids are persisted in screen documents; keep the legacy ids.\nexport const ID: Aglyn.ComponentId = 'muiAppBar'\n\nexport const schema: Aglyn.ComponentSchema<AglynAppBarProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'App Bar',\n  description:\n    'The bar across the top of the site — put a Toolbar Content inside it.',\n  category: Aglyn.ComponentCategory.NAVIGATION,\n  icon: {\n    path: mdiPageLayoutHeader.path,\n    sx: { color: '#2196f3' },\n  },\n  attributes: [\n    semanticElementAttribute('this bar'),\n    semanticElementLabelAttribute(),\n    FIELD_COLOR_ALT1,\n    FIELD_POSITION,\n    {\n      name: 'shrinkOnScroll',\n      description:\n        'Compacts the bar to the dense height once the page scrolls, and ' +\n        'restores it at the top. Pair with a Sticky or Fixed position.',\n      component: Aglyn.FieldComponentType.SWITCH,\n      label: 'Shrink when scrolled?',\n    },\n    {\n      name: 'hideOnScroll',\n      description:\n        'Slides the bar up out of view while the visitor scrolls down, and ' +\n        'back as soon as they scroll up. Pair with a Sticky or Fixed position.',\n      component: Aglyn.FieldComponentType.SWITCH,\n      label: 'Hide while scrolling down?',\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'App Bar',\n    pluginId: BUNDLE_ID,\n    description: 'An app bar preset with the app bar and toolbar content nodes',\n    category: Aglyn.ComponentCategory.NAVIGATION,\n    icon: schema.icon,\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      nodes: [\n        {\n          $id: null,\n          componentId: toolbarId,\n          pluginId: BUNDLE_ID,\n          props: {},\n        },\n      ],\n    },\n  },\n]\n\nexport default AppBar\n"],"names":["Aglyn","mdiPageLayoutHeader","ScrollReaction","MuiAppBar","createElement","forwardRef","BUNDLE_ID","applySemanticElement","semanticElementAttribute","semanticElementLabelAttribute","FIELD_COLOR_ALT1","FIELD_POSITION","dropClearedProps","generatePresetId","ID","toolbarId","SHRINK_THRESHOLD","HIDE_THRESHOLD","scrollSx","theme","transition","transitions","create","duration","shorter","minHeight","spacing","transform","withScrollSx","sx","Array","isArray","renderAppBar","props","ref","ScrollAwareAppBar","shrink","hide","threshold","withHysteresis","children","activeWithHysteresis","activeWithoutHysteresis","undefined","displayName","AppBar","shrinkOnScroll","hideOnScroll","Boolean","schema","$id","pluginId","description","category","ComponentCategory","NAVIGATION","icon","path","color","attributes","name","component","FieldComponentType","SWITCH","label","presets","type","NodeType","PRESET","data","componentId","nodes"],"mappings":"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"}