@mlola-ui/registry 1.0.0

package/index.json

@@ -0,0 +1,413 @@
+{
+  "$schema": "./schema/registry-index.schema.json",
+  "schemaVersion": 2,
+  "name": "mlola-ui",
+  "version": "1.0.0",
+  "homepage": "https://ui.mlola.com",
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "default": "graphite",
+    "channels": [
+      "color",
+      "typography",
+      "geometry",
+      "density",
+      "depth",
+      "motion",
+      "texture",
+      "rhythm",
+      "icons"
+    ],
+    "invariants": [
+      "semantics",
+      "behavior",
+      "accessibility",
+      "component-anatomy"
+    ]
+  },
+  "themes": [
+    {
+      "id": "graphite",
+      "name": "Graphite",
+      "genre": "Product & AI",
+      "description": "Neutral graphite, crisp hairlines, and ink that stays out of the way."
+    },
+    {
+      "id": "atelier",
+      "name": "Atelier Umami",
+      "genre": "Editorial & Craft",
+      "description": "Warm cotton paper, artisanal ink, and an amber signal."
+    },
+    {
+      "id": "machined",
+      "name": "Machined Titanium",
+      "genre": "Industrial & Telemetry",
+      "description": "Aerospace telemetry, compact precision, and high contrast."
+    },
+    {
+      "id": "aerogel",
+      "name": "Aerogel Glass",
+      "genre": "Liquid AI & Optics",
+      "description": "Optical luminescence, liquid refraction, and specular depth."
+    },
+    {
+      "id": "nordic",
+      "name": "Nordic Earth",
+      "genre": "Organic & Minimal",
+      "description": "Forest moss, fjord stone, terracotta, and organic calm."
+    }
+  ],
+  "themeAliases": {},
+  "description": "Mlola UI open-source registry for source-copy components.",
+  "categories": [
+    {
+      "id": "actions",
+      "title": "Actions",
+      "description": "Buttons and menus that make something happen."
+    },
+    {
+      "id": "forms",
+      "title": "Forms",
+      "description": "Controls for entering and choosing values."
+    },
+    {
+      "id": "data",
+      "title": "Data display",
+      "description": "People, status and records at a glance."
+    },
+    {
+      "id": "feedback",
+      "title": "Feedback",
+      "description": "What happened, what is happening, and what is loading."
+    },
+    {
+      "id": "navigation",
+      "title": "Navigation",
+      "description": "Moving between pages, views and commands."
+    },
+    {
+      "id": "overlays",
+      "title": "Overlays",
+      "description": "Layers that sit above the page."
+    },
+    {
+      "id": "layout",
+      "title": "Layout",
+      "description": "Structure: disclosure, panes and space."
+    }
+  ],
+  "components": [
+    "accordion",
+    "alert",
+    "avatar",
+    "badge",
+    "breadcrumb",
+    "button",
+    "card",
+    "carousel",
+    "checkbox",
+    "command-menu",
+    "dropdown-menu",
+    "dropzone",
+    "empty-state",
+    "input",
+    "kbd",
+    "modal",
+    "otp-input",
+    "pagination",
+    "popover",
+    "progress",
+    "radio-group",
+    "rating",
+    "resizable",
+    "segmented-control",
+    "select",
+    "sheet",
+    "skeleton",
+    "slider",
+    "table",
+    "tabs",
+    "textarea",
+    "timeline",
+    "toast",
+    "toggle",
+    "tooltip",
+    "activity-heatmap",
+    "calendar",
+    "date-picker",
+    "time-picker",
+    "status-icon",
+    "priority-icon",
+    "combobox",
+    "tag-input",
+    "number-input",
+    "color-picker",
+    "stepper",
+    "virtual-list",
+    "context-menu",
+    "hover-card",
+    "tour",
+    "app-shell"
+  ],
+  "blocks": [],
+  "pages": [],
+  "templates": [],
+  "items": [
+    {
+      "name": "accordion",
+      "kind": "component",
+      "manifest": "components/accordion.json"
+    },
+    {
+      "name": "alert",
+      "kind": "component",
+      "manifest": "components/alert.json"
+    },
+    {
+      "name": "avatar",
+      "kind": "component",
+      "manifest": "components/avatar.json"
+    },
+    {
+      "name": "badge",
+      "kind": "component",
+      "manifest": "components/badge.json"
+    },
+    {
+      "name": "breadcrumb",
+      "kind": "component",
+      "manifest": "components/breadcrumb.json"
+    },
+    {
+      "name": "button",
+      "kind": "component",
+      "manifest": "components/button.json"
+    },
+    {
+      "name": "card",
+      "kind": "component",
+      "manifest": "components/card.json"
+    },
+    {
+      "name": "carousel",
+      "kind": "component",
+      "manifest": "components/carousel.json"
+    },
+    {
+      "name": "checkbox",
+      "kind": "component",
+      "manifest": "components/checkbox.json"
+    },
+    {
+      "name": "command-menu",
+      "kind": "component",
+      "manifest": "components/command-menu.json"
+    },
+    {
+      "name": "dropdown-menu",
+      "kind": "component",
+      "manifest": "components/dropdown-menu.json"
+    },
+    {
+      "name": "dropzone",
+      "kind": "component",
+      "manifest": "components/dropzone.json"
+    },
+    {
+      "name": "empty-state",
+      "kind": "component",
+      "manifest": "components/empty-state.json"
+    },
+    {
+      "name": "input",
+      "kind": "component",
+      "manifest": "components/input.json"
+    },
+    {
+      "name": "kbd",
+      "kind": "component",
+      "manifest": "components/kbd.json"
+    },
+    {
+      "name": "modal",
+      "kind": "component",
+      "manifest": "components/modal.json"
+    },
+    {
+      "name": "otp-input",
+      "kind": "component",
+      "manifest": "components/otp-input.json"
+    },
+    {
+      "name": "pagination",
+      "kind": "component",
+      "manifest": "components/pagination.json"
+    },
+    {
+      "name": "popover",
+      "kind": "component",
+      "manifest": "components/popover.json"
+    },
+    {
+      "name": "progress",
+      "kind": "component",
+      "manifest": "components/progress.json"
+    },
+    {
+      "name": "radio-group",
+      "kind": "component",
+      "manifest": "components/radio-group.json"
+    },
+    {
+      "name": "rating",
+      "kind": "component",
+      "manifest": "components/rating.json"
+    },
+    {
+      "name": "resizable",
+      "kind": "component",
+      "manifest": "components/resizable.json"
+    },
+    {
+      "name": "segmented-control",
+      "kind": "component",
+      "manifest": "components/segmented-control.json"
+    },
+    {
+      "name": "select",
+      "kind": "component",
+      "manifest": "components/select.json"
+    },
+    {
+      "name": "sheet",
+      "kind": "component",
+      "manifest": "components/sheet.json"
+    },
+    {
+      "name": "skeleton",
+      "kind": "component",
+      "manifest": "components/skeleton.json"
+    },
+    {
+      "name": "slider",
+      "kind": "component",
+      "manifest": "components/slider.json"
+    },
+    {
+      "name": "table",
+      "kind": "component",
+      "manifest": "components/table.json"
+    },
+    {
+      "name": "tabs",
+      "kind": "component",
+      "manifest": "components/tabs.json"
+    },
+    {
+      "name": "textarea",
+      "kind": "component",
+      "manifest": "components/textarea.json"
+    },
+    {
+      "name": "timeline",
+      "kind": "component",
+      "manifest": "components/timeline.json"
+    },
+    {
+      "name": "toast",
+      "kind": "component",
+      "manifest": "components/toast.json"
+    },
+    {
+      "name": "toggle",
+      "kind": "component",
+      "manifest": "components/toggle.json"
+    },
+    {
+      "name": "tooltip",
+      "kind": "component",
+      "manifest": "components/tooltip.json"
+    },
+    {
+      "name": "activity-heatmap",
+      "kind": "component",
+      "manifest": "components/activity-heatmap.json"
+    },
+    {
+      "name": "calendar",
+      "kind": "component",
+      "manifest": "components/calendar.json"
+    },
+    {
+      "name": "date-picker",
+      "kind": "component",
+      "manifest": "components/date-picker.json"
+    },
+    {
+      "name": "time-picker",
+      "kind": "component",
+      "manifest": "components/time-picker.json"
+    },
+    {
+      "name": "status-icon",
+      "kind": "component",
+      "manifest": "components/status-icon.json"
+    },
+    {
+      "name": "priority-icon",
+      "kind": "component",
+      "manifest": "components/priority-icon.json"
+    },
+    {
+      "name": "combobox",
+      "kind": "component",
+      "manifest": "components/combobox.json"
+    },
+    {
+      "name": "tag-input",
+      "kind": "component",
+      "manifest": "components/tag-input.json"
+    },
+    {
+      "name": "number-input",
+      "kind": "component",
+      "manifest": "components/number-input.json"
+    },
+    {
+      "name": "color-picker",
+      "kind": "component",
+      "manifest": "components/color-picker.json"
+    },
+    {
+      "name": "stepper",
+      "kind": "component",
+      "manifest": "components/stepper.json"
+    },
+    {
+      "name": "virtual-list",
+      "kind": "component",
+      "manifest": "components/virtual-list.json"
+    },
+    {
+      "name": "context-menu",
+      "kind": "component",
+      "manifest": "components/context-menu.json"
+    },
+    {
+      "name": "hover-card",
+      "kind": "component",
+      "manifest": "components/hover-card.json"
+    },
+    {
+      "name": "tour",
+      "kind": "component",
+      "manifest": "components/tour.json"
+    },
+    {
+      "name": "app-shell",
+      "kind": "component",
+      "manifest": "components/app-shell.json"
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@mlola-ui/registry",
+  "version": "1.0.0",
+  "description": "Validated Registry v2 metadata and source snapshot for Mlola UI",
+  "type": "module",
+  "main": "./snapshot/index.json",
+  "exports": {
+    ".": "./snapshot/index.json",
+    "./index": "./index.json",
+    "./items/components/*": "./components/*.json",
+    "./schema/*": "./schema/*.json",
+    "./generated/catalog": "./generated/catalog.ts",
+    "./snapshot/*": "./snapshot/*"
+  },
+  "files": [
+    "index.json",
+    "components",
+    "schema",
+    "snapshot",
+    "generated"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "Mlola",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mlolahq/mlola-ui.git",
+    "directory": "packages/registry"
+  },
+  "homepage": "https://ui.mlola.com",
+  "bugs": {
+    "url": "https://github.com/mlolahq/mlola-ui/issues"
+  },
+  "keywords": [
+    "mlola",
+    "ui",
+    "registry",
+    "components",
+    "source-copy"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/schema/mlola.config.schema.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://ui.mlola.com/schema/mlola.config.json",
+  "title": "Mlola CLI configuration",
+  "type": "object",
+  "required": ["$schema", "version", "theme", "aliases", "engine"],
+  "properties": {
+    "$schema": { "type": "string" },
+    "version": { "const": 1 },
+    "theme": { "enum": ["graphite", "atelier", "machined", "aerogel", "nordic"] },
+    "aliases": {
+      "type": "object",
+      "required": ["components", "blocks", "templates", "lib", "styles"],
+      "properties": {
+        "components": { "type": "string", "minLength": 1 },
+        "blocks": { "type": "string", "minLength": 1 },
+        "pages": { "type": "string", "minLength": 1 },
+        "templates": { "type": "string", "minLength": 1 },
+        "lib": { "type": "string", "minLength": 1 },
+        "styles": { "type": "string", "minLength": 1 }
+      },
+      "additionalProperties": false
+    },
+    "targets": {
+      "type": "object",
+      "properties": {
+        "components": { "type": "string", "minLength": 1 },
+        "blocks": { "type": "string", "minLength": 1 },
+        "pages": { "type": "string", "minLength": 1 },
+        "templates": { "type": "string", "minLength": 1 },
+        "lib": { "type": "string", "minLength": 1 },
+        "styles": { "type": "string", "minLength": 1 }
+      },
+      "additionalProperties": false
+    },
+    "engine": {
+      "type": "object",
+      "required": ["engine", "tokens", "motion", "scene", "icons", "behavior"],
+      "properties": {
+        "engine": { "type": "string" },
+        "tokens": { "type": "string" },
+        "motion": { "type": "string" },
+        "scene": { "type": "string" },
+        "icons": { "type": "string" },
+        "behavior": { "type": "string" }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

package/schema/registry-index.schema.json

@@ -0,0 +1,116 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://ui.mlola.com/schema/registry-index.v2.json",
+  "title": "Mlola Registry Index v2",
+  "type": "object",
+  "required": [
+    "$schema",
+    "schemaVersion",
+    "name",
+    "version",
+    "themeContract",
+    "themes",
+    "themeAliases",
+    "components",
+    "blocks",
+    "pages",
+    "templates",
+    "items"
+  ],
+  "properties": {
+    "$schema": { "type": "string" },
+    "schemaVersion": { "const": 2 },
+    "name": { "const": "mlola-ui" },
+    "version": { "type": "string", "pattern": "^\\d+\\.\\d+\\.\\d+" },
+    "description": { "type": "string" },
+    "homepage": { "type": "string", "format": "uri" },
+    "categories": {
+      "description": "Categories in display order; every item's category is one of these ids.",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "required": ["id", "title", "description"],
+        "properties": {
+          "id": { "type": "string", "pattern": "^[a-z0-9]+(?:-[a-z0-9]+)*$" },
+          "title": { "type": "string" },
+          "description": { "type": "string" },
+          "tier": { "enum": ["pro"], "description": "Pro categories ship in the commercial catalog." }
+        },
+        "additionalProperties": false
+      }
+    },
+    "themeContract": {
+      "type": "object",
+      "required": ["attribute", "modeAttribute", "default", "channels", "invariants"],
+      "properties": {
+        "attribute": { "const": "data-theme" },
+        "modeAttribute": { "const": "data-mode" },
+        "default": { "enum": ["graphite", "atelier", "machined", "aerogel", "nordic"] },
+        "channels": {
+          "type": "array",
+          "minItems": 1,
+          "items": { "type": "string" },
+          "uniqueItems": true
+        },
+        "invariants": {
+          "type": "array",
+          "minItems": 1,
+          "items": { "type": "string" },
+          "uniqueItems": true
+        }
+      },
+      "additionalProperties": false
+    },
+    "themes": {
+      "type": "array",
+      "minItems": 4,
+      "maxItems": 4,
+      "items": {
+        "type": "object",
+        "required": ["id", "name", "genre", "description"],
+        "properties": {
+          "id": { "enum": ["graphite", "atelier", "machined", "aerogel", "nordic"] },
+          "name": { "type": "string" },
+          "genre": { "type": "string" },
+          "description": { "type": "string" }
+        },
+        "additionalProperties": false
+      }
+    },
+    "themeAliases": {
+      "type": "object",
+      "additionalProperties": {
+        "enum": ["graphite", "atelier", "machined", "aerogel", "nordic"]
+      }
+    },
+    "components": { "$ref": "#/$defs/names" },
+    "blocks": { "$ref": "#/$defs/names" },
+    "pages": { "$ref": "#/$defs/names" },
+    "templates": { "$ref": "#/$defs/names" },
+    "items": {
+      "type": "array",
+      "minItems": 42,
+      "items": {
+        "type": "object",
+        "required": ["name", "kind", "manifest"],
+        "properties": {
+          "name": { "type": "string" },
+          "kind": { "enum": ["component", "block", "page", "template"] },
+          "manifest": { "type": "string" }
+        },
+        "additionalProperties": false
+      }
+    }
+  },
+  "$defs": {
+    "names": {
+      "type": "array",
+      "items": {
+        "type": "string",
+        "pattern": "^[a-z0-9]+(?:-[a-z0-9]+)*$"
+      },
+      "uniqueItems": true
+    }
+  },
+  "additionalProperties": false
+}