@mlola-ui/registry 1.0.0

package/components/modal.json

@@ -0,0 +1,63 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "modal",
+  "type": "registry:ui",
+  "title": "Modal",
+  "description": "Accessible dialog overlay with focus trap, escape handling, and scroll lock",
+  "category": "overlays",
+  "variants": [],
+  "sizes": [
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "full"
+  ],
+  "tags": [
+    "overlay",
+    "dialog",
+    "focus"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/modal",
+    "exportName": "Modal",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {
+    "@mlola-ui/behavior": "^1.0.0",
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/dialog.ts",
+      "target": "{{aliases.components}}/_internal/dialog.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-Q7DPI2BipgFjPd3T8g2GGicrVal0cp0eMKXWFqcj64k="
+    },
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/modal/modal.tsx",
+      "target": "{{aliases.components}}/modal.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-vybxgBGYCrMYvJRnO1wDAc2VFQylu+mQIf5OZIcabX4="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/number-input.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "number-input",
+  "type": "registry:ui",
+  "title": "Number Input",
+  "description": "A number field formatted at rest in the reader's locale, with steppers you can hold, arrows, bounds and precision",
+  "category": "forms",
+  "tags": [
+    "number",
+    "stepper",
+    "currency",
+    "quantity",
+    "form"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/number-input",
+    "exportName": "NumberInput",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "input"
+  ],
+  "engineDependencies": {
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/number-input/number-input.tsx",
+      "target": "{{aliases.components}}/number-input.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-D+8jH2YaW4lCv/F02qvkc9Huhxvz0y1idzgOBwsjiN8="
+    },
+    {
+      "path": "packages/components/number-input/number.ts",
+      "target": "{{aliases.components}}/number-input/number.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-IrHCQrEhI5ein9ifMFuSViSoxQUBoT3tNmmCu/paGGM="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/otp-input.json

@@ -0,0 +1,49 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "otp-input",
+  "type": "registry:ui",
+  "title": "OTP Input",
+  "description": "A one-time code as separate boxes that type, delete, paste and autofill like one field",
+  "category": "forms",
+  "tags": [
+    "form",
+    "otp",
+    "verification",
+    "auth"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/otp-input",
+    "exportName": "OtpInput",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "input"
+  ],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/otp-input/otp-input.tsx",
+      "target": "{{aliases.components}}/otp-input.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-MWDyTP99wVAQSYJsF78ol1Kv9LKOj1lybmp2zOomVqo="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/pagination.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "pagination",
+  "type": "registry:ui",
+  "title": "Pagination",
+  "description": "Page navigation with prev/next, page numbers, and ellipsis for large ranges",
+  "category": "navigation",
+  "variants": [],
+  "sizes": [],
+  "tags": [
+    "navigation",
+    "data",
+    "interactive"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/pagination",
+    "exportName": "Pagination",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/pagination/pagination.tsx",
+      "target": "{{aliases.components}}/pagination.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-FBwk8tq4JcsK2D0dlWEYiDSRx3owgBmGzEIlVRaNBoE="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/popover.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "popover",
+  "type": "registry:ui",
+  "title": "Popover",
+  "description": "A non-modal layer anchored to its trigger that flips and shifts to stay on screen",
+  "category": "overlays",
+  "tags": [
+    "overlay",
+    "floating",
+    "menu"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/popover",
+    "exportName": "Popover",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/anchor.ts",
+      "target": "{{aliases.components}}/_internal/anchor.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-Jo9N3iIaWnS1CJzYhgTv7vnW+8MLyzL8X4GRNjeEp+g="
+    },
+    {
+      "path": "packages/components/_internal/floating.ts",
+      "target": "{{aliases.components}}/_internal/floating.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-+WxgC4CtAlSr2qA1EkoDTgto535XLIPsvtOfdOK6CHk="
+    },
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/popover/popover.tsx",
+      "target": "{{aliases.components}}/popover.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-/kTiAuFklU4IuP97XaiCUGdEpKtNyMPLPS359mfzPHw="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/priority-icon.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "priority-icon",
+  "type": "registry:ui",
+  "title": "Priority Icon",
+  "description": "A work item priority as signal bars, with a filled alert for urgent",
+  "category": "data",
+  "tags": [
+    "priority",
+    "issue",
+    "workflow",
+    "icon"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/priority-icon",
+    "exportName": "PriorityIcon",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/priority-icon/labels.ts",
+      "target": "{{aliases.components}}/priority-icon/labels.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-zhmJIb7/gS16wU+xCJ7hkReBi9q5RI3SMwdjkJvvvKU="
+    },
+    {
+      "path": "packages/components/priority-icon/priority-icon.tsx",
+      "target": "{{aliases.components}}/priority-icon.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-3D6hFRpht3YuWouLhakE2DFdldavmJx0B/povEDwrtQ="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/progress.json

@@ -0,0 +1,57 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "progress",
+  "type": "registry:ui",
+  "title": "Progress",
+  "description": "Horizontal and circular progress indicators with variants and indeterminate mode",
+  "category": "feedback",
+  "variants": [
+    "default",
+    "success",
+    "warning",
+    "danger"
+  ],
+  "sizes": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "tags": [
+    "feedback",
+    "loading",
+    "status"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/progress",
+    "exportName": "Progress",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/progress/progress.tsx",
+      "target": "{{aliases.components}}/progress.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-3SOA1JX54msiq/pF2UolesQqQZm0zSVyZQi6W38lOOA="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/radio-group.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "category": "forms",
+  "description": "A native radio group with vertical and horizontal orientations",
+  "name": "radio-group",
+  "sizes": [],
+  "tags": [
+    "form",
+    "input",
+    "selection"
+  ],
+  "title": "Radio Group",
+  "type": "registry:ui",
+  "variants": [],
+  "usage": {
+    "importPath": "{{aliases.components}}/radio-group",
+    "exportName": "RadioGroup",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/radio-group/radio-group.tsx",
+      "target": "{{aliases.components}}/radio-group.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-jhnSEBLkdpe8dv5us/Q1sMsQF4sKGRgDXWGKm2JSFew="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/rating.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "category": "data",
+  "description": "Star rating with exact fractional fill and optional review count",
+  "name": "rating",
+  "sizes": [],
+  "tags": [
+    "component",
+    "rating",
+    "stars"
+  ],
+  "title": "Rating",
+  "type": "registry:ui",
+  "variants": [],
+  "usage": {
+    "importPath": "{{aliases.components}}/rating",
+    "exportName": "Rating",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/rating/rating.tsx",
+      "target": "{{aliases.components}}/rating.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-zgPOQXzAiRE4qGNPQ8qat3SP1XSI/7567kA5VaT51P0="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/resizable.json

@@ -0,0 +1,46 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "resizable",
+  "type": "registry:ui",
+  "title": "Resizable",
+  "description": "Two panes and a keyboard-accessible handle between them",
+  "category": "layout",
+  "tags": [
+    "layout",
+    "panes",
+    "split"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/resizable",
+    "exportName": "Resizable",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {},
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/resizable/resizable.tsx",
+      "target": "{{aliases.components}}/resizable.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-40sK2UyIR9Ek72KAu5nvbr44tKEY6JhC5Ftb++Wf6cI="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/segmented-control.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "segmented-control",
+  "type": "registry:ui",
+  "title": "Segmented Control",
+  "description": "Single-choice control that swaps between a small set of options",
+  "category": "forms",
+  "variants": [],
+  "sizes": [],
+  "tags": [
+    "component",
+    "segmented",
+    "form",
+    "selection"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/segmented-control",
+    "exportName": "SegmentedControl",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {
+    "@mlola-ui/behavior": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/segmented-control/segmented-control.tsx",
+      "target": "{{aliases.components}}/segmented-control.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-sExMN2WHtzxcaCu7xN/1jaP+sRVwJ2OAW1WkKGhNYnU="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/select.json

@@ -0,0 +1,67 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "select",
+  "type": "registry:ui",
+  "title": "Select",
+  "description": "Custom searchable dropdown with option groups, keyboard navigation, and clearing",
+  "category": "forms",
+  "variants": [],
+  "sizes": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "tags": [
+    "form",
+    "interactive",
+    "dropdown"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/select",
+    "exportName": "Select",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {
+    "@mlola-ui/behavior": "^1.0.0",
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/anchor.ts",
+      "target": "{{aliases.components}}/_internal/anchor.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-Jo9N3iIaWnS1CJzYhgTv7vnW+8MLyzL8X4GRNjeEp+g="
+    },
+    {
+      "path": "packages/components/_internal/floating.ts",
+      "target": "{{aliases.components}}/_internal/floating.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-+WxgC4CtAlSr2qA1EkoDTgto535XLIPsvtOfdOK6CHk="
+    },
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/select/select.tsx",
+      "target": "{{aliases.components}}/select.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-MWHL/mlAO2ob4H3EmYSBZcC1qqy+M3cF1Z4s0R+frrc="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}