@muibook/components 20.0.0 → 20.1.0

package/dist/esm/knowledge/index.js

@@ -0,0 +1,28 @@
+import { agentCompositions as o, agentCompositionKeys as e, compositionConfig as s, compositions as i } from "./compositions/index.js";
+import { agentKeywords as t, agentKeywordKeys as n, keywords as r } from "./keywords/index.js";
+import { rules as m } from "./rules/index.js";
+const a = {
+  global: {
+    rules: m,
+    keywords: r,
+    compositions: i,
+    compositionConfig: s
+  },
+  agent: {
+    compositionKeys: e,
+    compositions: o,
+    keywordKeys: n,
+    keywords: t
+  }
+};
+export {
+  e as agentCompositionKeys,
+  o as agentCompositions,
+  n as agentKeywordKeys,
+  t as agentKeywords,
+  s as compositionConfig,
+  i as compositions,
+  r as keywords,
+  a as knowledge,
+  m as rules
+};

package/dist/esm/knowledge/keywords/index.js

@@ -0,0 +1,306 @@
+const o = {
+  // FEEDBACK
+  alert: ["alert", "success", "info", "warning", "error", "message", "banner", "notification"],
+  message: [
+    "page message",
+    "page notice",
+    "persistent notice",
+    "persistent message",
+    "system notice",
+    "status notice",
+    "message banner"
+  ],
+  loader: ["loader", "loading", "skeleton", "placeholder", "shimmer", "pulse", "fade", "spinner"],
+  spinner: ["spinner", "loading", "busy", "indicator", "progress"],
+  progress: ["progress", "bar", "loading", "completion", "percent", "syncing", "pending"],
+  // ACTIONS
+  button: ["button", "click", "action", "submit", "cta", "primary", "secondary", "tertiary", "attention"],
+  "button-group": ["button group", "buttons", "actions", "group", "right", "align"],
+  link: ["link", "anchor", "hyperlink", "navigation", "primary", "secondary", "tertiary", "attention"],
+  dropdown: ["dropdown", "menu", "popover", "context menu", "action menu"],
+  chip: ["chip", "tag", "filter", "active", "dismiss", "input chip"],
+  chipRail: ["chip rail", "filter rail", "scrolling chips", "chip navigation", "horizontal filters"],
+  // CONTENT
+  icon: [
+    "icon",
+    "glyph",
+    "symbol",
+    "add",
+    "plus",
+    "close",
+    "x",
+    "check",
+    "tick",
+    "warning",
+    "alert",
+    "chevron",
+    "arrow",
+    "accessibility",
+    "sun",
+    "moon",
+    "info",
+    "stop",
+    "globe",
+    "menu",
+    "ellipsis",
+    "grid",
+    "message",
+    "sidebar",
+    "subtract",
+    "minus"
+  ],
+  heading: ["heading", "title", "h1", "h2", "h3", "size", "level"],
+  body: ["body", "text", "paragraph", "copy", "default", "optional", "success", "warning", "error"],
+  span: ["span", "inline", "text", "rich text", "inline link"],
+  code: ["code", "snippet", "monospace", "pre", "syntax"],
+  quote: ["quote", "blockquote", "citation", "pull quote"],
+  list: ["list", "items", "ul", "li", "ordered", "unordered"],
+  avatar: ["avatar", "profile", "user", "initials", "image", "icon", "person"],
+  image: ["image", "photo", "picture", "figure", "caption", "img"],
+  illustrations: ["illustration", "empty state", "graphic", "artwork", "visual"],
+  markdown: ["markdown", "md", "rich content", "formatted content", "prose"],
+  skeleton: ["skeleton", "loading", "placeholder", "shimmer", "pulse", "line", "rect", "circle"],
+  badge: [
+    "badge",
+    "count",
+    "label",
+    "tag",
+    "metadata",
+    "notification",
+    "overlay",
+    "paid",
+    "busy",
+    "offline",
+    "beta",
+    "default",
+    "shared",
+    "positive",
+    "warning",
+    "error"
+  ],
+  status: [
+    "status",
+    "state",
+    "workflow state",
+    "record status",
+    "object status",
+    "active",
+    "draft",
+    "pending",
+    "review",
+    "blocked",
+    "synced",
+    "queued"
+  ],
+  // ACCORDION
+  accordion: [
+    "accordion",
+    "collapse",
+    "expand",
+    "toggle",
+    "show more",
+    "disclosure",
+    "section",
+    "detail",
+    "summary",
+    "accordion block",
+    "accordion inline",
+    "accordion group"
+  ],
+  // LAYOUT
+  stack: ["stack", "v-stack", "h-stack", "vertical", "horizontal", "spacing"],
+  grid: ["grid", "columns", "rows", "layout", "container"],
+  container: ["container", "wrapper", "layout", "section"],
+  responsive: ["responsive", "breakpoint", "mobile", "desktop", "showAbove", "showBelow"],
+  rule: ["rule", "divider", "separator", "line", "hr"],
+  // SURFACES
+  card: ["card", "panel", "box", "tile"],
+  dialog: ["dialog", "modal", "popup", "overlay", "lightbox", "confirm"],
+  drawer: ["drawer", "sidebar", "panel", "slide", "overlay", "push", "persistent", "left", "right"],
+  slat: [
+    "slat",
+    "row",
+    "summary",
+    "item row",
+    "preview",
+    "cell",
+    "list item",
+    "entry",
+    "stacked",
+    "slat header",
+    "slat action",
+    "slat content"
+  ],
+  table: [
+    "table",
+    "data table",
+    "grid",
+    "data grid",
+    "spreadsheet",
+    "rows",
+    "columns",
+    "cells",
+    "header row",
+    "data",
+    "record",
+    "tabular"
+  ],
+  mediaPlayer: [
+    "media player",
+    "video",
+    "audio",
+    "player",
+    "playback",
+    "controls",
+    "poster",
+    "artwork",
+    "waveform",
+    "picture in picture",
+    "fullscreen"
+  ],
+  videoThumbnail: ["video thumbnail", "thumbnail", "video preview", "poster", "play overlay", "preview card"],
+  smartCard: [
+    "card",
+    "smart card",
+    "debit",
+    "credit",
+    "reward",
+    "payment",
+    "bank",
+    "plain",
+    "animated",
+    "inverted",
+    "frozen",
+    "logo",
+    "partner",
+    "network",
+    "diamond",
+    "premier",
+    "sapphire",
+    "crystal",
+    "visa",
+    "mastercard",
+    "amex",
+    "payment network",
+    "background image",
+    "bg-image",
+    "background color",
+    "bg-color",
+    "number",
+    "type",
+    "variant",
+    "state"
+  ],
+  // FORMS AND INPUTS
+  input: ["input", "text field", "text input", "field", "entry", "form field"],
+  searchInput: [
+    "search input",
+    "search",
+    "filter",
+    "search field",
+    "search box",
+    "toolbar search",
+    "reveal search",
+    "search tabs"
+  ],
+  textarea: ["textarea", "text area", "multiline", "long text", "message", "description", "rows"],
+  select: ["select", "dropdown", "picker", "options", "choose", "combobox"],
+  checkbox: ["checkbox", "check", "tick", "agree", "terms", "boolean", "toggle"],
+  radio: ["radio", "radio button", "option", "choose one", "single select"],
+  radioGroup: ["radio group", "radio options", "single choice group", "option group"],
+  switch: ["switch", "toggle", "on off", "enable", "disable", "boolean"],
+  field: ["field", "form field", "label", "input wrapper", "validation", "error", "success", "warning"],
+  "form-group": ["form group", "form", "group", "vertical", "horizontal", "fieldset"],
+  "form-section": ["form section", "section", "form heading", "grouped fields"],
+  formSectionFooter: ["form section footer", "form footer", "form actions", "section actions"],
+  "form-message": ["form message", "hint", "helper text", "validation message", "field message"],
+  formHint: ["form hint", "hint", "helper text", "field help", "supporting text"],
+  hint: ["hint", "tooltip", "help text", "assistive hint", "supporting context"],
+  rangeInput: ["range", "slider", "min", "max", "step", "range input", "scrubber"],
+  chipInput: ["chip input", "tag input", "multi select", "token input", "chips"],
+  fileUpload: ["file upload", "upload", "attach", "file", "drag and drop", "attachment"],
+  addOn: ["addon", "input after", "input before", "prefix", "suffix", "unit", "currency"],
+  // NAVIGATION
+  tab: ["tab", "tab bar", "tab controller", "tab panel", "navigation", "tabs"],
+  carousel: ["carousel", "slider", "carousel controller", "carousel panel", "carousel item", "carousel tabs"],
+  stepper: ["stepper", "steps", "wizard", "progress steps", "multi step", "step indicator"],
+  // PROMPT
+  prompt: ["prompt", "ai prompt", "chat input", "message input", "fan", "context", "preview", "submit"],
+  agentPrompt: ["agent prompt", "assistant prompt", "system prompt", "llm prompt", "agent input"],
+  agentBubble: ["agent bubble", "assistant bubble", "chat bubble", "ai response", "agent message"],
+  promptMessage: ["prompt message", "chat message", "ai message", "ghost", "compact", "density"],
+  promptPreview: ["prompt preview", "preview", "badge", "image preview", "animated preview"],
+  promptToggle: ["prompt toggle", "toggle", "icon mode", "chip mode"],
+  // PRESENTATION
+  slideFrame: ["slide", "slides", "presentation", "slide frame", "deck", "ratio", "fullscreen", "section", "notes"],
+  slideSection: ["slide section", "deck section", "presentation section", "chapter", "section divider"]
+}, a = [
+  "alert",
+  "message",
+  "loader",
+  "spinner",
+  "progress",
+  "button",
+  "button-group",
+  "link",
+  "dropdown",
+  "chip",
+  "icon",
+  "heading",
+  "body",
+  "span",
+  "code",
+  "quote",
+  "list",
+  "avatar",
+  "image",
+  "skeleton",
+  "badge",
+  "status",
+  "accordion",
+  "stack",
+  "grid",
+  "container",
+  "responsive",
+  "rule",
+  "card",
+  "dialog",
+  "drawer",
+  "slat",
+  "table",
+  "smartCard",
+  "input",
+  "searchInput",
+  "textarea",
+  "select",
+  "checkbox",
+  "radio",
+  "switch",
+  "field",
+  "form-group",
+  "form-section",
+  "form-message",
+  "rangeInput",
+  "chipInput",
+  "fileUpload",
+  "addOn",
+  "tab",
+  "carousel",
+  "stepper",
+  "prompt",
+  "promptMessage",
+  "promptPreview",
+  "promptToggle",
+  "slideFrame"
+], r = a.reduce(
+  (t, e) => ({
+    ...t,
+    [e]: o[e]
+  }),
+  {}
+);
+export {
+  a as agentKeywordKeys,
+  r as agentKeywords,
+  o as keywords
+};

