aeon-ui-engine 1.0.2 → 1.1.0

package/packages/ui/src/panel.tsx

@@ -0,0 +1,39 @@
+import { Panel as Headless } from '@aeon-ui/react'
+import { aeonPanel } from '@aeon-ui/panda/styled-system/recipes'
+import type { ComponentProps } from 'react'
+import { cn } from './cn.js'
+
+type PanelSize = 'md' | 'lg'
+
+type GroupProps = ComponentProps<typeof Headless.Group>
+type RootProps = ComponentProps<typeof Headless.Root> & { size?: PanelSize }
+type TriggerProps = ComponentProps<typeof Headless.Trigger>
+type LabelProps = ComponentProps<typeof Headless.Label>
+type ContentProps = ComponentProps<typeof Headless.Content>
+
+/**
+ * Panel — collapsible split-view region for Aeon layouts.
+ * Collapsed exposes a vertical upright label rail; expanded shows content.
+ */
+export const Panel = {
+  Group: ({ className, ...props }: GroupProps) => {
+    const styles = aeonPanel({})
+    return <Headless.Group className={cn(styles.group, className)} {...props} />
+  },
+  Root: ({ className, size, ...props }: RootProps) => {
+    const styles = aeonPanel({ size })
+    return <Headless.Root className={cn(styles.root, className)} {...props} />
+  },
+  Trigger: ({ className, ...props }: TriggerProps) => {
+    const styles = aeonPanel({})
+    return <Headless.Trigger className={cn(styles.trigger, className)} {...props} />
+  },
+  Label: ({ className, ...props }: LabelProps) => {
+    const styles = aeonPanel({})
+    return <Headless.Label className={cn(styles.label, className)} {...props} />
+  },
+  Content: ({ className, ...props }: ContentProps) => {
+    const styles = aeonPanel({})
+    return <Headless.Content className={cn(styles.content, className)} {...props} />
+  },
+}

package/packages/ui/src/profile-header.tsx

@@ -0,0 +1,35 @@
+import { ProfileHeader as Headless } from '@aeon-ui/react'
+import { aeonProfileHeader } from '@aeon-ui/panda/styled-system/recipes'
+import type { ComponentProps } from 'react'
+import { cn } from './cn.js'
+
+type Align = 'start' | 'center'
+type RootProps = ComponentProps<typeof Headless.Root> & { align?: Align }
+type PartProps = ComponentProps<typeof Headless.Body>
+
+export const ProfileHeader = {
+  Root: ({ className, align = 'start', ...props }: RootProps) => {
+    const styles = aeonProfileHeader({ align })
+    return <Headless.Root className={cn(styles.root, className)} {...props} />
+  },
+  Media: ({ className, ...props }: PartProps) => {
+    const styles = aeonProfileHeader()
+    return <Headless.Media className={cn(styles.media, className)} {...props} />
+  },
+  Identity: ({ className, ...props }: PartProps) => {
+    const styles = aeonProfileHeader()
+    return <Headless.Identity className={cn(styles.identity, className)} {...props} />
+  },
+  Metrics: ({ className, ...props }: PartProps) => {
+    const styles = aeonProfileHeader()
+    return <Headless.Metrics className={cn(styles.metrics, className)} {...props} />
+  },
+  Actions: ({ className, ...props }: PartProps) => {
+    const styles = aeonProfileHeader()
+    return <Headless.Actions className={cn(styles.actions, className)} {...props} />
+  },
+  Body: ({ className, ...props }: PartProps) => {
+    const styles = aeonProfileHeader()
+    return <Headless.Body className={cn(styles.body, className)} {...props} />
+  },
+}

package/packages/ui/src/sticky-bar.tsx

@@ -0,0 +1,42 @@
+import { StickyBar as Headless } from '@aeon-ui/react'
+import { aeonBar } from '@aeon-ui/panda/styled-system/recipes'
+import type { ComponentProps } from 'react'
+import { cn } from './cn.js'
+
+type BarSize = 'xs' | 'sm' | 'md' | 'lg'
+type Placement = 'top' | 'bottom' | 'inline'
+
+type RootProps = ComponentProps<typeof Headless.Root> & {
+  size?: BarSize
+  placement?: Placement
+}
+type ZoneProps = ComponentProps<typeof Headless.Leading>
+
+export const StickyBar = {
+  Root: ({ className, size, placement = 'top', ...props }: RootProps) => {
+    const styles = aeonBar({ size, placement })
+    return (
+      <Headless.Root
+        className={cn(styles.root, className)}
+        placement={placement}
+        {...props}
+      />
+    )
+  },
+  Leading: ({ className, ...props }: ZoneProps) => {
+    const styles = aeonBar({})
+    return <Headless.Leading className={cn(styles.leading, className)} {...props} />
+  },
+  Center: ({ className, ...props }: ZoneProps) => {
+    const styles = aeonBar({})
+    return <Headless.Center className={cn(styles.center, className)} {...props} />
+  },
+  Trailing: ({ className, ...props }: ZoneProps) => {
+    const styles = aeonBar({})
+    return <Headless.Trailing className={cn(styles.trailing, className)} {...props} />
+  },
+  Seam: ({ className, ...props }: ZoneProps) => {
+    const styles = aeonBar({})
+    return <Headless.Seam className={cn(styles.seam, className)} {...props} />
+  },
+}

