aeon-ui-engine 1.3.5 → 1.4.0

package/packages/schemas/registry/catalog.json

@@ -169,6 +169,24 @@
       "runtime": "useAeonMachine",
       "description": "Range control via sliderMachine — idle | dragging plus numeric value in context."
     },
+    {
+      "id": "rangeSlider",
+      "title": "RangeSlider",
+      "scope": "rangeSlider",
+      "schemaUrl": "https://aeon-ui.com/registry/components/rangeSlider.json",
+      "machineUrl": "https://aeon-ui.com/registry/machines/rangeSlider.json",
+      "runtime": "useAeonMachine",
+      "description": "Two-thumb range via rangeSliderMachine — idle | dragging with values pair and minStepsBetween gap."
+    },
+    {
+      "id": "fileUpload",
+      "title": "FileUpload",
+      "scope": "fileUpload",
+      "schemaUrl": "https://aeon-ui.com/registry/components/fileUpload.json",
+      "machineUrl": "https://aeon-ui.com/registry/machines/fileUpload.json",
+      "runtime": "useAeonMachine",
+      "description": "Drag-drop surface via fileUploadMachine — idle | dragging | rejected. File bytes stay in React callbacks."
+    },
     {
       "id": "pinInput",
       "title": "PinInput",

package/packages/schemas/registry/components/button.json

@@ -79,6 +79,10 @@
         },
         "disabled": {
           "type": "boolean"
+        },
+        "asChild": {
+          "type": "boolean",
+          "description": "Merge button attrs onto a single child element (Link, a)."
         }
       }
     },
@@ -134,6 +138,7 @@
       },
       "default": [
         "<Button.Root status=\"pending\" aria-busy>Saving…</Button.Root>",
+        "<Button.Root asChild variant=\"solid\"><a href=\"/upload\">Upload</a></Button.Root>",
         "const [snap, send] = useAeonMachine(buttonLifecycleMachine)\n<Button.Root status={snap.value as ButtonStatus} onClick={() => send({ type: 'PRESS' })} />"
       ]
     }
@@ -164,6 +169,7 @@
     },
     "examples": [
       "<Button.Root status=\"pending\" aria-busy>Saving…</Button.Root>",
+      "<Button.Root asChild variant=\"solid\"><a href=\"/upload\">Upload</a></Button.Root>",
       "const [snap, send] = useAeonMachine(buttonLifecycleMachine)\n<Button.Root status={snap.value as ButtonStatus} onClick={() => send({ type: 'PRESS' })} />"
     ]
   }

package/packages/schemas/registry/components/fileUpload.json

@@ -0,0 +1,168 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://aeon-ui.com/schemas/fileUpload.json",
+  "title": "FileUpload",
+  "description": "Drag-drop surface via fileUploadMachine — idle | dragging | rejected. File bytes stay in React callbacks.",
+  "type": "object",
+  "additionalProperties": false,
+  "required": [
+    "component",
+    "scope"
+  ],
+  "properties": {
+    "component": {
+      "const": "FileUpload"
+    },
+    "scope": {
+      "const": "fileUpload"
+    },
+    "parts": {
+      "type": "array",
+      "description": "Anatomy part keys — map to data-aeon-part",
+      "items": {
+        "type": "string",
+        "enum": [
+          "root",
+          "dropzone",
+          "input",
+          "label",
+          "hint",
+          "preview",
+          "clearTrigger",
+          "rejectionMessage"
+        ]
+      },
+      "uniqueItems": true
+    },
+    "states": {
+      "type": "array",
+      "description": "Allowed data-aeon-state values (stable states only)",
+      "items": {
+        "type": "string",
+        "enum": [
+          "idle",
+          "dragging",
+          "rejected"
+        ]
+      },
+      "uniqueItems": true
+    },
+    "props": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {}
+    },
+    "slots": {
+      "type": "object",
+      "description": "Named composition slots / compound parts",
+      "additionalProperties": {
+        "type": "string"
+      },
+      "properties": {
+        "Root": {
+          "const": "fileUpload.root",
+          "description": "fileUpload.root"
+        },
+        "Dropzone": {
+          "const": "fileUpload.dropzone",
+          "description": "fileUpload.dropzone"
+        },
+        "Input": {
+          "const": "fileUpload.input",
+          "description": "fileUpload.input"
+        },
+        "Label": {
+          "const": "fileUpload.label",
+          "description": "fileUpload.label"
+        },
+        "Hint": {
+          "const": "fileUpload.hint",
+          "description": "fileUpload.hint"
+        },
+        "Preview": {
+          "const": "fileUpload.preview",
+          "description": "fileUpload.preview"
+        },
+        "ClearTrigger": {
+          "const": "fileUpload.clearTrigger",
+          "description": "fileUpload.clearTrigger"
+        },
+        "RejectionMessage": {
+          "const": "fileUpload.rejectionMessage",
+          "description": "fileUpload.rejectionMessage"
+        }
+      }
+    },
+    "machine": {
+      "type": [
+        "string",
+        "null"
+      ],
+      "description": "XState machine export from @aeon-ui/primitives, or null if prop/React driven",
+      "const": "fileUploadMachine"
+    },
+    "runtime": {
+      "type": "string",
+      "description": "How headless state is driven at runtime",
+      "const": "useAeonMachine"
+    },
+    "events": {
+      "type": "array",
+      "items": {
+        "type": "string",
+        "enum": [
+          "DRAG_OVER",
+          "DRAG_LEAVE",
+          "DROP_ACCEPT",
+          "DROP_REJECT",
+          "RESET"
+        ]
+      }
+    },
+    "examples": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      },
+      "default": []
+    }
+  },
+  "x-aeon": {
+    "scope": "fileUpload",
+    "parts": [
+      "root",
+      "dropzone",
+      "input",
+      "label",
+      "hint",
+      "preview",
+      "clearTrigger",
+      "rejectionMessage"
+    ],
+    "states": [
+      "idle",
+      "dragging",
+      "rejected"
+    ],
+    "machine": "fileUploadMachine",
+    "runtime": "useAeonMachine",
+    "events": [
+      "DRAG_OVER",
+      "DRAG_LEAVE",
+      "DROP_ACCEPT",
+      "DROP_REJECT",
+      "RESET"
+    ],
+    "slots": {
+      "Root": "fileUpload.root",
+      "Dropzone": "fileUpload.dropzone",
+      "Input": "fileUpload.input",
+      "Label": "fileUpload.label",
+      "Hint": "fileUpload.hint",
+      "Preview": "fileUpload.preview",
+      "ClearTrigger": "fileUpload.clearTrigger",
+      "RejectionMessage": "fileUpload.rejectionMessage"
+    },
+    "examples": []
+  }
+}

