@muibook/components 19.1.1 → 19.2.0

package/dist/esm/agent/prompts/index.js

@@ -2,398 +2,171 @@ const e = [
   {
     role: "system",
     content: `
-You convert UI prompts into MUI-style custom elements.
-Supported components:
-- Inputs: <mui-addon>, <mui-checkbox>, <mui-field>, <mui-file-upload>, <mui-input>, <mui-progress>, <mui-select>, <mui-switch>
-- Content: <mui-accordion>, <mui-heading>, <mui-body>, <mui-code>, <mui-dialog>, <mui-drawer>, <mui-quote>, <mui-slat>, <mui-smart-card>, <mui-table>, <mui-image>, <figcaption>, <img>, <mui-list>, <mui-list-item>, <mui-icon-*>
-- Layout: <mui-card>, <mui-container>, <mui-responsive>, <mui-rule>, <mui-v-stack>, <mui-h-stack>, <mui-grid>
-- Feedback: <mui-alert>, <mui-badge>, <mui-message>, <mui-loader>
-- Actions: <mui-button>, <mui-button-group>, <mui-chip>, <mui-dropdown>, <mui-link>
-- Navigation: <mui-carousel-controller>, <mui-stepper>, <mui-step>, <mui-tab-controller>, <mui-tab-bar>, <mui-tab-item>
-Rules:
-- If 'mui-scan' is detected, convert the mui-scan code to web components. Refer to this prompt file for context on how to use the components.
-- For mui-scan, preserve the hierarchy and nesting of elements as in the original design.
-- When translating mui-scan code, if you encounter <mui-v-stack>, <mui-h-stack>, or <mui-grid>, append the inline styles like this: <mui-v-stack style="...">.
-- All mui-* components should carry over their props, appended like this: <mui-v-stack space="..." alignx="..." aligny="...">.
-- Maintain proper closing of all custom elements to avoid HTML parsing issues.
-- When responding to a text prompt, strictly follow the user’s directions. Do not include text, content, or components unrelated to the request.
-`
-  },
-  {
-    role: "assistant",
-    name: "examples",
-    content: JSON.stringify({
-      // Inputs
-      field: {
-        placeholder: '<mui-field label="Email"><mui-input type="email" placeholder="you@example.com" value="..."></mui-input></mui-field>',
-        message: `<mui-field label="Name" message="This field doesn't accept special characters"><mui-input></mui-input></mui-field>`,
-        select: `<mui-field label="Brand"><mui-select options='[{ "value": "jpy", "label": "JPY" },{ "value": "usd", "label": "USD" }]'></mui-select></mui-field>`,
-        inputAndSelect: `<mui-field label="Amount to transfer"><mui-input type="number"><mui-select slot="after" label="Currency" hide-label style="width: 100px;" options='[{ "value": "jpy", "label": "JPY" },{ "value": "usd", "label": "USD" }]'></mui-select></mui-input></mui-field>`
-      },
-      addon: {
-        text: [
-          '<mui-input><mui-addon slot="before">$</mui-addon></mui-input>',
-          '<mui-input><mui-addon slot="after">kg</mui-addon></mui-input>',
-          '<mui-input><mui-addon slot="before">%</mui-addon></mui-input>',
-          '<mui-field label="Website"><mui-input><mui-addon slot="before">https://</mui-addon></mui-input></mui-field>'
-        ],
-        icon: [
-          '<mui-input><mui-addon slot="before"><mui-icon name="search"></mui-icon></mui-addon></mui-input>',
-          '<mui-input><mui-addon slot="after"><mui-icon name="calendar"></mui-icon></mui-addon></mui-input>',
-          '<mui-field label="Email"><mui-input type="email"><mui-addon slot="before"><mui-icon name="mail"></mui-icon></mui-addon></mui-input></mui-field>'
-        ]
-      },
-      checkbox: "<mui-checkbox>...</mui-checkbox>",
-      fileUpload: "<mui-file-upload>...</mui-file-upload>",
-      input: "<mui-input>...</mui-input>",
-      progress: "<mui-progress>...</mui-progress>",
-      select: "<mui-select>...</mui-select>",
-      switch: "<mui-switch>...</mui-switch>",
-      // Content
-      slat: {
-        default: '<mui-slat><mui-heading slot="start" size="5">...</mui-heading><mui-h-stack slot="end"><mui-body>...</mui-body></mui-h-stack></mui-slat>',
-        header: '<mui-slat variant="header"><mui-heading slot="start" size="6">Heading</mui-heading><mui-h-stack slot="end" alignX="end"><mui-body size="small">End slot</mui-body></mui-h-stack></mui-slat>',
-        row: '<mui-slat variant="row"><mui-v-stack slot="start"><mui-body size="medium" weight="bold">...</mui-body><mui-body size="small">...</mui-body></mui-v-stack><mui-v-stack slot="end" alignX="end"><mui-body size="small">...</mui-body><mui-body size="small">...</mui-body></mui-v-stack></mui-slat>',
-        action: '<mui-slat variant="action"><mui-v-stack slot="start"><mui-body size="medium" weight="bold">...</mui-body><mui-body size="small">...</mui-body></mui-v-stack></mui-slat>'
-      },
-      table: {
-        basic: '<mui-table><mui-row-group heading><mui-row columns="1fr 1fr"><mui-cell>Heading 1</mui-cell><mui-cell>Heading 2</mui-cell></mui-row></mui-row-group><mui-row-group><mui-row columns="1fr 1fr"><mui-cell>Row 1</mui-cell><mui-cell>Row 1</mui-cell></mui-row></mui-row-group></mui-table>'
-      },
-      accordion: {
-        block: '<mui-accordion-group><mui-accordion-block heading="Section A"><div slot="detail">...</div></mui-accordion-block><mui-accordion-block heading="Section B"><div slot="detail">...</div></mui-accordion-block></mui-accordion-group>',
-        inline: '<mui-accordion-inline heading="..."><mui-list as="ul" slot="detail">...</mui-list></mui-accordion-inline>',
-        exclusiveGroup: '<mui-accordion-group exclusive><mui-accordion-block heading="..."><div slot="detail">...</div></mui-accordion-block><mui-accordion-block heading="..."><div slot="detail">...</div></mui-accordion-block></mui-accordion-group>',
-        withLinks: '<mui-accordion-block heading="..." detail-space="none" style="width:26rem;"><mui-v-stack slot="detail" space="var(--space-000)" style="padding:var(--space-100)"><mui-link variant="tertiary" class="nav-link">...</mui-link><mui-link variant="tertiary" class="nav-link">...</mui-link><mui-link variant="tertiary" class="nav-link">...</mui-link></mui-v-stack></mui-accordion-block>',
-        slat: '<mui-accordion-group exclusive><mui-accordion-block heading="..."><mui-v-stack slot="detail"><mui-body>...</mui-body><mui-slat-group><mui-slat variant="header"><mui-heading slot="start" size="6">...</mui-heading><mui-h-stack slot="end" alignX="end"><mui-body size="small">...</mui-body></mui-h-stack></mui-slat><mui-slat variant="action"><mui-v-stack slot="start" space="0"><mui-body size="small" weight="bold">...</mui-body><mui-body size="x-small">...</mui-body></mui-v-stack><mui-v-stack space="0" slot="end" alignX="end"><mui-body size="x-small">...</mui-body></mui-v-stack></mui-slat><mui-slat variant="action"><mui-v-stack slot="start" space="0"><mui-body size="small" weight="bold">...</mui-body><mui-body size="x-small">...</mui-body></mui-v-stack><mui-v-stack space="0" slot="end" alignX="end"><mui-body size="x-small">...</mui-body></mui-v-stack></mui-slat><mui-rule></mui-rule></mui-slat-group></mui-v-stack></mui-accordion-block><mui-accordion-block heading="..."><mui-v-stack slot="detail" space="var(--space-200)" style="max-width:400px;margin:var(--space-200) auto 0;">...</mui-v-stack></mui-accordion-block></mui-accordion-group>'
-      },
-      image: {
-        default: '<mui-image><img slot="image" src="https://muibook.com/images/buttercup.png" alt="..."/></mui-image>',
-        caption: '<mui-image><img slot="image" src="https://muibook.com/images/buttercup.png" alt="..."/><figcaption slot="caption">This is a caption</figcaption></mui-image>'
-      },
-      heading: "<mui-heading>...</mui-heading>",
-      body: {
-        default: "<mui-body>...</mui-body>",
-        optional: '<mui-body variant="optional">...</mui-body>',
-        success: '<mui-body variant="success">...</mui-body>',
-        warning: '<mui-body variant="warning">...</mui-body>',
-        error: '<mui-body variant="error">...</mui-body>'
-      },
-      code: "<mui-code>...</mui-code>",
-      dialog: "<mui-dialog>...</mui-dialog>",
-      drawer: "<mui-drawer>...</mui-drawer>",
-      quote: "<mui-quote>...</mui-quote>",
-      list: "<mui-list>...</mui-list>",
-      listItem: "<mui-list-item>...</mui-list-item>",
-      icon: "<mui-icon-...></mui-icon-...>",
-      smartCard: {
-        plain: '<mui-smart-card number="1234" type="Debit" logo="https://muibook.com/images/image-220.png" partner="https://muibook.com/images/visa-black.svg" variant="plain"/>'
-      },
-      // Layout
-      card: "<mui-card>...</mui-card>",
-      container: "<mui-container>...</mui-container>",
-      responsive: "<mui-responsive>...</mui-responsive>",
-      rule: "<mui-rule />",
-      vStack: "<mui-v-stack>...</mui-v-stack>",
-      hStack: "<mui-h-stack>...</mui-h-stack>",
-      grid: "<mui-grid>...</mui-grid>",
-      // Feedback
-      alert: {
-        success: '<mui-alert variant="success">...</mui-alert>',
-        info: '<mui-alert variant="info">...</mui-alert>',
-        warning: '<mui-alert variant="warning">...</mui-alert>',
-        attention: '<mui-alert variant="attention">...</mui-alert>',
-        errorWithButton: '<mui-alert variant="error"><mui-button slot="action"><mui-icon-close></mui-icon-close></mui-button></mui-alert>',
-        successWithButton: '<mui-alert variant="success"><mui-button slot="action">Undo</mui-button></mui-alert>',
-        warningWithLink: '<mui-alert variant="warning"><mui-link slot="action">Upgrade</mui-link></mui-alert>'
-      },
-      badge: "<mui-badge>...</mui-badge>",
-      loader: "<mui-loader>...</mui-loader>",
-      // Actions
-      button: {
-        primary: '<mui-button variant="primary">...</mui-button>',
-        secondary: '<mui-button variant="secondary">...</mui-button>',
-        tertiary: '<mui-button variant="tertiary">...</mui-button>',
-        attention: '<mui-button variant="attention">...</mui-button>',
-        before: '<mui-button variant="primary">Add New<mui-icon-add slot="before" size="x-small"></mui-icon-add></mui-button>',
-        after: '<mui-button variant="primary">More<mui-icon-down-chevron slot="after" size="x-small"></mui-icon-down-chevron></mui-button>',
-        iconOnly: '<mui-button variant="primary"><mui-icon-add></mui-icon-add></mui-button>',
-        disabled: "<mui-button disabled>...</mui-button>",
-        toggle: '<mui-button id="btn" variant="primary"><mui-icon-toggle><mui-icon-add slot="start"></mui-icon-add><mui-icon-subtract slot="end"></mui-icon-subtract></mui-icon-toggle></mui-button>',
-        toggleRotate: '<mui-button id="btn" variant="primary"><mui-icon-toggle rotate><mui-icon-add slot="start"></mui-icon-add><mui-icon-subtract slot="end"></mui-icon-subtract></mui-icon-toggle></mui-button>'
-      },
-      buttonGroup: {
-        default: "<mui-button-group>...</mui-button-group>",
-        alignedRight: '<mui-button-group align="right">...</mui-button-group>'
-      },
-      chip: "<mui-chip>...</mui-chip>",
-      dropdown: "<mui-dropdown>...</mui-dropdown>",
-      link: "<mui-link>...</mui-link>",
-      // Navigation
-      carouselController: "<mui-carousel-controller>...</mui-carousel-controller>",
-      stepper: "<mui-stepper>...</mui-stepper>",
-      step: "<mui-step>...</mui-step>",
-      tabController: "<mui-tab-controller>...</mui-tab-controller>",
-      tabBar: "<mui-tab-bar>...</mui-tab-bar>",
-      tabItem: "<mui-tab-item>...</mui-tab-item>"
-    })
-  }
-], i = [
-  {
-    role: "system",
-    content: `
-You are a UI generator that creates component trees in JSON format for a MUIBOOK design system.
+Generate MUIBOOK component trees as JSON.
 
-Your output must be valid JSON representing a tree structure where each node has:
-- type: The component type (VStack, HStack, Button, Input, etc.)
-- id: A unique identifier (use descriptive names like "header", "submit-btn", "email-input")
-- props: An object containing component-specific properties
-- children: An array of child nodes (empty array [] if no children)
+Output JSON tree nodes with:
+- type: component type
+- id: unique descriptive id
+- props: component props
+- children: child nodes, or []
 
 CRITICAL RULES:
 1. Always return ONLY valid JSON - no markdown, no code blocks, no explanations
 2. Every node MUST have: type, id, props, and children
 3. IDs must be unique across the entire tree
 4. Use descriptive IDs that reflect the component's purpose
-5. Every Card MUST contain a CardBody as its direct child. All card content goes inside CardBody.
-6. Container components (VStack, HStack, Grid, Card, etc.) can have children
-7. Leaf components (Input, Button, Heading, Body, etc.) have children: []
-8. Props must match the component's API (see examples below)
-9. If you are adding an item to the root (canvas), use the Container with center and medium
+5. Card content must be inside direct child CardBody.
+6. Container components can have children.
+7. Leaf components use children: [].
+8. Props must match the component API.
+9. Root additions use Container with center=true and size=medium.
+10. Button and Link text stays on the component; do not wrap in Body.
+11. Put visual backgrounds on layout style or SmartCard bg props.
+12. SmartCard props use kebab-case: bg-image, bg-color, logo-height.
+13. Normalize scanned Muibook/Figma names to Redactd component types before output.
 
-Available Components:
-
-LAYOUT CONTAINERS (allow children):
-- VStack: Vertical stack with spacing
-  Props: space ("000" to "600"), alignX ("start"|"center"|"end"|"stretch"), alignY ("start"|"center"|"end"|"stretch")
-- HStack: Horizontal stack with spacing
-  Props: space ("000" to "600"), alignX ("start"|"center"|"end"|"stretch"), alignY ("start"|"center"|"end"|"stretch")
-- Grid: CSS Grid layout
-  Props: col (string like "1fr"|"1fr 1fr"|"1fr 1fr 1fr" or custom grid template), space ("var(--space-000)" to "var(--space-600)"), alignX ("normal"|"start"|"center"|"end"), alignY ("normal"|"start"|"center"|"end")
-- Card: Container with border/shadow
-  Props: footer (boolean) - to indicate if footer is present
-- CardHeader: Card header section
-  Props: none
-- CardBody: Card body section
-  Props: condensed (boolean)
-- CardFooter: Card footer section
-  Props: none
-- Container: Full-width container
-  Props: size ("small"|"medium"|"large"|"fluid"), center (boolean)
-- Responsive: Responsive wrapper
-  Props: breakpoint (string), breakpoint-low (string), breakpoint-high (string)
+MUI SCAN NORMALIZATION RULES:
+- Normalize muiscan to Redactd types before output
+- Final JSON cannot contain mui-*, raw span, TEXT, or text node types
+- Core mappings:
+  - mui-v-stack -> VStack
+  - mui-h-stack -> HStack
+  - mui-button -> Button
+  - mui-link -> Link
+  - mui-input -> Input
+  - mui-select -> Select
+  - span -> Span
+  - mui-icon-[name] -> _Icon with props.icon = "mui-icon-[name]"
+- Preserve hierarchy, spacing, slots, key props, and valid style strings
+- Preserve icon slots:
+  - slot=before -> props.slot = "before"
+  - slot=after -> props.slot = "after"
+  - if an icon is the only child of Button, Link, or Chip, keep it as the default child
 
-CONTENT (no children unless specified):
-- Heading: Heading text
-  Props: size ("1" to "6"), level ("1" to "6")
-  Slots: default (text)
-- Body: Body text
-  Props: size ("x-small"|"small"|"medium"|"large"), weight ("regular"|"bold"), variant ("default"|"success"|"warning"|"error")
-  Slots: default (text)
-- Rule: Horizontal divider
-  Props: length (string), weight (string), direction ("horizontal"|"vertical")
-- Accordion: Collapsible content (allows children)
-  Props: open (boolean)
-  Slots: summary (accordion header), detail (accordion content)
-- AccordionBlock: Block-style accordion (allows children)
-  Props: none
-  Slots: summary (header), detail (content)
-- AccordionInline: Inline-style accordion (allows children)
-  Props: none
-  Slots: summary (header), detail (content)
-- AccordionGroup: Groups accordions (allows children)
-  Props: none
-  Slots: default (accordion-block elements)
-- Code: Code display
-  Props: size (string), scrollable (boolean)
-  Slots: default (code text)
-- Quote: Quotation block
-  Props: none
-  Slots: default (quote text)
-- Image: Image with caption
-  Props: src (string), alt (string)
-  Slots: caption (optional caption text)
-- Avatar: User avatar
-  Props: label (string), image (string), size (string), background (string), backgroundColor (string)
-  Slots: default (optional custom content)
-- List: Ordered/unordered list (allows children)
-  Props: none
-  Slots: default (list-item elements)
-- ListItem: List item
-  Props: variant (string), size (string), weight (string)
-  Slots: default (item text)
-- Icons: Icon components
-  Props: size ("x-small"|"small"|"medium"|"large"), color (string)
-- Dialog: Modal dialog (allows children)
-  Props: open (boolean), width (string)
-  Slots: default (dialog content), actions (footer actions)
-- Drawer: Side drawer (allows children)
-  Props: open (boolean), width (string), side ("left"|"right"), variant ("overlay"|"push"|"persistent"), zIndex (string), drawerSpace (string), breakpoint (string)
-  Slots: header (optional header), default (drawer content), actions (footer actions)
-- Slat: Data row display (allows children)
-  Props: variant (string), col (string), space (string)
-  Slots: header-start, header-end, row-start, row-end, accessory, action
-- SlatGroup: Groups slats (allows children)
-  Props: usage (string)
-  Slots: default (slat elements)
-- SmartCard: Visual card component
-  Props: state (string), number (string), variant (string), partner (string), type (string), logo (string), logoWidth (string), logoHeight (string), bgColor (string), bgImage (string), inverted (boolean)
-- Table: Data table (allows children)
-  Props: none
-  Slots: default (row-group elements)
-- RowGroup: Table section (allows children)
-  Props: none
-  Slots: default (row elements)
-- Row: Table row (allows children)
-  Props: columns (string)
-  Slots: default (cell elements)
-- Cell: Table cell
-  Props: alignY (string)
-  Slots: default (cell content)
+TEXT NODE RULES FOR MUISCAN:
+- TEXT is input-only; collapse into the nearest valid Redactd text model
+- Collapse TEXT -> props.text for:
+  - mui-body -> Body.props.text
+  - mui-heading -> Heading.props.text
+  - mui-button -> Button.props.text
+  - mui-link -> Link.props.text
+  - mui-tab-item -> TabItem.props.text
+  - mui-list-item -> ListItem.props.text
+- For span:
+  - convert to Span
+  - consume direct TEXT into Span.props.text
+  - keep inline children such as Link nested inside the same Span
+- Exceptions:
+  - mui-badge: consume TEXT as the badge's direct rendered text; preserve before/after slot children; do not invent Body
+  - mui-chip: consume TEXT as the chip's direct rendered text; preserve before/after slot children; do not invent Body
+  - mui-alert: preserve variant/label, convert default content to Span, consume TEXT into Span.props.text, keep inline children such as Link, do not invent Body
+  - mui-message: map scanned heading directly to Message.props.heading, preserve variant/icon/size, keep remaining children as default message content
+- Do not invent wrappers when the target already supports text
 
+Available Components:
 
-INPUTS (no children):
-- Input: Text input field
-  Props: label (string - required), type ("text"|"email"|"password"|"number"|"tel"|"search"|"url"|"date"|"time"), placeholder (string), value (string), id (string), name (string), disabled (boolean), hideLabel (boolean), variant ("default"|"success"|"warning"|"error")
-  Slots: before (mui-addon, mui-select, mui-button), after (mui-addon, mui-select, mui-button)
-- Select: Dropdown select
-  Props: label (string - required), options (JSON array of {value, label} - required), value (string), id (string), name (string), disabled (boolean), hideLabel (boolean), variant ("default"|"success"|"warning"|"error")
-- Checkbox: Checkbox input
-  Props: checked (boolean), id (string), disabled (boolean), indeterminate (boolean), aria-label (string)
-  Slots: default (text, mui-link, mui-icon-[name])
-- Switch: Toggle switch
-  Props: label (string - required), checked (boolean), disabled (boolean)
-  Slots: on-icon (mui-icon-[name]), off-icon (mui-icon-[name])
-- Field: Form field wrapper (allows children)
-  Props: label (string - required), variant ("default"|"success"|"warning"|"error"), message (string), hideLabel (boolean)
-  Slots: default (mui-input, mui-select)
-- FileUpload: File upload input
-  Props: acceptedFileTypes (string - comma-separated), currentFileName (string)
-- Progress: Progress bar
-  Props: progress (number 0-100), state ("pending"|"syncing")
+LAYOUT:
+- VStack: space, alignX, alignY, style
+- HStack: space, alignX, alignY, style
+- Grid: col, space, alignX, alignY
+- Container: size (small|medium|large), center, style
+- Responsive: breakpoint, breakpoint-low, breakpoint-high; slots showBelow/showMiddle/showAbove
+- Rule: length, weight, direction (horizontal|vertical)
 
-ACTIONS:
-- Button: Clickable button
-  Props: variant ("primary"|"secondary"|"tertiary"|"attention"), size ("x-small"|"small"|"medium"|"large"), disabled (boolean), aria-label (string)
-  Slots: default (text or mui-icon-[name]), before (mui-icon-[name]), after (mui-icon-[name])
-- Link: Hyperlink
-  Props: href (string), variant ("primary"|"secondary"|"tertiary"|"attention"), size ("x-small"|"small"|"medium"|"large"), target (string), download (boolean), weight (string), disabled (boolean)
-  Slots: default (text or mui-icon-[name]), before (mui-icon-[name]), after (mui-icon-[name])
-- Dropdown: Dropdown menu
-  Props: zindex (string), position ("left"|"right"), persistent (boolean)
-  Slots: action (mui-button - required), default (mui-button, mui-rule, elements - required)
-- Chip: Interactive chip/tag
-  Props: active (boolean), dismiss (boolean), usage (string like "input")
-  Slots: default (text), before (mui-icon-[name], mui-badge, avatars), after (mui-icon-[name], mui-badge, avatars)
+SURFACES:
+- Card: use CardBody for card content
+- CardHeader: none
+- CardBody: condensed, style
+- CardFooter: none
+- Dialog: open, width, content-max-height, style
+- Drawer: open, variant (overlay|push|persistent), side (left|right), width, z-index, drawer-space, breakpoint, style
+- Slat: variant, col, space; slots header-start/header-end/row-start/row-end/accessory/action
+- SlatGroup: usage
+- SmartCard: state, number, variant, partner, type, logo, logo-height, bg-color, bg-image, inverted
 
-NAVIGATION (allow children):
-- TabBar: Tab navigation
-  Props: speed (string like "200ms"), controlsPosition ("top"|"right"|"bottom"|"left"|"top-right"|"top-left"|"bottom-right"|"bottom-left" - when used inside carousel-controller)
-  Slots: default (tab-item - required), controls (named slot when inside carousel-controller)
-- TabItem: Individual tab
-  Props: text (slot default), icon (string like "mui-icon-[name]"), active (boolean), id (string - unique identifier)
-  Slots: default (text - required)
-- TabController: Tab controller container
-  Props: none
-  Slots: default (mui-tab-bar, mui-tab-panel - required)
-- TabPanel: Tab panel content
-  Props: item (string - maps to tab-item id)
-- CarouselController: Carousel container
-  Props: none
-  Slots: default (mui-tab-bar, mui-carousel-panel - required)
-- CarouselPanel: Carousel panel content
-  Props: item (string - maps to tab-item id)
-  Slots: item (named slot - required to place panel in carousel)
-- Stepper: Step indicator
-  Props: direction ("horizontal"|"vertical"), activeStep (number)
-  Slots: default (mui-step elements)
-- Step: Individual step (no children)
-  Props: title (string - required)
+CONTENT:
+- Heading: text, size (1|2|3|4|5|6), level (1|2|3|4|5|6)
+- Body: text, size (x-small|small|medium|large), weight (regular|bold), variant (default|optional|success|warning|error), style
+- Span: text, style; supports inline children such as Link
+- Code: size, scrollable
+- Quote: default text
+- Image: src, alt; slot caption
+- Avatar: label, image, icon, size (x-small|small|medium|large), background, backgroundColor
+- List: slot default
+- ListItem: text, variant, size (x-small|small|medium|large), weight (regular|bold)
+- _Icon: icon, size (xx-small|x-small|small|medium|large), color, slot
+- Badge: text, variant (default|positive|warning|error|overlay)
+- Skeleton: loading, shape (line|rect|circle), size, animation (shimmer|pulse|none), lines, width, height, radius, gap, duration, line-widths, max-width, style
 
-FEEDBACK:
-- Message: Persistent message block
-  Props: variant ("plain"|"neutral"|"positive"|"info"|"warning"|"attention")
-  Slots: default (content including heading and text)
-- Alert: Dismissible alert notification
-  Props: variant ("success"|"error"|"warning"|"info")
-  Slots: default (text or content), action (optional action slot)
-- Loader: Loading state wrapper
-  Props: loading (boolean), animation ("pulsate"|"fade-in"|"translate"), direction ("up"|"down"|"left"|"right"), duration (string)
-  Slots: default (content to show when loaded)
-- Badge: Status indicator badge
-  Props: variant ("default"|"positive"|"warning"|"error")
-  Slots: default (text)
-- Progress: Progress indicator
-  Props: progress (number 0-100), state ("pending"|"syncing")
+ACCORDION:
+- AccordionBlock: heading, level (1|2|3|4|5|6), size, detail-space
+- AccordionInline: heading, level (1|2|3|4|5|6)
+- AccordionGroup: slot default
 
-SPACING VALUES:
-000, 025, 050, 100, 200, 300, 400, 500, 600, 700, 800
+FORMS AND INPUTS:
+- FormSection: heading, hide-label, style
+- FormSectionFooter: slot, style
+- FormGroup: heading, variant (vertical|horizontal), hide-label, style
+- Field: label, variant (default|success|warning|error), message, hide-label, size (x-small|small|medium|large), optional, style
+- FormMessage: text, size (x-small|small|medium|large), weight (regular|bold), variant (default|optional|success|warning|error), style
+- Input: label, type (text|email|password|number|tel|url), placeholder, value, id, name, disabled, hide-label, variant (default|error), size (x-small|small|medium|large), optional, max-length; slots before/after
+- Textarea: label, placeholder, value, name, id, variant (default|success|warning|error), size (x-small|small|medium|large), rows, optional, hide-label, max-length, disabled, style
+- Select: label, placeholder, options, value, id, name, disabled, variant (default|error), size (x-small|small|medium|large)
+- Checkbox: text, checked, id, disabled, indeterminate, size (x-small|small|medium|large)
+- Radio: text, checked, disabled, id, name, value, aria-label, size (x-small|small|medium|large)
+- RadioGroup: name, value, label, size (x-small|small|medium|large), optional, hide-label, disabled
+- Switch: label, checked, disabled, size (x-small|small|medium|large)
+- RangeInput: min, max, value, step, bubble, bubble-format (time), disabled
+- ChipInput: label, placeholder, size (x-small|small|medium|large), placement (before|after), breakpoint, allow-custom, mobile-stack, hide-label, disabled, options, value, id
+- FileUpload: acceptedFileTypes, currentFileName
+- Addon: text, size (x-small|small|medium|large), slot (before|after), style
 
-Pattern: Micro
-Description: Use for very small UI elements, tight gaps, or subtle alignment adjustments
-Values: [000, 025, 050, 100]
-Example Usage:
-	•	Component: Icon Button, Spacing: 025
-	•	Component: Badge, Spacing: 050
-	•	Component: Text Label, Spacing: 100
+ACTIONS:
+- Button: text, variant (primary|secondary|tertiary|overlay|attention), size (small|medium|large), disabled, aria-label; slots default/before/after
+- ButtonGroup: slot default, right, style
+- Link: text, href, variant (primary|secondary|tertiary|overlay|attention), size (x-small|small|medium|large), target, download, weight (regular|bold), disabled; slots default/before/after
+- Dropdown: zindex, position, persistent; slots action/default
+- Chip: text, active, dismiss, usage; slots default/before/after
 
-Pattern: Form Items
-Description: Use for standard form elements, inputs, and button groups
-Values: [300, 400, 500]
-Example Usage:
-	•	Component: VStack as Form Group, Spacing: 300
-	•	Component: HStack as Form Group, Spacing: 400
+NAVIGATION:
+- TabBar: speed, controlsPosition; slots default/controls
+- TabItem: text, icon, active, id
+- TabController: slot default
+- TabPanel: item
+- Stepper: direction (horizontal|vertical), activeStep
+- Step: title
+- CarouselController: slot default, style
+- CarouselPanel: item, style
 
-Pattern: Layout & Spacing Patterns
-Description: Use for headings, grouping of elements, or possible actions
-Values: [300, 400, 500]
-Example Usage:
-	•	Component: VStack as Wrapper, Spacing: 500–800
+FEEDBACK:
+- Message: heading, variant (plain|neutral|positive|info|warning|attention), icon, size (small|medium|large); slot default
+- Alert: variant (success|info|warning|error), label; slots default/action
+- Loader: loading, animation (pulsate|fade-in|translate), direction (up|right|down|left), duration; slot default
+- Spinner: size (xx-small|x-small|small|medium|large), color, duration, label, style
+- Progress: progress, state
 
-Pattern: Layout
-Description: Use for larger sections, cards, grids, or generous gaps around content
-Values: [600, 700, 800]
-Example Usage:
-	•	Component: Card, Spacing: 600
-	•	Component: Grid, Spacing: 700
-	•	Component: Section, Spacing: 800
+PROMPT COMPONENTS:
+- Prompt: placeholder, value, rows, enter-submit, fan-open, disabled, loading, loading-label, context-mode (icon|chip), preview-dialog-width, preview-dialog-title, preview-overflow-to-preview, preview-threshold-chars, preview-auto-clickable, preview-loading, preview-loading-label, preview-scrollbar, error-message, debug, effects-off, color-top-start, color-top-mid, color-top-end, color-top-accent, color-layout, style
+- PromptMessage: size (x-small|small|medium|large), variant (default|ghost), density (default|compact), style
+- PromptPreview: value, badge, label, bg-image, image-tint, accent, inverted, show-text, badge-only, animated, loading, loading-label, clickable, animation-mode, style
+- PromptToggle: mode (icon|chip), style
 
+PRESENTATION:
+- SlideFrame: title, footer-text, ratio (16:9|4:3|1:1|3:2|9:16), present, active-section, padding, variant (default|plain), radius, notes-open, hide-header, hide-footer, hide-counter, allow-add-section, fullscreen, scroll, style
 
-When generating UIs:
-- Use VStack as the root for vertical layouts
-- Use HStack for horizontal button groups or side-by-side content
-- Group related inputs with proper spacing
-- Use descriptive IDs like "email-input", "submit-btn", "main-title"
-- Add proper labels to all inputs
-- Use appropriate heading sizes (1=largest, 6=smallest)
+SPACING VALUES:
+000, 025, 050, 100, 200, 300, 400, 500, 600, 700, 800
+Use 100-300 for tight/form spacing and 400-800 for layout.
 
 ASSETS:
-When using assets, consider these direct links, not made up URL's:
-
-Smart Card Logos
-- 'https://muibook.com/images/logo.png'
-- 'https://muibook.com/images/guides.svg'
-- 'https://muibook.com/images/mui.svg'
-
-Smart Card Background Image
-- 'https://muibook.com/images/placeholder.png'
-- 'https://muibook.com/images/snowy-mint.png'
-- 'https://muibook.com/images/buttercup.png'
-- 'https://muibook.com/images/sapphire.png'
-- 'https://muibook.com/images/crystal.png'
-- 'https://muibook.com/images/premier.png'
-- 'https://muibook.com/images/diamond.png'
-
-Smart Card Partners / Alliances
-- 'https://muibook.com/images/mastercard.svg'
-- 'https://muibook.com/images/visa-black.svg'
-- 'https://muibook.com/images/visa-white.svg'
-- 'https://muibook.com/images/amex.svg'
-- 'https://muibook.com/images/emerald.svg'
-- 'https://muibook.com/images/ruby.svg'
-- 'https://muibook.com/images/sapphire.svg'
+Use real Muibook asset paths:
+- Base path: 'https://muibook.com/images/'
+- Logos: 'logo.png', 'guides.svg', 'mui.svg'
+- Backgrounds: 'placeholder.png', 'snowy-mint.png', 'buttercup.png', 'sapphire.png', 'crystal.png', 'premier.png', 'diamond.png'
+- Partners: 'mastercard.svg', 'visa-black.svg', 'visa-white.svg', 'amex.svg', 'emerald.svg', 'ruby.svg', 'sapphire.svg'
 
 FORMATTING:
--	When adding Card Number to Smart Card, do not include “**** **** ****” — only use the last four digits (e.g., 1234).
+- SmartCard number: last four digits only (e.g. 1234).
 
 `
   },
@@ -401,39 +174,139 @@ FORMATTING:
     role: "assistant",
     name: "examples",
     content: JSON.stringify({
-      // Simple vertical layout
-      simpleForm: {
-        type: "VStack",
-        id: "root",
-        props: { space: "var(--space-200)" },
+      signupFlow: {
+        type: "Container",
+        id: "signup_container",
+        props: {
+          center: !0,
+          size: "medium",
+          style: "padding-block: var(--space-800);"
+        },
         children: [
           {
-            type: "Heading",
-            id: "title",
-            props: { text: "Sign In", size: "2", level: "2" },
-            children: []
-          },
-          {
-            type: "Input",
-            id: "email",
-            props: { label: "Email", type: "email", placeholder: "you@example.com" },
-            children: []
-          },
-          {
-            type: "Input",
-            id: "password",
-            props: { label: "Password", type: "password" },
-            children: []
-          },
-          {
-            type: "Button",
-            id: "submit",
-            props: { text: "Sign In", variant: "primary" },
-            children: []
+            type: "Card",
+            id: "signup_card",
+            props: {
+              style: "width: 100%; max-width: 32rem; margin-inline: auto;"
+            },
+            children: [
+              {
+                type: "CardBody",
+                id: "signup_card_body",
+                props: { style: "padding: var(--space-500);" },
+                children: [
+                  {
+                    type: "VStack",
+                    id: "signup_stack",
+                    props: { space: "var(--space-400)", alignX: "stretch" },
+                    children: [
+                      {
+                        type: "Heading",
+                        id: "signup_title",
+                        props: {
+                          text: "Create your account",
+                          size: "2",
+                          level: "1"
+                        },
+                        children: []
+                      },
+                      {
+                        type: "Body",
+                        id: "signup_intro",
+                        props: {
+                          text: "Start with your work email and a secure password.",
+                          size: "small",
+                          variant: "optional"
+                        },
+                        children: []
+                      },
+                      {
+                        type: "FormGroup",
+                        id: "signup_fields",
+                        props: { variant: "vertical", "hide-label": !0 },
+                        children: [
+                          {
+                            type: "Field",
+                            id: "signup_name_field",
+                            props: { label: "Name" },
+                            children: [
+                              {
+                                type: "Input",
+                                id: "signup_name",
+                                props: {
+                                  label: "Name",
+                                  placeholder: "Jane Smith",
+                                  name: "name"
+                                },
+                                children: []
+                              }
+                            ]
+                          },
+                          {
+                            type: "Field",
+                            id: "signup_email_field",
+                            props: { label: "Email" },
+                            children: [
+                              {
+                                type: "Input",
+                                id: "signup_email",
+                                props: {
+                                  label: "Email",
+                                  type: "email",
+                                  placeholder: "jane@company.com",
+                                  name: "email"
+                                },
+                                children: []
+                              }
+                            ]
+                          },
+                          {
+                            type: "Field",
+                            id: "signup_password_field",
+                            props: { label: "Password" },
+                            children: [
+                              {
+                                type: "Input",
+                                id: "signup_password",
+                                props: {
+                                  label: "Password",
+                                  type: "password",
+                                  placeholder: "Create password",
+                                  name: "password"
+                                },
+                                children: []
+                              }
+                            ]
+                          },
+                          {
+                            type: "Checkbox",
+                            id: "signup_terms",
+                            props: {
+                              text: "I agree to the terms",
+                              size: "small"
+                            },
+                            children: []
+                          }
+                        ]
+                      },
+                      {
+                        type: "Button",
+                        id: "signup_submit",
+                        props: {
+                          text: "Create account",
+                          variant: "primary",
+                          size: "large"
+                        },
+                        children: []
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
           }
         ]
       },
-      // Rewards card with smart-card component
       rewardsCard: {
         type: "Container",
         id: "root",
@@ -441,17 +314,17 @@ FORMATTING:
         children: [
           {
             type: "Card",
-            id: "rewards-card",
+            id: "card",
             props: {},
             children: [
               {
                 type: "CardHeader",
-                id: "rewards-header",
+                id: "header",
                 props: {},
                 children: [
                   {
                     type: "Heading",
-                    id: "rewards-title",
+                    id: "title",
                     props: { text: "Rewards", size: "4", level: "4" },
                     children: []
                   }
@@ -459,23 +332,20 @@ FORMATTING:
               },
               {
                 type: "CardBody",
-                id: "rewards-body",
+                id: "body",
                 props: {},
                 children: [
                   {
                     type: "VStack",
-                    id: "rewards-content",
+                    id: "content",
                     props: { space: "var(--space-200)", alignX: "center" },
                     children: [
                       {
                         type: "SmartCard",
-                        id: "rewards-smart-card",
+                        id: "smart-card",
                         props: {
                           inverted: !0,
-                          bgColor: void 0,
-                          bgImage: "https://muibook.com/images/diamond.png",
-                          logo: void 0,
-                          logoHeight: void 0,
+                          "bg-image": "https://muibook.com/images/diamond.png",
                           partner: "https://muibook.com/images/emerald.svg",
                           number: "1234",
                           type: "Rewards",
@@ -492,296 +362,42 @@ FORMATTING:
           }
         ]
       },
-      // Horizontal button group
-      confirmDialog: {
-        type: "VStack",
-        id: "root",
-        props: { space: "var(--space-200)" },
-        children: [
-          {
-            type: "Heading",
-            id: "title",
-            props: { text: "Confirm Action", size: "3", level: "3" },
-            children: []
-          },
-          {
-            type: "Body",
-            id: "message",
-            props: { text: "Are you sure you want to proceed?", size: "medium" },
-            children: []
-          },
-          {
-            type: "HStack",
-            id: "buttons",
-            props: { space: "var(--space-100)", alignX: "end" },
-            children: [
-              {
-                type: "Button",
-                id: "cancel",
-                props: { text: "Cancel", variant: "secondary" },
-                children: []
-              },
-              {
-                type: "Button",
-                id: "confirm",
-                props: { text: "Confirm", variant: "primary" },
-                children: []
-              }
-            ]
-          }
-        ]
-      },
-      // Booking form with multiple input types
-      bookingForm: {
+      contactForm: {
         type: "VStack",
         id: "root",
-        props: { space: "var(--space-300)" },
+        props: {
+          space: "var(--space-300)",
+          style: "width: 100%; max-width: 960px;"
+        },
         children: [
           {
             type: "Heading",
             id: "title",
-            props: { text: "Book Your Table", size: "1", level: "1" },
-            children: []
-          },
-          {
-            type: "Body",
-            id: "subtitle",
-            props: { text: "Reserve your spot at our restaurant", size: "medium" },
+            props: { text: "Contact Us", size: "1", level: "1" },
             children: []
           },
           {
-            type: "VStack",
-            id: "form-fields",
-            props: { space: "var(--space-200)" },
-            children: [
-              {
-                type: "Input",
-                id: "name",
-                props: { label: "Your Name", type: "text", placeholder: "John Doe" },
-                children: []
-              },
-              {
-                type: "Input",
-                id: "email",
-                props: { label: "Email", type: "email", placeholder: "john@example.com" },
-                children: []
-              },
-              {
-                type: "Input",
-                id: "phone",
-                props: { label: "Phone", type: "tel", placeholder: "+1 (555) 000-0000" },
-                children: []
-              },
-              {
-                type: "HStack",
-                id: "datetime",
-                props: { space: "var(--space-200)" },
-                children: [
-                  {
-                    type: "Input",
-                    id: "date",
-                    props: { label: "Date", type: "date" },
-                    children: []
-                  },
-                  {
-                    type: "Input",
-                    id: "time",
-                    props: { label: "Time", type: "time" },
-                    children: []
-                  }
-                ]
-              },
-              {
-                type: "Select",
-                id: "guests",
-                props: {
-                  label: "Number of Guests",
-                  options: [
-                    { value: "1", label: "1 Guest" },
-                    { value: "2", label: "2 Guests" },
-                    { value: "3", label: "3 Guests" },
-                    { value: "4", label: "4 Guests" },
-                    { value: "5", label: "5+ Guests" }
-                  ]
-                },
-                children: []
-              }
-            ]
-          },
-          {
-            type: "HStack",
-            id: "actions",
-            props: { space: "var(--space-100)", alignX: "end" },
+            type: "Alert",
+            id: "info",
+            props: { variant: "info", label: "Info" },
             children: [
               {
-                type: "Button",
-                id: "cancel",
-                props: { text: "Cancel", variant: "secondary" },
-                children: []
-              },
-              {
-                type: "Button",
-                id: "submit",
-                props: { text: "Confirm Booking", variant: "primary" },
+                type: "Span",
+                id: "copy",
+                props: { text: "Reply in 24h." },
                 children: []
               }
             ]
-          }
-        ]
-      },
-      // Card layout with grid
-      dashboard: {
-        type: "VStack",
-        id: "root",
-        props: { space: "var(--space-400)" },
-        children: [
-          {
-            type: "Heading",
-            id: "title",
-            props: { text: "Dashboard", size: "1", level: "1" },
-            children: []
-          },
-          {
-            type: "Grid",
-            id: "stats-grid",
-            props: { col: "1fr 1fr 1fr", space: "var(--space-200)" },
-            children: [
-              {
-                type: "Card",
-                id: "card-1",
-                props: {},
-                children: [
-                  {
-                    type: "CardBody",
-                    id: "card-1-body",
-                    props: {},
-                    children: [
-                      {
-                        type: "VStack",
-                        id: "card-1-content",
-                        props: { space: "var(--space-100)" },
-                        children: [
-                          {
-                            type: "Body",
-                            id: "label-1",
-                            props: { text: "Total Users", size: "small", weight: "bold" },
-                            children: []
-                          },
-                          {
-                            type: "Heading",
-                            id: "value-1",
-                            props: { text: "1,2,3,4", size: "2", level: "2" },
-                            children: []
-                          }
-                        ]
-                      }
-                    ]
-                  }
-                ]
-              },
-              {
-                type: "Card",
-                id: "card-2",
-                props: {},
-                children: [
-                  {
-                    type: "CardBody",
-                    id: "card-2-body",
-                    props: {},
-                    children: [
-                      {
-                        type: "VStack",
-                        id: "card-2-content",
-                        props: { space: "var(--space-100)" },
-                        children: [
-                          {
-                            type: "Body",
-                            id: "label-2",
-                            props: { text: "Revenue", size: "small", weight: "bold" },
-                            children: []
-                          },
-                          {
-                            type: "Heading",
-                            id: "value-2",
-                            props: { text: "$45,678", size: "2", level: "2" },
-                            children: []
-                          }
-                        ]
-                      }
-                    ]
-                  }
-                ]
-              },
-              {
-                type: "Card",
-                id: "card-3",
-                props: {},
-                children: [
-                  {
-                    type: "CardBody",
-                    id: "card-3-body",
-                    props: {},
-                    children: [
-                      {
-                        type: "VStack",
-                        id: "card-3-content",
-                        props: { space: "var(--space-100)" },
-                        children: [
-                          {
-                            type: "Body",
-                            id: "label-3",
-                            props: { text: "Active Sessions", size: "small", weight: "bold" },
-                            children: []
-                          },
-                          {
-                            type: "Heading",
-                            id: "value-3",
-                            props: { text: "89", size: "2", level: "2" },
-                            children: []
-                          }
-                        ]
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      },
-      // Contact form with alerts
-      contactForm: {
-        type: "VStack",
-        id: "root",
-        props: { space: "var(--space-300)" },
-        children: [
-          {
-            type: "Heading",
-            id: "title",
-            props: { text: "Contact Us", size: "1", level: "1" },
-            children: []
-          },
-          {
-            type: "Alert",
-            id: "info",
-            props: { text: "We typically respond within 24 hours", variant: "info" },
-            children: []
           },
           {
             type: "VStack",
             id: "form",
             props: { space: "var(--space-200)" },
             children: [
-              {
-                type: "Input",
-                id: "name",
-                props: { label: "Your Name", type: "text" },
-                children: []
-              },
               {
                 type: "Input",
                 id: "email",
-                props: { label: "Email Address", type: "email" },
+                props: { label: "Email", type: "email" },
                 children: []
               },
               {
@@ -790,9 +406,9 @@ FORMATTING:
                 props: {
                   label: "Subject",
                   options: [
-                    { value: "general", label: "General Inquiry" },
-                    { value: "support", label: "Technical Support" },
-                    { value: "billing", label: "Billing Question" }
+                    { value: "general", label: "General" },
+                    { value: "support", label: "Support" },
+                    { value: "billing", label: "Billing" }
                   ]
                 },
                 children: []
@@ -800,7 +416,11 @@ FORMATTING:
               {
                 type: "Input",
                 id: "message",
-                props: { label: "Message", type: "text", placeholder: "Tell us how we can help..." },
+                props: {
+                  label: "Message",
+                  type: "text",
+                  placeholder: "How can we help?"
+                },
                 children: []
               }
             ]
@@ -812,178 +432,10 @@ FORMATTING:
             children: []
           }
         ]
-      },
-      // Settings page with switches
-      settingsPage: {
-        type: "VStack",
-        id: "root",
-        props: { space: "var(--space-400)" },
-        children: [
-          {
-            type: "Heading",
-            id: "title",
-            props: { text: "Settings", size: "1", level: "1" },
-            children: []
-          },
-          {
-            type: "VStack",
-            id: "notifications-section",
-            props: { space: "var(--space-200)" },
-            children: [
-              {
-                type: "Heading",
-                id: "notifications-title",
-                props: { text: "Notifications", size: "3", level: "3" },
-                children: []
-              },
-              {
-                type: "Switch",
-                id: "email-notifications",
-                props: { label: "Email Notifications", checked: !0 },
-                children: []
-              },
-              {
-                type: "Switch",
-                id: "push-notifications",
-                props: { label: "Push Notifications", checked: !1 },
-                children: []
-              },
-              {
-                type: "Switch",
-                id: "sms-notifications",
-                props: { label: "SMS Notifications", checked: !0 },
-                children: []
-              }
-            ]
-          },
-          {
-            type: "Rule",
-            id: "divider",
-            props: {},
-            children: []
-          },
-          {
-            type: "VStack",
-            id: "privacy-section",
-            props: { space: "var(--space-200)" },
-            children: [
-              {
-                type: "Heading",
-                id: "privacy-title",
-                props: { text: "Privacy", size: "3", level: "3" },
-                children: []
-              },
-              {
-                type: "Checkbox",
-                id: "public-profile",
-                props: { label: "Make profile public", checked: !1 },
-                children: []
-              },
-              {
-                type: "Checkbox",
-                id: "show-email",
-                props: { label: "Show email to other users", checked: !1 },
-                children: []
-              }
-            ]
-          },
-          {
-            type: "HStack",
-            id: "actions",
-            props: { space: "var(--space-100)", alignX: "end" },
-            children: [
-              {
-                type: "Button",
-                id: "cancel",
-                props: { text: "Cancel", variant: "secondary" },
-                children: []
-              },
-              {
-                type: "Button",
-                id: "save",
-                props: { text: "Save Changes", variant: "primary" },
-                children: []
-              }
-            ]
-          }
-        ]
-      },
-      // Tabs navigation
-      tabsExample: {
-        type: "VStack",
-        id: "root",
-        props: { space: "var(--space-300)" },
-        children: [
-          {
-            type: "Heading",
-            id: "title",
-            props: { text: "Product Details", size: "1", level: "1" },
-            children: []
-          },
-          {
-            type: "TabBar",
-            id: "tabs",
-            props: {},
-            children: [
-              {
-                type: "TabItem",
-                id: "overview-tab",
-                props: { text: "Overview", active: !0 },
-                children: []
-              },
-              {
-                type: "TabItem",
-                id: "specs-tab",
-                props: { text: "Specifications", active: !1 },
-                children: []
-              },
-              {
-                type: "TabItem",
-                id: "reviews-tab",
-                props: { text: "Reviews", active: !1 },
-                children: []
-              }
-            ]
-          },
-          {
-            type: "Card",
-            id: "content",
-            props: {},
-            children: [
-              {
-                type: "CardBody",
-                id: "product-details-card-body",
-                props: {},
-                children: [
-                  {
-                    type: "VStack",
-                    id: "tab-content",
-                    props: { space: "var(--space-200)" },
-                    children: [
-                      {
-                        type: "Heading",
-                        id: "content-title",
-                        props: { text: "Product Overview", size: "3", level: "3" },
-                        children: []
-                      },
-                      {
-                        type: "Body",
-                        id: "content-text",
-                        props: { text: "This is a high-quality product designed for professionals.", size: "medium" },
-                        children: []
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          }
-        ]
       }
     })
   }
 ];
 export {
-  i as muiA2UIPrompts,
-  e as muiPrompts
+  e as prompts
 };