package/packages/ui/src/switch.tsx

@@ -1,14 +1,27 @@
 import { Switch as Headless } from '@aeon-ui/react'
 import { aeonSwitch } from '@aeon-ui/panda/styled-system/recipes'
-import type { ComponentProps } from 'react'
+import type { ComponentProps, ReactNode } from 'react'
 import { cn } from './cn.js'
 
 const switchStyles = aeonSwitch()
 
+type RootProps = ComponentProps<typeof Headless.Root>
+
 export const Switch = {
-  Root: ({ className, ...props }: ComponentProps<typeof Headless.Root>) => (
-    <Headless.Root className={cn(switchStyles.root, className)} {...props} />
-  ),
+  Root: ({ className, children, ...props }: RootProps) => {
+    const styles = switchStyles
+    const body: ReactNode =
+      children ?? (
+        <Headless.Control className={styles.control}>
+          <Headless.Thumb className={styles.thumb} />
+        </Headless.Control>
+      )
+    return (
+      <Headless.Root className={cn(styles.root, className)} {...props}>
+        {body}
+      </Headless.Root>
+    )
+  },
   Control: ({ className, ...props }: ComponentProps<typeof Headless.Control>) => (
     <Headless.Control className={cn(switchStyles.control, className)} {...props} />
   ),

package/packages/ui/src/theme-switcher.tsx

@@ -0,0 +1,41 @@
+import { ThemeSwitcher as Headless } from '@aeon-ui/react'
+import { aeonThemeSwitcher } from '@aeon-ui/panda/styled-system/recipes'
+import type { ComponentProps } from 'react'
+import { cn } from './cn.js'
+
+type ThemeSwitcherSize = 'xs' | 'sm' | 'md'
+
+type RootProps = ComponentProps<typeof Headless.Root> & {
+  size?: ThemeSwitcherSize
+}
+
+type ModesProps = ComponentProps<typeof Headless.Modes>
+
+type ModeBtnProps = ComponentProps<typeof Headless.ModeBtn>
+
+type ThemeSelectProps = ComponentProps<typeof Headless.ThemeSelect>
+
+type ThemeTriggerProps = ComponentProps<typeof Headless.ThemeTrigger>
+
+export const ThemeSwitcher = {
+  Root: ({ className, size, ...props }: RootProps) => {
+    const styles = aeonThemeSwitcher({ size })
+    return <Headless.Root className={cn(styles.root, className)} {...props} />
+  },
+  Modes: ({ className, ...props }: ModesProps) => {
+    const styles = aeonThemeSwitcher({})
+    return <Headless.Modes className={cn(styles.modes, className)} {...props} />
+  },
+  ModeBtn: ({ className, ...props }: ModeBtnProps) => {
+    const styles = aeonThemeSwitcher({})
+    return <Headless.ModeBtn className={cn(styles.modeBtn, className)} {...props} />
+  },
+  ThemeSelect: ({ className, ...props }: ThemeSelectProps) => {
+    const styles = aeonThemeSwitcher({})
+    return <Headless.ThemeSelect className={cn(styles.themeSelect, className)} {...props} />
+  },
+  ThemeTrigger: ({ className, ...props }: ThemeTriggerProps) => {
+    const styles = aeonThemeSwitcher({})
+    return <Headless.ThemeTrigger className={cn(styles.themeTrigger, className)} {...props} />
+  },
+}

package/packages/ui/src/thread.tsx

@@ -0,0 +1,35 @@
+import { Thread as Headless } from '@aeon-ui/react'
+import { aeonThread } from '@aeon-ui/panda/styled-system/recipes'
+import type { ComponentProps } from 'react'
+import { cn } from './cn.js'
+
+type RootProps = ComponentProps<typeof Headless.Root>
+type ItemProps = ComponentProps<typeof Headless.Item>
+type PartProps = ComponentProps<typeof Headless.Bubble>
+
+export const Thread = {
+  Root: ({ className, ...props }: RootProps) => {
+    const styles = aeonThread()
+    return <Headless.Root className={cn(styles.root, className)} {...props} />
+  },
+  List: ({ className, ...props }: PartProps) => {
+    const styles = aeonThread()
+    return <Headless.List className={cn(styles.list, className)} {...props} />
+  },
+  Item: ({ className, ...props }: ItemProps) => {
+    const styles = aeonThread()
+    return <Headless.Item className={cn(styles.item, className)} {...props} />
+  },
+  Bubble: ({ className, ...props }: PartProps) => {
+    const styles = aeonThread()
+    return <Headless.Bubble className={cn(styles.bubble, className)} {...props} />
+  },
+  Meta: ({ className, ...props }: PartProps) => {
+    const styles = aeonThread()
+    return <Headless.Meta className={cn(styles.meta, className)} {...props} />
+  },
+  Day: ({ className, ...props }: PartProps) => {
+    const styles = aeonThread()
+    return <Headless.Day className={cn(styles.day, className)} {...props} />
+  },
+}

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

@@ -0,0 +1,71 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as xstate from 'xstate';
+import { AnyStateMachine } from 'xstate';
+import { useMachine } from '@xstate/vue';
+
+/** Bridge executable statecharts to Vue — UI = f(snapshot). */
+declare function useAeonMachine<M extends AnyStateMachine>(machine: M, options?: Parameters<typeof useMachine<M>>[1]): {
+    snapshot: vue.Ref<xstate.SnapshotFrom<M>, xstate.SnapshotFrom<M>>;
+    send: (event: xstate.EventFromLogic<M>) => void;
+    actorRef: xstate.Actor<M>;
+};
+
+declare const Switch: {
+    Root: vue.DefineComponent<vue.ExtractPropTypes<{
+        checked: {
+            type: PropType<boolean | undefined>;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onCheckedChange: {
+            type: PropType<(checked: boolean) => void>;
+            default: undefined;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        checked: {
+            type: PropType<boolean | undefined>;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onCheckedChange: {
+            type: PropType<(checked: boolean) => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        checked: boolean | undefined;
+        defaultChecked: boolean;
+        disabled: boolean;
+        onCheckedChange: (checked: boolean) => void;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    Control: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    Thumb: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    Label: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    HiddenInput: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+};
+
+export { Switch, useAeonMachine };

package/packages/vue/dist/index.js

@@ -0,0 +1,193 @@
+// src/hooks/use-aeon-machine.ts
+import { useMachine } from "@xstate/vue";
+function useAeonMachine(machine, options) {
+  return useMachine(machine, options);
+}
+
+// src/switch/index.ts
+import { partAttrs, switchAnatomy } from "@aeon-ui/core";
+import { toggleMachine } from "@aeon-ui/primitives";
+import {
+  defineComponent,
+  h,
+  inject,
+  provide,
+  watch
+} from "vue";
+
+// src/utils/part-props.ts
+function partProps(attrs, extra) {
+  return { ...attrs, ...extra };
+}
+
+// src/switch/index.ts
+var SwitchKey = /* @__PURE__ */ Symbol("aeon-switch");
+var SwitchRoot = defineComponent({
+  name: "AeonSwitchRoot",
+  props: {
+    checked: { type: Boolean, default: void 0 },
+    defaultChecked: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    onCheckedChange: { type: Function, default: void 0 }
+  },
+  setup(props, { slots, attrs }) {
+    const { snapshot, send } = useAeonMachine(toggleMachine, {
+      input: { checked: props.defaultChecked, disabled: props.disabled }
+    });
+    const controlled = props.checked !== void 0;
+    const resolvedChecked = () => props.checked ?? snapshot.value.context.checked;
+    const pressState = () => snapshot.value.matches({ interaction: "pressed" }) ? "pressed" : "idle";
+    watch(
+      () => props.checked,
+      (v) => {
+        if (v !== void 0) send({ type: "SET_CHECKED", checked: v });
+      }
+    );
+    watch(
+      () => resolvedChecked(),
+      (v) => {
+        if (!controlled) props.onCheckedChange?.(v);
+      }
+    );
+    const toggle = () => {
+      if (props.disabled) return;
+      const next = !resolvedChecked();
+      if (controlled) props.onCheckedChange?.(next);
+      else send({ type: "TOGGLE" });
+    };
+    provide(SwitchKey, {
+      get checked() {
+        return resolvedChecked();
+      },
+      get disabled() {
+        return props.disabled;
+      },
+      get controlled() {
+        return controlled;
+      },
+      onCheckedChange: props.onCheckedChange,
+      send,
+      get pressState() {
+        return pressState();
+      }
+    });
+    return () => h(
+      "label",
+      partProps(
+        partAttrs(switchAnatomy.scope, switchAnatomy.root, {
+          state: `${resolvedChecked() ? "checked" : "unchecked"} ${pressState()}`,
+          disabled: props.disabled
+        }),
+        {
+          ...attrs,
+          onClick: (e) => {
+            const target = e.target;
+            if (target.closest(`[data-aeon-part="${switchAnatomy.control}"]`)) return;
+            toggle();
+          }
+        }
+      ),
+      slots.default?.() ?? void 0
+    );
+  }
+});
+function useSwitchCtx() {
+  const ctx = inject(SwitchKey);
+  if (!ctx) throw new Error("Switch parts must be used within SwitchRoot");
+  return ctx;
+}
+var SwitchControl = defineComponent({
+  name: "AeonSwitchControl",
+  setup(_, { attrs }) {
+    const ctx = useSwitchCtx();
+    const toggle = () => {
+      if (ctx.disabled) return;
+      const next = !ctx.checked;
+      if (ctx.controlled) ctx.onCheckedChange?.(next);
+      else ctx.send({ type: "TOGGLE" });
+    };
+    return () => h("span", {
+      role: "switch",
+      "aria-checked": ctx.checked,
+      tabindex: ctx.disabled ? -1 : 0,
+      ...partProps(
+        partAttrs(switchAnatomy.scope, switchAnatomy.control, {
+          state: `${ctx.checked ? "checked" : "unchecked"} ${ctx.pressState}`,
+          disabled: ctx.disabled
+        }),
+        attrs
+      ),
+      onClick: (e) => {
+        toggle();
+        e.stopPropagation();
+      },
+      onPointerdown: () => {
+        if (!ctx.disabled) ctx.send({ type: "POINTER_DOWN" });
+      },
+      onPointerup: () => ctx.send({ type: "POINTER_UP" }),
+      onPointerleave: () => ctx.send({ type: "POINTER_LEAVE" }),
+      onKeydown: (e) => {
+        if (e.key === " " || e.key === "Enter") {
+          e.preventDefault();
+          toggle();
+        }
+      }
+    });
+  }
+});
+var SwitchThumb = defineComponent({
+  name: "AeonSwitchThumb",
+  setup(_, { attrs }) {
+    const ctx = useSwitchCtx();
+    return () => h(
+      "span",
+      partProps(
+        partAttrs(switchAnatomy.scope, switchAnatomy.thumb, {
+          state: `${ctx.checked ? "checked" : "unchecked"} ${ctx.pressState}`
+        }),
+        attrs
+      )
+    );
+  }
+});
+var SwitchLabel = defineComponent({
+  name: "AeonSwitchLabel",
+  setup(_, { slots, attrs }) {
+    return () => h(
+      "span",
+      partProps(
+        partAttrs(switchAnatomy.scope, switchAnatomy.label),
+        attrs
+      ),
+      slots.default?.()
+    );
+  }
+});
+var SwitchHiddenInput = defineComponent({
+  name: "AeonSwitchHiddenInput",
+  setup(_, { attrs }) {
+    const ctx = useSwitchCtx();
+    return () => h("input", {
+      type: "checkbox",
+      checked: ctx.checked,
+      readonly: true,
+      tabindex: -1,
+      "aria-hidden": true,
+      ...partProps(
+        partAttrs(switchAnatomy.scope, switchAnatomy.hiddenInput),
+        attrs
+      )
+    });
+  }
+});
+var Switch = {
+  Root: SwitchRoot,
+  Control: SwitchControl,
+  Thumb: SwitchThumb,
+  Label: SwitchLabel,
+  HiddenInput: SwitchHiddenInput
+};
+export {
+  Switch,
+  useAeonMachine
+};

package/packages/vue/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/vue/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/vue/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/vue/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/vue/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/vue/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/vue/package.json

@@ -8,8 +8,8 @@
     "url": "https://github.com/GenericCPU/aeon-ui.git",
     "directory": "packages/vue"
   },
-  "publishConfig": { "access": "public" },
-  "files": ["dist", "src/**/*.svelte", "README.md"],
+  "private": true,
+  "files": ["dist", "README.md"],
   "keywords": ["aeon-ui", "vue", "headless", "xstate", "statechart"],
   "type": "module",
   "sideEffects": false,
@@ -29,7 +29,7 @@
     "@aeon-ui/core": "workspace:*",
     "@aeon-ui/primitives": "workspace:*",
     "@xstate/vue": "^5.0.0",
-    "xstate": "^5.19.2"
+    "xstate": "^5.32.0"
   },
   "peerDependencies": {
     "vue": "^3.4.0"