@almadar/patterns 2.23.1 → 2.25.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/patterns-registry.json
 var patterns_registry_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-07T06:31:44.696Z",
+  exportedAt: "2026-05-10T00:51:00.079Z",
   patterns: {
     "entity-table": {
       type: "entity-table",
@@ -15279,6 +15279,12 @@ var patterns_registry_default = {
           ],
           description: "Array of markers to display"
         },
+        routes: {
+          types: [
+            "array"
+          ],
+          description: "Routes (polylines with optional popups) drawn over the tile layer"
+        },
         centerLat: {
           types: [
             "number"
@@ -25810,12 +25816,14 @@ var patterns_registry_default = {
         }
       }
     },
-    heading: {
-      type: "heading",
-      category: "component",
-      description: "Alias for typography \u2014 Typography Atom Component  Text elements following the KFlow design system with theme-aware styling.",
+    "filter-pill": {
+      type: "filter-pill",
+      category: "filter",
+      description: "FilterPill component",
       suggestedFor: [
-        "typography"
+        "filter",
+        "pill",
+        "filter pill"
       ],
       typicalSize: "small",
       propsSchema: {
@@ -25823,274 +25831,1126 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Typography variant",
-          enumValues: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "heading",
-            "subheading",
-            "body1",
-            "body2",
-            "body",
-            "caption",
-            "overline",
-            "small",
-            "large",
-            "label"
-          ]
-        },
-        level: {
-          types: [
-            "number"
-          ],
-          description: "Heading level (1-6) - alternative to variant for headings"
-        },
-        color: {
-          types: [
-            "string"
-          ],
-          description: "Text color",
+          description: "variant prop",
           enumValues: [
+            "default",
             "primary",
             "secondary",
-            "muted",
-            "error",
             "success",
             "warning",
-            "inherit"
-          ]
-        },
-        align: {
-          types: [
-            "string"
-          ],
-          description: "Text alignment",
-          enumValues: [
-            "left",
-            "center",
-            "right"
-          ]
-        },
-        weight: {
-          types: [
-            "string"
-          ],
-          description: "Font weight override",
-          enumValues: [
-            "light",
-            "normal",
-            "medium",
-            "semibold",
-            "bold"
+            "danger",
+            "info",
+            "neutral"
           ]
         },
         size: {
           types: [
             "string"
           ],
-          description: "Font size override",
+          description: "size prop",
           enumValues: [
-            "xs",
             "sm",
             "md",
-            "lg",
-            "xl",
-            "2xl",
-            "3xl"
-          ]
-        },
-        truncate: {
-          types: [
-            "boolean"
-          ],
-          description: "Truncate with ellipsis (single line)"
-        },
-        overflow: {
-          types: [
-            "string"
-          ],
-          description: "Overflow handling mode",
-          enumValues: [
-            "visible",
-            "hidden",
-            "wrap",
-            "clamp-2",
-            "clamp-3"
+            "lg"
           ]
         },
-        as: {
-          types: [
-            "unknown"
-          ],
-          description: "Custom HTML element"
-        },
-        id: {
+        label: {
           types: [
-            "string"
+            "string",
+            "number"
           ],
-          description: "HTML id attribute"
+          description: "Pill label text (alternative to children for schema-driven rendering)."
         },
-        className: {
+        icon: {
           types: [
-            "string"
+            "node"
           ],
-          description: "Additional class names"
+          description: "Optional icon name (Lucide icon string) or React node"
         },
-        style: {
+        onRemove: {
           types: [
-            "object"
+            "function"
           ],
-          description: "Inline style"
+          description: "Called when the user clicks the remove (\xD7) button",
+          kind: "callback",
+          callbackArgs: []
         },
-        content: {
+        removable: {
           types: [
-            "node"
+            "boolean"
           ],
-          description: "Text content (alternative to children)"
+          description: "Disable the remove button (renders without \xD7 control)"
         },
-        children: {
+        onClick: {
           types: [
-            "node"
+            "function"
           ],
-          description: "Children elements"
+          description: "Click handler for the body of the pill (filter toggle)",
+          kind: "callback",
+          callbackArgs: []
         }
       }
     },
-    text: {
-      type: "text",
+    "likert-scale": {
+      type: "likert-scale",
       category: "component",
-      description: "Alias for typography \u2014 Typography Atom Component  Text elements following the KFlow design system with theme-aware styling.",
+      description: "LikertScale component",
       suggestedFor: [
-        "typography"
+        "likert",
+        "scale",
+        "likert scale"
       ],
-      typicalSize: "small",
+      typicalSize: "medium",
       propsSchema: {
-        variant: {
+        question: {
           types: [
             "string"
           ],
-          description: "Typography variant",
-          enumValues: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "heading",
-            "subheading",
-            "body1",
-            "body2",
-            "body",
-            "caption",
-            "overline",
-            "small",
-            "large",
-            "label"
-          ]
+          description: "Optional row prompt above the scale"
         },
-        level: {
+        options: {
           types: [
-            "number"
+            "array"
           ],
-          description: "Heading level (1-6) - alternative to variant for headings"
+          description: "Scale points (defaults to a 5-point agree/disagree set)"
         },
-        color: {
+        value: {
           types: [
+            "number",
             "string"
           ],
-          description: "Text color",
-          enumValues: [
-            "primary",
-            "secondary",
-            "muted",
-            "error",
-            "success",
-            "warning",
-            "inherit"
-          ]
+          description: "Selected value (controlled)"
         },
-        align: {
+        onChange: {
           types: [
-            "string"
+            "function"
           ],
-          description: "Text alignment",
-          enumValues: [
-            "left",
-            "center",
-            "right"
+          description: "Change callback",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "value",
+              type: "number"
+            }
           ]
         },
-        weight: {
+        disabled: {
           types: [
-            "string"
+            "boolean"
           ],
-          description: "Font weight override",
-          enumValues: [
-            "light",
-            "normal",
-            "medium",
-            "semibold",
-            "bold"
-          ]
+          description: "Disabled state"
         },
         size: {
           types: [
             "string"
           ],
-          description: "Font size override",
+          description: "Size variant",
           enumValues: [
-            "xs",
             "sm",
             "md",
-            "lg",
-            "xl",
-            "2xl",
-            "3xl"
+            "lg"
           ]
         },
-        truncate: {
-          types: [
-            "boolean"
-          ],
-          description: "Truncate with ellipsis (single line)"
-        },
-        overflow: {
+        variant: {
           types: [
             "string"
           ],
-          description: "Overflow handling mode",
+          description: "Visual variant: classic radios or pill segmented buttons",
           enumValues: [
-            "visible",
-            "hidden",
-            "wrap",
-            "clamp-2",
-            "clamp-3"
+            "radios",
+            "buttons"
           ]
         },
-        as: {
+        className: {
           types: [
-            "unknown"
+            "string"
           ],
-          description: "Custom HTML element"
-        },
-        id: {
+          description: "Additional CSS classes"
+        }
+      }
+    },
+    "matrix-question": {
+      type: "matrix-question",
+      category: "component",
+      description: "MatrixQuestion component",
+      suggestedFor: [
+        "matrix",
+        "question",
+        "matrix question"
+      ],
+      typicalSize: "medium",
+      propsSchema: {
+        title: {
           types: [
             "string"
           ],
-          description: "HTML id attribute"
+          description: "Optional title rendered above the matrix"
         },
-        className: {
+        rows: {
           types: [
-            "string"
+            "array"
           ],
-          description: "Additional class names"
+          description: "Question rows",
+          required: true
         },
-        style: {
+        columns: {
+          types: [
+            "array"
+          ],
+          description: "Column definitions; defaults to 5-point Likert"
+        },
+        values: {
+          types: [
+            "object"
+          ],
+          description: "Selected value per row, keyed by rowId"
+        },
+        onChange: {
+          types: [
+            "function"
+          ],
+          description: "Change handler invoked with rowId and selected column value",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "rowId",
+              type: "string"
+            },
+            {
+              name: "value",
+              type: "number"
+            }
+          ]
+        },
+        disabled: {
+          types: [
+            "boolean"
+          ],
+          description: "Disable all inputs"
+        },
+        size: {
+          types: [
+            "string"
+          ],
+          description: "Visual size",
+          enumValues: [
+            "sm",
+            "md"
+          ]
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional CSS classes"
+        }
+      }
+    },
+    "qr-scanner": {
+      type: "qr-scanner",
+      category: "component",
+      description: "QrScanner component",
+      suggestedFor: [
+        "scanner",
+        "qr scanner"
+      ],
+      typicalSize: "medium",
+      propsSchema: {
+        onScan: {
+          types: [
+            "function"
+          ],
+          description: "onScan prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "result",
+              type: "object"
+            }
+          ]
+        },
+        onError: {
+          types: [
+            "function"
+          ],
+          description: "onError prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "error",
+              type: "object"
+            }
+          ]
+        },
+        facingMode: {
+          types: [
+            "string"
+          ],
+          description: "facingMode prop",
+          enumValues: [
+            "environment",
+            "user"
+          ]
+        },
+        paused: {
+          types: [
+            "boolean"
+          ],
+          description: "paused prop"
+        },
+        showOverlay: {
+          types: [
+            "boolean"
+          ],
+          description: "showOverlay prop"
+        },
+        showCameraControls: {
+          types: [
+            "boolean"
+          ],
+          description: "showCameraControls prop"
+        },
+        fallback: {
+          types: [
+            "node"
+          ],
+          description: "fallback prop"
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "className prop"
+        }
+      }
+    },
+    "vote-stack": {
+      type: "vote-stack",
+      category: "component",
+      description: "VoteStack component",
+      suggestedFor: [
+        "vote",
+        "stack",
+        "vote stack"
+      ],
+      typicalSize: "medium",
+      propsSchema: {
+        count: {
+          types: [
+            "number"
+          ],
+          description: "Current tally",
+          required: true
+        },
+        userVote: {
+          types: [
+            "string"
+          ],
+          description: "Current user's vote (null = no vote cast)",
+          enumValues: [
+            "up",
+            "down"
+          ]
+        },
+        onVote: {
+          types: [
+            "function"
+          ],
+          description: "Toggle handler. Clicking the same arrow clears (emits null).",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "next",
+              type: "string"
+            }
+          ]
+        },
+        disabled: {
+          types: [
+            "boolean"
+          ],
+          description: "Disabled state"
+        },
+        size: {
+          types: [
+            "string"
+          ],
+          description: "Size variant",
+          enumValues: [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
+        variant: {
+          types: [
+            "string"
+          ],
+          description: "Layout orientation. `vertical` = forum/Q&A column; `horizontal` = compact row.",
+          enumValues: [
+            "vertical",
+            "horizontal"
+          ]
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional CSS classes"
+        },
+        label: {
+          types: [
+            "string"
+          ],
+          description: "Accessible label for the group"
+        }
+      }
+    },
+    "branching-logic-builder": {
+      type: "branching-logic-builder",
+      category: "display",
+      description: "BranchingLogicBuilder component",
+      suggestedFor: [
+        "branching",
+        "logic",
+        "builder",
+        "branching logic builder"
+      ],
+      typicalSize: "large",
+      propsSchema: {
+        questions: {
+          types: [
+            "array"
+          ],
+          description: "questions prop",
+          required: true
+        },
+        rules: {
+          types: [
+            "array"
+          ],
+          description: "rules prop",
+          required: true
+        },
+        onRulesChange: {
+          types: [
+            "function"
+          ],
+          description: "onRulesChange prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "rules",
+              type: "array"
+            }
+          ]
+        },
+        readOnly: {
+          types: [
+            "boolean"
+          ],
+          description: "readOnly prop"
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "className prop"
+        }
+      }
+    },
+    "reply-tree": {
+      type: "reply-tree",
+      category: "display",
+      description: "ReplyTree component",
+      suggestedFor: [
+        "reply",
+        "tree",
+        "reply tree"
+      ],
+      typicalSize: "large",
+      propsSchema: {
+        nodes: {
+          types: [
+            "array"
+          ],
+          description: "nodes prop",
+          required: true
+        },
+        maxDepth: {
+          types: [
+            "number"
+          ],
+          description: "maxDepth prop"
+        },
+        onVote: {
+          types: [
+            "function"
+          ],
+          description: "onVote prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "nodeId",
+              type: "string"
+            },
+            {
+              name: "vote",
+              type: "string"
+            }
+          ]
+        },
+        onReply: {
+          types: [
+            "function"
+          ],
+          description: "onReply prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "parentNodeId",
+              type: "string"
+            }
+          ]
+        },
+        onFlag: {
+          types: [
+            "function"
+          ],
+          description: "onFlag prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "nodeId",
+              type: "string"
+            }
+          ]
+        },
+        onContinueThread: {
+          types: [
+            "function"
+          ],
+          description: "onContinueThread prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "nodeId",
+              type: "string"
+            }
+          ]
+        },
+        showActions: {
+          types: [
+            "boolean"
+          ],
+          description: "showActions prop"
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "className prop"
+        }
+      }
+    },
+    "rich-block-editor": {
+      type: "rich-block-editor",
+      category: "display",
+      description: "RichBlockEditor component",
+      suggestedFor: [
+        "rich",
+        "block",
+        "editor",
+        "rich block editor"
+      ],
+      typicalSize: "large",
+      propsSchema: {
+        initialBlocks: {
+          types: [
+            "array"
+          ],
+          description: "initialBlocks prop"
+        },
+        onChange: {
+          types: [
+            "function"
+          ],
+          description: "onChange prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "blocks",
+              type: "array"
+            }
+          ]
+        },
+        readOnly: {
+          types: [
+            "boolean"
+          ],
+          description: "readOnly prop"
+        },
+        placeholder: {
+          types: [
+            "string"
+          ],
+          description: "placeholder prop"
+        },
+        showToolbar: {
+          types: [
+            "boolean"
+          ],
+          description: "showToolbar prop"
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "className prop"
+        }
+      }
+    },
+    "version-diff": {
+      type: "version-diff",
+      category: "display",
+      description: "VersionDiff component",
+      suggestedFor: [
+        "version",
+        "diff",
+        "version diff"
+      ],
+      typicalSize: "large",
+      propsSchema: {
+        revisions: {
+          types: [
+            "array"
+          ],
+          description: "All available revisions (at least 2).",
+          required: true
+        },
+        beforeId: {
+          types: [
+            "string"
+          ],
+          description: 'Currently selected "before" revision id.'
+        },
+        afterId: {
+          types: [
+            "string"
+          ],
+          description: 'Currently selected "after" revision id.'
+        },
+        view: {
+          types: [
+            "string"
+          ],
+          description: "Display mode.",
+          enumValues: [
+            "side-by-side",
+            "inline"
+          ]
+        },
+        onSelectBefore: {
+          types: [
+            "function"
+          ],
+          description: 'Called when the user picks a different "before" revision.',
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "id",
+              type: "string"
+            }
+          ]
+        },
+        onSelectAfter: {
+          types: [
+            "function"
+          ],
+          description: 'Called when the user picks a different "after" revision.',
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "id",
+              type: "string"
+            }
+          ]
+        },
+        onRevert: {
+          types: [
+            "function"
+          ],
+          description: 'Called when the user clicks the revert button (passes the "before" id).',
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "id",
+              type: "string"
+            }
+          ]
+        },
+        language: {
+          types: [
+            "string"
+          ],
+          description: "Language label (informational)."
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional CSS classes."
+        }
+      }
+    },
+    "option-constraint-group": {
+      type: "option-constraint-group",
+      category: "component",
+      description: 'OptionConstraintGroup Molecule Component  Generic constrained option selector (radio for "single", checkbox for "multi") with required/optional/multi constraints. Renders radio inputs for `single` constraint and checkboxes for `multi`. Reports validation errors inline when the current selection violates the constraint.  **Atomic Design**: Composed using Typography atom and native form controls.',
+      suggestedFor: [
+        "option",
+        "constraint",
+        "group",
+        "option constraint group"
+      ],
+      typicalSize: "medium",
+      propsSchema: {
+        groupId: {
+          types: [
+            "string"
+          ],
+          description: "groupId prop",
+          required: true
+        },
+        title: {
+          types: [
+            "string"
+          ],
+          description: "title prop",
+          required: true
+        },
+        description: {
+          types: [
+            "string"
+          ],
+          description: "description prop"
+        },
+        options: {
+          types: [
+            "array"
+          ],
+          description: "options prop",
+          required: true
+        },
+        constraint: {
+          types: [
+            "object"
+          ],
+          description: "constraint prop",
+          required: true
+        },
+        selected: {
+          types: [
+            "array"
+          ],
+          description: "selected prop"
+        },
+        onChange: {
+          types: [
+            "function"
+          ],
+          description: "onChange prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "selected",
+              type: "array"
+            }
+          ]
+        },
+        size: {
+          types: [
+            "string"
+          ],
+          description: "size prop",
+          enumValues: [
+            "sm",
+            "md"
+          ]
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "className prop"
+        }
+      }
+    },
+    "positioned-canvas": {
+      type: "positioned-canvas",
+      category: "game",
+      description: "PositionedCanvas component",
+      suggestedFor: [
+        "positioned",
+        "canvas",
+        "positioned canvas"
+      ],
+      typicalSize: "medium",
+      propsSchema: {
+        items: {
+          types: [
+            "array"
+          ],
+          description: "items prop",
+          required: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop"
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop"
+        },
+        selectedId: {
+          types: [
+            "string"
+          ],
+          description: "selectedId prop"
+        },
+        editable: {
+          types: [
+            "boolean"
+          ],
+          description: "editable prop"
+        },
+        onSelect: {
+          types: [
+            "function"
+          ],
+          description: "onSelect prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "id",
+              type: "string"
+            }
+          ]
+        },
+        onMove: {
+          types: [
+            "function"
+          ],
+          description: "onMove prop",
+          kind: "callback",
+          callbackArgs: [
+            {
+              name: "id",
+              type: "string"
+            },
+            {
+              name: "x",
+              type: "number"
+            },
+            {
+              name: "y",
+              type: "number"
+            }
+          ]
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "className prop"
+        }
+      }
+    },
+    heading: {
+      type: "heading",
+      category: "component",
+      description: "Alias for typography \u2014 Typography Atom Component  Text elements following the KFlow design system with theme-aware styling.",
+      suggestedFor: [
+        "typography"
+      ],
+      typicalSize: "small",
+      propsSchema: {
+        variant: {
+          types: [
+            "string"
+          ],
+          description: "Typography variant",
+          enumValues: [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "heading",
+            "subheading",
+            "body1",
+            "body2",
+            "body",
+            "caption",
+            "overline",
+            "small",
+            "large",
+            "label"
+          ]
+        },
+        level: {
+          types: [
+            "number"
+          ],
+          description: "Heading level (1-6) - alternative to variant for headings"
+        },
+        color: {
+          types: [
+            "string"
+          ],
+          description: "Text color",
+          enumValues: [
+            "primary",
+            "secondary",
+            "muted",
+            "error",
+            "success",
+            "warning",
+            "inherit"
+          ]
+        },
+        align: {
+          types: [
+            "string"
+          ],
+          description: "Text alignment",
+          enumValues: [
+            "left",
+            "center",
+            "right"
+          ]
+        },
+        weight: {
+          types: [
+            "string"
+          ],
+          description: "Font weight override",
+          enumValues: [
+            "light",
+            "normal",
+            "medium",
+            "semibold",
+            "bold"
+          ]
+        },
+        size: {
+          types: [
+            "string"
+          ],
+          description: "Font size override",
+          enumValues: [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl",
+            "2xl",
+            "3xl"
+          ]
+        },
+        truncate: {
+          types: [
+            "boolean"
+          ],
+          description: "Truncate with ellipsis (single line)"
+        },
+        overflow: {
+          types: [
+            "string"
+          ],
+          description: "Overflow handling mode",
+          enumValues: [
+            "visible",
+            "hidden",
+            "wrap",
+            "clamp-2",
+            "clamp-3"
+          ]
+        },
+        as: {
+          types: [
+            "unknown"
+          ],
+          description: "Custom HTML element"
+        },
+        id: {
+          types: [
+            "string"
+          ],
+          description: "HTML id attribute"
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional class names"
+        },
+        style: {
+          types: [
+            "object"
+          ],
+          description: "Inline style"
+        },
+        content: {
+          types: [
+            "node"
+          ],
+          description: "Text content (alternative to children)"
+        },
+        children: {
+          types: [
+            "node"
+          ],
+          description: "Children elements"
+        }
+      }
+    },
+    text: {
+      type: "text",
+      category: "component",
+      description: "Alias for typography \u2014 Typography Atom Component  Text elements following the KFlow design system with theme-aware styling.",
+      suggestedFor: [
+        "typography"
+      ],
+      typicalSize: "small",
+      propsSchema: {
+        variant: {
+          types: [
+            "string"
+          ],
+          description: "Typography variant",
+          enumValues: [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "heading",
+            "subheading",
+            "body1",
+            "body2",
+            "body",
+            "caption",
+            "overline",
+            "small",
+            "large",
+            "label"
+          ]
+        },
+        level: {
+          types: [
+            "number"
+          ],
+          description: "Heading level (1-6) - alternative to variant for headings"
+        },
+        color: {
+          types: [
+            "string"
+          ],
+          description: "Text color",
+          enumValues: [
+            "primary",
+            "secondary",
+            "muted",
+            "error",
+            "success",
+            "warning",
+            "inherit"
+          ]
+        },
+        align: {
+          types: [
+            "string"
+          ],
+          description: "Text alignment",
+          enumValues: [
+            "left",
+            "center",
+            "right"
+          ]
+        },
+        weight: {
+          types: [
+            "string"
+          ],
+          description: "Font weight override",
+          enumValues: [
+            "light",
+            "normal",
+            "medium",
+            "semibold",
+            "bold"
+          ]
+        },
+        size: {
+          types: [
+            "string"
+          ],
+          description: "Font size override",
+          enumValues: [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl",
+            "2xl",
+            "3xl"
+          ]
+        },
+        truncate: {
+          types: [
+            "boolean"
+          ],
+          description: "Truncate with ellipsis (single line)"
+        },
+        overflow: {
+          types: [
+            "string"
+          ],
+          description: "Overflow handling mode",
+          enumValues: [
+            "visible",
+            "hidden",
+            "wrap",
+            "clamp-2",
+            "clamp-3"
+          ]
+        },
+        as: {
+          types: [
+            "unknown"
+          ],
+          description: "Custom HTML element"
+        },
+        id: {
+          types: [
+            "string"
+          ],
+          description: "HTML id attribute"
+        },
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional class names"
+        },
+        style: {
           types: [
             "object"
           ],
@@ -26736,7 +27596,7 @@ var integrators_registry_default = {
 // src/component-mapping.json
 var component_mapping_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-07T06:31:44.696Z",
+  exportedAt: "2026-05-10T00:51:00.079Z",
   mappings: {
     "page-header": {
       component: "PageHeader",
@@ -28531,6 +29391,61 @@ var component_mapping_default = {
       importPath: "@/components/organisms/AvlOrbitalsCosmicZoom",
       category: "display"
     },
+    "filter-pill": {
+      component: "FilterPill",
+      importPath: "@/components/atoms/FilterPill",
+      category: "filter"
+    },
+    "likert-scale": {
+      component: "LikertScale",
+      importPath: "@/components/molecules/LikertScale",
+      category: "component"
+    },
+    "matrix-question": {
+      component: "MatrixQuestion",
+      importPath: "@/components/molecules/MatrixQuestion",
+      category: "component"
+    },
+    "qr-scanner": {
+      component: "QrScanner",
+      importPath: "@/components/molecules/QrScanner",
+      category: "component"
+    },
+    "vote-stack": {
+      component: "VoteStack",
+      importPath: "@/components/molecules/VoteStack",
+      category: "component"
+    },
+    "branching-logic-builder": {
+      component: "BranchingLogicBuilder",
+      importPath: "@/components/organisms/BranchingLogicBuilder",
+      category: "display"
+    },
+    "reply-tree": {
+      component: "ReplyTree",
+      importPath: "@/components/organisms/ReplyTree",
+      category: "display"
+    },
+    "rich-block-editor": {
+      component: "RichBlockEditor",
+      importPath: "@/components/organisms/RichBlockEditor",
+      category: "display"
+    },
+    "version-diff": {
+      component: "VersionDiff",
+      importPath: "@/components/organisms/VersionDiff",
+      category: "display"
+    },
+    "option-constraint-group": {
+      component: "OptionConstraintGroup",
+      importPath: "@/components/molecules/OptionConstraintGroup",
+      category: "component"
+    },
+    "positioned-canvas": {
+      component: "PositionedCanvas",
+      importPath: "@/components/molecules/PositionedCanvas",
+      category: "game"
+    },
     heading: {
       component: "Typography",
       importPath: "@/components/atoms/Typography",
@@ -28547,7 +29462,7 @@ var component_mapping_default = {
 // src/event-contracts.json
 var event_contracts_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-07T06:31:44.696Z",
+  exportedAt: "2026-05-10T00:51:00.079Z",
   contracts: {
     form: {
       emits: [