package/packages/schemas/registry/components/rangeSlider.json

@@ -0,0 +1,157 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://aeon-ui.com/schemas/rangeSlider.json",
+  "title": "RangeSlider",
+  "description": "Two-thumb range via rangeSliderMachine — idle | dragging with values pair and minStepsBetween gap.",
+  "type": "object",
+  "additionalProperties": false,
+  "required": [
+    "component",
+    "scope"
+  ],
+  "properties": {
+    "component": {
+      "const": "RangeSlider"
+    },
+    "scope": {
+      "const": "rangeSlider"
+    },
+    "parts": {
+      "type": "array",
+      "description": "Anatomy part keys — map to data-aeon-part",
+      "items": {
+        "type": "string",
+        "enum": [
+          "root",
+          "track",
+          "range",
+          "thumb",
+          "valueText"
+        ]
+      },
+      "uniqueItems": true
+    },
+    "states": {
+      "type": "array",
+      "description": "Allowed data-aeon-state values (stable states only)",
+      "items": {
+        "type": "string",
+        "enum": [
+          "idle",
+          "dragging"
+        ]
+      },
+      "uniqueItems": true
+    },
+    "props": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {}
+    },
+    "slots": {
+      "type": "object",
+      "description": "Named composition slots / compound parts",
+      "additionalProperties": {
+        "type": "string"
+      },
+      "properties": {
+        "Root": {
+          "const": "rangeSlider.root",
+          "description": "rangeSlider.root"
+        },
+        "Track": {
+          "const": "rangeSlider.track",
+          "description": "rangeSlider.track"
+        },
+        "Range": {
+          "const": "rangeSlider.range",
+          "description": "rangeSlider.range"
+        },
+        "Thumb": {
+          "const": "rangeSlider.thumb",
+          "description": "rangeSlider.thumb"
+        },
+        "ValueText": {
+          "const": "rangeSlider.valueText",
+          "description": "rangeSlider.valueText"
+        }
+      }
+    },
+    "machine": {
+      "type": [
+        "string",
+        "null"
+      ],
+      "description": "XState machine export from @aeon-ui/primitives, or null if prop/React driven",
+      "const": "rangeSliderMachine"
+    },
+    "runtime": {
+      "type": "string",
+      "description": "How headless state is driven at runtime",
+      "const": "useAeonMachine"
+    },
+    "events": {
+      "type": "array",
+      "items": {
+        "type": "string",
+        "enum": [
+          "SET_VALUES",
+          "SET_BOUNDS",
+          "SET_DISABLED",
+          "POINTER_DOWN",
+          "POINTER_MOVE",
+          "POINTER_UP",
+          "STEP",
+          "HOME",
+          "END"
+        ]
+      }
+    },
+    "examples": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      },
+      "default": [
+        "<RangeSlider.Root defaultValue={[20, 80]} minStepsBetween={1}>\n  <RangeSlider.Track /><RangeSlider.Range />\n  <RangeSlider.Thumb index={0} /><RangeSlider.Thumb index={1} />\n</RangeSlider.Root>"
+      ]
+    }
+  },
+  "x-aeon": {
+    "scope": "rangeSlider",
+    "parts": [
+      "root",
+      "track",
+      "range",
+      "thumb",
+      "valueText"
+    ],
+    "states": [
+      "idle",
+      "dragging"
+    ],
+    "machine": "rangeSliderMachine",
+    "runtime": "useAeonMachine",
+    "events": [
+      "SET_VALUES",
+      "SET_BOUNDS",
+      "SET_DISABLED",
+      "POINTER_DOWN",
+      "POINTER_MOVE",
+      "POINTER_UP",
+      "STEP",
+      "HOME",
+      "END"
+    ],
+    "slots": {
+      "Root": "rangeSlider.root",
+      "Track": "rangeSlider.track",
+      "Range": "rangeSlider.range",
+      "Thumb": "rangeSlider.thumb",
+      "ValueText": "rangeSlider.valueText"
+    },
+    "examples": [
+      "<RangeSlider.Root defaultValue={[20, 80]} minStepsBetween={1}>\n  <RangeSlider.Track /><RangeSlider.Range />\n  <RangeSlider.Thumb index={0} /><RangeSlider.Thumb index={1} />\n</RangeSlider.Root>"
+    ]
+  }
+}

