@almadar/patterns 2.23.1 → 2.25.0

package/dist/registry.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-07T06:31:44.696Z",
+  "exportedAt": "2026-05-10T00:51:00.079Z",
   "patterns": {
     "entity-table": {
       "type": "entity-table",
@@ -15278,6 +15278,12 @@
           ],
           "description": "Array of markers to display"
         },
+        "routes": {
+          "types": [
+            "array"
+          ],
+          "description": "Routes (polylines with optional popups) drawn over the tile layer"
+        },
         "centerLat": {
           "types": [
             "number"
@@ -25809,6 +25815,860 @@
         }
       }
     },
+    "filter-pill": {
+      "type": "filter-pill",
+      "category": "filter",
+      "description": "FilterPill component",
+      "suggestedFor": [
+        "filter",
+        "pill",
+        "filter pill"
+      ],
+      "typicalSize": "small",
+      "propsSchema": {
+        "variant": {
+          "types": [
+            "string"
+          ],
+          "description": "variant prop",
+          "enumValues": [
+            "default",
+            "primary",
+            "secondary",
+            "success",
+            "warning",
+            "danger",
+            "info",
+            "neutral"
+          ]
+        },
+        "size": {
+          "types": [
+            "string"
+          ],
+          "description": "size prop",
+          "enumValues": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
+        "label": {
+          "types": [
+            "string",
+            "number"
+          ],
+          "description": "Pill label text (alternative to children for schema-driven rendering)."
+        },
+        "icon": {
+          "types": [
+            "node"
+          ],
+          "description": "Optional icon name (Lucide icon string) or React node"
+        },
+        "onRemove": {
+          "types": [
+            "function"
+          ],
+          "description": "Called when the user clicks the remove (×) button",
+          "kind": "callback",
+          "callbackArgs": []
+        },
+        "removable": {
+          "types": [
+            "boolean"
+          ],
+          "description": "Disable the remove button (renders without × control)"
+        },
+        "onClick": {
+          "types": [
+            "function"
+          ],
+          "description": "Click handler for the body of the pill (filter toggle)",
+          "kind": "callback",
+          "callbackArgs": []
+        }
+      }
+    },
+    "likert-scale": {
+      "type": "likert-scale",
+      "category": "component",
+      "description": "LikertScale component",
+      "suggestedFor": [
+        "likert",
+        "scale",
+        "likert scale"
+      ],
+      "typicalSize": "medium",
+      "propsSchema": {
+        "question": {
+          "types": [
+            "string"
+          ],
+          "description": "Optional row prompt above the scale"
+        },
+        "options": {
+          "types": [
+            "array"
+          ],
+          "description": "Scale points (defaults to a 5-point agree/disagree set)"
+        },
+        "value": {
+          "types": [
+            "number",
+            "string"
+          ],
+          "description": "Selected value (controlled)"
+        },
+        "onChange": {
+          "types": [
+            "function"
+          ],
+          "description": "Change callback",
+          "kind": "callback",
+          "callbackArgs": [
+            {
+              "name": "value",
+              "type": "number"
+            }
+          ]
+        },
+        "disabled": {
+          "types": [
+            "boolean"
+          ],
+          "description": "Disabled state"
+        },
+        "size": {
+          "types": [
+            "string"
+          ],
+          "description": "Size variant",
+          "enumValues": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
+        "variant": {
+          "types": [
+            "string"
+          ],
+          "description": "Visual variant: classic radios or pill segmented buttons",
+          "enumValues": [
+            "radios",
+            "buttons"
+          ]
+        },
+        "className": {
+          "types": [
+            "string"
+          ],
+          "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": "Optional title rendered above the matrix"
+        },
+        "rows": {
+          "types": [
+            "array"
+          ],
+          "description": "Question rows",
+          "required": true
+        },
+        "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",