aeon-ui-engine 1.3.1 → 1.4.0

package/packages/schemas/src/machine-id.ts

@@ -0,0 +1,7 @@
+/** Map component schema `machine` export names → registry/machines/{id}.json ids. */
+export function machineRegistryId(machine: string | null | undefined): string | undefined {
+  if (machine == null) return undefined
+  if (machine === 'createAsyncMachine') return 'async'
+  if (machine.endsWith('Machine')) return machine.slice(0, -'Machine'.length)
+  return machine
+}

package/packages/schemas/src/prompts.ts

@@ -15,8 +15,8 @@ You are building UI with **Aeon UI**, a React component library powered by finit
 ## Non-negotiable rules
 1. Do not duplicate open/checked/lifecycle in \`useState\` when a machine exists in \`@aeon-ui/primitives\`.
 2. **Button \`status\` is a prop** (\`idle|pending|success|failure|disabled\`). Optional: drive it from \`buttonLifecycleMachine\` via \`useAeonMachine\` in app code.
-3. **Select / Menu / Popover** share \`popoverMachine\` — never fork another open/closed chart.
-4. **Combobox** and **Tooltip** use React state today — do not add floating machines without the component checklist.
+3. **Select / Menu / Popover / Combobox / Tooltip** share \`popoverMachine\` for open/closed — never fork another open/closed chart. Combobox keeps query/highlight in React; Tooltip keeps openDelay/closeDelay/touchDuration in React.
+4. **PinInput** digit buffer is React-local today — do not invent a pin machine without the component checklist.
 5. **Scroll** uses \`getScrollSnapshot()\` — no XState machine.
 6. If a machine lists N stable states, the UI must represent all N (totality).
 7. Prefer \`@aeon-ui/react\` (headless) or \`@aeon-ui/ui\` (styled). Relative TS imports use \`.js\` extensions inside the Aeon monorepo only.
@@ -58,13 +58,34 @@ Rule: Pending must set aria-busy. Do not use disabled alone to mean "saving".`,
 States: open | closed. Events: OPEN, CLOSE, TOGGLE.
 Rule: Backdrop click and Escape are CLOSE transitions. Title/Description are required for a11y when open.`,
 
-  popoverFamily: `## Popover family (Popover, Menu, Select open state)
+  popoverFamily: `## Popover family (Popover, Menu, Select, Combobox, Tooltip open state)
 Machine: popoverMachine — states open | closed.
-Rule: Reuse this chart. Never create selectOpenMachine / menuOpenMachine forks.`,
+Rule: Reuse this chart. Never create selectOpenMachine / menuOpenMachine / comboboxOpenMachine / tooltipOpenMachine forks.
+Combobox: query + highlight stay React-local; open/closed must still be popoverMachine.
+Tooltip: openDelay / closeDelay / touchDuration stay React-local; open/closed must still be popoverMachine.`,
 
   toggle: `## Switch / Checkbox
 Machine: toggleMachine — checked | unchecked. Events: TOGGLE, CHECK, UNCHECK.
 Rule: Hidden input stays in sync with snapshot for forms.`,
+
+  slider: `## Slider statechart
+Machine: sliderMachine — idle | dragging; value/min/max/step in context.
+Events: SET_VALUE, STEP, POINTER_DOWN, POINTER_UP, HOME, END.
+Rule: Disabled blocks SET_VALUE / drag; project idle vs dragging on data-aeon-state.`,
+
+  contentRegion: `## Content region statechart
+Machine: contentRegionMachine — idle → pending → (empty | error | ready) → loadingMore | success.
+Events: LOAD, RESOLVE, REJECT, RETRY, LOAD_MORE, MORE_DONE, SUCCEED, RESET.
+Rule: Every stable state has a slot. Pair with Async for fetch; do not hide empty/error behind a spinner.`,
+
+  toast: `## Toast item statechart
+Machine: toastMachine — hidden | visible. Events: SHOW, HIDE, DISMISS.
+Rule: Provider list orchestration may use React; each toast item uses the machine.`,
+
+  stickyBar: `## StickyBar statechart
+Machine: stickyBarMachine — floating | docked | collapsed | hidden.
+Events: DOCK, FLOAT, COLLAPSE, EXPAND, HIDE, SHOW, SET_OFFSET.
+Rule: DOM scope is bar (bar anatomy zones). Do not invent a parallel sticky useState.`,
 } as const
 
 /** Checkout-form example used on the landing "AI playground" proof. */

package/packages/schemas/src/registry.ts

@@ -1,8 +1,14 @@
+import { componentSchemas } from './components.js'
+import { machineRegistryId } from './machine-id.js'
+import type { JsonSchema } from './schema-builder.js'
+
 /**
  * Aeon UI agent registry — machine-legible component contracts for Generative UI.
  * Fetch at runtime: GET https://aeon-ui.com/registry/catalog.json
  * Per component: GET https://aeon-ui.com/registry/components/{id}.json
  * Machines: GET https://aeon-ui.com/registry/machines/{id}.json
+ *
+ * Components are derived from `componentSchemas` — do not hand-maintain a parallel list.
  */
 export type RegistryEntry = {
   id: string
@@ -16,6 +22,24 @@ export type RegistryEntry = {
 
 export const REGISTRY_BASE = 'https://aeon-ui.com/registry' as const
 
+function entryFromSchema(id: string, schema: JsonSchema): RegistryEntry {
+  const x = schema['x-aeon'] as {
+    scope: string
+    machine: string | null
+    runtime: string
+  }
+  const mid = machineRegistryId(x.machine)
+  return {
+    id,
+    title: String(schema.title ?? id),
+    scope: x.scope,
+    schemaUrl: `${REGISTRY_BASE}/components/${id}.json`,
+    ...(mid ? { machineUrl: `${REGISTRY_BASE}/machines/${mid}.json` } : {}),
+    runtime: x.runtime,
+    description: String(schema.description ?? ''),
+  }
+}
+
 export const registryCatalog = {
   $id: `${REGISTRY_BASE}/catalog.json`,
   version: '0.1.0',
@@ -27,47 +51,12 @@ export const registryCatalog = {
     component: `${REGISTRY_BASE}/components/{id}.json`,
     machine: `${REGISTRY_BASE}/machines/{id}.json`,
   },
-  components: [
-    {
-      id: 'button',
-      title: 'Button',
-      scope: 'button',
-      schemaUrl: `${REGISTRY_BASE}/components/button.json`,
-      machineUrl: `${REGISTRY_BASE}/machines/buttonLifecycle.json`,
-      runtime: 'status prop',
-      description: 'Action control with idle|pending|success|failure|disabled',
-    },
-    {
-      id: 'async',
-      title: 'Async',
-      scope: 'async',
-      schemaUrl: `${REGISTRY_BASE}/components/async.json`,
-      machineUrl: `${REGISTRY_BASE}/machines/async.json`,
-      runtime: 'useAeonMachine',
-      description: 'Fetch lifecycle region with full totality',
-    },
-    {
-      id: 'field',
-      title: 'Field',
-      scope: 'field',
-      schemaUrl: `${REGISTRY_BASE}/components/field.json`,
-      machineUrl: `${REGISTRY_BASE}/machines/field.json`,
-      runtime: 'useAeonMachine',
-      description: 'Parallel interaction × validation × submission',
-    },
-    {
-      id: 'dialog',
-      title: 'Dialog',
-      scope: 'dialog',
-      schemaUrl: `${REGISTRY_BASE}/components/dialog.json`,
-      machineUrl: `${REGISTRY_BASE}/machines/dialog.json`,
-      runtime: 'useAeonMachine',
-      description: 'Modal open/closed',
-    },
-  ] satisfies RegistryEntry[],
+  components: Object.entries(componentSchemas).map(([id, schema]) =>
+    entryFromSchema(id, schema),
+  ) satisfies RegistryEntry[],
   client: {
     fetchCatalog: `fetch('${REGISTRY_BASE}/catalog.json').then(r => r.json())`,
     fetchComponent: `id => fetch(\`${REGISTRY_BASE}/components/\${id}.json\`).then(r => r.json())`,
     fetchMachine: `id => fetch(\`${REGISTRY_BASE}/machines/\${id}.json\`).then(r => r.json())`,
   },
