aeon-ui-engine 1.0.2 → 1.1.0

package/packages/primitives/dist/chunk-5S4DIRL4.js

@@ -0,0 +1,42 @@
+// src/machines/toast.ts
+import { setup } from "xstate";
+var toastMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  guards: {
+    hasDuration: ({ context }) => context.durationMs > 0
+  },
+  delays: {
+    VISIBLE_TIMEOUT: ({ context }) => context.durationMs
+  }
+}).createMachine({
+  id: "toast",
+  context: ({ input }) => ({ durationMs: input.durationMs ?? 5e3 }),
+  initial: "hidden",
+  states: {
+    hidden: {
+      on: {
+        SHOW: "visible"
+      }
+    },
+    visible: {
+      on: {
+        DISMISS: "hidden",
+        TIMEOUT: "hidden"
+      },
+      after: {
+        VISIBLE_TIMEOUT: {
+          target: "hidden",
+          guard: "hasDuration"
+        }
+      }
+    }
+  }
+});
+
+export {
+  toastMachine
+};

package/packages/primitives/dist/chunk-H4KOEPYC.js

@@ -0,0 +1,52 @@
+// src/machines/toggle.ts
+import { assign, setup } from "xstate";
+var toggleMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  guards: {
+    notDisabled: ({ context }) => !context.disabled
+  },
+  actions: {
+    flip: assign({
+      checked: ({ context }) => !context.checked
+    }),
+    setChecked: assign({
+      checked: ({ event }) => event.type === "SET_CHECKED" ? event.checked : false
+    })
+  }
+}).createMachine({
+  id: "toggle",
+  context: ({ input }) => ({
+    checked: input.checked ?? false,
+    disabled: input.disabled ?? false
+  }),
+  initial: "interaction",
+  states: {
+    interaction: {
+      initial: "idle",
+      states: {
+        idle: {
+          on: {
+            POINTER_DOWN: { target: "pressed", guard: "notDisabled" },
+            TOGGLE: { actions: "flip", guard: "notDisabled" },
+            SET_CHECKED: { actions: "setChecked" }
+          }
+        },
+        pressed: {
+          on: {
+            /* Flip on TOGGLE (click/keyboard) only — pointer up is visual press state. */
+            POINTER_UP: "idle",
+            POINTER_LEAVE: "idle"
+          }
+        }
+      }
+    }
+  }
+});
+
+export {
+  toggleMachine
+};

package/packages/primitives/dist/chunk-HONROWUG.js

@@ -0,0 +1,41 @@
+// src/machines/tabs.ts
+import { assign, setup } from "xstate";
+var tabsMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  guards: {
+    notDisabled: ({ context }) => !context.disabled,
+    hasValue: ({ event }) => event.type === "SELECT" && Boolean(event.value)
+  },
+  actions: {
+    select: assign({
+      value: ({ event }) => event.type === "SELECT" ? event.value : ""
+    }),
+    setValue: assign({
+      value: ({ event }) => event.type === "SET_VALUE" ? event.value : ""
+    })
+  }
+}).createMachine({
+  id: "tabs",
+  context: ({ input }) => ({
+    value: input.value ?? "",
+    disabled: input.disabled ?? false
+  }),
+  /** Single stable region: which trigger is active. */
+  initial: "active",
+  states: {
+    active: {
+      on: {
+        SELECT: { actions: "select", guard: "hasValue" },
+        SET_VALUE: { actions: "setValue" }
+      }
+    }
+  }
+});
+
+export {
+  tabsMachine
+};

package/packages/primitives/dist/chunk-J6JHKMVM.js

