aeon-ui-engine 1.5.1 → 1.8.0

package/packages/react/src/menu/index.tsx

@@ -51,16 +51,21 @@ const Root = forwardRef<HTMLDivElement, MenuRootProps>(function MenuRoot(
   ref,
 ) {
   const [snapshot, send] = useAeonMachine(popoverMachine, { input: { open: defaultOpen } })
-  const resolvedOpen = open ?? snapshot.context.open
+  const machineOpen = snapshot.context.open
+  const resolvedOpen = open ?? machineOpen
   const rootRef = useRef<HTMLDivElement>(null)
   const triggerRef = useRef<HTMLButtonElement>(null)
   const positionerRef = useRef<HTMLDivElement>(null)
   const triggerId = useId()
   const menuId = useId()
 
+  /** Machine intent, so a controlled owner still hears its own trigger. */
+  const reportedOpen = useRef(machineOpen)
   useEffect(() => {
-    onOpenChange?.(resolvedOpen)
-  }, [resolvedOpen, onOpenChange])
+    if (reportedOpen.current === machineOpen) return
+    reportedOpen.current = machineOpen
+    onOpenChange?.(machineOpen)
+  }, [machineOpen, onOpenChange])
 
   useEffect(() => {
     if (open !== undefined) send({ type: 'SET_OPEN', open })

package/packages/react/src/popover/index.tsx

@@ -53,16 +53,21 @@ const Root = forwardRef<HTMLDivElement, PopoverRootProps>(function PopoverRoot(
   const [snapshot, send] = useAeonMachine(popoverMachine, {
     input: { open: defaultOpen },
   })
-  const resolvedOpen = open ?? snapshot.context.open
+  const machineOpen = snapshot.context.open
+  const resolvedOpen = open ?? machineOpen
   const rootRef = useRef<HTMLDivElement>(null)
   const triggerRef = useRef<HTMLButtonElement>(null)
   const positionerRef = useRef<HTMLDivElement>(null)
   const triggerId = useId()
   const contentId = useId()
 
+  /** Machine intent, so a controlled owner still hears its own trigger. */
+  const reportedOpen = useRef(machineOpen)
   useEffect(() => {
-    onOpenChange?.(resolvedOpen)
-  }, [resolvedOpen, onOpenChange])
+    if (reportedOpen.current === machineOpen) return
+    reportedOpen.current = machineOpen
+    onOpenChange?.(machineOpen)
+  }, [machineOpen, onOpenChange])
 
   useEffect(() => {
     if (open !== undefined) send({ type: 'SET_OPEN', open })
@@ -132,6 +137,10 @@ export interface PopoverPositionerProps extends HTMLAttributes<HTMLDivElement> {
   /** Mount panel in document.body (default true). */
   portalled?: boolean
   placement?: AnchorPlacement
+  /** Align to this region rather than the trigger. See `FloatingPositioner`. */
+  anchorRef?: React.RefObject<HTMLElement | null>
+  /** Size the panel to the anchor, so it spans the region it belongs to. */
+  matchAnchorWidth?: boolean
   /** Gap between trigger and panel (default 4). */
   gutter?: number
   /** Stack level for the portalled surface (default 50). */
@@ -140,7 +149,17 @@ export interface PopoverPositionerProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 const Positioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(function PopoverPositioner(
-  { portalled = true, placement = 'bottom-start', gutter, zIndex, children, className, ...rest },
+  {
+    portalled = true,
+    placement = 'bottom-start',
+    anchorRef,
+    matchAnchorWidth = false,
+    gutter,
+    zIndex,
+    children,
+    className,
+    ...rest
+  },
   ref,
 ) {
   const { open, triggerRef, positionerRef } = usePopoverCtx()
@@ -153,6 +172,8 @@ const Positioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(function P
       part={popoverAnatomy.positioner}
       triggerRef={triggerRef}
       positionerRef={positionerRef}
+      anchorRef={anchorRef}
+      matchAnchorWidth={matchAnchorWidth}
       portalled={portalled}
       placement={placement}
       gutter={gutter}

package/packages/react/src/slider/index.tsx

@@ -16,13 +16,15 @@ import {
 import { useAeonMachine } from '../hooks/use-aeon-machine.js'
 import { mergeProps } from '../utils/merge-props.js'
 
-interface SliderContextValue {
+export interface SliderContextValue {
   value: number
   min: number
   max: number
   step: number
   disabled: boolean
   dragging: boolean
+  /** Nested region value from the machine: `interaction.idle` | `interaction.dragging`. */
+  interaction: 'idle' | 'dragging'
   send: ReturnType<typeof useAeonMachine<typeof sliderMachine>>[1]
   onValueChange?: (value: number) => void
   /** Snap, store and report a user-intended value. */
@@ -33,7 +35,11 @@ interface SliderContextValue {
 
 const SliderCtx = createContext<SliderContextValue | null>(null)
 
-function useSliderCtx() {
+/**
+ * Read the slider's live machine state from inside `Slider.Root`.
+ * `interaction` is the nested region value — the same thing the snapshot holds.
+ */
+export function useSliderContext() {
   const ctx = useContext(SliderCtx)
   if (!ctx) throw new Error('Slider parts must be used within Slider.Root')
   return ctx
@@ -144,6 +150,7 @@ const Root = forwardRef<HTMLDivElement, SliderRootProps>(function SliderRoot(
       step,
       disabled,
       dragging,
+      interaction: (dragging ? 'dragging' : 'idle') as 'idle' | 'dragging',
       send,
       onValueChange,
       commit,
@@ -187,7 +194,7 @@ const Track = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(functio
   { onPointerDown, ...rest },
   ref,
 ) {
-  const { disabled, send, setValueFromClientX, trackRef } = useSliderCtx()
+  const { disabled, send, setValueFromClientX, trackRef } = useSliderContext()
 
   return (
     <div
@@ -217,7 +224,7 @@ const Range = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(functio
   { style, ...rest },
   ref,
 ) {
-  const { value, min, max } = useSliderCtx()
+  const { value, min, max } = useSliderContext()
   return (
     <div
       ref={ref}
@@ -233,7 +240,7 @@ const Thumb = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(funct
   ref,
 ) {
   const { value, min, max, step, disabled, dragging, send, commit, setValueFromClientX } =
-    useSliderCtx()
+    useSliderContext()
 
   return (
     <span
@@ -295,7 +302,7 @@ const ValueText = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(f
   props,
   ref,
 ) {
-  const { value } = useSliderCtx()
+  const { value } = useSliderContext()
   return (
     <span ref={ref} {...mergeProps(partOnlyAttrs(sliderAnatomy.valueText), props)}>
       {props.children ?? value}

package/packages/schemas/dist/index.js

@@ -926,7 +926,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 \u2014 React is the full catalog
 
 ${STATECHART_PROMPTS.async}
 

package/packages/schemas/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"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}]]}
+{"version":"4.1.8","results":[[":src/index.test.ts",{"duration":42.299125000000004,"failed":false}],[":src/aeon-to-schema.test.ts",{"duration":7.255999999999972,"failed":false}]]}

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, SET_BOUNDS, SET_DISABLED.
+Events: SET_VALUE, STEP, POINTER_DOWN, POINTER_UP, HOME, END.
 Rule: Disabled blocks SET_VALUE / drag; project idle vs dragging on data-aeon-state.
 
 ## Content region statechart

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

@@ -2,6 +2,8 @@
   "id": "slider",
   "initial": "interaction",
   "events": [
+    "SET_BOUNDS",
+    "SET_DISABLED",
     "SET_VALUE",
     "STEP",
     "HOME",
@@ -14,6 +16,8 @@
     "id": "slider",
     "type": "compound",
     "events": [
+      "SET_BOUNDS",
+      "SET_DISABLED",
       "SET_VALUE",
       "STEP",
       "HOME",
@@ -21,7 +25,18 @@
       "POINTER_DOWN",
       "POINTER_UP"
     ],
-    "transitions": [],
+    "transitions": [
+      {
+        "event": "SET_BOUNDS",
+        "target": [],
+        "guarded": false
+      },
+      {
+        "event": "SET_DISABLED",
+        "target": [],
+        "guarded": false
+      }
+    ],
     "children": [
       {
         "key": "interaction",
@@ -110,6 +125,8 @@
   "states": {
     "slider": {
       "events": [
+        "SET_BOUNDS",
+        "SET_DISABLED",
         "SET_VALUE",
         "STEP",
         "HOME",

package/packages/tree/README.md

@@ -0,0 +1,29 @@
+# @aeon-ui/tree
+
+Widget trees for Aeon. A widget is configuration — immutable data describing one face of a chart — interpreted into DOM that carries `data-aeon-scope`, `data-aeon-part`, and `data-aeon-state`.
+
+This is Flutter's Widget and Element layers only. There is no RenderObject (layout stays CSS) and no `StatefulWidget` (the chart is the only state). A tree that stored `busy` itself would be the boolean twin the philosophy rules out.
+
+```ts
+import { exclusiveActionWidget, interpret, uncoveredStates, EXCLUSIVE_ACTION_STATES } from '@aeon-ui/tree'
+
+const tree = exclusiveActionWidget({
+  scope: 'settings-change-password',
+  part: 'change-password-form',
+  state,            // snapshot token
+  busy,
+  error,
+  body: { type: 'host', id: 'body' },
+  idleLabel: 'Update password',
+  pendingLabel: 'Updating…',
+  onSubmit,
+  confirm: confirm !== null,
+})
+
+uncoveredStates(EXCLUSIVE_ACTION_STATES, (s) => exclusiveActionWidget({ ...args, state: s }))
+// [] — every state of the chart has a face
+```
+
+`interpret(tree, hosts)` is the element layer. Hosts are where an existing compound (a field, a `Prompt`) fills a slot the tree names. Product CSS restyles the anatomy attributes; class names are passed in by the app, not invented here.
+
+`exclusiveActionWidget` is the one face shared by every "confirm, then await" region: `idle → confirming → busy → idle | failure`.

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

@@ -0,0 +1,97 @@
+import { ReactNode } from 'react';
+
+/**
+ * A widget is configuration, the way a Flutter `Widget` is: immutable data
+ * describing one face of a chart. It holds no lifecycle. The only state it
+ * may name is a snapshot already produced by a machine (`data-aeon-state`).
+ *
+ * Callbacks are event bindings (what to send), not state. There is no
+ * equivalent of `StatefulWidget` or `setState` — a second copy of the chart
+ * living in the tree would be the boolean twin this layer exists to remove.
+ */
+type Widget = {
+    type: 'text';
+    text: string;
+} | {
+    type: 'host';
+    id: string;
+} | {
+    type: 'el';
+    tag: 'div' | 'form' | 'button' | 'p' | 'span';
+    scope?: string;
+    part?: string;
+    /** Chart snapshot token. Projected onto `data-aeon-state`. */
+    state?: string;
+    className?: string;
+    buttonType?: 'button' | 'submit';
+    disabled?: boolean;
+    role?: string;
+    onSubmit?: (event: {
+        preventDefault(): void;
+    }) => void;
+    onClick?: () => void;
+    children: Widget[];
+};
+declare const text: (value: string) => Widget;
+declare const host: (id: string) => Widget;
+
+/**
+ * The chart every "click, maybe confirm, await, succeed or fail" region
+ * shares. One region, four faces — not a `busy` boolean beside the markup.
+ */
+declare const EXCLUSIVE_ACTION_STATES: readonly ["idle", "confirming", "busy", "failure"];
+type ExclusiveActionState = (typeof EXCLUSIVE_ACTION_STATES)[number];
+type ExclusiveActionInput = {
+    scope: string;
+    part: string;
+    /** Active snapshot token, usually `stateToAttr(snapshot.value)`. */
+    state: string;
+    busy: boolean;
+    error: string | null;
+    className?: string;
+    tag?: 'form' | 'div';
+    /** Panel-specific fields. A host, so the tree stays generic. */
+    body: Widget;
+    idleLabel: string;
+    pendingLabel: string;
+    primaryClassName?: string;
+    primaryDisabled?: boolean;
+    onSubmit?: (event: {
+        preventDefault(): void;
+    }) => void;
+    secondary?: {
+        label: string;
+        className?: string;
+        disabled?: boolean;
+        onClick: () => void;
+    };
+    actionsClassName?: string;
+    /** When set, the `confirm` host is mounted. The app renders its Prompt there. */
+    confirm?: boolean;
+};
+/**
+ * One widget for an exclusive mutation. The root carries the chart state;
+ * the primary label and the disabled set are functions of `busy`, and the
+ * failure copy is a child that exists only when `error` is set.
+ */
+declare function exclusiveActionWidget(input: ExclusiveActionInput): Widget;
+
+type WidgetHosts = Record<string, () => ReactNode>;
+/**
+ * Element layer: turn a widget tree into DOM. Anatomy comes from
+ * `@aeon-ui/core`, so product CSS restyles `data-aeon-*` and nothing else
+ * is introduced. Hosts are the escape for existing compounds (Prompt, a
+ * password field) — the tree names the slot, the app supplies the compound.
+ */
+declare function interpret(widget: Widget, hosts: WidgetHosts): ReactNode;
+
+/** Every `data-aeon-state` token a tree would project. */
+declare function widgetStates(widget: Widget): string[];
+/**
+ * States the chart names that the projection never puts on the tree.
+ * Totality (PHILOSOPHY.md §2): if the machine has the state, the face for
+ * that state must carry it. A missing name is a face the UI forgot.
+ */
+declare function uncoveredStates(states: readonly string[], project: (state: string) => Widget): string[];
+
+export { EXCLUSIVE_ACTION_STATES, type ExclusiveActionInput, type ExclusiveActionState, type Widget, type WidgetHosts, exclusiveActionWidget, host, interpret, text, uncoveredStates, widgetStates };

package/packages/tree/dist/index.js

@@ -0,0 +1,107 @@
+// src/widget.ts
+var text = (value) => ({ type: "text", text: value });
+var host = (id) => ({ type: "host", id });
+
+// src/exclusive-action.ts
+var EXCLUSIVE_ACTION_STATES = ["idle", "confirming", "busy", "failure"];
+function exclusiveActionWidget(input) {
+  const children = [input.body];
+  if (input.error) {
+    children.push({
+      type: "el",
+      tag: "p",
+      part: "error",
+      className: "error",
+      role: "alert",
+      children: [text(input.error)]
+    });
+  }
+  const actions = [
+    {
+      type: "el",
+      tag: "button",
+      part: "primary",
+      buttonType: input.tag === "div" ? "button" : "submit",
+      disabled: input.busy || input.primaryDisabled,
+      className: input.primaryClassName,
+      onClick: input.tag === "div" ? () => input.onSubmit?.({ preventDefault() {
+      } }) : void 0,
+      children: [text(input.busy ? input.pendingLabel : input.idleLabel)]
+    }
+  ];
+  if (input.secondary) {
+    actions.push({
+      type: "el",
+      tag: "button",
+      part: "secondary",
+      buttonType: "button",
+      disabled: input.busy || input.secondary.disabled,
+      className: input.secondary.className,
+      onClick: input.secondary.onClick,
+      children: [text(input.secondary.label)]
+    });
+  }
+  children.push({
+    type: "el",
+    tag: "div",
+    part: "actions",
+    className: input.actionsClassName,
+    state: input.state,
+    children: actions
+  });
+  if (input.confirm) children.push(host("confirm"));
+  return {
+    type: "el",
+    tag: input.tag ?? "form",
+    scope: input.scope,
+    part: input.part,
+    state: input.state,
+    className: input.className,
+    onSubmit: input.tag === "div" ? void 0 : input.onSubmit,
+    children
+  };
+}
+
+// src/interpret.tsx
+import { partOnlyAttrs, scopeAttrs } from "@aeon-ui/core";
+import { createElement, Fragment } from "react";
+function interpret(widget, hosts) {
+  if (widget.type === "text") return widget.text;
+  if (widget.type === "host") return hosts[widget.id]?.() ?? null;
+  const attrs = widget.scope ? scopeAttrs(widget.scope, widget.part ?? "root", { state: widget.state }) : widget.part ? partOnlyAttrs(widget.part, { state: widget.state }) : widget.state ? { "data-aeon-state": widget.state } : {};
+  const props = {
+    ...attrs,
+    className: widget.className,
+    role: widget.role,
+    disabled: widget.disabled || void 0,
+    type: widget.tag === "button" ? widget.buttonType ?? "button" : void 0,
+    onSubmit: widget.tag === "form" && widget.onSubmit ? (event) => widget.onSubmit?.(event) : void 0,
+    onClick: widget.onClick
+  };
+  return createElement(
+    widget.tag,
+    props,
+    ...widget.children.map(
+      (child, index) => createElement(Fragment, { key: index }, interpret(child, hosts))
+    )
+  );
+}
+
+// src/totality.ts
+function widgetStates(widget) {
+  if (widget.type !== "el") return [];
+  const own = widget.state ? [widget.state] : [];
+  return [...own, ...widget.children.flatMap(widgetStates)];
+}
+function uncoveredStates(states, project) {
+  return states.filter((state) => !widgetStates(project(state)).includes(state));
+}
+export {
+  EXCLUSIVE_ACTION_STATES,
+  exclusiveActionWidget,
+  host,
+  interpret,
+  text,
+  uncoveredStates,
+  widgetStates
+};

package/packages/tree/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

package/packages/tree/node_modules/.bin/jiti

@@ -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/jiti@2.7.0/node_modules/jiti/lib/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/lib/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.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/jiti@2.7.0/node_modules/jiti/lib/jiti-cli.mjs" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/lib/jiti-cli.mjs" "$@"
+fi

package/packages/tree/node_modules/.bin/tsc

@@ -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/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/packages/tree/node_modules/.bin/tsserver

@@ -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/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/packages/tree/node_modules/.bin/tsup

@@ -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/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../tsup/dist/cli-default.js" "$@"
+else
+  exec node  "$basedir/../tsup/dist/cli-default.js" "$@"
+fi

package/packages/tree/node_modules/.bin/tsup-node

@@ -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/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../tsup/dist/cli-node.js" "$@"
+else
+  exec node  "$basedir/../tsup/dist/cli-node.js" "$@"
+fi

package/packages/tree/node_modules/.bin/tsx

@@ -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/tsx@4.22.3/node_modules/tsx/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/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/tsx@4.22.3/node_modules/tsx/dist/cli.mjs" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/dist/cli.mjs" "$@"
+fi

package/packages/tree/node_modules/.bin/vite

@@ -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/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules/vite/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules/vite/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules/vite/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules/vite/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/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/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules/vite/bin/vite.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/vite@8.0.16_@types+node@22.19.19_esbuild@0.28.0_jiti@2.7.0_tsx@4.22.3/node_modules/vite/bin/vite.js" "$@"
+fi