aeon-ui-engine 1.3.5 → 1.5.1

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"
+    }
+  }
+}

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

@@ -0,0 +1,201 @@
+{
+  "id": "rangeSlider",
+  "initial": "interaction",
+  "events": [
+    "SET_VALUES",
+    "SET_BOUNDS",
+    "SET_DISABLED",
+    "POINTER_DOWN",
+    "STEP",
+    "HOME",
+    "END",
+    "POINTER_MOVE",
+    "POINTER_UP"
+  ],
+  "tree": {
+    "key": "rangeSlider",
+    "id": "rangeSlider",
+    "type": "compound",
+    "events": [
+      "SET_VALUES",
+      "SET_BOUNDS",
+      "SET_DISABLED",
+      "POINTER_DOWN",
+      "STEP",
+      "HOME",
+      "END",
+      "POINTER_MOVE",
+      "POINTER_UP"
+    ],
+    "transitions": [],
+    "children": [
+      {
+        "key": "interaction",
+        "id": "rangeSlider.interaction",
+        "type": "compound",
+        "events": [
+          "SET_VALUES",
+          "SET_BOUNDS",
+          "SET_DISABLED",
+          "POINTER_DOWN",
+          "STEP",
+          "HOME",
+          "END",
+          "POINTER_MOVE",
+          "POINTER_UP"
+        ],
+        "transitions": [],
+        "children": [
+          {
+            "key": "idle",
+            "id": "rangeSlider.interaction.idle",
+            "type": "atomic",
+            "events": [
+              "SET_VALUES",
+              "SET_BOUNDS",
+              "SET_DISABLED",
+              "POINTER_DOWN",
+              "STEP",
+              "HOME",
+              "END"
+            ],
+            "transitions": [
+              {
+                "event": "SET_VALUES",
+                "target": [],
+                "guarded": true
+              },
+              {
+                "event": "SET_BOUNDS",
+                "target": [],
+                "guarded": false
+              },
+              {
+                "event": "SET_DISABLED",
+                "target": [],
+                "guarded": false
+              },
+              {
+                "event": "POINTER_DOWN",
+                "target": [
+                  "dragging"
+                ],
+                "guarded": true
+              },
+              {
+                "event": "STEP",
+                "target": [],
+                "guarded": true
+              },
+              {
+                "event": "HOME",
+                "target": [],
+                "guarded": true
+              },
+              {
+                "event": "END",
+                "target": [],
+                "guarded": true
+              }
+            ],
+            "children": []
+          },
+          {
+            "key": "dragging",
+            "id": "rangeSlider.interaction.dragging",
+            "type": "atomic",
+            "events": [
+              "POINTER_MOVE",
+              "POINTER_UP",
+              "SET_VALUES",
+              "SET_BOUNDS",
+              "SET_DISABLED"
+            ],
+            "transitions": [
+              {
+                "event": "POINTER_MOVE",
+                "target": [],
+                "guarded": false
+              },
+              {
+                "event": "POINTER_UP",
+                "target": [
+                  "idle"
+                ],
+                "guarded": false
+              },
+              {
+                "event": "SET_VALUES",
+                "target": [],
+                "guarded": false
+              },
+              {
+                "event": "SET_BOUNDS",
+                "target": [],
+                "guarded": false
+              },
+              {
+                "event": "SET_DISABLED",
+                "target": [],
+                "guarded": false
+              }
+            ],
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "states": {
+    "rangeSlider": {
+      "events": [
+        "SET_VALUES",
+        "SET_BOUNDS",
+        "SET_DISABLED",
+        "POINTER_DOWN",
+        "STEP",
+        "HOME",
+        "END",
+        "POINTER_MOVE",
+        "POINTER_UP"
+      ],
+      "type": "compound"
+    },
+    "rangeSlider.interaction": {
+      "events": [
+        "SET_VALUES",
+        "SET_BOUNDS",
+        "SET_DISABLED",
+        "POINTER_DOWN",
+        "STEP",
+        "HOME",
+        "END",
+        "POINTER_MOVE",
+        "POINTER_UP"
+      ],
+      "type": "compound"
+    },
+    "rangeSlider.interaction.idle": {
+      "events": [
+        "SET_VALUES",
+        "SET_BOUNDS",
+        "SET_DISABLED",
+        "POINTER_DOWN",
+        "STEP",
+        "HOME",
+        "END"
+      ],
+      "type": "atomic"
+    },
+    "rangeSlider.interaction.dragging": {
+      "events": [
+        "POINTER_MOVE",
+        "POINTER_UP",
+        "SET_VALUES",
+        "SET_BOUNDS",
+        "SET_DISABLED"
+      ],
+      "type": "atomic"
+    }
+  }
+}

package/packages/schemas/scripts/emit.ts

@@ -13,6 +13,8 @@ import {
   panelMachine,
   popoverMachine,
   sliderMachine,
+  rangeSliderMachine,
+  fileUploadMachine,
   stickyBarMachine,
   tabsMachine,
   toastMachine,
@@ -53,6 +55,8 @@ const machines = {
   accordion: accordionMachine,
   toast: toastMachine,
   slider: sliderMachine,
+  rangeSlider: rangeSliderMachine,
+  fileUpload: fileUploadMachine,
   panel: panelMachine,
   appShell: appShellMachine,
   appNav: appNavMachine,

package/packages/schemas/src/components.ts

@@ -21,10 +21,15 @@ export const componentSchemas = {
       variant: { type: 'string', enum: ['solid', 'outline', 'ghost', 'link'] },
       size: { type: 'string', enum: ['sm', 'md', 'lg'] },
       disabled: { type: 'boolean' },
+      asChild: {
+        type: 'boolean',
+        description: 'Merge button attrs onto a single child element (Link, a).',
+      },
     },
     slots: { Root: 'button.root', Group: 'button.group', Label: 'button.label', Icon: 'button.icon' },
     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' })} />",
     ],
   }),
@@ -331,6 +336,71 @@ export const componentSchemas = {
     },
   }),
 
+  rangeSlider: componentSchema({
+    id: 'https://aeon-ui.com/schemas/rangeSlider.json',
+    title: 'RangeSlider',
+    description:
+      'Two-thumb range via rangeSliderMachine — idle | dragging with values pair and minStepsBetween gap.',
+    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>',
+    ],
+  }),
+
+  fileUpload: componentSchema({
+    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.',
+    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',
+    },
+  }),
+
   pinInput: componentSchema({
     id: 'https://aeon-ui.com/schemas/pinInput.json',
     title: 'PinInput',

package/packages/schemas/src/prompts.ts

@@ -128,7 +128,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
 
 ${STATECHART_PROMPTS.async}
 

package/packages/schemas/tsconfig.json

@@ -5,5 +5,5 @@
     "rootDir": "src",
     "noEmit": true
   },
-  "include": ["src", "scripts"]
+  "include": ["src"]
 }