@@ -0,0 +1,90 @@
+// src/machines/async.ts
+import { assign, setup } from "xstate";
+var ASYNC_LIFECYCLE_STATES = [
+  "idle",
+  "loading",
+  "success",
+  "failure",
+  "empty"
+];
+function isEmptyAsyncData(data) {
+  if (data == null) return true;
+  if (typeof data === "string") return data.length === 0;
+  if (Array.isArray(data)) return data.length === 0;
+  return false;
+}
+function createAsyncMachine() {
+  return setup({
+    types: {
+      context: {},
+      events: {}
+    },
+    actions: {
+      clear: assign({ data: null, error: null }),
+      resolve: assign({
+        data: ({ event }) => event.type === "RESOLVE" ? event.data : null,
+        error: null,
+        stale: false
+      }),
+      markStale: assign({ stale: true }),
+      clearStale: assign({ stale: false }),
+      reject: assign({
+        error: ({ event }) => event.type === "REJECT" ? event.error : null,
+        data: null
+      })
+    }
+  }).createMachine({
+    id: "async",
+    context: { data: null, error: null },
+    initial: "idle",
+    states: {
+      idle: {
+        on: {
+          FETCH: "loading",
+          RESET: { actions: "clear" }
+        }
+      },
+      loading: {
+        on: {
+          RESOLVE: [
+            {
+              target: "empty",
+              actions: "resolve",
+              guard: ({ event }) => event.type === "RESOLVE" && isEmptyAsyncData(event.data)
+            },
+            { target: "success", actions: "resolve" }
+          ],
+          REJECT: { target: "failure", actions: "reject" }
+        }
+      },
+      empty: {
+        on: {
+          FETCH: "loading",
+          RESET: { target: "idle", actions: "clear" }
+        }
+      },
+      success: {
+        on: {
+          FETCH: { target: "loading", actions: "clearStale" },
+          STALE: { actions: "markStale" },
+          REFRESH: { actions: "clearStale" },
+          RESET: { target: "idle", actions: "clear" }
+        }
+      },
+      failure: {
+        on: {
+          FETCH: "loading",
+          RESET: { target: "idle", actions: "clear" }
+        }
+      }
+    }
+  });
+}
+var asyncMachine = createAsyncMachine();
+
+export {
+  ASYNC_LIFECYCLE_STATES,
+  isEmptyAsyncData,
+  createAsyncMachine,
+  asyncMachine
+};

package/packages/primitives/dist/chunk-JBAG5E6W.js

@@ -0,0 +1,46 @@
+// src/machines/accordion.ts
+import { assign, setup } from "xstate";
+function toggleItem(items, item, multiple, collapsible) {
+  const isOpen = items.includes(item);
+  if (!multiple) {
+    if (isOpen) return collapsible ? [] : items;
+    return [item];
+  }
+  if (isOpen) return items.filter((i) => i !== item);
+  return [...items, item];
+}
+var accordionMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    toggle: assign({
+      value: ({ context, event }) => event.type === "TOGGLE" ? toggleItem(context.value, event.item, context.multiple, context.collapsible) : context.value
+    }),
+    setValue: assign({
+      value: ({ event }) => event.type === "SET_VALUE" ? event.value : []
+    })
+  }
+}).createMachine({
+  id: "accordion",
+  context: ({ input }) => ({
+    value: input.value ?? [],
+    multiple: input.multiple ?? false,
+    collapsible: input.collapsible ?? true
+  }),
+  initial: "managing",
+  states: {
+    managing: {
+      on: {
+        TOGGLE: { actions: "toggle" },
+        SET_VALUE: { actions: "setValue" }
+      }
+    }
+  }
+});
+
+export {
+  accordionMachine
+};

package/packages/primitives/dist/chunk-LVNCD5F2.js

@@ -0,0 +1,43 @@
+// src/machines/popover.ts
+import { assign, setup } from "xstate";
+var popoverMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    markOpen: assign({ open: true }),
+    markClosed: assign({ open: false }),
+    toggleOpen: assign({ open: ({ context }) => !context.open }),
+    setOpen: assign({
+      open: ({ event }) => event.type === "SET_OPEN" ? event.open : false
+    })
+  }
+}).createMachine({
+  id: "popover",
+  context: ({ input }) => ({ open: input.open ?? false }),
+  initial: "closed",
+  states: {
+    closed: {
+      on: {
+        OPEN: { target: "open", actions: "markOpen" },
+        TOGGLE: { target: "open", actions: "markOpen" },
+        SET_OPEN: [{ target: "open", actions: "markOpen", guard: ({ event }) => event.open }]
+      }
+    },
+    open: {
+      on: {
+        CLOSE: { target: "closed", actions: "markClosed" },
+        ESCAPE: { target: "closed", actions: "markClosed" },
+        POINTER_DOWN_OUTSIDE: { target: "closed", actions: "markClosed" },
+        TOGGLE: { target: "closed", actions: "markClosed" },
+        SET_OPEN: [{ target: "closed", actions: "markClosed", guard: ({ event }) => !event.open }]
+      }
+    }
+  }
+});
+
+export {
+  popoverMachine
+};

package/packages/primitives/dist/chunk-PB3LFHXU.js

