@aglyn/plugins-mui 1.0.0-beta.143

package/src/lib/components/card.js

@@ -0,0 +1,336 @@
+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 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 * as Aglyn from "@aglyn/aglyn";
+import { mdiCardOutline, mdiCardText, mdiGestureTap } from "@aglyn/shared-data-mdi";
+import MuiCard from "@mui/material/Card";
+import MuiCardActions from "@mui/material/CardActions";
+import MuiCardContent from "@mui/material/CardContent";
+import MuiCardHeader from "@mui/material/CardHeader";
+import { forwardRef } from "react";
+import { applySemanticElement, semanticElementAttribute, semanticElementLabelAttribute } from "../utils/element-picker.js";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { dropClearedProps } from "../utils/drop-cleared-props.js";
+import { generatePresetId } from "../utils/generate-preset-id.js";
+import { toElevation } from "./paper.js";
+// Component ids are persisted in screen documents; never rename.
+export const CARD_ID = 'muiCard';
+export const CARD_HEADER_ID = 'muiCardHeader';
+export const CARD_CONTENT_ID = 'muiCardContent';
+export const CARD_ACTIONS_ID = 'muiCardActions';
+/**
+ * Card (https://mui.com/material-ui/react-card/) — a Paper with card
+ * padding conventions. Composed from separate Header/Content/Actions
+ * elements rather than a single element with a dozen text props, so the
+ * pieces are individually selectable, stylable and reorderable on the
+ * canvas like everything else.
+ */ const CardElement = /*#__PURE__*/ forwardRef((rawProps, ref)=>{
+    // See PaperElement: cleared props are dropped before anything reads
+    // them, so `rest` cannot carry a `null` into MUI (AGL-1451).
+    const props = dropClearedProps(rawProps);
+    const { variant, elevation, children } = props, rest = _object_without_properties_loose(props, [
+        "variant",
+        "elevation",
+        "children"
+    ]);
+    const outlined = variant === 'outlined';
+    return /*#__PURE__*/ _jsx(MuiCard, _extends({
+        ref: ref,
+        variant: outlined ? 'outlined' : 'elevation',
+        // Same trap as Paper: a string elevation indexes MUI's shadow
+        // array and yields a completely flat card.
+        elevation: outlined ? undefined : toElevation(elevation)
+    }, applySemanticElement(rest), {
+        children: children
+    }));
+});
+CardElement.displayName = 'AglynCard';
+/**
+ * Card header. `title`/`subheader` are plain strings: MUI wraps each in
+ * its own Typography, and passing children instead would drop the
+ * heading/subheading type scale a card header exists to provide.
+ */ export const CardHeaderElement = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { title, subheader } = props, rest = _object_without_properties_loose(props, [
+        "title",
+        "subheader"
+    ]);
+    // A header with neither string is invisible and unselectable on the
+    // canvas; a placeholder keeps the node reachable.
+    delete rest.children;
+    return /*#__PURE__*/ _jsx(MuiCardHeader, _extends({
+        ref: ref,
+        title: title || (subheader ? undefined : 'Card title'),
+        subheader: subheader || undefined
+    }, rest));
+});
+CardHeaderElement.displayName = 'AglynCardHeader';
+export const CardContentElement = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ _jsx(MuiCardContent, _extends({
+        ref: ref
+    }, props)));
+CardContentElement.displayName = 'AglynCardContent';
+export const CardActionsElement = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ _jsx(MuiCardActions, _extends({
+        ref: ref
+    }, props)));
+CardActionsElement.displayName = 'AglynCardActions';
+/** Elevation only means anything on the (default) `elevation` variant. */ const ELEVATION_ONLY = {
+    when: 'variant',
+    is: 'outlined',
+    notMatch: true
+};
+export const cardSchema = {
+    $id: CARD_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Card',
+    description: 'Surface that groups a header, content and actions about one subject.',
+    category: Aglyn.ComponentCategory.SURFACE,
+    icon: {
+        path: mdiCardOutline.path,
+        sx: {
+            color: '#2196f3'
+        }
+    },
+    attributes: [
+        semanticElementAttribute('this card'),
+        semanticElementLabelAttribute(),
+        {
+            name: 'variant',
+            label: 'Variant',
+            description: 'Elevation raises the card with a shadow; outlined draws a border ' + 'instead and has no shadow.',
+            component: Aglyn.FieldComponentType.SELECT,
+            // Same call as Paper (AGL-1451): a real sentinel, because `elevation`
+            // is MUI's own value for the other half of this two-way choice and is
+            // what the Elevation control is conditioned on. `''` could not
+            // persist (AGL-1191).
+            options: [
+                {
+                    value: 'elevation',
+                    label: 'Elevation (default)'
+                },
+                {
+                    value: 'outlined',
+                    label: 'Outlined'
+                }
+            ]
+        },
+        {
+            name: 'elevation',
+            label: 'Elevation',
+            description: 'Shadow depth from 0 (flat) to 24.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            type: 'number',
+            condition: ELEVATION_ONLY
+        }
+    ]
+};
+export const cardHeaderSchema = {
+    $id: CARD_HEADER_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Card Header',
+    description: 'The title and subheader at the top of a card.',
+    category: Aglyn.ComponentCategory.SURFACE,
+    icon: {
+        path: mdiCardText.path,
+        sx: {
+            color: '#2196f3'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    attributes: [
+        {
+            name: 'title',
+            label: 'Title',
+            description: 'The card heading.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        },
+        {
+            name: 'subheader',
+            label: 'Subheader',
+            description: 'Secondary line under the title.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        }
+    ]
+};
+export const cardContentSchema = {
+    $id: CARD_CONTENT_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Card Content',
+    description: 'The padded body region of a card.',
+    category: Aglyn.ComponentCategory.SURFACE,
+    icon: {
+        path: mdiCardText.path,
+        sx: {
+            color: '#2196f3'
+        }
+    }
+};
+export const cardActionsSchema = {
+    $id: CARD_ACTIONS_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Card Actions',
+    description: 'The button row at the bottom of a card.',
+    category: Aglyn.ComponentCategory.SURFACE,
+    icon: {
+        path: mdiGestureTap.path,
+        sx: {
+            color: '#2196f3'
+        }
+    },
+    attributes: [
+        {
+            name: 'disableSpacing',
+            label: 'Disable spacing?',
+            description: 'If true, the gap between action buttons is removed.',
+            component: Aglyn.FieldComponentType.SWITCH
+        }
+    ]
+};
+export const cardPresets = [
+    {
+        $id: generatePresetId(CARD_ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Card',
+        pluginId: BUNDLE_ID,
+        description: 'Image, heading, body text and an action button',
+        category: Aglyn.ComponentCategory.SURFACE,
+        icon: cardSchema.icon,
+        data: {
+            $id: null,
+            componentId: CARD_ID,
+            pluginId: BUNDLE_ID,
+            props: {},
+            // Node-level sx (AGL-1346) — the record the Styles panel edits.
+            sx: {
+                maxWidth: 360
+            },
+            nodes: [
+                // The existing Image element rather than MUI's CardMedia: it
+                // already carries the media-CDN srcSet, the lazy loading and the
+                // empty-source placeholder (AGL-74/175), none of which is worth
+                // re-implementing for a card.
+                {
+                    $id: null,
+                    componentId: 'image',
+                    pluginId: BUNDLE_ID,
+                    props: {
+                        alt: '',
+                        height: '160px',
+                        objectFit: 'cover'
+                    }
+                },
+                {
+                    $id: null,
+                    componentId: CARD_HEADER_ID,
+                    pluginId: BUNDLE_ID,
+                    props: {
+                        title: 'Card title',
+                        subheader: 'Supporting line'
+                    }
+                },
+                {
+                    $id: null,
+                    componentId: CARD_CONTENT_ID,
+                    pluginId: BUNDLE_ID,
+                    nodes: [
+                        {
+                            $id: null,
+                            componentId: 'muiTypography',
+                            pluginId: BUNDLE_ID,
+                            props: {
+                                variant: 'body2',
+                                children: 'A short description of whatever this card is about.'
+                            }
+                        }
+                    ]
+                },
+                {
+                    $id: null,
+                    componentId: CARD_ACTIONS_ID,
+                    pluginId: BUNDLE_ID,
+                    nodes: [
+                        {
+                            $id: null,
+                            componentId: 'muiScreenLink',
+                            pluginId: BUNDLE_ID,
+                            // `'button'`, not `''` (AGL-1453). This preset was MINTING the
+                            // unpersistable value: every card dropped on a canvas planted a
+                            // `renderAs: ''` that no longer matches any option. Renders
+                            // identically — both take the non-link branch.
+                            props: {
+                                children: 'Learn more',
+                                renderAs: 'button',
+                                size: 'small'
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    {
+        $id: generatePresetId(CARD_ID, 'outlined'),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Card Outlined',
+        pluginId: BUNDLE_ID,
+        description: 'Text-only card with a border instead of a shadow',
+        category: Aglyn.ComponentCategory.SURFACE,
+        icon: cardSchema.icon,
+        data: {
+            $id: null,
+            componentId: CARD_ID,
+            pluginId: BUNDLE_ID,
+            props: {
+                variant: 'outlined'
+            },
+            sx: {
+                maxWidth: 360
+            },
+            nodes: [
+                {
+                    $id: null,
+                    componentId: CARD_CONTENT_ID,
+                    pluginId: BUNDLE_ID,
+                    nodes: [
+                        {
+                            $id: null,
+                            componentId: 'muiTypography',
+                            pluginId: BUNDLE_ID,
+                            props: {
+                                variant: 'h6',
+                                children: 'Card title'
+                            }
+                        },
+                        {
+                            $id: null,
+                            componentId: 'muiTypography',
+                            pluginId: BUNDLE_ID,
+                            props: {
+                                variant: 'body2',
+                                children: 'A short description of this card.'
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    }
+];
+export default CardElement;
+
+//# sourceMappingURL=card.js.map

package/src/lib/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/mui/src/lib/components/card.tsx"],"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 { mdiCardOutline, mdiCardText, mdiGestureTap } from '@aglyn/shared-data-mdi'\nimport MuiCard from '@mui/material/Card'\nimport MuiCardActions from '@mui/material/CardActions'\nimport MuiCardContent from '@mui/material/CardContent'\nimport MuiCardHeader from '@mui/material/CardHeader'\nimport { forwardRef, type ReactNode } from 'react'\nimport {\n  applySemanticElement,\n  semanticElementAttribute,\n  semanticElementLabelAttribute,\n} from '../utils/element-picker'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { dropClearedProps } from '../utils/drop-cleared-props'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { toElevation } from './paper'\n\n// Component ids are persisted in screen documents; never rename.\nexport const CARD_ID: Aglyn.ComponentId = 'muiCard'\nexport const CARD_HEADER_ID: Aglyn.ComponentId = 'muiCardHeader'\nexport const CARD_CONTENT_ID: Aglyn.ComponentId = 'muiCardContent'\nexport const CARD_ACTIONS_ID: Aglyn.ComponentId = 'muiCardActions'\n\nexport interface CardElementProps {\n  variant?: 'elevation' | 'outlined'\n  /** Shadow depth, 0–24; ignored on the outlined variant. */\n  elevation?: number | string\n  children?: ReactNode\n}\n\nexport interface CardHeaderElementProps {\n  title?: string\n  subheader?: string\n}\n\nexport interface CardActionsElementProps {\n  /** If true, the 8px gap between action buttons is removed. */\n  disableSpacing?: boolean\n  children?: ReactNode\n}\n\n/**\n * Card (https://mui.com/material-ui/react-card/) — a Paper with card\n * padding conventions. Composed from separate Header/Content/Actions\n * elements rather than a single element with a dozen text props, so the\n * pieces are individually selectable, stylable and reorderable on the\n * canvas like everything else.\n */\nconst CardElement = forwardRef<HTMLDivElement, CardElementProps>(\n  (rawProps, ref) => {\n    // See PaperElement: cleared props are dropped before anything reads\n    // them, so `rest` cannot carry a `null` into MUI (AGL-1451).\n    const props = dropClearedProps(rawProps)\n    const { variant, elevation, children, ...rest } = props\n    const outlined = variant === 'outlined'\n    return (\n      <MuiCard\n        ref={ref}\n        variant={outlined ? 'outlined' : 'elevation'}\n        // Same trap as Paper: a string elevation indexes MUI's shadow\n        // array and yields a completely flat card.\n        elevation={outlined ? undefined : toElevation(elevation)}\n        {...applySemanticElement(rest as Record<string, unknown>)}\n      >\n        {children}\n      </MuiCard>\n    )\n  },\n)\nCardElement.displayName = 'AglynCard'\n\n/**\n * Card header. `title`/`subheader` are plain strings: MUI wraps each in\n * its own Typography, and passing children instead would drop the\n * heading/subheading type scale a card header exists to provide.\n */\nexport const CardHeaderElement = forwardRef<\n  HTMLDivElement,\n  CardHeaderElementProps\n>((props, ref) => {\n  const { title, subheader, ...rest } = props as CardHeaderElementProps & {\n    children?: unknown\n  }\n  // A header with neither string is invisible and unselectable on the\n  // canvas; a placeholder keeps the node reachable.\n  delete (rest as { children?: unknown }).children\n  return (\n    <MuiCardHeader\n      ref={ref}\n      title={title || (subheader ? undefined : 'Card title')}\n      subheader={subheader || undefined}\n      {...rest}\n    />\n  )\n})\nCardHeaderElement.displayName = 'AglynCardHeader'\n\nexport const CardContentElement = forwardRef<\n  HTMLDivElement,\n  { children?: ReactNode }\n>((props, ref) => <MuiCardContent ref={ref} {...props} />)\nCardContentElement.displayName = 'AglynCardContent'\n\nexport const CardActionsElement = forwardRef<\n  HTMLDivElement,\n  CardActionsElementProps\n>((props, ref) => <MuiCardActions ref={ref} {...props} />)\nCardActionsElement.displayName = 'AglynCardActions'\n\n/** Elevation only means anything on the (default) `elevation` variant. */\nconst ELEVATION_ONLY = { when: 'variant', is: 'outlined', notMatch: true }\n\nexport const cardSchema: Aglyn.ComponentSchema<CardElementProps> = {\n  $id: CARD_ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Card',\n  description:\n    'Surface that groups a header, content and actions about one subject.',\n  category: Aglyn.ComponentCategory.SURFACE,\n  icon: { path: mdiCardOutline.path, sx: { color: '#2196f3' } },\n  attributes: [\n    semanticElementAttribute('this card'),\n    semanticElementLabelAttribute(),\n    {\n      name: 'variant',\n      label: 'Variant',\n      description:\n        'Elevation raises the card with a shadow; outlined draws a border ' +\n        'instead and has no shadow.',\n      component: Aglyn.FieldComponentType.SELECT,\n      // Same call as Paper (AGL-1451): a real sentinel, because `elevation`\n      // is MUI's own value for the other half of this two-way choice and is\n      // what the Elevation control is conditioned on. `''` could not\n      // persist (AGL-1191).\n      options: [\n        { value: 'elevation', label: 'Elevation (default)' },\n        { value: 'outlined', label: 'Outlined' },\n      ],\n    },\n    {\n      name: 'elevation',\n      label: 'Elevation',\n      description: 'Shadow depth from 0 (flat) to 24.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n      condition: ELEVATION_ONLY,\n    },\n  ],\n}\n\nexport const cardHeaderSchema: Aglyn.ComponentSchema<CardHeaderElementProps> = {\n  $id: CARD_HEADER_ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Card Header',\n  description: 'The title and subheader at the top of a card.',\n  category: Aglyn.ComponentCategory.SURFACE,\n  icon: { path: mdiCardText.path, sx: { color: '#2196f3' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'title',\n      label: 'Title',\n      description: 'The card heading.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'subheader',\n      label: 'Subheader',\n      description: 'Secondary line under the title.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n}\n\nexport const cardContentSchema: Aglyn.ComponentSchema = {\n  $id: CARD_CONTENT_ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Card Content',\n  description: 'The padded body region of a card.',\n  category: Aglyn.ComponentCategory.SURFACE,\n  icon: { path: mdiCardText.path, sx: { color: '#2196f3' } },\n}\n\nexport const cardActionsSchema: Aglyn.ComponentSchema<CardActionsElementProps> =\n  {\n    $id: CARD_ACTIONS_ID,\n    pluginId: BUNDLE_ID,\n    displayName: 'Card Actions',\n    description: 'The button row at the bottom of a card.',\n    category: Aglyn.ComponentCategory.SURFACE,\n    icon: { path: mdiGestureTap.path, sx: { color: '#2196f3' } },\n    attributes: [\n      {\n        name: 'disableSpacing',\n        label: 'Disable spacing?',\n        description: 'If true, the gap between action buttons is removed.',\n        component: Aglyn.FieldComponentType.SWITCH,\n      },\n    ],\n  }\n\nexport const cardPresets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(CARD_ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Card',\n    pluginId: BUNDLE_ID,\n    description: 'Image, heading, body text and an action button',\n    category: Aglyn.ComponentCategory.SURFACE,\n    icon: cardSchema.icon,\n    data: {\n      $id: null,\n      componentId: CARD_ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n      // Node-level sx (AGL-1346) — the record the Styles panel edits.\n      sx: { maxWidth: 360 },\n      nodes: [\n        // The existing Image element rather than MUI's CardMedia: it\n        // already carries the media-CDN srcSet, the lazy loading and the\n        // empty-source placeholder (AGL-74/175), none of which is worth\n        // re-implementing for a card.\n        {\n          $id: null,\n          componentId: 'image',\n          pluginId: BUNDLE_ID,\n          props: { alt: '', height: '160px', objectFit: 'cover' },\n        },\n        {\n          $id: null,\n          componentId: CARD_HEADER_ID,\n          pluginId: BUNDLE_ID,\n          props: { title: 'Card title', subheader: 'Supporting line' },\n        },\n        {\n          $id: null,\n          componentId: CARD_CONTENT_ID,\n          pluginId: BUNDLE_ID,\n          nodes: [\n            {\n              $id: null,\n              componentId: 'muiTypography',\n              pluginId: BUNDLE_ID,\n              props: {\n                variant: 'body2',\n                children:\n                  'A short description of whatever this card is about.',\n              },\n            },\n          ],\n        },\n        {\n          $id: null,\n          componentId: CARD_ACTIONS_ID,\n          pluginId: BUNDLE_ID,\n          nodes: [\n            {\n              $id: null,\n              componentId: 'muiScreenLink',\n              pluginId: BUNDLE_ID,\n              // `'button'`, not `''` (AGL-1453). This preset was MINTING the\n              // unpersistable value: every card dropped on a canvas planted a\n              // `renderAs: ''` that no longer matches any option. Renders\n              // identically — both take the non-link branch.\n              props: {\n                children: 'Learn more',\n                renderAs: 'button',\n                size: 'small',\n              },\n            },\n          ],\n        },\n      ],\n    },\n  },\n  {\n    $id: generatePresetId(CARD_ID, 'outlined'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Card Outlined',\n    pluginId: BUNDLE_ID,\n    description: 'Text-only card with a border instead of a shadow',\n    category: Aglyn.ComponentCategory.SURFACE,\n    icon: cardSchema.icon,\n    data: {\n      $id: null,\n      componentId: CARD_ID,\n      pluginId: BUNDLE_ID,\n      props: { variant: 'outlined' },\n      sx: { maxWidth: 360 },\n      nodes: [\n        {\n          $id: null,\n          componentId: CARD_CONTENT_ID,\n          pluginId: BUNDLE_ID,\n          nodes: [\n            {\n              $id: null,\n              componentId: 'muiTypography',\n              pluginId: BUNDLE_ID,\n              props: { variant: 'h6', children: 'Card title' },\n            },\n            {\n              $id: null,\n              componentId: 'muiTypography',\n              pluginId: BUNDLE_ID,\n              props: {\n                variant: 'body2',\n                children: 'A short description of this card.',\n              },\n            },\n          ],\n        },\n      ],\n    },\n  },\n]\n\nexport default CardElement\n"],"names":["Aglyn","mdiCardOutline","mdiCardText","mdiGestureTap","MuiCard","MuiCardActions","MuiCardContent","MuiCardHeader","forwardRef","applySemanticElement","semanticElementAttribute","semanticElementLabelAttribute","BUNDLE_ID","dropClearedProps","generatePresetId","toElevation","CARD_ID","CARD_HEADER_ID","CARD_CONTENT_ID","CARD_ACTIONS_ID","CardElement","rawProps","ref","props","variant","elevation","children","rest","outlined","undefined","displayName","CardHeaderElement","title","subheader","CardContentElement","CardActionsElement","ELEVATION_ONLY","when","is","notMatch","cardSchema","$id","pluginId","description","category","ComponentCategory","SURFACE","icon","path","sx","color","attributes","name","label","component","FieldComponentType","SELECT","options","value","TEXT_FIELD","type","condition","cardHeaderSchema","flags","selfClosing","FEATURE_FLAG","ENABLED","cardContentSchema","cardActionsSchema","SWITCH","cardPresets","NodeType","PRESET","data","componentId","maxWidth","nodes","alt","height","objectFit","renderAs","size"],"mappings":"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"}