-} as const
+}

package/packages/schemas/tsconfig.json

@@ -5,5 +5,5 @@
     "rootDir": "src",
     "noEmit": true
   },
-  "include": ["src", "scripts"]
+  "include": ["src"]
 }

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

@@ -2,8 +2,8 @@ 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';
+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, Prompt as Prompt$1, Tabs as Tabs$1, Separator as Separator$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1, RangeSlider as RangeSlider$1, FileUpload as FileUpload$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 { AppNav, AppNavChild, AppNavContext, StatusBanner, useAppNav, useAppNavMachine, useToast } from '@aeon-ui/react';
 export { cx as cn } from '@aeon-ui/panda/styled-system/css';
 
 type ButtonProps = ComponentProps<typeof Button$1.Root> & {
@@ -35,36 +35,36 @@ type Size = 'sm' | 'md' | 'lg';
 type RootProps$i = ComponentProps<typeof Identity$1.Root> & {
     size?: Size;
 };
-type PartProps$a = ComponentProps<typeof Identity$1.Title>;
+type PartProps$9 = 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;
+    Avatar: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$9) => react_jsx_runtime.JSX.Element;
+    Trailing: ({ className, ...props }: PartProps$9) => 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>;
+type PartProps$8 = 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;
+    Chip: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
+    Value: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: PartProps$8) => react_jsx_runtime.JSX.Element;
 };
 
 type RootProps$g = ComponentProps<typeof ListRow$1.Root>;