@@ -0,0 +1,72 @@
+// src/machines/slider.ts
+import { assign, setup } from "xstate";
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function snap(value, min, max, step) {
+  if (step <= 0) return clamp(value, min, max);
+  const snapped = min + Math.round((value - min) / step) * step;
+  return clamp(snapped, min, max);
+}
+var sliderMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  guards: {
+    notDisabled: ({ context }) => !context.disabled
+  },
+  actions: {
+    setValue: assign({
+      value: ({ context, event }) => event.type === "SET_VALUE" ? snap(event.value, context.min, context.max, context.step) : context.value
+    }),
+    step: assign({
+      value: ({ context, event }) => event.type === "STEP" ? snap(context.value + event.delta, context.min, context.max, context.step) : context.value
+    }),
+    home: assign({
+      value: ({ context }) => context.min
+    }),
+    end: assign({
+      value: ({ context }) => context.max
+    })
+  }
+}).createMachine({
+  id: "slider",
+  context: ({ input }) => ({
+    value: snap(input.value ?? input.min, input.min, input.max, input.step),
+    min: input.min,
+    max: input.max,
+    step: input.step,
+    disabled: input.disabled ?? false
+  }),
+  initial: "interaction",
+  states: {
+    interaction: {
+      initial: "idle",
+      states: {
+        idle: {
+          on: {
+            SET_VALUE: { actions: "setValue", guard: "notDisabled" },
+            STEP: { actions: "step", guard: "notDisabled" },
+            HOME: { actions: "home", guard: "notDisabled" },
+            END: { actions: "end", guard: "notDisabled" },
+            POINTER_DOWN: { target: "dragging", guard: "notDisabled" }
+          }
+        },
+        dragging: {
+          on: {
+            SET_VALUE: { actions: "setValue" },
+            POINTER_UP: "idle"
+          }
+        }
+      }
+    }
+  }
+});
+
+export {
+  clamp,
+  snap,
+  sliderMachine
+};

package/packages/primitives/dist/chunk-R25CUHNF.js

@@ -0,0 +1,46 @@
+// src/machines/app-shell.ts
+import { assign, setup } from "xstate";
+var APP_SHELL_STATES = ["idle", "overlayOpen"];
+var appShellMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    showDock: assign({ dockVisible: true }),
+    hideDock: assign({ dockVisible: false }),
+    setDock: assign({
+      dockVisible: ({ event }) => event.type === "SET_DOCK" ? event.visible : true
+    })
+  }
+}).createMachine({
+  id: "appShell",
+  context: ({ input }) => ({
+    dockVisible: input?.dockVisible ?? true
+  }),
+  initial: "idle",
+  states: {
+    idle: {
+      on: {
+        OPEN_OVERLAY: "overlayOpen",
+        SHOW_DOCK: { actions: "showDock" },
+        HIDE_DOCK: { actions: "hideDock" },
+        SET_DOCK: { actions: "setDock" }
+      }
+    },
+    overlayOpen: {
+      on: {
+        CLOSE_OVERLAY: "idle",
+        SHOW_DOCK: { actions: "showDock" },
+        HIDE_DOCK: { actions: "hideDock" },
+        SET_DOCK: { actions: "setDock" }
+      }
+    }
+  }
+});
+
+export {
+  APP_SHELL_STATES,
+  appShellMachine
+};

package/packages/primitives/dist/chunk-RO2DMFN5.js

@@ -0,0 +1,89 @@
+// src/machines/content-region.ts
+import { assign, setup } from "xstate";
+var CONTENT_REGION_STATES = [
+  "idle",
+  "pending",
+  "empty",
+  "error",
+  "ready",
+  "loadingMore",
+  "success"
+];
+var contentRegionMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    clearError: assign({ error: null }),
+    setError: assign({
+      error: ({ event }) => event.type === "REJECT" ? event.error : null
+    })
+  }
+}).createMachine({
+  id: "contentRegion",
+  context: ({ input }) => ({
+    error: input?.error ?? null
+  }),
+  initial: "idle",
+  states: {
+    idle: {
+      on: {
+        LOAD: { target: "pending", actions: "clearError" },
+        RESET: { actions: "clearError" }
+      }
+    },
+    pending: {
+      on: {
+        RESOLVE: [
+          { target: "empty", guard: ({ event }) => Boolean(event.empty) },
+          { target: "ready" }
+        ],
+        REJECT: { target: "error", actions: "setError" }
+      }
+    },
+    empty: {
+      on: {
+        LOAD: { target: "pending", actions: "clearError" },
+        RETRY: { target: "pending", actions: "clearError" },
+        RESET: { target: "idle", actions: "clearError" }
+      }
+    },
+    error: {
+      on: {
+        RETRY: { target: "pending", actions: "clearError" },
+        LOAD: { target: "pending", actions: "clearError" },
+        RESET: { target: "idle", actions: "clearError" }
+      }
+    },
+    ready: {
+      on: {
+        LOAD: { target: "pending", actions: "clearError" },
+        LOAD_MORE: "loadingMore",
+        SUCCEED: "success",
+        RESET: { target: "idle", actions: "clearError" }
+      }
+    },
+    loadingMore: {
+      on: {
+        MORE_DONE: [
+          { target: "ready", guard: ({ event }) => !event.empty },
+          { target: "ready" }
+        ],
+        REJECT: { target: "error", actions: "setError" }
+      }
+    },
+    success: {
+      on: {
+        LOAD: { target: "pending", actions: "clearError" },
+        RESET: { target: "idle", actions: "clearError" }
+      }
+    }
+  }
+});
+
+export {
+  CONTENT_REGION_STATES,
+  contentRegionMachine
+};

