aeon-ui-engine 1.0.2 → 1.1.0

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

package/packages/svelte/package.json

@@ -8,9 +8,19 @@
     "url": "https://github.com/GenericCPU/aeon-ui.git",
     "directory": "packages/svelte"
   },
-  "publishConfig": { "access": "public" },
-  "files": ["dist", "src/**/*.svelte", "README.md"],
-  "keywords": ["aeon-ui", "svelte", "headless", "xstate", "statechart"],
+  "private": true,
+  "files": [
+    "dist",
+    "src/**/*.svelte",
+    "README.md"
+  ],
+  "keywords": [
+    "aeon-ui",
+    "svelte",
+    "headless",
+    "xstate",
+    "statechart"
+  ],
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,13 +44,13 @@
   "dependencies": {
     "@aeon-ui/core": "workspace:*",
     "@aeon-ui/primitives": "workspace:*",
-    "xstate": "^5.19.2"
+    "xstate": "^5.32.0"
   },
   "peerDependencies": {
     "svelte": "^4.0.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "svelte": "^5.28.2",
     "svelte-check": "^4.1.5",
     "tsup": "^8.4.0",

package/packages/ui/README.md

@@ -20,14 +20,27 @@ import '@aeon-ui/panda/theme-runtime.css'
 ## Usage
 
 ```tsx
-import { Dialog, Button, Async, Field } from '@aeon-ui/ui'
+import { Async, Button, Content } from '@aeon-ui/ui'
+import { asyncStatusToContentState, useAsyncContext } from '@aeon-ui/react'
+
+function Surface() {
+  const { status, send } = useAsyncContext()
+  return (
+    <Content.Root state={asyncStatusToContentState(status)}>
+      <Content.Pending>Loading…</Content.Pending>
+      <Content.Empty>Empty</Content.Empty>
+      <Content.Error>Failed</Content.Error>
+      <Content.Success>Done</Content.Success>
+      {status === 'idle' ? <Content.Body>Ready</Content.Body> : null}
+      <Button.Root size="sm" onClick={() => send({ type: 'FETCH' })}>
+        Fetch
+      </Button.Root>
+    </Content.Root>
+  )
+}
 
 <Async.Root>
-  <Async.Track />
-  <Async.Readout>Ready</Async.Readout>
-  <Async.Actions>
-    <Button.Root size="sm">Fetch</Button.Root>
-  </Async.Actions>
+  <Surface />
 </Async.Root>
 ```
 

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

@@ -0,0 +1,445 @@
+import * as react from 'react';
+import { ComponentProps, HTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _aeon_ui_react from '@aeon-ui/react';
+import { Button as Button$1, Avatar as Avatar$1, Identity as Identity$1, MetricStrip as MetricStrip$1, ListRow as ListRow$1, Entry as Entry$1, Conversation as Conversation$1, Thread as Thread$1, Composer as Composer$1, ProfileHeader as ProfileHeader$1, Async as Async$1, useAsyncContext, Field as Field$1, Switch as Switch$1, Checkbox as Checkbox$1, Dialog as Dialog$1, Tabs as Tabs$1, Separator as Separator$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1, PinInput as PinInput$1, Accordion as Accordion$1, Bar as Bar$1, Panel as Panel$1, AppShell as AppShell$1, Content as Content$1, Nav as Nav$1, StickyBar as StickyBar$1, Scroll as Scroll$1, Select as Select$1, Combobox as Combobox$1, Menu as Menu$1, Popover as Popover$1, Tooltip as Tooltip$1, Toast as Toast$1, ThemeSwitcher as ThemeSwitcher$1 } from '@aeon-ui/react';
+export { useToast } from '@aeon-ui/react';
+export { cx as cn } from '@aeon-ui/panda/styled-system/css';
+
+type ButtonProps = ComponentProps<typeof Button$1.Root> & {
+    status?: ComponentProps<typeof Button$1.Root>['status'];
+};
+type ButtonGroupProps = ComponentProps<typeof Button$1.Group> & {
+    orientation?: 'horizontal' | 'vertical';
+    gap?: 'sm' | 'md' | 'lg';
+};
+declare const Button: {
+    Root: ({ className, variant, size, status, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    Group: ({ className, orientation, gap, ...props }: ButtonGroupProps) => react_jsx_runtime.JSX.Element;
+    Label: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+    Icon: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+};
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type RootProps$j = ComponentProps<typeof Avatar$1.Root> & {
+    size?: AvatarSize;
+};
+declare const Avatar: {
+    Root: ({ className, size, ...props }: RootProps$j) => react_jsx_runtime.JSX.Element;
+    Image: ({ className, ...props }: ComponentProps<typeof Avatar$1.Image>) => react_jsx_runtime.JSX.Element;
+    Fallback: ({ className, ...props }: ComponentProps<typeof Avatar$1.Fallback>) => react_jsx_runtime.JSX.Element;
+    Badge: ({ className, ...props }: ComponentProps<typeof Avatar$1.Badge>) => react_jsx_runtime.JSX.Element;
+};
+
+type Size = 'sm' | 'md' | 'lg';
+type RootProps$i = ComponentProps<typeof Identity$1.Root> & {
+    size?: Size;
+};
+type PartProps$a = ComponentProps<typeof Identity$1.Title>;
+declare const Identity: {
+    Root: ({ className, size, ...props }: RootProps$i) => react_jsx_runtime.JSX.Element;
+    Avatar: ({ className, ...props }: PartProps$a) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: PartProps$a) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ className, ...props }: PartProps$a) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$a) => react_jsx_runtime.JSX.Element;
+    Trailing: ({ className, ...props }: PartProps$a) => react_jsx_runtime.JSX.Element;
+};
+
+type Density$1 = 'cluster' | 'loose';
+type RootProps$h = ComponentProps<typeof MetricStrip$1.Root> & {
+    density?: Density$1;
+};
+type PartProps$9 = ComponentProps<typeof MetricStrip$1.Chip>;
+declare const MetricStrip: {
+    Root: ({ className, density, ...props }: RootProps$h) => react_jsx_runtime.JSX.Element;
+    Chip: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+    Value: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+};
+
+type RootProps$g = ComponentProps<typeof ListRow$1.Root>;
+type PartProps$8 = ComponentProps<typeof ListRow$1.Label>;
+declare const ListRow: {
+    Root: ({ className, ...props }: RootProps$g) => react_jsx_runtime.JSX.Element;
+    Leading: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
+    Description: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
+    Trailing: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
+};
+
+type Density = 'compact' | 'cozy';
+type Layout = 'stack' | 'split';
+type ListProps = ComponentProps<typeof Entry$1.List> & {
+    density?: Density;
+    layout?: Layout;
+};
+type RootProps$f = ComponentProps<typeof Entry$1.Root> & {
+    density?: Density;
+    layout?: Layout;
+};
+type PartProps$7 = ComponentProps<typeof Entry$1.Title>;
+declare const Entry: {
+    List: ({ className, density, layout, ...props }: ListProps) => react_jsx_runtime.JSX.Element;
+    Root: ({ className, density, layout, ...props }: RootProps$f) => react_jsx_runtime.JSX.Element;
+    Header: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Leading: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Heading: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Media: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Body: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Values: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Value: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Actions: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Footer: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+};
+
+type RootProps$e = ComponentProps<typeof Conversation$1.Root>;
+type ItemProps$2 = ComponentProps<typeof Conversation$1.Item>;
+type PartProps$6 = ComponentProps<typeof Conversation$1.Title>;
+declare const Conversation: {
+    Root: ({ className, ...props }: RootProps$e) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ItemProps$2) => react_jsx_runtime.JSX.Element;
+    Leading: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Body: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Preview: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Badge: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+};
+
+type RootProps$d = ComponentProps<typeof Thread$1.Root>;
+type ItemProps$1 = ComponentProps<typeof Thread$1.Item>;
+type PartProps$5 = ComponentProps<typeof Thread$1.Bubble>;
+declare const Thread: {
+    Root: ({ className, ...props }: RootProps$d) => react_jsx_runtime.JSX.Element;
+    List: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ItemProps$1) => react_jsx_runtime.JSX.Element;
+    Bubble: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Day: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+};
+
+type RootProps$c = ComponentProps<typeof Composer$1.Root>;
+type InputProps = ComponentProps<typeof Composer$1.Input>;
+type PartProps$4 = ComponentProps<typeof Composer$1.Actions>;
+declare const Composer: {
+    Root: ({ className, ...props }: RootProps$c) => react_jsx_runtime.JSX.Element;
+    Input: ({ className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+    Actions: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    Send: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+};
+
+type Align$1 = 'start' | 'center';
+type RootProps$b = ComponentProps<typeof ProfileHeader$1.Root> & {
+    align?: Align$1;
+};
+type PartProps$3 = ComponentProps<typeof ProfileHeader$1.Body>;
+declare const ProfileHeader: {
+    Root: ({ className, align, ...props }: RootProps$b) => react_jsx_runtime.JSX.Element;
+    Media: ({ className, ...props }: PartProps$3) => react_jsx_runtime.JSX.Element;
+    Identity: ({ className, ...props }: PartProps$3) => react_jsx_runtime.JSX.Element;
+    Metrics: ({ className, ...props }: PartProps$3) => react_jsx_runtime.JSX.Element;
+    Actions: ({ className, ...props }: PartProps$3) => react_jsx_runtime.JSX.Element;
+    Body: ({ className, ...props }: PartProps$3) => react_jsx_runtime.JSX.Element;
+};
+
+type RootProps$a = ComponentProps<typeof Async$1.Root>;
+type TrackProps = ComponentProps<typeof Async$1.Track>;
+type ReadoutProps = ComponentProps<typeof Async$1.Readout>;
+type ActionsProps = ComponentProps<typeof Async$1.Actions>;
+declare const Async: {
+    Root: ({ className, ...props }: RootProps$a) => react_jsx_runtime.JSX.Element;
+    /** Totality / diagram rail — prefer Content faces in product Instant UIs. */
+    Track: ({ className, ...props }: TrackProps) => react_jsx_runtime.JSX.Element;
+    Readout: ({ className, children, ...props }: ReadoutProps) => react_jsx_runtime.JSX.Element;
+    Actions: ({ className, ...props }: ActionsProps) => react_jsx_runtime.JSX.Element;
+    Provider: typeof _aeon_ui_react.AsyncProvider;
+    useContext: typeof useAsyncContext;
+};
+
+declare const Field: {
+    Root: ({ className, ...props }: ComponentProps<typeof Field$1.Root>) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: ComponentProps<typeof Field$1.Label>) => react_jsx_runtime.JSX.Element;
+    Control: ({ className, ...props }: ComponentProps<typeof Field$1.Control>) => react_jsx_runtime.JSX.Element;
+    /** Alias for Control — preferred name in app forms. */
+    Input: ({ className, ...props }: ComponentProps<typeof Field$1.Control>) => react_jsx_runtime.JSX.Element;
+    Textarea: ({ className, ...props }: ComponentProps<typeof Field$1.Textarea>) => react_jsx_runtime.JSX.Element;
+    Message: ({ className, ...props }: ComponentProps<typeof Field$1.Message>) => react_jsx_runtime.JSX.Element;
+    Hint: ({ className, ...props }: ComponentProps<typeof Field$1.Hint>) => react_jsx_runtime.JSX.Element;
+};
+
+type RootProps$9 = ComponentProps<typeof Switch$1.Root>;
+declare const Switch: {
+    Root: ({ className, children, ...props }: RootProps$9) => react_jsx_runtime.JSX.Element;
+    Control: ({ className, ...props }: ComponentProps<typeof Switch$1.Control>) => react_jsx_runtime.JSX.Element;
+    Thumb: ({ className, ...props }: ComponentProps<typeof Switch$1.Thumb>) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: ComponentProps<typeof Switch$1.Label>) => react_jsx_runtime.JSX.Element;
+    HiddenInput: react.ForwardRefExoticComponent<react.InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+};
+
+declare const Checkbox: {
+    Root: ({ className, ...props }: ComponentProps<typeof Checkbox$1.Root>) => react_jsx_runtime.JSX.Element;
+    Control: ({ className, ...props }: ComponentProps<typeof Checkbox$1.Control>) => react_jsx_runtime.JSX.Element;
+    Indicator: ({ className, children, ...props }: ComponentProps<typeof Checkbox$1.Indicator>) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: ComponentProps<typeof Checkbox$1.Label>) => react_jsx_runtime.JSX.Element;
+    HiddenInput: react.ForwardRefExoticComponent<react.InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+};
+
+declare const Dialog: {
+    Root: react.ForwardRefExoticComponent<_aeon_ui_react.DialogRootProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: ({ className, ...props }: ComponentProps<typeof Dialog$1.Trigger>) => react_jsx_runtime.JSX.Element;
+    Portal: react.ForwardRefExoticComponent<_aeon_ui_react.DialogPortalProps & react.RefAttributes<HTMLDivElement>>;
+    Backdrop: ({ className, ...props }: ComponentProps<typeof Dialog$1.Backdrop>) => react_jsx_runtime.JSX.Element;
+    Positioner: ({ className, ...props }: ComponentProps<typeof Dialog$1.Positioner>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Dialog$1.Content>) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: ComponentProps<typeof Dialog$1.Title>) => react_jsx_runtime.JSX.Element;
+    Description: ({ className, ...props }: ComponentProps<typeof Dialog$1.Description>) => react_jsx_runtime.JSX.Element;
+    CloseTrigger: ({ className, ...props }: ComponentProps<typeof Dialog$1.CloseTrigger>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Tabs: {
+    Root: ({ className, ...props }: ComponentProps<typeof Tabs$1.Root>) => react_jsx_runtime.JSX.Element;
+    List: ({ className, ...props }: ComponentProps<typeof Tabs$1.List>) => react_jsx_runtime.JSX.Element;
+    Trigger: ({ className, ...props }: ComponentProps<typeof Tabs$1.Trigger>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Tabs$1.Content>) => react_jsx_runtime.JSX.Element;
+    Indicator: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+};
+
+type RootProps$8 = ComponentProps<typeof Separator$1.Root> & {
+    orientation?: 'horizontal' | 'vertical';
+};
+declare const Separator: {
+    Root: ({ className, orientation, ...props }: RootProps$8) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Progress: {
+    Root: ({ className, ...props }: ComponentProps<typeof Progress$1.Root>) => react_jsx_runtime.JSX.Element;
+    Track: ({ className, ...props }: ComponentProps<typeof Progress$1.Track>) => react_jsx_runtime.JSX.Element;
+    Range: ({ className, ...props }: ComponentProps<typeof Progress$1.Range>) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: ComponentProps<typeof Progress$1.Label>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const RadioGroup: {
+    Root: ({ className, ...props }: ComponentProps<typeof RadioGroup$1.Root>) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ComponentProps<typeof RadioGroup$1.Item>) => react_jsx_runtime.JSX.Element;
+    ItemControl: ({ className, ...props }: ComponentProps<typeof RadioGroup$1.ItemControl>) => react_jsx_runtime.JSX.Element;
+    ItemIndicator: ({ className, ...props }: ComponentProps<typeof RadioGroup$1.ItemIndicator>) => react_jsx_runtime.JSX.Element;
+    ItemLabel: ({ className, ...props }: ComponentProps<typeof RadioGroup$1.ItemLabel>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Slider: {
+    Root: ({ className, ...props }: ComponentProps<typeof Slider$1.Root>) => react_jsx_runtime.JSX.Element;
+    Track: ({ className, ...props }: ComponentProps<typeof Slider$1.Track>) => react_jsx_runtime.JSX.Element;
+    Range: ({ className, ...props }: ComponentProps<typeof Slider$1.Range>) => react_jsx_runtime.JSX.Element;
+    Thumb: ({ className, ...props }: ComponentProps<typeof Slider$1.Thumb>) => react_jsx_runtime.JSX.Element;
+    ValueText: ({ className, ...props }: ComponentProps<typeof Slider$1.ValueText>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const PinInput: {
+    Root: ({ className, ...props }: ComponentProps<typeof PinInput$1.Root>) => react_jsx_runtime.JSX.Element;
+    Input: ({ className, ...props }: ComponentProps<typeof PinInput$1.Input>) => react_jsx_runtime.JSX.Element;
+    Group: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
+        inputClassName?: string;
+    } & react.RefAttributes<HTMLDivElement>>;
+};
+
+declare const Accordion: {
+    Root: ({ className, ...props }: ComponentProps<typeof Accordion$1.Root>) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ComponentProps<typeof Accordion$1.Item>) => react_jsx_runtime.JSX.Element;
+    ItemTrigger: ({ className, children, ...props }: ComponentProps<typeof Accordion$1.ItemTrigger>) => react_jsx_runtime.JSX.Element;
+    ItemContent: ({ className, ...props }: ComponentProps<typeof Accordion$1.ItemContent>) => react_jsx_runtime.JSX.Element;
+    ItemIndicator: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+};
+
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: 'default' | 'accent' | 'danger';
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type BarSize$1 = 'xs' | 'sm' | 'md' | 'lg';
+type BarCollapse = 'shrink' | 'wrap' | 'collapse-center';
+type RootProps$7 = ComponentProps<typeof Bar$1.Root> & {
+    size?: BarSize$1;
+    sticky?: boolean;
+    collapse?: BarCollapse;
+};
+type ZoneProps$1 = ComponentProps<typeof Bar$1.Leading>;
+declare const Bar: {
+    Root: ({ className, size, sticky, collapse, ...props }: RootProps$7) => react_jsx_runtime.JSX.Element;
+    Leading: ({ className, ...props }: ZoneProps$1) => react_jsx_runtime.JSX.Element;
+    Center: ({ className, ...props }: ZoneProps$1) => react_jsx_runtime.JSX.Element;
+    Trailing: ({ className, ...props }: ZoneProps$1) => react_jsx_runtime.JSX.Element;
+};
+
+type PanelSize = 'md' | 'lg';
+type GroupProps = ComponentProps<typeof Panel$1.Group>;
+type RootProps$6 = ComponentProps<typeof Panel$1.Root> & {
+    size?: PanelSize;
+};
+type TriggerProps = ComponentProps<typeof Panel$1.Trigger>;
+type LabelProps = ComponentProps<typeof Panel$1.Label>;
+type ContentProps$1 = ComponentProps<typeof Panel$1.Content>;
+/**
+ * Panel — collapsible split-view region for Aeon layouts.
+ * Collapsed exposes a vertical upright label rail; expanded shows content.
+ */
+declare const Panel: {
+    Group: ({ className, ...props }: GroupProps) => react_jsx_runtime.JSX.Element;
+    Root: ({ className, size, ...props }: RootProps$6) => react_jsx_runtime.JSX.Element;
+    Trigger: ({ className, ...props }: TriggerProps) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ContentProps$1) => react_jsx_runtime.JSX.Element;
+};
+
+type ContentAlign = 'start' | 'center';
+type RootProps$5 = ComponentProps<typeof AppShell$1.Root>;
+type PartProps$2 = ComponentProps<typeof AppShell$1.Content>;
+type ContentProps = PartProps$2 & {
+    contentAlign?: ContentAlign;
+};
+declare const AppShell: {
+    Root: ({ className, ...props }: RootProps$5) => react_jsx_runtime.JSX.Element;
+    Header: ({ className, ...props }: PartProps$2) => react_jsx_runtime.JSX.Element;
+    Subheader: ({ className, ...props }: PartProps$2) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, contentAlign, ...props }: ContentProps) => react_jsx_runtime.JSX.Element;
+    Aside: ({ className, ...props }: PartProps$2) => react_jsx_runtime.JSX.Element;
+    Footer: ({ className, ...props }: PartProps$2) => react_jsx_runtime.JSX.Element;
+    Dock: ({ className, ...props }: PartProps$2) => react_jsx_runtime.JSX.Element;
+    Scrim: ({ className, ...props }: PartProps$2) => react_jsx_runtime.JSX.Element;
+};
+
+type Align = 'start' | 'center';
+type RootProps$4 = ComponentProps<typeof Content$1.Root> & {
+    align?: Align;
+};
+type PartProps$1 = ComponentProps<typeof Content$1.Body>;
+declare const Content: {
+    Root: ({ className, align, ...props }: RootProps$4) => react_jsx_runtime.JSX.Element;
+    Toolbar: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+    Body: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+    Pending: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+    Empty: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+    Error: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+    Success: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+    Sentinel: ({ className, ...props }: PartProps$1) => react_jsx_runtime.JSX.Element;
+};
+
+type NavSize = 'sm' | 'md' | 'lg';
+type NavLayout = 'inline' | 'dock';
+type RootProps$3 = ComponentProps<typeof Nav$1.Root> & {
+    size?: NavSize;
+    layout?: NavLayout;
+};
+type ItemProps = ComponentProps<typeof Nav$1.Item>;
+type PartProps = ComponentProps<typeof Nav$1.Label>;
+declare const Nav: {
+    Root: ({ className, size, layout, ...props }: RootProps$3) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ItemProps) => react_jsx_runtime.JSX.Element;
+    Indicator: ({ className, ...props }: PartProps) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: PartProps) => react_jsx_runtime.JSX.Element;
+    Icon: ({ className, ...props }: PartProps) => react_jsx_runtime.JSX.Element;
+    Badge: ({ className, ...props }: PartProps) => react_jsx_runtime.JSX.Element;
+};
+
+type BarSize = 'xs' | 'sm' | 'md' | 'lg';
+type Placement = 'top' | 'bottom' | 'inline';
+type RootProps$2 = ComponentProps<typeof StickyBar$1.Root> & {
+    size?: BarSize;
+    placement?: Placement;
+};
+type ZoneProps = ComponentProps<typeof StickyBar$1.Leading>;
+declare const StickyBar: {
+    Root: ({ className, size, placement, ...props }: RootProps$2) => react_jsx_runtime.JSX.Element;
+    Leading: ({ className, ...props }: ZoneProps) => react_jsx_runtime.JSX.Element;
+    Center: ({ className, ...props }: ZoneProps) => react_jsx_runtime.JSX.Element;
+    Trailing: ({ className, ...props }: ZoneProps) => react_jsx_runtime.JSX.Element;
+    Seam: ({ className, ...props }: ZoneProps) => react_jsx_runtime.JSX.Element;
+};
+
+type Axis = 'y' | 'x' | 'both';
+type MaxH = 'sm' | 'md' | 'lg';
+type RootProps$1 = ComponentProps<typeof Scroll$1.Root> & {
+    axis?: Axis;
+    maxH?: MaxH;
+};
+declare const Scroll: {
+    Root: ({ className, axis, maxH, children, ...props }: RootProps$1) => react_jsx_runtime.JSX.Element;
+    Viewport: ({ className, ...props }: ComponentProps<typeof Scroll$1.Viewport>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Scroll$1.Content>) => react_jsx_runtime.JSX.Element;
+    StateReadout: ({ className }: {
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Select: {
+    Root: ({ className, ...props }: ComponentProps<typeof Select$1.Root>) => react_jsx_runtime.JSX.Element;
+    Trigger: ({ className, ...props }: ComponentProps<typeof Select$1.Trigger>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Select$1.Content>) => react_jsx_runtime.JSX.Element;
+    ValueText: ({ className, ...props }: ComponentProps<typeof Select$1.ValueText>) => react_jsx_runtime.JSX.Element;
+    Positioner: ({ className, ...props }: ComponentProps<typeof Select$1.Positioner>) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ComponentProps<typeof Select$1.Item>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Combobox: {
+    Root: ({ className, ...props }: ComponentProps<typeof Combobox$1.Root>) => react_jsx_runtime.JSX.Element;
+    Input: ({ className, ...props }: ComponentProps<typeof Combobox$1.Input>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Combobox$1.Content>) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ComponentProps<typeof Combobox$1.Item>) => react_jsx_runtime.JSX.Element;
+    Empty: ({ className, ...props }: ComponentProps<typeof Combobox$1.Empty>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Menu: {
+    Root: react.ForwardRefExoticComponent<_aeon_ui_react.MenuRootProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: ({ className, ...props }: ComponentProps<typeof Menu$1.Trigger>) => react_jsx_runtime.JSX.Element;
+    Positioner: ({ className, ...props }: ComponentProps<typeof Menu$1.Positioner>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Menu$1.Content>) => react_jsx_runtime.JSX.Element;
+    Item: ({ className, ...props }: ComponentProps<typeof Menu$1.Item>) => react_jsx_runtime.JSX.Element;
+    Separator: ({ className, ...props }: ComponentProps<typeof Menu$1.Separator>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Popover: {
+    Root: react.ForwardRefExoticComponent<_aeon_ui_react.PopoverRootProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: ({ className, ...props }: ComponentProps<typeof Popover$1.Trigger>) => react_jsx_runtime.JSX.Element;
+    Positioner: ({ className, ...props }: ComponentProps<typeof Popover$1.Positioner>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Popover$1.Content>) => react_jsx_runtime.JSX.Element;
+    CloseTrigger: ({ className, ...props }: ComponentProps<typeof Popover$1.CloseTrigger>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Tooltip: {
+    Root: react.ForwardRefExoticComponent<_aeon_ui_react.TooltipRootProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: ({ className, ...props }: ComponentProps<typeof Tooltip$1.Trigger>) => react_jsx_runtime.JSX.Element;
+    Positioner: ({ className, ...props }: ComponentProps<typeof Tooltip$1.Positioner>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<typeof Tooltip$1.Content>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const Toast: {
+    Provider: ({ children, limit }: _aeon_ui_react.ToastProviderProps) => react_jsx_runtime.JSX.Element;
+    Viewport: ({ className, placement, ...props }: ComponentProps<typeof Toast$1.Viewport>) => react_jsx_runtime.JSX.Element;
+    Root: ({ className, ...props }: ComponentProps<typeof Toast$1.Root>) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: ComponentProps<typeof Toast$1.Title>) => react_jsx_runtime.JSX.Element;
+    Description: ({ className, ...props }: ComponentProps<typeof Toast$1.Description>) => react_jsx_runtime.JSX.Element;
+    CloseTrigger: ({ className, ...props }: ComponentProps<typeof Toast$1.CloseTrigger>) => react_jsx_runtime.JSX.Element;
+    Show: ({ durationMs }: {
+        durationMs?: number;
+    }) => null;
+};
+
+type ThemeSwitcherSize = 'xs' | 'sm' | 'md';
+type RootProps = ComponentProps<typeof ThemeSwitcher$1.Root> & {
+    size?: ThemeSwitcherSize;
+};
+type ModesProps = ComponentProps<typeof ThemeSwitcher$1.Modes>;
+type ModeBtnProps = ComponentProps<typeof ThemeSwitcher$1.ModeBtn>;
+type ThemeSelectProps = ComponentProps<typeof ThemeSwitcher$1.ThemeSelect>;
+type ThemeTriggerProps = ComponentProps<typeof ThemeSwitcher$1.ThemeTrigger>;
+declare const ThemeSwitcher: {
+    Root: ({ className, size, ...props }: RootProps) => react_jsx_runtime.JSX.Element;
+    Modes: ({ className, ...props }: ModesProps) => react_jsx_runtime.JSX.Element;
+    ModeBtn: ({ className, ...props }: ModeBtnProps) => react_jsx_runtime.JSX.Element;
+    ThemeSelect: ({ className, ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
+    ThemeTrigger: ({ className, ...props }: ThemeTriggerProps) => react_jsx_runtime.JSX.Element;
+};
+
+export { Accordion, AppShell, Async, Avatar, Badge, Bar, Button, Checkbox, Combobox, Composer, Content, Conversation, Dialog, Entry, Field, Identity, ListRow, Menu, MetricStrip, Nav, Panel, PinInput, Popover, ProfileHeader, Progress, RadioGroup, Scroll, Select, Separator, Slider, StickyBar, Switch, Tabs, ThemeSwitcher, Thread, Toast, Tooltip };