aeon-ui-engine 1.0.3 → 1.2.0

package/packages/svelte/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/svelte/node_modules/.bin/vite

@@ -10,12 +10,12 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules/vite/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules/vite/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+  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@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules/vite/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules/vite/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/vite@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+  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@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules/vite/bin/vite.js" "$@"
+  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@6.4.2_@types+node@22.19.19_jiti@2.7.0_lightningcss@1.32.0_tsx@4.22.3/node_modules/vite/bin/vite.js" "$@"
+  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

@@ -2,7 +2,7 @@ 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, 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, 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 } 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';
 
@@ -20,12 +20,138 @@ declare const Button: {
     Icon: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
 };
 
-type RootProps$2 = ComponentProps<typeof Async$1.Root>;
+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$2) => react_jsx_runtime.JSX.Element;
+    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;
@@ -37,13 +163,16 @@ 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, ...props }: ComponentProps<typeof Switch$1.Root>) => react_jsx_runtime.JSX.Element;
+    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;
@@ -78,11 +207,11 @@ declare const Tabs: {
     Indicator: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
 };
 
-type RootProps$1 = ComponentProps<typeof Separator$1.Root> & {
+type RootProps$8 = ComponentProps<typeof Separator$1.Root> & {
     orientation?: 'horizontal' | 'vertical';
 };
 declare const Separator: {
-    Root: ({ className, orientation, ...props }: RootProps$1) => react_jsx_runtime.JSX.Element;
+    Root: ({ className, orientation, ...props }: RootProps$8) => react_jsx_runtime.JSX.Element;
 };
 
 declare const Progress: {
@@ -129,14 +258,114 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 }
 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 = ComponentProps<typeof Scroll$1.Root> & {
+type RootProps$1 = ComponentProps<typeof Scroll$1.Root> & {
     axis?: Axis;
     maxH?: MaxH;
 };
 declare const Scroll: {
-    Root: ({ className, axis, maxH, children, ...props }: RootProps) => react_jsx_runtime.JSX.Element;
+    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 }: {
@@ -197,4 +426,20 @@ declare const Toast: {
     }) => null;
 };
 
-export { Accordion, Async, Badge, Button, Checkbox, Combobox, Dialog, Field, Menu, PinInput, Popover, Progress, RadioGroup, Scroll, Select, Separator, Slider, Switch, Tabs, Toast, Tooltip };
+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 };