package/packages/primitives/dist/chunk-SZV6KGXN.js

@@ -0,0 +1,49 @@
+// src/machines/dialog.ts
+import { assign, setup } from "xstate";
+var dialogMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    markOpen: assign({ open: true }),
+    markClosed: assign({ open: false }),
+    toggleOpen: assign({ open: ({ context }) => !context.open }),
+    setOpen: assign({
+      open: ({ event }) => event.type === "SET_OPEN" ? event.open : false
+    })
+  }
+}).createMachine({
+  id: "dialog",
+  context: ({ input }) => ({
+    open: input.open ?? false
+  }),
+  initial: "closed",
+  states: {
+    closed: {
+      on: {
+        OPEN: { target: "open", actions: "markOpen" },
+        TOGGLE: { target: "open", actions: "markOpen" },
+        SET_OPEN: [
+          { target: "open", actions: "markOpen", guard: ({ event }) => event.open }
+        ]
+      }
+    },
+    open: {
+      on: {
+        CLOSE: { target: "closed", actions: "markClosed" },
+        ESCAPE: { target: "closed", actions: "markClosed" },
+        POINTER_DOWN_OUTSIDE: { target: "closed", actions: "markClosed" },
+        TOGGLE: { target: "closed", actions: "markClosed" },
+        SET_OPEN: [
+          { target: "closed", actions: "markClosed", guard: ({ event }) => !event.open }
+        ]
+      }
+    }
+  }
+});
+
+export {
+  dialogMachine
+};

package/packages/primitives/dist/chunk-V5D7LS4J.js

@@ -0,0 +1,61 @@
+// src/machines/panel.ts
+import { assign, setup } from "xstate";
+var panelMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    markExpanded: assign({ expanded: true }),
+    markCollapsed: assign({ expanded: false }),
+    toggleExpanded: assign({ expanded: ({ context }) => !context.expanded }),
+    setExpanded: assign({
+      expanded: ({ event }) => event.type === "SET_EXPANDED" ? event.expanded : true
+    })
+  }
+}).createMachine({
+  id: "panel",
+  context: ({ input }) => ({
+    expanded: input.expanded ?? true
+  }),
+  initial: "resolve",
+  states: {
+    resolve: {
+      always: [
+        { target: "collapsed", guard: ({ context }) => !context.expanded },
+        { target: "expanded" }
+      ]
+    },
+    expanded: {
+      on: {
+        COLLAPSE: { target: "collapsed", actions: "markCollapsed" },
+        TOGGLE: { target: "collapsed", actions: "markCollapsed" },
+        SET_EXPANDED: [
+          {
+            target: "collapsed",
+            actions: "markCollapsed",
+            guard: ({ event }) => !event.expanded
+          }
+        ]
+      }
+    },
+    collapsed: {
+      on: {
+        EXPAND: { target: "expanded", actions: "markExpanded" },
+        TOGGLE: { target: "expanded", actions: "markExpanded" },
+        SET_EXPANDED: [
+          {
+            target: "expanded",
+            actions: "markExpanded",
+            guard: ({ event }) => event.expanded
+          }
+        ]
+      }
+    }
+  }
+});
+
+export {
+  panelMachine
+};

package/packages/primitives/dist/chunk-WVICCOQH.js

@@ -0,0 +1,56 @@
+// src/machines/button.ts
+import { setup } from "xstate";
+var BUTTON_LIFECYCLE_STATES = [
+  "idle",
+  "pending",
+  "success",
+  "failure",
+  "disabled"
+];
+var buttonLifecycleMachine = setup({
+  types: {
+    events: {}
+  }
+}).createMachine({
+  id: "buttonLifecycle",
+  initial: "idle",
+  states: {
+    idle: {
+      on: {
+        PRESS: "pending",
+        DISABLE: "disabled"
+      }
+    },
+    pending: {
+      on: {
+        SUCCEED: "success",
+        FAIL: "failure",
+        DISABLE: "disabled"
+      }
+    },
+    success: {
+      on: {
+        RESET: "idle",
+        PRESS: "pending",
+        DISABLE: "disabled"
+      }
+    },
+    failure: {
+      on: {
+        RESET: "idle",
+        PRESS: "pending",
+        DISABLE: "disabled"
+      }
+    },
+    disabled: {
+      on: {
+        ENABLE: "idle"
+      }
+    }
+  }
+});
+
+export {
+  BUTTON_LIFECYCLE_STATES,
+  buttonLifecycleMachine
+};