-type PartProps$8 = ComponentProps<typeof ListRow$1.Label>;
+type PartProps$7 = 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;
+    Leading: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Description: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
+    Trailing: ({ className, ...props }: PartProps$7) => react_jsx_runtime.JSX.Element;
 };
 
 type Density = 'compact' | 'cozy';
@@ -77,58 +77,71 @@ type RootProps$f = ComponentProps<typeof Entry$1.Root> & {
     density?: Density;
     layout?: Layout;
 };
-type PartProps$7 = ComponentProps<typeof Entry$1.Title>;
+type PartProps$6 = 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;
+    Header: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Leading: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Heading: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Media: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Body: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Values: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Value: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Actions: ({ className, ...props }: PartProps$6) => react_jsx_runtime.JSX.Element;
+    Footer: ({ className, ...props }: PartProps$6) => 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>;
+type PartProps$5 = 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;
+    Leading: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Body: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Preview: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    Badge: ({ className, ...props }: PartProps$5) => 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>;
+type PartProps$4 = ComponentProps<typeof Thread$1.Bubble>;
+type BindProps = ComponentProps<typeof Thread$1.Bind>;
 declare const Thread: {
     Root: ({ className, ...props }: RootProps$d) => react_jsx_runtime.JSX.Element;
-    List: ({ className, ...props }: PartProps$5) => react_jsx_runtime.JSX.Element;
+    List: ({ className, ...props }: PartProps$4) => 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;
+    Bubble: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    Meta: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    Day: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    Bind: ({ className, ...props }: BindProps) => react_jsx_runtime.JSX.Element;
+    Card: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    CardTitle: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    CardBody: ({ className, ...props }: PartProps$4) => react_jsx_runtime.JSX.Element;
+    CardActions: ({ className, ...props }: PartProps$4) => 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>;
+type ActionsProps$1 = ComponentProps<typeof Composer$1.Actions>;
+type SendProps = ComponentProps<typeof Composer$1.Send>;
+type ToolbarProps = ComponentProps<typeof Composer$1.Toolbar>;
+type SuggestionsProps = ComponentProps<typeof Composer$1.Suggestions>;
+type SuggestionProps = ComponentProps<typeof Composer$1.Suggestion>;
 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;
+    Actions: ({ className, ...props }: ActionsProps$1) => react_jsx_runtime.JSX.Element;
+    Send: ({ className, ...props }: SendProps) => react_jsx_runtime.JSX.Element;
+    Toolbar: ({ className, ...props }: ToolbarProps) => react_jsx_runtime.JSX.Element;
+    Suggestions: ({ className, ...props }: SuggestionsProps) => react_jsx_runtime.JSX.Element;
+    Suggestion: ({ className, ...props }: SuggestionProps) => react_jsx_runtime.JSX.Element;
 };
 
 type Align$1 = 'start' | 'center';
@@ -199,6 +212,28 @@ declare const Dialog: {
     CloseTrigger: ({ className, ...props }: ComponentProps<typeof Dialog$1.CloseTrigger>) => react_jsx_runtime.JSX.Element;
 };
 
