@mlola-ui/registry 1.0.0

package/snapshot/items/components/skeleton.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "skeleton",
+  "type": "registry:ui",
+  "title": "Skeleton",
+  "description": "Shimmering loading placeholders for text, avatars, and cards",
+  "category": "feedback",
+  "variants": [],
+  "sizes": [],
+  "tags": [
+    "loading",
+    "placeholder",
+    "feedback"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/skeleton",
+    "exportName": "Skeleton",
+    "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/skeleton/skeleton.tsx",
+      "target": "{{aliases.components}}/skeleton.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-2Fk72NbLr3+CrXH7jGbHNsc3t+vskMqSyySe/UwbGCs="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/slider.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "slider",
+  "type": "registry:ui",
+  "title": "Slider",
+  "description": "An accessible single-value slider with keyboard support and pointer dragging",
+  "category": "forms",
+  "variants": [],
+  "sizes": [
+    "sm",
+    "md"
+  ],
+  "tags": [
+    "form",
+    "input",
+    "range"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/slider",
+    "exportName": "Slider",
+    "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/slider/slider.tsx",
+      "target": "{{aliases.components}}/slider.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-l+VrBqPYHIIcemiVixxwDxNDB0HEMmYRZekx/H5HroQ="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/status-icon.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "status-icon",
+  "type": "registry:ui",
+  "title": "Status Icon",
+  "description": "A work item status as one glyph: backlog, todo, in progress, in review, done and canceled, readable without colour",
+  "category": "data",
+  "tags": [
+    "status",
+    "issue",
+    "workflow",
+    "icon"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/status-icon",
+    "exportName": "StatusIcon",
+    "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/status-icon/labels.ts",
+      "target": "{{aliases.components}}/status-icon/labels.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-EE8q+geQBbJUs7I3RmaHZnPwn7Vjk2GjCfxvI4ruXKM="
+    },
+    {
+      "path": "packages/components/status-icon/status-icon.tsx",
+      "target": "{{aliases.components}}/status-icon.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-TtrTeoePyfH1VhKuWC0v12FuwfgND1CHnH5x8fyf4AM="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/stepper.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "stepper",
+  "type": "registry:ui",
+  "title": "Stepper",
+  "description": "Progress through a flow of steps, horizontal or vertical, clickable, condensing to \"Step 2 of 4\" when narrow",
+  "category": "navigation",
+  "tags": [
+    "stepper",
+    "steps",
+    "wizard",
+    "progress",
+    "checkout"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/stepper",
+    "exportName": "Stepper",
+    "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/stepper/stepper.tsx",
+      "target": "{{aliases.components}}/stepper.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-uI/dRmkbijlixHiGUceWcpaDzpEixrzQ1UTmoPbGZAY="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/table.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "table",
+  "type": "registry:ui",
+  "title": "Table",
+  "description": "A compositional data table with sortable columns, striped rows, density sizes, and footer totals",
+  "category": "data",
+  "variants": [
+    "default",
+    "striped"
+  ],
+  "sizes": [
+    "sm",
+    "md"
+  ],
+  "tags": [
+    "data",
+    "layout"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/table",
+    "exportName": "Table",
+    "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/table/table.tsx",
+      "target": "{{aliases.components}}/table.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-ed1Qn2sIpxRvGdPDAb5ih5AcXr5PmHTHdlrJLYDYRp8="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/tabs.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "tabs",
+  "type": "registry:ui",
+  "title": "Tabs",
+  "description": "Tabbed interface with underline, pills, and enclosed variants",
+  "category": "navigation",
+  "variants": [
+    "default",
+    "pills",
+    "enclosed"
+  ],
+  "sizes": [],
+  "tags": [
+    "navigation",
+    "interactive",
+    "layout"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/tabs",
+    "exportName": "Tabs",
+    "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/tabs/tabs.tsx",
+      "target": "{{aliases.components}}/tabs.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-kWAQjE9mshqZL7V3NJTUiurp6M5Nu3vx5O1LsIgdV5Y="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/tag-input.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "tag-input",
+  "type": "registry:ui",
+  "title": "Tag Input",
+  "description": "Many short values in one field: add with Enter or a comma, paste lists, remove with Backspace, with suggestions and validation",
+  "category": "forms",
+  "tags": [
+    "tags",
+    "chips",
+    "multi",
+    "email",
+    "form"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/tag-input",
+    "exportName": "TagInput",
+    "isDefault": false
+  },
+  "registryDependencies": [
+    "combobox",
+    "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/tag-input/tag-input.tsx",
+      "target": "{{aliases.components}}/tag-input.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-+R1f2XljDYInsfuggKkpqz5m9TqEa0g3QYKMX2TE6h0="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/textarea.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "textarea",
+  "type": "registry:ui",
+  "title": "Textarea",
+  "description": "Multi-line text that grows as it is written, with a counter near its limit",
+  "category": "forms",
+  "tags": [
+    "form",
+    "text",
+    "input"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/textarea",
+    "exportName": "Textarea",
+    "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/textarea/textarea.tsx",
+      "target": "{{aliases.components}}/textarea.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-jeyvAlzFr25eWZ/Inkxo1UEOHXlCPB/QHeId124SfR8="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/time-picker.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "time-picker",
+  "type": "registry:ui",
+  "title": "Time Picker",
+  "description": "A time field of typeable spinbuttons in 12- or 24-hour time, with a quick list; the value is always HH:MM",
+  "category": "forms",
+  "tags": [
+    "time",
+    "picker",
+    "form",
+    "clock"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/time-picker",
+    "exportName": "TimePicker",
+    "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/time-picker/time-picker.tsx",
+      "target": "{{aliases.components}}/time-picker.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-OyIfJN6xVv6TwUYtRirkemJe5VMcu2HXxjaJj8fvu9I="
+    },
+    {
+      "path": "packages/components/time-picker/times.ts",
+      "target": "{{aliases.components}}/time-picker/times.ts",
+      "type": "registry:ui",
+      "integrity": "sha256-V/4uqFZPn9gVnyx8cB9vwp/RocmTYaPmLxjfy8DPQOI="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/timeline.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "timeline",
+  "type": "registry:ui",
+  "title": "Timeline",
+  "description": "A vertical event timeline with status dots, timestamps, and custom icon nodes",
+  "category": "data",
+  "variants": [
+    "complete",
+    "current",
+    "upcoming"
+  ],
+  "sizes": [],
+  "tags": [
+    "data",
+    "history",
+    "steps"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/timeline",
+    "exportName": "Timeline",
+    "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/timeline/timeline.tsx",
+      "target": "{{aliases.components}}/timeline.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-FDZx+ihL5tbIY/sEl0444uj27JWHE5xl0vl8IqRUUPY="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/toast.json

@@ -0,0 +1,56 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "toast",
+  "type": "registry:ui",
+  "title": "Toast",
+  "description": "Toast notification system with an imperative API, auto-dismiss, and stacking",
+  "category": "feedback",
+  "variants": [
+    "default",
+    "success",
+    "warning",
+    "error",
+    "info"
+  ],
+  "sizes": [],
+  "tags": [
+    "notification",
+    "feedback",
+    "overlay"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/toast",
+    "exportName": "Toaster",
+    "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/toast/toast.tsx",
+      "target": "{{aliases.components}}/toast.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-RrqUAAfKavEkZaLjywJHc0iTNHC1DHlIGVX97kftDkg="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}

package/snapshot/items/components/toggle.json

@@ -0,0 +1,52 @@
+{
+  "$schema": "../schema/registry-item.schema.json",
+  "schemaVersion": 2,
+  "name": "toggle",
+  "type": "registry:ui",
+  "title": "Toggle",
+  "description": "iOS-style switch and button-style toggle with controlled and uncontrolled modes",
+  "category": "actions",
+  "variants": [],
+  "sizes": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "tags": [
+    "form",
+    "interactive",
+    "switch"
+  ],
+  "usage": {
+    "importPath": "{{aliases.components}}/toggle",
+    "exportName": "Switch",
+    "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/toggle/toggle.tsx",
+      "target": "{{aliases.components}}/toggle.tsx",
+      "type": "registry:ui",
+      "integrity": "sha256-zwTbHMSs3n0eg5XIpREDnySYLXHaLly1Ew4FWlzvgJY="
+    }
+  ],
+  "themeContract": {
+    "attribute": "data-theme",
+    "modeAttribute": "data-mode",
+    "compatibleThemes": [
+      "graphite",
+      "atelier",
+      "machined",
+      "aerogel",
+      "nordic"
+    ]
+  }
+}