@mlola-ui/registry 1.0.0

package/components/checkbox.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "category": "forms",
+  "description": "An accessible checkbox with label, description, error, and indeterminate state",
+  "name": "checkbox",
+  "sizes": [],
+  "tags": [
+    "form",
+    "input",
+    "selection"
+  ],
+  "title": "Checkbox",
+  "type": "registry:ui",
+  "variants": [],
+  "usage": {
+    "importPath": "{{aliases.components}}/checkbox",
+    "exportName": "Checkbox",
+    "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/checkbox/checkbox.tsx",
+      "target": "{{aliases.components}}/checkbox.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-yBfPogs6Q2lEoEbgErLTextGzc11BXn+0UX1RPABtBY="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/color-picker.json

@@ -0,0 +1,60 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "color-picker",
+  "type": "registry:ui",
+  "title": "Color Picker",
+  "description": "A colour field with a saturation area, hue and opacity, hex, rgb or oklch, an eyedropper, presets and a contrast check",
+  "category": "forms",
+  "tags": [
+    "color",
+    "colour",
+    "picker",
+    "oklch",
+    "hex",
+    "form"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/color-picker",
+    "exportName": "ColorPicker",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "input",
+    "popover"
+  ],
+  "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/color-picker/color-picker.tsx",
+      "target": "{{aliases.components}}/color-picker.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-UziuULSI7dIGLfu4jjWIz6Cbh2/HiaY2KYXlfQ+6iQg="
+    },
+    {
+      "path": "packages/components/color-picker/color.ts",
+      "target": "{{aliases.components}}/color-picker/color.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-3IO6DaelZ6TVn2aw+6o6pZCQGAQdeNRkN7sPypUzddE="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/combobox.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "combobox",
+  "type": "registry:ui",
+  "title": "Combobox",
+  "description": "A text field that filters a long list as you type, with grouping, descriptions and creating what is missing",
+  "category": "forms",
+  "tags": [
+    "combobox",
+    "autocomplete",
+    "search",
+    "select",
+    "form"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/combobox",
+    "exportName": "ComboboxList",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "input"
+  ],
+  "engineDependencies": {
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/match.ts",
+      "target": "{{aliases.components}}/_internal/match.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-nKBpKWeow5ubAHUhOW8yOjlrKs0lqYdjbaYYfE8VoII="
+    },
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/_internal/scroll.ts",
+      "target": "{{aliases.components}}/_internal/scroll.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-/YxhPPJa6Iax4q5eEs8dmpQp634TbvB+421MphEyscQ="
+    },
+    {
+      "path": "packages/components/combobox/combobox.tsx",
+      "target": "{{aliases.components}}/combobox.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-CnuJP01m0ZPMB4MGjoKbJCBQ7inI6bPf5aMDrq4m1qI="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/command-menu.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "command-menu",
+  "type": "registry:ui",
+  "title": "Command Menu",
+  "description": "The ⌘K palette: ranked commands with shortcuts, keyboard navigation and matched letters bolded",
+  "category": "navigation",
+  "tags": [
+    "command",
+    "palette",
+    "search",
+    "keyboard"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/command-menu",
+    "exportName": "CommandMenu",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "kbd",
+    "modal"
+  ],
+  "engineDependencies": {
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/_internal/match.ts",
+      "target": "{{aliases.components}}/_internal/match.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-nKBpKWeow5ubAHUhOW8yOjlrKs0lqYdjbaYYfE8VoII="
+    },
+    {
+      "path": "packages/components/_internal/react.ts",
+      "target": "{{aliases.components}}/_internal/react.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-SH63/haiB4Q93uFjMIMe5xZbaxENu3VI+GcidV8HELM="
+    },
+    {
+      "path": "packages/components/_internal/scroll.ts",
+      "target": "{{aliases.components}}/_internal/scroll.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-/YxhPPJa6Iax4q5eEs8dmpQp634TbvB+421MphEyscQ="
+    },
+    {
+      "path": "packages/components/command-menu/command-menu.tsx",
+      "target": "{{aliases.components}}/command-menu.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-mF1z92yrPY609pjx5Dt1l5EhGHl9EWV8F8Sq0hyJRw4="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/context-menu.json

@@ -0,0 +1,61 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "context-menu",
+  "type": "registry:ui",
+  "title": "Context Menu",
+  "description": "A right-click menu built for what was clicked, with shortcuts, typeahead, long-press on touch and Shift+F10",
+  "category": "actions",
+  "tags": [
+    "context menu",
+    "right click",
+    "menu",
+    "actions"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/context-menu",
+    "exportName": "ContextMenu",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {
+    "@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/context-menu/context-menu.tsx",
+      "target": "{{aliases.components}}/context-menu.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-YgYsIzvLGFcJG1XX5zFJwrid5Z1Kn0lyWVzmLKmbMVU="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/date-picker.json

@@ -0,0 +1,59 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "date-picker",
+  "type": "registry:ui",
+  "title": "Date Picker",
+  "description": "A date field that opens a calendar, for one date or a range with presets, shown in the reader's format and stored as ISO",
+  "category": "forms",
+  "tags": [
+    "date",
+    "picker",
+    "range",
+    "form"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/date-picker",
+    "exportName": "DatePicker",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "calendar",
+    "input",
+    "popover"
+  ],
+  "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/calendar/dates.ts",
+      "target": "{{aliases.components}}/calendar/dates.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-mygYkoC70av2ZQ0vkxf885trwW97Wd10I4dptYQe+4A="
+    },
+    {
+      "path": "packages/components/date-picker/date-picker.tsx",
+      "target": "{{aliases.components}}/date-picker.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-pX7snZCO3SxVftkCvI/f5b82bNHPconUa50BJnjYNWc="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/dropdown-menu.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "category": "actions",
+  "description": "A keyboard-navigable dropdown menu with icons, shortcuts, and danger items",
+  "name": "dropdown-menu",
+  "sizes": [],
+  "tags": [
+    "menu",
+    "overlay",
+    "navigation"
+  ],
+  "title": "Dropdown Menu",
+  "type": "registry:ui",
+  "variants": [],
+  "usage": {
+    "importPath": "{{aliases.components}}/dropdown-menu",
+    "exportName": "DropdownMenu",
+    "isDefault": false
+  },
+  "registryDependencies": [],
+  "engineDependencies": {
+    "@mlola-ui/behavior": "^1.0.0",
+    "@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/dropdown-menu/dropdown-menu.tsx",
+      "target": "{{aliases.components}}/dropdown-menu.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-xgybCu9HBxIieafu5CjAtY4aCOQoaAj/VUCH6D6vLP8="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/dropzone.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "dropzone",
+  "type": "registry:ui",
+  "title": "Dropzone",
+  "description": "Drop, choose or paste files; checked for type, size and count before they are handed over",
+  "category": "forms",
+  "tags": [
+    "form",
+    "upload",
+    "files",
+    "attachments"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/dropzone",
+    "exportName": "Dropzone",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "input"
+  ],
+  "engineDependencies": {
+    "@mlola-ui/icons": "^1.0.0"
+  },
+  "files": [
+    {
+      "path": "packages/components/dropzone/dropzone.tsx",
+      "target": "{{aliases.components}}/dropzone.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-jMVEnTki4Suhx7pOWfLX9MO1Q3nLz0xqDJ/2EPHdpYg="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/empty-state.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "empty-state",
+  "type": "registry:ui",
+  "title": "Empty State",
+  "description": "What a screen says when there is nothing to show yet, and the way forward",
+  "category": "data",
+  "tags": [
+    "empty",
+    "onboarding"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/empty-state",
+    "exportName": "EmptyState",
+    "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/empty-state/empty-state.tsx",
+      "target": "{{aliases.components}}/empty-state.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-AWwOuZgm71hossjCGYygtvzGcDy6JOPryF+U1UrsLhM="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/hover-card.json

@@ -0,0 +1,59 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "hover-card",
+  "type": "registry:ui",
+  "title": "Hover Card",
+  "description": "A preview card that opens when the pointer rests on a link or name, and on keyboard focus",
+  "category": "overlays",
+  "tags": [
+    "hover card",
+    "preview",
+    "profile",
+    "popover"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/hover-card",
+    "exportName": "HoverCard",
+    "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/hover-card/hover-card.tsx",
+      "target": "{{aliases.components}}/hover-card.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-HZyB9SUDcRPG8MvRX1sHqHA2rNcO63yVevH9hiGqVAA="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/input.json

@@ -0,0 +1,56 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "input",
+  "type": "registry:ui",
+  "title": "Input",
+  "description": "Text input with variants, sizes, label, hint, and error states",
+  "category": "forms",
+  "variants": [
+    "default",
+    "filled",
+    "subtle"
+  ],
+  "sizes": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "tags": [
+    "form",
+    "interactive",
+    "text"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/input",
+    "exportName": "Field",
+    "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/input/input.tsx",
+      "target": "{{aliases.components}}/input.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-lbbheo+ydQTzyujTf0W7DD96TogOjifCyqj9c3h3W0g="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/components/kbd.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "kbd",
+  "type": "registry:ui",
+  "title": "Kbd",
+  "description": "Keys and platform-aware shortcuts: mod+k reads ⌘K on a Mac and Ctrl K elsewhere, spoken as words",
+  "category": "data",
+  "tags": [
+    "keyboard",
+    "shortcut"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/kbd",
+    "exportName": "Kbd",
+    "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/kbd/kbd.tsx",
+      "target": "{{aliases.components}}/kbd.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-wrPqzn1e82zJYoKzO7u94Bgq4+nPc0DXLc8GJ/4/3nY="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}