+/** Styled Prompt — Dialog recipes + prompt action parts. */
+declare const Prompt: {
+    Root: react.ForwardRefExoticComponent<_aeon_ui_react.PromptRootProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>>) => react_jsx_runtime.JSX.Element;
+    Portal: react.ForwardRefExoticComponent<_aeon_ui_react.DialogPortalProps & react.RefAttributes<HTMLDivElement>>;
+    Backdrop: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>>) => react_jsx_runtime.JSX.Element;
+    Positioner: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>>) => react_jsx_runtime.JSX.Element;
+    Content: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>>) => react_jsx_runtime.JSX.Element;
+    Title: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>>) => react_jsx_runtime.JSX.Element;
+    Description: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>>) => react_jsx_runtime.JSX.Element;
+    CloseTrigger: ({ className, ...props }: ComponentProps<react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>>) => react_jsx_runtime.JSX.Element;
+    Eyebrow: ({ className, ...props }: ComponentProps<typeof Prompt$1.Eyebrow>) => react_jsx_runtime.JSX.Element;
+    Meta: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDListElement> & react.RefAttributes<HTMLDListElement>>;
+    Amount: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+    Verb: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+    Recipient: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+    Effect: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+    Actions: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+    Primary: ({ className, ...props }: ComponentProps<typeof Prompt$1.Primary>) => react_jsx_runtime.JSX.Element;
+    Secondary: ({ className, ...props }: ComponentProps<typeof Prompt$1.Secondary>) => 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;
@@ -237,6 +272,25 @@ declare const Slider: {
     ValueText: ({ className, ...props }: ComponentProps<typeof Slider$1.ValueText>) => react_jsx_runtime.JSX.Element;
 };
 
+declare const RangeSlider: {
+    Root: ({ className, ...props }: ComponentProps<typeof RangeSlider$1.Root>) => react_jsx_runtime.JSX.Element;
+    Track: ({ className, ...props }: ComponentProps<typeof RangeSlider$1.Track>) => react_jsx_runtime.JSX.Element;
+    Range: ({ className, ...props }: ComponentProps<typeof RangeSlider$1.Range>) => react_jsx_runtime.JSX.Element;
+    Thumb: ({ className, ...props }: ComponentProps<typeof RangeSlider$1.Thumb>) => react_jsx_runtime.JSX.Element;
+    ValueText: ({ className, ...props }: ComponentProps<typeof RangeSlider$1.ValueText>) => react_jsx_runtime.JSX.Element;
+};
+
+declare const FileUpload: {
+    Root: ({ className, ...props }: ComponentProps<typeof FileUpload$1.Root>) => react_jsx_runtime.JSX.Element;
+    Label: ({ className, ...props }: ComponentProps<typeof FileUpload$1.Label>) => react_jsx_runtime.JSX.Element;
+    Dropzone: ({ className, ...props }: ComponentProps<typeof FileUpload$1.Dropzone>) => react_jsx_runtime.JSX.Element;
+    Input: ({ className, ...props }: ComponentProps<typeof FileUpload$1.Input>) => react_jsx_runtime.JSX.Element;
+    Hint: ({ className, ...props }: ComponentProps<typeof FileUpload$1.Hint>) => react_jsx_runtime.JSX.Element;
+    Preview: ({ className, ...props }: ComponentProps<typeof FileUpload$1.Preview>) => react_jsx_runtime.JSX.Element;
+    ClearTrigger: ({ className, ...props }: ComponentProps<typeof FileUpload$1.ClearTrigger>) => react_jsx_runtime.JSX.Element;
+    RejectionMessage: ({ className, ...props }: ComponentProps<typeof FileUpload$1.RejectionMessage>) => 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;
@@ -442,4 +496,4 @@ declare const ThemeSwitcher: {
     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 };
+export { Accordion, AppShell, Async, Avatar, Badge, Bar, Button, Checkbox, Combobox, Composer, Content, Conversation, Dialog, Entry, Field, FileUpload, Identity, ListRow, Menu, MetricStrip, Nav, Panel, PinInput, Popover, ProfileHeader, Progress, Prompt, RadioGroup, RangeSlider, Scroll, Select, Separator, Slider, StickyBar, Switch, Tabs, ThemeSwitcher, Thread, Toast, Tooltip };