aeon-ui-engine 1.3.5 → 1.5.1

package/packages/schemas/json/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/json/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/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.1.8","results":[[":src/index.test.ts",{"duration":4.204667000000001,"failed":false}],[":src/aeon-to-schema.test.ts",{"duration":5.697332999999986,"failed":false}]]}
+{"version":"4.1.8","results":[[":src/index.test.ts",{"duration":5.161209000000014,"failed":false}],[":src/aeon-to-schema.test.ts",{"duration":5.569166999999993,"failed":false}]]}

package/packages/schemas/prompts/cursorrules.md

@@ -35,7 +35,9 @@ When generating Aeon UI, constrain props/parts/states to @aeon-ui/schemas catalo
 Import headless from @aeon-ui/react or styled from @aeon-ui/ui.
 Install: npm install aeon-ui-engine react react-dom xstate @xstate/react
 CSS: import 'aeon-ui-engine/aeon.css'
-Vite: aeonUiVitePlugin() from aeon-ui-engine/vite
+Link: postinstall + npx aeon-ui link (node_modules/@aeon-ui/*)
+Next.js: transpilePackages for @aeon-ui/* + "use client"; Vite plugin optional
+Vue/Solid/Svelte: thin adapters only — React is the full catalog
 
 ## Async region statechart
 States: idle → loading → (success | empty | failure); REFRESH from success/empty/failure; STALE flag while success.

package/packages/schemas/prompts/statecharts.md

@@ -34,7 +34,7 @@ Rule: Hidden input stays in sync with snapshot for forms.
 
 ## Slider statechart
 Machine: sliderMachine — idle | dragging; value/min/max/step in context.
-Events: SET_VALUE, STEP, POINTER_DOWN, POINTER_UP, HOME, END.
+Events: SET_VALUE, STEP, POINTER_DOWN, POINTER_UP, HOME, END, SET_BOUNDS, SET_DISABLED.
 Rule: Disabled blocks SET_VALUE / drag; project idle vs dragging on data-aeon-state.
 
 ## Content region statechart

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": []
+  }
+}