package/packages/schemas/registry/machines/fileUpload.json

@@ -0,0 +1,182 @@
+{
+  "id": "fileUpload",
+  "initial": "idle",
+  "events": [
+    "DRAG_OVER",
+    "DROP_REJECT",
+    "RESET",
+    "DRAG_LEAVE",
+    "DROP_ACCEPT"
+  ],
+  "tree": {
+    "key": "fileUpload",
+    "id": "fileUpload",
+    "type": "compound",
+    "events": [
+      "DRAG_OVER",
+      "DROP_REJECT",
+      "RESET",
+      "DRAG_LEAVE",
+      "DROP_ACCEPT"
+    ],
+    "transitions": [],
+    "children": [
+      {
+        "key": "idle",
+        "id": "fileUpload.idle",
+        "type": "atomic",
+        "events": [
+          "DRAG_OVER",
+          "DROP_REJECT",
+          "RESET"
+        ],
+        "transitions": [
+          {
+            "event": "DRAG_OVER",
+            "target": [
+              "dragging"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "DROP_REJECT",
+            "target": [
+              "rejected"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "RESET",
+            "target": [
+              "idle"
+            ],
+            "guarded": false
+          }
+        ],
+        "children": []
+      },
+      {
+        "key": "dragging",
+        "id": "fileUpload.dragging",
+        "type": "atomic",
+        "events": [
+          "DRAG_OVER",
+          "DRAG_LEAVE",
+          "DROP_ACCEPT",
+          "DROP_REJECT"
+        ],
+        "transitions": [
+          {
+            "event": "DRAG_OVER",
+            "target": [
+              "dragging"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "DRAG_LEAVE",
+            "target": [
+              "idle"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "DROP_ACCEPT",
+            "target": [
+              "idle"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "DROP_REJECT",
+            "target": [
+              "rejected"
+            ],
+            "guarded": false
+          }
+        ],
+        "children": []
+      },
+      {
+        "key": "rejected",
+        "id": "fileUpload.rejected",
+        "type": "atomic",
+        "events": [
+          "DRAG_OVER",
+          "DROP_ACCEPT",
+          "DROP_REJECT",
+          "RESET"
+        ],
+        "transitions": [
+          {
+            "event": "DRAG_OVER",
+            "target": [
+              "dragging"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "DROP_ACCEPT",
+            "target": [
+              "idle"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "DROP_REJECT",
+            "target": [
+              "rejected"
+            ],
+            "guarded": false
+          },
+          {
+            "event": "RESET",
+            "target": [
+              "idle"
+            ],
+            "guarded": false
+          }
+        ],
+        "children": []
+      }
+    ]
+  },
+  "states": {
+    "fileUpload": {
+      "events": [
+        "DRAG_OVER",
+        "DROP_REJECT",
+        "RESET",
+        "DRAG_LEAVE",
+        "DROP_ACCEPT"
+      ],
+      "type": "compound"
+    },
+    "fileUpload.idle": {
+      "events": [
+        "DRAG_OVER",
+        "DROP_REJECT",
+        "RESET"
+      ],
+      "type": "atomic"
+    },
+    "fileUpload.dragging": {
+      "events": [
+        "DRAG_OVER",
+        "DRAG_LEAVE",
+        "DROP_ACCEPT",
+        "DROP_REJECT"
+      ],
+      "type": "atomic"
+    },
+    "fileUpload.rejected": {
+      "events": [
+        "DRAG_OVER",
+        "DROP_ACCEPT",
+        "DROP_REJECT",
+        "RESET"
+      ],
+      "type": "atomic"
+    }
+  }
+}