package/dist/esm/knowledge/rules/index.js

@@ -0,0 +1,199 @@
+const e = String.raw`
+Generate MUIBOOK component trees as JSON.
+
+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. 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.
+14. Do not use Message as a styled paragraph, inline note, or form helper. Message is only for persistent page-level notices with a heading and slotted body content.
+15. In Redactd JSON trees, slot placement belongs inside props, matching Muibook/MuiScan output. Example: { type: "VStack", props: { "slot": "start", ... }, children: [...] }. Do not put slot as a top-level node field.
+16. Do not add CardBody.props.condensed just because CardBody contains SlatGroup. SlatGroup inside CardBody already triggers card-aware spacing; only use condensed when the user explicitly asks for a tight edge-to-edge condensed card layout.
+
+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
+  - mui-avatar-chip -> AvatarChip
+  - mui-media-player -> MediaPlayer
+  - mui-video-thumbnail -> VideoThumbnail
+  - mui-model-viewer -> ModelViewer
+  - mui-table -> Table
+  - mui-row-group -> RowGroup
+  - mui-row -> Row
+  - mui-cell -> Cell
+  - span -> Span
+  - mui-icon-[name] -> _Icon with props.icon = "mui-icon-[name]"
+  - mui-illustration-[name] -> _Illustration with props.illustration = "mui-illustration-[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
+
+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-status: consume TEXT as the status's direct rendered text; preserve before/after icon slot children; do not invent Body, Badge, or Message inside Status
+  - 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; if there is no supporting body content, prefer Body or FormMessage instead of Message
+- Do not invent wrappers when the target already supports text
+
+Available Components:
+
+LAYOUT:
+- VStack: slot, space, padding, alignX, alignY, height, width, fill, viewport, style
+- HStack: slot, space, padding, alignX, alignY, height, width, fill, viewport, style
+- Grid: slot, col, space, padding, alignX, alignY, height, width, fill, viewport, style
+- Container: size (small|medium|large), center, style
+- Responsive: breakpoint, breakpoint-low, breakpoint-high; slots showBelow/showMiddle/showAbove
+- Rule: length, weight (thin|thick|CSS size), direction (horizontal|vertical)
+
+SURFACES:
+- Card: use CardBody for card content
+- CardHeader: none
+- CardBody: condensed, style. Do not set condensed by default for SlatGroup layouts; leave props empty unless the user explicitly asks for condensed card spacing.
+- CardFooter: none
+- Dialog: open, width, content-max-height, style
+- Drawer: open, variant (overlay|push|persistent|workspace), side (left|right), width, z-index, drawer-space, breakpoint, style
+- Drawer workspace: variant=workspace, left-open, right-open, left-width, right-width, resize-rail, resize-min-drawer-width, resize-min-left-width, resize-min-right-width, resize-min-page-width, resize-close-threshold, height; slots left/page/right. Use when an editor/canvas has independent left and right panels around a central page. Keep direct slot wrappers plain in HTML exports when possible.
+- Slat: variant, col, space; child slots accessory/start/end. Do not use header-start, header-end, row-start, row-end, action, or unslotted wrapper children. Put primary row content in a direct child with props.slot="start", trailing value/status/action content in a direct child with props.slot="end", and optional leading avatar/icon content in a direct child with props.slot="accessory".
+- SlatGroup: usage. When SlatGroup is inside CardBody, keep CardBody uncondensed by default; CardBody detects SlatGroup and applies the correct card spacing automatically.
+- SmartCard: state, number, variant, partner, type, logo, logo-height, bg-color, bg-image, inverted
+
+CONTENT:
+- Heading: text, size (1|2|3|4|5|6), level (1|2|3|4|5|6), truncate, clamp
+- Body: text, size (xx-small|x-small|small|medium|large), weight (regular|bold), variant (default|optional|info|success|warning|error), truncate, clamp, style; use _Icon icon=mui-icon-info slot=before for lightweight inline guidance
+- 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
+- AvatarChip: primary, secondary, image, label, href, target, size (x-small|small|medium|large), usage (default|media-player); slots primary/secondary. Use for compact identity metadata with an avatar and one or two text/link lines. MediaPlayer applies usage=media-player automatically when slotted into media metadata.
+- 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
+- _Illustration: illustration, size (x-small|small|medium|large|x-large), color, slot
+- Badge: text, variant (default|neutral|positive|warning|error|overlay), color (grey|purple|violet|pink|magenta|red|orange|amber|yellow|lime|green|teal|cyan|blue|indigo|CSS background value). Use for compact non-interactive presentational metadata, counts, and lightweight state-like labels such as Offline, Online, Busy, Do not disturb, Beta, Default, IMG, or Shared when the surrounding UI already explains the object. Good inside cards, messages, chips, buttons, tabs, navigation, and hero or marketing surfaces. Use color to override the badge background only through theme-aware badge background tokens; do not use positive, warning, or attention just to get a different background colour.
+- Status: text, variant (info|positive|warning|attention), color (grey|purple|violet|pink|magenta|red|orange|amber|yellow|lime|green|teal|cyan|blue|indigo), size (small|medium); slots before/after. Use for compact object or workflow state labels such as Active, Draft, Pending, Review, Blocked, or Synced when the value is the primary state of a record, workflow, or system, especially in tables, slats, dashboards, and data-heavy pages. Status is non-interactive by default, but can be interactive when composed as a trigger or compact state action. Omit variant for default low-emphasis grey status; use variant for semantic feedback and color for non-semantic categorical labels. Use action only when the status is a trigger. Do not use for counts, helper text, paragraph guidance, page-level notices, or decorative metadata.
+- Skeleton: loading, shape (line|rect|circle), size, animation (shimmer|pulse|none), lines, width, height, radius, gap, duration, line-widths, max-width, style
+- Table: slot default. Use for dense desktop data layouts.
+- RowGroup: heading; children Row.
+- Row: columns, size (x-small|small|medium); children Cell.
+- Cell: action, align-y; children content or action controls.
+
+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
+
+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|info|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), appearance (native|custom), selected-content (rich|label), col, space, max-height, padding-block, padding-inline. Use options for simple data selects; use Option children only when appearance=custom needs rich composed native option content.
+- Option: value, label; children can contain layout/content for Select appearance=custom. Keep Option inside Select only.
+- 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
+
+ACTIONS:
+- Button: text, variant (primary|secondary|tertiary|overlay|attention), size (xx-small|x-small|small|medium|large), stroke (border|ring), stroke-ring-size (100|200|300|400|500), disabled, aria-label; slots default/before/after
+- ButtonGroup: slot default, right, style
+- Link: text, href, variant (primary|secondary|tertiary|overlay|attention), size (xx-small|x-small|small|medium|large), stroke (border|ring), stroke-ring-size (100|200|300|400|500), 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. Chip labels truncate when constrained; keep text short and let icons/dismiss controls remain visible.
+- ChipRail: size, aria-label; children Chip. Use for horizontally scrollable filters and category rails.
+
+NAVIGATION:
+- TabBar: speed, controlsPosition, stroke (border|none), active-inset, radius; 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
+
+FEEDBACK:
+- Message: heading, variant (neutral|positive|info|warning|attention), icon, size (small|medium|large); slot default. Use only for persistent page-level or section-level notices. Always provide a concise heading plus default slot body content, usually Body/List/Link. Do not use for inline guidance, styled text blocks, or form helper text.
+- 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|x-large|xx-large), color, duration, label, style
+- Progress: progress, state
+
+MEDIA:
+- MediaPlayer: src, type (video|audio|youtube|soundcloud), controls (player|none), poster, artwork, media-title, height, waveform, center-play, loading, autoplay, muted, loop; slots meta-before/meta-after. Use meta-before for AvatarChip/title metadata and meta-after for overlay actions such as Subscribe or Buy now. Use variant=overlay on Button/Link actions when over video or artwork.
+- VideoThumbnail: src, src-light, src-dark, src-mui-light, src-mui-dark, src-jal-light, src-jal-dark, src-ana-light, src-ana-dark, src-sensei-light, src-sensei-dark, src-paperclip-light, src-paperclip-dark, alt, play, overlay. Use inside video cards when the thumbnail needs to react to brand and light/dark theme.
+- ModelViewer: src, ios-src, poster, alt, controls, camera-controls, auto-rotate, ar, loading; slots default/poster. Always include alt and fallback content when a model is important to understanding the page.
+
+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
+
+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:
+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:
+- SmartCard number: last four digits only (e.g. 1234).
+
+`;
+export {
+  e as rules
+};