aeon-ui-engine 1.0.3 → 1.1.0

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-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-YBPNI2LI.js

@@ -0,0 +1,70 @@
+// src/machines/sticky-bar.ts
+import { assign, setup } from "xstate";
+var STICKY_BAR_STATES = ["floating", "docked", "collapsed", "hidden"];
+var stickyBarMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actions: {
+    setOffset: assign({
+      offsetPx: ({ event }) => event.type === "SET_OFFSET" ? event.offsetPx : 0
+    })
+  }
+}).createMachine({
+  id: "stickyBar",
+  context: ({ input }) => ({
+    offsetPx: input?.offsetPx ?? 0,
+    initial: input?.initial ?? "floating"
+  }),
+  initial: "resolve",
+  states: {
+    resolve: {
+      always: [
+        { target: "docked", guard: ({ context }) => context.initial === "docked" },
+        { target: "collapsed", guard: ({ context }) => context.initial === "collapsed" },
+        { target: "hidden", guard: ({ context }) => context.initial === "hidden" },
+        { target: "floating" }
+      ]
+    },
+    floating: {
+      on: {
+        DOCK: "docked",
+        COLLAPSE: "collapsed",
+        HIDE: "hidden",
+        SET_OFFSET: { actions: "setOffset" }
+      }
+    },
+    docked: {
+      on: {
+        FLOAT: "floating",
+        COLLAPSE: "collapsed",
+        HIDE: "hidden",
+        SET_OFFSET: { actions: "setOffset" }
+      }
+    },
+    collapsed: {
+      on: {
+        EXPAND: "floating",
+        DOCK: "docked",
+        FLOAT: "floating",
+        HIDE: "hidden",
+        SET_OFFSET: { actions: "setOffset" }
+      }
+    },
+    hidden: {
+      on: {
+        SHOW: "floating",
+        DOCK: "docked",
+        FLOAT: "floating",
+        SET_OFFSET: { actions: "setOffset" }
+      }
+    }
+  }
+});
+
+export {
+  STICKY_BAR_STATES,
+  stickyBarMachine
+};

package/packages/primitives/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { ToggleContext, ToggleEvent, toggleMachine } from './machines/toggle.js';
 export { DialogContext, DialogEvent, dialogMachine } from './machines/dialog.js';
+export { PanelContext, PanelEvent, panelMachine } from './machines/panel.js';
 export { TabsContext, TabsEvent, tabsMachine } from './machines/tabs.js';
 export { AccordionContext, AccordionEvent, accordionMachine } from './machines/accordion.js';
 export { ASYNC_LIFECYCLE_STATES, AsyncContext, AsyncEvent, AsyncLifecycleState, asyncMachine, createAsyncMachine, isEmptyAsyncData } from './machines/async.js';
@@ -8,4 +9,7 @@ export { FIELD_INTERACTION_STATES, FIELD_SUBMISSION_STATES, FIELD_VALIDATION_STA
 export { PopoverContext, PopoverEvent, popoverMachine } from './machines/popover.js';
 export { ToastContext, ToastEvent, toastMachine } from './machines/toast.js';
 export { SliderContext, SliderEvent, clampSliderValue, sliderMachine, snapSliderValue } from './machines/slider.js';
+export { APP_SHELL_STATES, AppShellContext, AppShellEvent, AppShellState, appShellMachine } from './machines/app-shell.js';
+export { STICKY_BAR_STATES, StickyBarContext, StickyBarEvent, StickyBarState, stickyBarMachine } from './machines/sticky-bar.js';
+export { CONTENT_REGION_STATES, ContentRegionContext, ContentRegionEvent, ContentRegionState, contentRegionMachine } from './machines/content-region.js';
 import 'xstate';

package/packages/primitives/dist/index.js

@@ -1,3 +1,18 @@
+import {
+  panelMachine
+} from "./chunk-V5D7LS4J.js";
+import {
+  popoverMachine
+} from "./chunk-LVNCD5F2.js";
+import {
+  clamp,
+  sliderMachine,
+  snap
+} from "./chunk-PB3LFHXU.js";
+import {
+  STICKY_BAR_STATES,
+  stickyBarMachine
+} from "./chunk-YBPNI2LI.js";
 import {
   tabsMachine
 } from "./chunk-HONROWUG.js";
@@ -10,6 +25,10 @@ import {
 import {
   accordionMachine
 } from "./chunk-JBAG5E6W.js";
+import {
+  APP_SHELL_STATES,
+  appShellMachine
+} from "./chunk-R25CUHNF.js";
 import {
   ASYNC_LIFECYCLE_STATES,
   asyncMachine,
@@ -20,6 +39,10 @@ import {
   BUTTON_LIFECYCLE_STATES,
   buttonLifecycleMachine
 } from "./chunk-WVICCOQH.js";
+import {
+  CONTENT_REGION_STATES,
+  contentRegionMachine
+} from "./chunk-RO2DMFN5.js";
 import {
   dialogMachine
 } from "./chunk-SZV6KGXN.js";
@@ -29,31 +52,30 @@ import {
   FIELD_VALIDATION_STATES,
   fieldMachine
 } from "./chunk-ZMGRX64G.js";
-import {
-  popoverMachine
-} from "./chunk-LVNCD5F2.js";
-import {
-  clamp,
-  sliderMachine,
-  snap
-} from "./chunk-PB3LFHXU.js";
 export {
+  APP_SHELL_STATES,
   ASYNC_LIFECYCLE_STATES,
   BUTTON_LIFECYCLE_STATES,
+  CONTENT_REGION_STATES,
   FIELD_INTERACTION_STATES,
   FIELD_SUBMISSION_STATES,
   FIELD_VALIDATION_STATES,
+  STICKY_BAR_STATES,
   accordionMachine,
+  appShellMachine,
   asyncMachine,
   buttonLifecycleMachine,
   clamp as clampSliderValue,
+  contentRegionMachine,
   createAsyncMachine,
   dialogMachine,
   fieldMachine,
   isEmptyAsyncData,
+  panelMachine,
   popoverMachine,
   sliderMachine,
   snap as snapSliderValue,
+  stickyBarMachine,
   tabsMachine,
   toastMachine,
   toggleMachine

package/packages/primitives/dist/machines/app-shell.d.ts

@@ -0,0 +1,57 @@
+import * as xstate from 'xstate';
+
+declare const APP_SHELL_STATES: readonly ["idle", "overlayOpen"];
+type AppShellState = (typeof APP_SHELL_STATES)[number];
+interface AppShellContext {
+    /** Bottom (or edge) dock chrome — tab bar, action dock. */
+    dockVisible: boolean;
+}
+type AppShellEvent = {
+    type: 'OPEN_OVERLAY';
+} | {
+    type: 'CLOSE_OVERLAY';
+} | {
+    type: 'SHOW_DOCK';
+} | {
+    type: 'HIDE_DOCK';
+} | {
+    type: 'SET_DOCK';
+    visible: boolean;
+};
+/**
+ * Application chrome frame — layered top / content / dock / overlays.
+ * Reference: HandCash items-market MainLayout (content dims when overlay open).
+ *
+ * Parallel concerns:
+ * - region `chrome`: idle | overlayOpen (content inert + scrim)
+ * - context `dockVisible`: whether the edge dock is shown
+ */
+declare const appShellMachine: xstate.StateMachine<AppShellContext, {
+    type: "OPEN_OVERLAY";
+} | {
+    type: "CLOSE_OVERLAY";
+} | {
+    type: "SHOW_DOCK";
+} | {
+    type: "HIDE_DOCK";
+} | {
+    type: "SET_DOCK";
+    visible: boolean;
+}, {}, never, {
+    type: "showDock";
+    params: xstate.NonReducibleUnknown;
+} | {
+    type: "hideDock";
+    params: xstate.NonReducibleUnknown;
+} | {
+    type: "setDock";
+    params: xstate.NonReducibleUnknown;
+}, never, never, "idle" | "overlayOpen", string, Partial<AppShellContext>, xstate.NonReducibleUnknown, xstate.EventObject, xstate.MetaObject, {
+    id: "appShell";
+    states: {
+        readonly idle: {};
+        readonly overlayOpen: {};
+    };
+}>;
+
+export { APP_SHELL_STATES, type AppShellContext, type AppShellEvent, type AppShellState, appShellMachine };

package/packages/primitives/dist/machines/app-shell.js

@@ -0,0 +1,8 @@
+import {
+  APP_SHELL_STATES,
+  appShellMachine
+} from "../chunk-R25CUHNF.js";
+export {
+  APP_SHELL_STATES,
+  appShellMachine
+};

package/packages/primitives/dist/machines/async.d.ts

@@ -44,10 +44,10 @@ declare function createAsyncMachine<T = unknown>(): xstate.StateMachine<AsyncCon
     type: "RESOLVE";
     data: T;
 }, {}, never, {
-    type: "clear";
+    type: "resolve";
     params: xstate.NonReducibleUnknown;
 } | {
-    type: "resolve";
+    type: "clear";
     params: xstate.NonReducibleUnknown;
 } | {
     type: "markStale";
@@ -83,10 +83,10 @@ declare const asyncMachine: xstate.StateMachine<AsyncContext<unknown>, {
     type: "RESOLVE";
     data: unknown;
 }, {}, never, {
-    type: "clear";
+    type: "resolve";
     params: xstate.NonReducibleUnknown;
 } | {
-    type: "resolve";
+    type: "clear";
     params: xstate.NonReducibleUnknown;
 } | {
     type: "markStale";

package/packages/primitives/dist/machines/content-region.d.ts

@@ -0,0 +1,72 @@
+import * as xstate from 'xstate';
+
+/** Totality for page / list / hub bodies — every state has a slot. */
+declare const CONTENT_REGION_STATES: readonly ["idle", "pending", "empty", "error", "ready", "loadingMore", "success"];
+type ContentRegionState = (typeof CONTENT_REGION_STATES)[number];
+interface ContentRegionContext {
+    error: string | null;
+}
+type ContentRegionEvent = {
+    type: 'LOAD';
+} | {
+    type: 'RESOLVE';
+    empty?: boolean;
+} | {
+    type: 'REJECT';
+    error: string;
+} | {
+    type: 'RETRY';
+} | {
+    type: 'LOAD_MORE';
+} | {
+    type: 'MORE_DONE';
+    empty?: boolean;
+} | {
+    type: 'SUCCEED';
+} | {
+    type: 'RESET';
+};
+/**
+ * Content region — status-slotted body under app chrome.
+ * Makes async / list / hub totality trivial: pending | empty | error | ready | loadingMore | success.
+ * Reference: items-market EmptyPlaceholder + loading skeletons + InfiniteScrollSentinel.
+ */
+declare const contentRegionMachine: xstate.StateMachine<ContentRegionContext, {
+    type: "LOAD";
+} | {
+    type: "RESOLVE";
+    empty?: boolean;
+} | {
+    type: "REJECT";
+    error: string;
+} | {
+    type: "RETRY";
+} | {
+    type: "LOAD_MORE";
+} | {
+    type: "MORE_DONE";
+    empty?: boolean;
+} | {
+    type: "SUCCEED";
+} | {
+    type: "RESET";
+}, {}, never, {
+    type: "clearError";
+    params: xstate.NonReducibleUnknown;
+} | {
+    type: "setError";
+    params: xstate.NonReducibleUnknown;
+}, never, never, "error" | "idle" | "success" | "empty" | "pending" | "ready" | "loadingMore", string, Partial<ContentRegionContext>, xstate.NonReducibleUnknown, xstate.EventObject, xstate.MetaObject, {
+    id: "contentRegion";
+    states: {
+        readonly idle: {};
+        readonly pending: {};
+        readonly empty: {};
+        readonly error: {};
+        readonly ready: {};
+        readonly loadingMore: {};
+        readonly success: {};
+    };
+}>;
+
+export { CONTENT_REGION_STATES, type ContentRegionContext, type ContentRegionEvent, type ContentRegionState, contentRegionMachine };

package/packages/primitives/dist/machines/content-region.js

@@ -0,0 +1,8 @@
+import {
+  CONTENT_REGION_STATES,
+  contentRegionMachine
+} from "../chunk-RO2DMFN5.js";
+export {
+  CONTENT_REGION_STATES,
+  contentRegionMachine
+};

package/packages/primitives/dist/machines/panel.d.ts

@@ -0,0 +1,50 @@
+import * as xstate from 'xstate';
+
+interface PanelContext {
+    expanded: boolean;
+}
+type PanelEvent = {
+    type: 'EXPAND';
+} | {
+    type: 'COLLAPSE';
+} | {
+    type: 'TOGGLE';
+} | {
+    type: 'SET_EXPANDED';
+    expanded: boolean;
+};
+/**
+ * Panel layout region — expanded | collapsed.
+ * Collapsed hides content and exposes a vertical rail label.
+ */
+declare const panelMachine: xstate.StateMachine<PanelContext, {
+    type: "EXPAND";
+} | {
+    type: "COLLAPSE";
+} | {
+    type: "TOGGLE";
+} | {
+    type: "SET_EXPANDED";
+    expanded: boolean;
+}, {}, never, {
+    type: "markExpanded";
+    params: xstate.NonReducibleUnknown;
+} | {
+    type: "markCollapsed";
+    params: xstate.NonReducibleUnknown;
+} | {
+    type: "toggleExpanded";
+    params: xstate.NonReducibleUnknown;
+} | {
+    type: "setExpanded";
+    params: xstate.NonReducibleUnknown;
+}, never, never, "expanded" | "resolve" | "collapsed", string, Partial<PanelContext>, xstate.NonReducibleUnknown, xstate.EventObject, xstate.MetaObject, {
+    id: "panel";
+    states: {
+        readonly resolve: {};
+        readonly expanded: {};
+        readonly collapsed: {};
+    };
+}>;
+
+export { type PanelContext, type PanelEvent, panelMachine };

package/packages/primitives/dist/machines/panel.js

@@ -0,0 +1,6 @@
+import {
+  panelMachine
+} from "../chunk-V5D7LS4J.js";
+export {
+  panelMachine
+};

package/packages/primitives/dist/machines/sticky-bar.d.ts

@@ -0,0 +1,62 @@
+import * as xstate from 'xstate';
+
+declare const STICKY_BAR_STATES: readonly ["floating", "docked", "collapsed", "hidden"];
+type StickyBarState = (typeof STICKY_BAR_STATES)[number];
+interface StickyBarContext {
+    /** CSS inset for stacked sticky chrome (e.g. under a fixed site header). */
+    offsetPx: number;
+    /** Resolved once on start from input.initial. */
+    initial: StickyBarState;
+}
+type StickyBarEvent = {
+    type: 'DOCK';
+} | {
+    type: 'FLOAT';
+} | {
+    type: 'COLLAPSE';
+} | {
+    type: 'EXPAND';
+} | {
+    type: 'HIDE';
+} | {
+    type: 'SHOW';
+} | {
+    type: 'SET_OFFSET';
+    offsetPx: number;
+};
+/**
+ * Sticky / fixed chrome band — site header, subnav, reveal trays.
+ * Reference: items-market NavigationBar shrink, MarketNavbar sticky stack, BalanceStickyTray.
+ *
+ * States: floating | docked | collapsed | hidden
+ */
+declare const stickyBarMachine: xstate.StateMachine<StickyBarContext, {
+    type: "DOCK";
+} | {
+    type: "FLOAT";
+} | {
+    type: "COLLAPSE";
+} | {
+    type: "EXPAND";
+} | {
+    type: "HIDE";
+} | {
+    type: "SHOW";
+} | {
+    type: "SET_OFFSET";
+    offsetPx: number;
+}, {}, never, {
+    type: "setOffset";
+    params: xstate.NonReducibleUnknown;
+}, never, never, "resolve" | "collapsed" | "hidden" | "floating" | "docked", string, Partial<StickyBarContext>, xstate.NonReducibleUnknown, xstate.EventObject, xstate.MetaObject, {
+    id: "stickyBar";
+    states: {
+        readonly resolve: {};
+        readonly floating: {};
+        readonly docked: {};
+        readonly collapsed: {};
+        readonly hidden: {};
+    };
+}>;
+
+export { STICKY_BAR_STATES, type StickyBarContext, type StickyBarEvent, type StickyBarState, stickyBarMachine };

package/packages/primitives/dist/machines/sticky-bar.js

@@ -0,0 +1,8 @@
+import {
+  STICKY_BAR_STATES,
+  stickyBarMachine
+} from "../chunk-YBPNI2LI.js";
+export {
+  STICKY_BAR_STATES,
+  stickyBarMachine
+};

package/packages/primitives/node_modules/.bin/esbuild

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/esbuild@0.28.0/node_modules/esbuild/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/esbuild@0.28.0/node_modules/esbuild/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/esbuild@0.28.0/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/esbuild@0.28.0/node_modules/esbuild/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/esbuild@0.28.0/node_modules/esbuild/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/esbuild@0.28.0/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/esbuild@0.28.0/node_modules/esbuild/bin/esbuild" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/esbuild@0.28.0/node_modules/esbuild/bin/esbuild" "$@"
+fi