aeon-ui-engine 1.0.3 → 1.2.0

package/packages/react/dist/index.js

@@ -29,12 +29,13 @@ import { jsx } from "react/jsx-runtime";
 var Root = forwardRef(function ButtonRoot({ variant = "solid", size = "md", disabled, status = "idle", children, className, ...rest }, ref) {
   const resolvedStatus = disabled ? "disabled" : status;
   const isBusy = resolvedStatus === "pending";
+  const isLocked = resolvedStatus === "success";
   return /* @__PURE__ */ jsx(
     "button",
     {
       ref,
       type: "button",
-      disabled: disabled || isBusy || resolvedStatus === "disabled",
+      disabled: disabled || isBusy || isLocked || resolvedStatus === "disabled",
       "aria-busy": isBusy || void 0,
       className,
       "data-aeon-variant": variant,
@@ -42,7 +43,7 @@ var Root = forwardRef(function ButtonRoot({ variant = "solid", size = "md", disa
       ...mergeProps(
         partAttrs(buttonAnatomy.scope, buttonAnatomy.root, {
           state: resolvedStatus,
-          disabled: Boolean(disabled || resolvedStatus === "disabled")
+          disabled: Boolean(disabled || resolvedStatus === "disabled" || isLocked)
         }),
         rest
       ),
@@ -79,7 +80,7 @@ function useAeonMachine(machine, options) {
 }
 
 // src/switch/index.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 var SwitchCtx = createContext(null);
 function useSwitchCtx() {
   const ctx = useContext(SwitchCtx);
@@ -135,7 +136,7 @@ var Root2 = forwardRef2(function SwitchRoot({ checked, defaultChecked = false, d
         },
         rest
       ),
-      children
+      children: children ?? /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(Control, { children: /* @__PURE__ */ jsx2(Thumb, {}) }) })
     }
   ) });
 });
@@ -649,24 +650,197 @@ var Dialog = {
   CloseTrigger
 };
 
-// src/tabs/index.tsx
-import { partAttrs as partAttrs5, tabsAnatomy } from "@aeon-ui/core";
-import { tabsMachine } from "@aeon-ui/primitives";
+// src/prompt/index.tsx
+import { partAttrs as partAttrs5, promptAnatomy, scopeAttrs } from "@aeon-ui/core";
 import {
   createContext as createContext4,
   forwardRef as forwardRef5,
   useContext as useContext4,
-  useEffect as useEffect7,
   useMemo as useMemo4
 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var TabsCtx = createContext4(null);
+var PromptCtx = createContext4(null);
+function usePromptCtx() {
+  const ctx = useContext4(PromptCtx);
+  if (!ctx) throw new Error("Prompt parts must be used within Prompt.Root");
+  return ctx;
+}
+var Root5 = forwardRef5(function PromptRoot({ status = "pending", children, className, ...dialogProps }, ref) {
+  const value = useMemo4(() => ({ status }), [status]);
+  return /* @__PURE__ */ jsx5(PromptCtx.Provider, { value, children: /* @__PURE__ */ jsx5(Dialog.Root, { ...dialogProps, children: /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ref,
+      className,
+      ...scopeAttrs(promptAnatomy.scope, promptAnatomy.root, { state: status }),
+      children
+    }
+  ) }) });
+});
+var Eyebrow = forwardRef5(
+  function PromptEyebrow(props, ref) {
+    const { status } = usePromptCtx();
+    return /* @__PURE__ */ jsx5(
+      "p",
+      {
+        ref,
+        ...mergeProps(partAttrs5(promptAnatomy.scope, promptAnatomy.eyebrow, { state: status }), props)
+      }
+    );
+  }
+);
+var Meta = forwardRef5(function PromptMeta(props, ref) {
+  const { status } = usePromptCtx();
+  return /* @__PURE__ */ jsx5(
+    "dl",
+    {
+      ref,
+      ...mergeProps(partAttrs5(promptAnatomy.scope, promptAnatomy.meta, { state: status }), props)
+    }
+  );
+});
+var Amount = forwardRef5(function PromptAmount(props, ref) {
+  const { status } = usePromptCtx();
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs5(promptAnatomy.scope, promptAnatomy.amount, { state: status }), props)
+    }
+  );
+});
+var Actions = forwardRef5(function PromptActions(props, ref) {
+  const { status } = usePromptCtx();
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs5(promptAnatomy.scope, promptAnatomy.actions, { state: status }), props)
+    }
+  );
+});
+var Primary = forwardRef5(
+  function PromptPrimary(props, ref) {
+    const { status } = usePromptCtx();
+    return /* @__PURE__ */ jsx5(
+      "button",
+      {
+        ref,
+        type: "button",
+        ...mergeProps(
+          partAttrs5(promptAnatomy.scope, promptAnatomy.primary, { state: status }),
+          props
+        )
+      }
+    );
+  }
+);
+var Secondary = forwardRef5(
+  function PromptSecondary(props, ref) {
+    const { status } = usePromptCtx();
+    return /* @__PURE__ */ jsx5(
+      "button",
+      {
+        ref,
+        type: "button",
+        ...mergeProps(
+          partAttrs5(promptAnatomy.scope, promptAnatomy.secondary, { state: status }),
+          props
+        )
+      }
+    );
+  }
+);
+var Prompt = {
+  Root: Root5,
+  Trigger: Dialog.Trigger,
+  Portal: Dialog.Portal,
+  Backdrop: Dialog.Backdrop,
+  Positioner: Dialog.Positioner,
+  Content: Dialog.Content,
+  Title: Dialog.Title,
+  Description: Dialog.Description,
+  CloseTrigger: Dialog.CloseTrigger,
+  Eyebrow,
+  Meta,
+  Amount,
+  Actions,
+  Primary,
+  Secondary
+};
+
+// src/status-banner/index.tsx
+import { partAttrs as partAttrs6, scopeAttrs as scopeAttrs2, statusBannerAnatomy } from "@aeon-ui/core";
+import { forwardRef as forwardRef6 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root6 = forwardRef6(function StatusBannerRoot({ tone = "info", status, children, ...rest }, ref) {
+  const state = [tone, status].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ref,
+      role: "status",
+      ...mergeProps(scopeAttrs2(statusBannerAnatomy.scope, statusBannerAnatomy.root, { state }), rest),
+      children
+    }
+  );
+});
+var Copy = forwardRef6(function StatusBannerCopy(props, ref) {
+  return /* @__PURE__ */ jsx6("div", { ref, ...mergeProps(partAttrs6(statusBannerAnatomy.scope, statusBannerAnatomy.copy), props) });
+});
+var Title2 = forwardRef6(function StatusBannerTitle(props, ref) {
+  return /* @__PURE__ */ jsx6(
+    "strong",
+    {
+      ref,
+      ...mergeProps(partAttrs6(statusBannerAnatomy.scope, statusBannerAnatomy.title), props)
+    }
+  );
+});
+var Body = forwardRef6(function StatusBannerBody(props, ref) {
+  return /* @__PURE__ */ jsx6("span", { ref, ...mergeProps(partAttrs6(statusBannerAnatomy.scope, statusBannerAnatomy.body), props) });
+});
+var Actions2 = forwardRef6(function StatusBannerActions(props, ref) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs6(statusBannerAnatomy.scope, statusBannerAnatomy.actions), props)
+    }
+  );
+});
+var Action = forwardRef6(
+  function StatusBannerAction(props, ref) {
+    return /* @__PURE__ */ jsx6("button", { ref, type: "button", ...props });
+  }
+);
+var StatusBanner = {
+  Root: Root6,
+  Copy,
+  Title: Title2,
+  Body,
+  Actions: Actions2,
+  Action
+};
+
+// src/tabs/index.tsx
+import { partAttrs as partAttrs7, tabsAnatomy } from "@aeon-ui/core";
+import { tabsMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext5,
+  forwardRef as forwardRef7,
+  useContext as useContext5,
+  useEffect as useEffect7,
+  useMemo as useMemo5
+} from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TabsCtx = createContext5(null);
 function useTabsCtx() {
-  const ctx = useContext4(TabsCtx);
+  const ctx = useContext5(TabsCtx);
   if (!ctx) throw new Error("Tabs parts must be used within Tabs.Root");
   return ctx;
 }
-var Root5 = forwardRef5(function TabsRoot({ value, defaultValue = "", onValueChange, children, className, ...rest }, ref) {
+var Root7 = forwardRef7(function TabsRoot({ value, defaultValue = "", onValueChange, children, className, ...rest }, ref) {
   const [snapshot, send] = useAeonMachine(tabsMachine, {
     input: { value: defaultValue, disabled: false }
   });
@@ -677,24 +851,24 @@ var Root5 = forwardRef5(function TabsRoot({ value, defaultValue = "", onValueCha
   useEffect7(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const ctx = useMemo4(() => ({ value: resolvedValue, send }), [resolvedValue, send]);
-  return /* @__PURE__ */ jsx5(TabsCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx5(
+  const ctx = useMemo5(() => ({ value: resolvedValue, send }), [resolvedValue, send]);
+  return /* @__PURE__ */ jsx7(TabsCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx7(
     "div",
     {
       ref,
       className,
-      ...mergeProps(partAttrs5(tabsAnatomy.scope, tabsAnatomy.root), rest),
+      ...mergeProps(partAttrs7(tabsAnatomy.scope, tabsAnatomy.root), rest),
       children
     }
   ) });
 });
-var List = forwardRef5(function TabsList(props, ref) {
-  return /* @__PURE__ */ jsx5("div", { ref, role: "tablist", ...mergeProps(partAttrs5(tabsAnatomy.scope, tabsAnatomy.list), props) });
+var List = forwardRef7(function TabsList(props, ref) {
+  return /* @__PURE__ */ jsx7("div", { ref, role: "tablist", ...mergeProps(partAttrs7(tabsAnatomy.scope, tabsAnatomy.list), props) });
 });
-var Trigger2 = forwardRef5(function TabsTrigger({ value: triggerValue, onClick, ...rest }, ref) {
+var Trigger2 = forwardRef7(function TabsTrigger({ value: triggerValue, onClick, ...rest }, ref) {
   const { value, send } = useTabsCtx();
   const selected = value === triggerValue;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx7(
     "button",
     {
       ref,
@@ -703,7 +877,7 @@ var Trigger2 = forwardRef5(function TabsTrigger({ value: triggerValue, onClick,
       "aria-selected": selected,
       "data-selected": selected ? "" : void 0,
       ...mergeProps(
-        partAttrs5(tabsAnatomy.scope, tabsAnatomy.trigger, {
+        partAttrs7(tabsAnatomy.scope, tabsAnatomy.trigger, {
           state: selected ? "selected" : "unselected",
           highlighted: selected
         }),
@@ -718,55 +892,55 @@ var Trigger2 = forwardRef5(function TabsTrigger({ value: triggerValue, onClick,
     }
   );
 });
-var Content2 = forwardRef5(function TabsContent({ value: contentValue, ...rest }, ref) {
+var Content2 = forwardRef7(function TabsContent({ value: contentValue, ...rest }, ref) {
   const { value } = useTabsCtx();
   if (value !== contentValue) return null;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       ref,
       role: "tabpanel",
       ...mergeProps(
-        partAttrs5(tabsAnatomy.scope, tabsAnatomy.content, { state: "active" }),
+        partAttrs7(tabsAnatomy.scope, tabsAnatomy.content, { state: "active" }),
         rest
       )
     }
   );
 });
-var Indicator2 = forwardRef5(function TabsIndicator(props, ref) {
-  return /* @__PURE__ */ jsx5("div", { ref, ...mergeProps(partAttrs5(tabsAnatomy.scope, tabsAnatomy.indicator), props) });
+var Indicator2 = forwardRef7(function TabsIndicator(props, ref) {
+  return /* @__PURE__ */ jsx7("div", { ref, ...mergeProps(partAttrs7(tabsAnatomy.scope, tabsAnatomy.indicator), props) });
 });
-var Tabs = { Root: Root5, List, Trigger: Trigger2, Content: Content2, Indicator: Indicator2 };
+var Tabs = { Root: Root7, List, Trigger: Trigger2, Content: Content2, Indicator: Indicator2 };
 
 // src/separator/index.tsx
-import { partAttrs as partAttrs6, separatorAnatomy } from "@aeon-ui/core";
-import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Root6 = forwardRef6(function SeparatorRoot({ orientation = "horizontal", ...rest }, ref) {
-  return /* @__PURE__ */ jsx6(
+import { partAttrs as partAttrs8, separatorAnatomy } from "@aeon-ui/core";
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Root8 = forwardRef8(function SeparatorRoot({ orientation = "horizontal", ...rest }, ref) {
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       ref,
       role: "separator",
       "aria-orientation": orientation,
-      ...mergeProps(partAttrs6(separatorAnatomy.scope, separatorAnatomy.root), rest)
+      ...mergeProps(partAttrs8(separatorAnatomy.scope, separatorAnatomy.root), rest)
     }
   );
 });
-var Separator = { Root: Root6 };
+var Separator = { Root: Root8 };
 
 // src/progress/index.tsx
-import { partAttrs as partAttrs7, partOnlyAttrs, progressAnatomy } from "@aeon-ui/core";
+import { partAttrs as partAttrs9, partOnlyAttrs, progressAnatomy } from "@aeon-ui/core";
 import {
-  createContext as createContext5,
-  forwardRef as forwardRef7,
-  useContext as useContext5,
-  useMemo as useMemo5
+  createContext as createContext6,
+  forwardRef as forwardRef9,
+  useContext as useContext6,
+  useMemo as useMemo6
 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var ProgressCtx = createContext5(null);
+import { jsx as jsx9 } from "react/jsx-runtime";
+var ProgressCtx = createContext6(null);
 function useProgressCtx() {
-  const ctx = useContext5(ProgressCtx);
+  const ctx = useContext6(ProgressCtx);
   if (!ctx) throw new Error("Progress parts must be used within Progress.Root");
   return ctx;
 }
@@ -775,14 +949,14 @@ function resolveProgressState(value, max, indeterminate) {
   if (value >= max) return "complete";
   return "idle";
 }
-var Root7 = forwardRef7(function ProgressRoot({ value = 0, max = 100, indeterminate = false, children, className, ...rest }, ref) {
+var Root9 = forwardRef9(function ProgressRoot({ value = 0, max = 100, indeterminate = false, children, className, ...rest }, ref) {
   const clampedValue = Math.min(Math.max(value, 0), max);
   const state = resolveProgressState(clampedValue, max, indeterminate);
-  const ctx = useMemo5(
+  const ctx = useMemo6(
     () => ({ value: clampedValue, max, indeterminate, state }),
     [clampedValue, max, indeterminate, state]
   );
-  return /* @__PURE__ */ jsx7(ProgressCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(ProgressCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx9(
     "div",
     {
       ref,
@@ -793,20 +967,20 @@ var Root7 = forwardRef7(function ProgressRoot({ value = 0, max = 100, indetermin
       "aria-valuenow": indeterminate ? void 0 : clampedValue,
       "aria-busy": indeterminate || void 0,
       ...mergeProps(
-        partAttrs7(progressAnatomy.scope, progressAnatomy.root, { state }),
+        partAttrs9(progressAnatomy.scope, progressAnatomy.root, { state }),
         rest
       ),
       children
     }
   ) });
 });
-var Track = forwardRef7(function ProgressTrack(props, ref) {
-  return /* @__PURE__ */ jsx7("div", { ref, ...mergeProps(partOnlyAttrs(progressAnatomy.track), props) });
+var Track = forwardRef9(function ProgressTrack(props, ref) {
+  return /* @__PURE__ */ jsx9("div", { ref, ...mergeProps(partOnlyAttrs(progressAnatomy.track), props) });
 });
-var Range = forwardRef7(function ProgressRange({ style, ...rest }, ref) {
+var Range = forwardRef9(function ProgressRange({ style, ...rest }, ref) {
   const { value, max, indeterminate } = useProgressCtx();
   const width = indeterminate ? void 0 : `${value / max * 100}%`;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ref,
@@ -816,65 +990,75 @@ var Range = forwardRef7(function ProgressRange({ style, ...rest }, ref) {
     }
   );
 });
-var Label4 = forwardRef7(function ProgressLabel(props, ref) {
-  return /* @__PURE__ */ jsx7("span", { ref, ...mergeProps(partOnlyAttrs(progressAnatomy.label), props) });
+var Label4 = forwardRef9(function ProgressLabel(props, ref) {
+  return /* @__PURE__ */ jsx9("span", { ref, ...mergeProps(partOnlyAttrs(progressAnatomy.label), props) });
 });
-var Progress = { Root: Root7, Track, Range, Label: Label4 };
+var Progress = { Root: Root9, Track, Range, Label: Label4 };
 
 // src/radio-group/index.tsx
-import { partAttrs as partAttrs8, partOnlyAttrs as partOnlyAttrs2, radioGroupAnatomy } from "@aeon-ui/core";
+import { partAttrs as partAttrs10, partOnlyAttrs as partOnlyAttrs2, radioGroupAnatomy } from "@aeon-ui/core";
 import { tabsMachine as tabsMachine2 } from "@aeon-ui/primitives";
 import {
-  createContext as createContext6,
-  forwardRef as forwardRef8,
-  useContext as useContext6,
+  createContext as createContext7,
+  forwardRef as forwardRef10,
+  useCallback,
+  useContext as useContext7,
   useEffect as useEffect8,
-  useMemo as useMemo6
+  useMemo as useMemo7
 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var RadioGroupCtx = createContext6(null);
+import { jsx as jsx10 } from "react/jsx-runtime";
+var RadioGroupCtx = createContext7(null);
 function useRadioGroupCtx() {
-  const ctx = useContext6(RadioGroupCtx);
+  const ctx = useContext7(RadioGroupCtx);
   if (!ctx) throw new Error("RadioGroup parts must be used within RadioGroup.Root");
   return ctx;
 }
-var RadioGroupItemCtx = createContext6(null);
+var RadioGroupItemCtx = createContext7(null);
 function useRadioGroupItemCtx() {
-  const ctx = useContext6(RadioGroupItemCtx);
+  const ctx = useContext7(RadioGroupItemCtx);
   if (!ctx) throw new Error("RadioGroup item parts must be used within RadioGroup.Item");
   return ctx;
 }
-var Root8 = forwardRef8(function RadioGroupRoot({ value, defaultValue = "", onValueChange, children, className, ...rest }, ref) {
+var Root10 = forwardRef10(function RadioGroupRoot({ value, defaultValue = "", onValueChange, children, className, ...rest }, ref) {
   const [snapshot, send] = useAeonMachine(tabsMachine2, {
     input: { value: defaultValue, disabled: false }
   });
   const resolvedValue = value ?? snapshot.context.value;
+  const controlled = value !== void 0;
+  const selectValue = useCallback(
+    (next) => {
+      if (controlled) onValueChange?.(next);
+      else send({ type: "SELECT", value: next });
+    },
+    [controlled, onValueChange, send]
+  );
   useEffect8(() => {
-    onValueChange?.(resolvedValue);
-  }, [resolvedValue, onValueChange]);
+    if (controlled) return;
+    onValueChange?.(snapshot.context.value);
+  }, [snapshot.context.value, controlled, onValueChange]);
   useEffect8(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const ctx = useMemo6(() => ({ value: resolvedValue, send }), [resolvedValue, send]);
-  return /* @__PURE__ */ jsx8(RadioGroupCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx8(
+  const ctx = useMemo7(() => ({ value: resolvedValue, send, selectValue }), [resolvedValue, send, selectValue]);
+  return /* @__PURE__ */ jsx10(RadioGroupCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx10(
     "div",
     {
       ref,
       role: "radiogroup",
       className,
       ...mergeProps(
-        partAttrs8(radioGroupAnatomy.scope, radioGroupAnatomy.root),
+        partAttrs10(radioGroupAnatomy.scope, radioGroupAnatomy.root),
         rest
       ),
       children
     }
   ) });
 });
-var Item = forwardRef8(function RadioGroupItem({ value: itemValue, children, ...rest }, ref) {
+var Item = forwardRef10(function RadioGroupItem({ value: itemValue, children, ...rest }, ref) {
   const { value } = useRadioGroupCtx();
   const selected = value === itemValue;
-  const itemCtx = useMemo6(() => ({ value: itemValue, selected }), [itemValue, selected]);
-  return /* @__PURE__ */ jsx8(RadioGroupItemCtx.Provider, { value: itemCtx, children: /* @__PURE__ */ jsx8(
+  const itemCtx = useMemo7(() => ({ value: itemValue, selected }), [itemValue, selected]);
+  return /* @__PURE__ */ jsx10(RadioGroupItemCtx.Provider, { value: itemCtx, children: /* @__PURE__ */ jsx10(
     "div",
     {
       ref,
@@ -888,11 +1072,11 @@ var Item = forwardRef8(function RadioGroupItem({ value: itemValue, children, ...
     }
   ) });
 });
-var ItemControl = forwardRef8(function RadioGroupItemControl({ onClick, onKeyDown, ...rest }, ref) {
-  const { send } = useRadioGroupCtx();
+var ItemControl = forwardRef10(function RadioGroupItemControl({ onClick, onKeyDown, ...rest }, ref) {
+  const { selectValue } = useRadioGroupCtx();
   const { value: itemValue, selected } = useRadioGroupItemCtx();
-  const select = () => send({ type: "SELECT", value: itemValue });
-  return /* @__PURE__ */ jsx8(
+  const select = () => selectValue(itemValue);
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -922,10 +1106,10 @@ var ItemControl = forwardRef8(function RadioGroupItemControl({ onClick, onKeyDow
     }
   );
 });
-var ItemIndicator = forwardRef8(function RadioGroupItemIndicator(props, ref) {
+var ItemIndicator = forwardRef10(function RadioGroupItemIndicator(props, ref) {
   const { selected } = useRadioGroupItemCtx();
   if (!selected) return null;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -936,10 +1120,10 @@ var ItemIndicator = forwardRef8(function RadioGroupItemIndicator(props, ref) {
     }
   );
 });
-var ItemLabel = forwardRef8(function RadioGroupItemLabel({ onClick, ...rest }, ref) {
-  const { send } = useRadioGroupCtx();
+var ItemLabel = forwardRef10(function RadioGroupItemLabel({ onClick, ...rest }, ref) {
+  const { selectValue } = useRadioGroupCtx();
   const { value: itemValue } = useRadioGroupItemCtx();
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -948,7 +1132,7 @@ var ItemLabel = forwardRef8(function RadioGroupItemLabel({ onClick, ...rest }, r
         {
           onClick: (e) => {
             onClick?.(e);
-            send({ type: "SELECT", value: itemValue });
+            selectValue(itemValue);
           }
         },
         rest
@@ -956,24 +1140,24 @@ var ItemLabel = forwardRef8(function RadioGroupItemLabel({ onClick, ...rest }, r
     }
   );
 });
-var RadioGroup = { Root: Root8, Item, ItemControl, ItemIndicator, ItemLabel };
+var RadioGroup = { Root: Root10, Item, ItemControl, ItemIndicator, ItemLabel };
 
 // src/slider/index.tsx
-import { partAttrs as partAttrs9, partOnlyAttrs as partOnlyAttrs3, sliderAnatomy } from "@aeon-ui/core";
+import { partAttrs as partAttrs11, partOnlyAttrs as partOnlyAttrs3, sliderAnatomy } from "@aeon-ui/core";
 import { sliderMachine, snapSliderValue } from "@aeon-ui/primitives";
 import {
-  createContext as createContext7,
-  forwardRef as forwardRef9,
-  useCallback,
-  useContext as useContext7,
+  createContext as createContext8,
+  forwardRef as forwardRef11,
+  useCallback as useCallback2,
+  useContext as useContext8,
   useEffect as useEffect9,
-  useMemo as useMemo7,
+  useMemo as useMemo8,
   useRef as useRef2
 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var SliderCtx = createContext7(null);
+import { jsx as jsx11 } from "react/jsx-runtime";
+var SliderCtx = createContext8(null);
 function useSliderCtx() {
-  const ctx = useContext7(SliderCtx);
+  const ctx = useContext8(SliderCtx);
   if (!ctx) throw new Error("Slider parts must be used within Slider.Root");
   return ctx;
 }
@@ -981,7 +1165,7 @@ function percent(value, min, max) {
   if (max <= min) return 0;
   return (value - min) / (max - min) * 100;
 }
-var Root9 = forwardRef9(function SliderRoot({
+var Root11 = forwardRef11(function SliderRoot({
   value,
   defaultValue,
   min = 0,
@@ -1011,7 +1195,7 @@ var Root9 = forwardRef9(function SliderRoot({
   useEffect9(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const setValueFromClientX = useCallback(
+  const setValueFromClientX = useCallback2(
     (clientX) => {
       const track = trackRef.current;
       if (!track || disabled) return;
@@ -1035,7 +1219,7 @@ var Root9 = forwardRef9(function SliderRoot({
       window.removeEventListener("pointerup", onUp);
     };
   }, [dragging, setValueFromClientX, send]);
-  const ctx = useMemo7(
+  const ctx = useMemo8(
     () => ({
       value: resolvedValue,
       min,
@@ -1050,13 +1234,13 @@ var Root9 = forwardRef9(function SliderRoot({
     }),
     [resolvedValue, min, max, step, disabled, dragging, send, onValueChange, setValueFromClientX]
   );
-  return /* @__PURE__ */ jsx9(SliderCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(SliderCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx11(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        partAttrs9(sliderAnatomy.scope, sliderAnatomy.root, {
+        partAttrs11(sliderAnatomy.scope, sliderAnatomy.root, {
           state: dragging ? "dragging" : "idle",
           disabled
         }),
@@ -1066,9 +1250,9 @@ var Root9 = forwardRef9(function SliderRoot({
     }
   ) });
 });
-var Track2 = forwardRef9(function SliderTrack({ onPointerDown, ...rest }, ref) {
+var Track2 = forwardRef11(function SliderTrack({ onPointerDown, ...rest }, ref) {
   const { disabled, send, setValueFromClientX, trackRef } = useSliderCtx();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref: (node) => {
@@ -1092,9 +1276,9 @@ var Track2 = forwardRef9(function SliderTrack({ onPointerDown, ...rest }, ref) {
     }
   );
 });
-var Range2 = forwardRef9(function SliderRange({ style, ...rest }, ref) {
+var Range2 = forwardRef11(function SliderRange({ style, ...rest }, ref) {
   const { value, min, max } = useSliderCtx();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref,
@@ -1104,9 +1288,9 @@ var Range2 = forwardRef9(function SliderRange({ style, ...rest }, ref) {
     }
   );
 });
-var Thumb2 = forwardRef9(function SliderThumb({ onKeyDown, onPointerDown, style, ...rest }, ref) {
-  const { value, min, max, step, disabled, dragging, send } = useSliderCtx();
-  return /* @__PURE__ */ jsx9(
+var Thumb2 = forwardRef11(function SliderThumb({ onKeyDown, onPointerDown, style, ...rest }, ref) {
+  const { value, min, max, step, disabled, dragging, send, setValueFromClientX } = useSliderCtx();
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       ref,
@@ -1124,7 +1308,9 @@ var Thumb2 = forwardRef9(function SliderThumb({ onKeyDown, onPointerDown, style,
             onPointerDown?.(e);
             if (disabled || e.button !== 0) return;
             e.stopPropagation();
+            e.currentTarget.setPointerCapture(e.pointerId);
             send({ type: "POINTER_DOWN" });
+            setValueFromClientX(e.clientX);
           },
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -1152,35 +1338,35 @@ var Thumb2 = forwardRef9(function SliderThumb({ onKeyDown, onPointerDown, style,
     }
   );
 });
-var ValueText = forwardRef9(function SliderValueText(props, ref) {
+var ValueText = forwardRef11(function SliderValueText(props, ref) {
   const { value } = useSliderCtx();
-  return /* @__PURE__ */ jsx9("span", { ref, ...mergeProps(partOnlyAttrs3(sliderAnatomy.valueText), props), children: props.children ?? value });
+  return /* @__PURE__ */ jsx11("span", { ref, ...mergeProps(partOnlyAttrs3(sliderAnatomy.valueText), props), children: props.children ?? value });
 });
-var Slider = { Root: Root9, Track: Track2, Range: Range2, Thumb: Thumb2, ValueText };
+var Slider = { Root: Root11, Track: Track2, Range: Range2, Thumb: Thumb2, ValueText };
 
 // src/pin-input/index.tsx
-import { partAttrs as partAttrs10, partOnlyAttrs as partOnlyAttrs4, pinInputAnatomy } from "@aeon-ui/core";
+import { partAttrs as partAttrs12, partOnlyAttrs as partOnlyAttrs4, pinInputAnatomy } from "@aeon-ui/core";
 import {
-  createContext as createContext8,
-  forwardRef as forwardRef10,
-  useCallback as useCallback2,
-  useContext as useContext8,
+  createContext as createContext9,
+  forwardRef as forwardRef12,
+  useCallback as useCallback3,
+  useContext as useContext9,
   useEffect as useEffect10,
-  useMemo as useMemo8,
+  useMemo as useMemo9,
   useRef as useRef3,
   useState as useState2
 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var PinInputCtx = createContext8(null);
+import { jsx as jsx12 } from "react/jsx-runtime";
+var PinInputCtx = createContext9(null);
 function usePinInputCtx() {
-  const ctx = useContext8(PinInputCtx);
+  const ctx = useContext9(PinInputCtx);
   if (!ctx) throw new Error("PinInput parts must be used within PinInput.Root");
   return ctx;
 }
 function normalizePinValue(raw, length) {
   return raw.replace(/\s/g, "").slice(0, length).split("");
 }
-var Root10 = forwardRef10(function PinInputRoot({
+var Root12 = forwardRef12(function PinInputRoot({
   length = 4,
   value,
   defaultValue = "",
@@ -1202,7 +1388,7 @@ var Root10 = forwardRef10(function PinInputRoot({
     onValueChange?.(resolved);
     if (resolved.length === length && !resolved.includes("")) onComplete?.(resolved);
   }, [resolved, length, onValueChange, onComplete]);
-  const setChars = useCallback2(
+  const setChars = useCallback3(
     (next) => {
       const joined = next.slice(0, length).join("");
       if (!controlled) setUncontrolled(next.slice(0, length));
@@ -1211,7 +1397,7 @@ var Root10 = forwardRef10(function PinInputRoot({
     },
     [controlled, length, onValueChange, onComplete]
   );
-  const setChar = useCallback2(
+  const setChar = useCallback3(
     (index, char) => {
       const next = [...chars.slice(0, length)];
       while (next.length < length) next.push("");
@@ -1220,25 +1406,25 @@ var Root10 = forwardRef10(function PinInputRoot({
     },
     [chars, length, setChars]
   );
-  const focusInput = useCallback2((index) => {
+  const focusInput = useCallback3((index) => {
     const el = inputRefs.current[index];
     el?.focus();
     el?.select();
   }, []);
-  const registerInput = useCallback2((index, el) => {
+  const registerInput = useCallback3((index, el) => {
     inputRefs.current[index] = el;
   }, []);
-  const ctx = useMemo8(
+  const ctx = useMemo9(
     () => ({ length, values: chars.slice(0, length), disabled, type, setChar, focusInput, registerInput }),
     [length, chars, disabled, type, setChar, focusInput, registerInput]
   );
-  return /* @__PURE__ */ jsx10(PinInputCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(PinInputCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx12(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        partAttrs10(pinInputAnatomy.scope, pinInputAnatomy.root, {
+        partAttrs12(pinInputAnatomy.scope, pinInputAnatomy.root, {
           state: resolved.length === length && !resolved.includes("") ? "complete" : "idle",
           disabled
         }),
@@ -1248,7 +1434,7 @@ var Root10 = forwardRef10(function PinInputRoot({
     }
   ) });
 });
-var Input = forwardRef10(function PinInputInput({ index, onKeyDown, onChange, onPaste, ...rest }, ref) {
+var Input = forwardRef12(function PinInputInput({ index, onKeyDown, onChange, onPaste, ...rest }, ref) {
   const { length, values, disabled, type, setChar, focusInput, registerInput } = usePinInputCtx();
   const value = values[index] ?? "";
   const pattern = type === "numeric" ? /^[0-9]$/ : /^[0-9a-zA-Z]$/;
@@ -1257,7 +1443,7 @@ var Input = forwardRef10(function PinInputInput({ index, onKeyDown, onChange, on
     const char = raw.slice(-1);
     return pattern.test(char) ? char : "";
   };
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "input",
     {
       ref: (node) => {
@@ -1310,32 +1496,32 @@ var Input = forwardRef10(function PinInputInput({ index, onKeyDown, onChange, on
     }
   );
 });
-var Group2 = forwardRef10(
+var Group2 = forwardRef12(
   function PinInputGroup({ inputClassName, className, ...rest }, ref) {
     const { length } = usePinInputCtx();
-    return /* @__PURE__ */ jsx10("div", { ref, className, ...rest, children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx10(Input, { index, className: inputClassName }, index)) });
+    return /* @__PURE__ */ jsx12("div", { ref, className, ...rest, children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx12(Input, { index, className: inputClassName }, index)) });
   }
 );
-var PinInput = { Root: Root10, Input, Group: Group2 };
+var PinInput = { Root: Root12, Input, Group: Group2 };
 
 // src/accordion/index.tsx
-import { accordionAnatomy, partOnlyAttrs as partOnlyAttrs5, scopeAttrs } from "@aeon-ui/core";
+import { accordionAnatomy, partOnlyAttrs as partOnlyAttrs5, scopeAttrs as scopeAttrs3 } from "@aeon-ui/core";
 import { accordionMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext9,
-  forwardRef as forwardRef11,
-  useContext as useContext9,
+  createContext as createContext10,
+  forwardRef as forwardRef13,
+  useContext as useContext10,
   useEffect as useEffect11,
-  useMemo as useMemo9
+  useMemo as useMemo10
 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var AccordionCtx = createContext9(null);
+import { jsx as jsx13 } from "react/jsx-runtime";
+var AccordionCtx = createContext10(null);
 function useAccordionCtx() {
-  const ctx = useContext9(AccordionCtx);
+  const ctx = useContext10(AccordionCtx);
   if (!ctx) throw new Error("Accordion parts must be used within Accordion.Root");
   return ctx;
 }
-var Root11 = forwardRef11(function AccordionRoot({
+var Root13 = forwardRef13(function AccordionRoot({
   value,
   defaultValue = [],
   multiple = false,
@@ -1355,24 +1541,24 @@ var Root11 = forwardRef11(function AccordionRoot({
   useEffect11(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const ctx = useMemo9(() => ({ value: resolvedValue, send }), [resolvedValue, send]);
-  return /* @__PURE__ */ jsx11(AccordionCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx11(
+  const ctx = useMemo10(() => ({ value: resolvedValue, send }), [resolvedValue, send]);
+  return /* @__PURE__ */ jsx13(AccordionCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx13(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        scopeAttrs(accordionAnatomy.scope, accordionAnatomy.root),
+        scopeAttrs3(accordionAnatomy.scope, accordionAnatomy.root),
         rest
       ),
       children
     }
   ) });
 });
-var Item2 = forwardRef11(function AccordionItem({ value: itemValue, children, ...rest }, ref) {
+var Item2 = forwardRef13(function AccordionItem({ value: itemValue, children, ...rest }, ref) {
   const { value } = useAccordionCtx();
   const open = value.includes(itemValue);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ref,
@@ -1386,10 +1572,10 @@ var Item2 = forwardRef11(function AccordionItem({ value: itemValue, children, ..
     }
   );
 });
-var ItemTrigger = forwardRef11(function AccordionItemTrigger({ value: itemValue, onClick, ...rest }, ref) {
+var ItemTrigger = forwardRef13(function AccordionItemTrigger({ value: itemValue, onClick, ...rest }, ref) {
   const { value, send } = useAccordionCtx();
   const open = value.includes(itemValue);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "button",
     {
       ref,
@@ -1410,10 +1596,10 @@ var ItemTrigger = forwardRef11(function AccordionItemTrigger({ value: itemValue,
     }
   );
 });
-var ItemContent = forwardRef11(function AccordionItemContent({ value: itemValue, children, ...rest }, ref) {
+var ItemContent = forwardRef13(function AccordionItemContent({ value: itemValue, children, ...rest }, ref) {
   const { value } = useAccordionCtx();
   if (!value.includes(itemValue)) return null;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ref,
@@ -1425,8 +1611,8 @@ var ItemContent = forwardRef11(function AccordionItemContent({ value: itemValue,
     }
   );
 });
-var ItemIndicator2 = forwardRef11(function AccordionItemIndicator(props, ref) {
-  return /* @__PURE__ */ jsx11(
+var ItemIndicator2 = forwardRef13(function AccordionItemIndicator(props, ref) {
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       ref,
@@ -1434,14 +1620,14 @@ var ItemIndicator2 = forwardRef11(function AccordionItemIndicator(props, ref) {
     }
   );
 });
-var Accordion = { Root: Root11, Item: Item2, ItemTrigger, ItemContent, ItemIndicator: ItemIndicator2 };
+var Accordion = { Root: Root13, Item: Item2, ItemTrigger, ItemContent, ItemIndicator: ItemIndicator2 };
 
 // src/async/actions.tsx
 import { asyncAnatomy, partOnlyAttrs as partOnlyAttrs6 } from "@aeon-ui/core";
-import { forwardRef as forwardRef12 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var AsyncActions = forwardRef12(function AsyncActions2({ children, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx12(
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var AsyncActions = forwardRef14(function AsyncActions2({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       ref,
@@ -1454,12 +1640,12 @@ var AsyncActions = forwardRef12(function AsyncActions2({ children, className, ..
 
 // src/async/context.tsx
 import { createAsyncMachine } from "@aeon-ui/primitives";
-import { createContext as createContext10, useContext as useContext10, useMemo as useMemo10 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { createContext as createContext11, useContext as useContext11, useMemo as useMemo11 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var defaultMachine = createAsyncMachine();
-var AsyncCtx = createContext10(null);
+var AsyncCtx = createContext11(null);
 function useAsyncContext() {
-  const ctx = useContext10(AsyncCtx);
+  const ctx = useContext11(AsyncCtx);
   if (!ctx) {
     throw new Error("Async compound components must be used within <Async.Root>");
   }
@@ -1471,7 +1657,7 @@ function AsyncProvider({ children, machine }) {
   const status = String(snapshot.value);
   const { data, error, stale } = snapshot.context;
   const stateAttr = stale && status === "success" ? `${status} stale` : status;
-  const value = useMemo10(
+  const value = useMemo11(
     () => ({
       send,
       status,
@@ -1482,14 +1668,14 @@ function AsyncProvider({ children, machine }) {
     }),
     [send, status, data, error, stale, stateAttr]
   );
-  return /* @__PURE__ */ jsx13(AsyncCtx.Provider, { value, children });
+  return /* @__PURE__ */ jsx15(AsyncCtx.Provider, { value, children });
 }
 
 // src/async/readout.tsx
-import { asyncAnatomy as asyncAnatomy2, partAttrs as partAttrs11, partOnlyAttrs as partOnlyAttrs7 } from "@aeon-ui/core";
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx14, jsxs } from "react/jsx-runtime";
-var AsyncReadout = forwardRef13(function AsyncReadout2({ children, className, ...rest }, ref) {
+import { asyncAnatomy as asyncAnatomy2, partAttrs as partAttrs13, partOnlyAttrs as partOnlyAttrs7 } from "@aeon-ui/core";
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx16, jsxs } from "react/jsx-runtime";
+var AsyncReadout = forwardRef15(function AsyncReadout2({ children, className, ...rest }, ref) {
   const { stateAttr } = useAsyncContext();
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1498,9 +1684,9 @@ var AsyncReadout = forwardRef13(function AsyncReadout2({ children, className, ..
       role: "status",
       "aria-live": "polite",
       className,
-      ...mergeProps(partAttrs11(asyncAnatomy2.scope, asyncAnatomy2.readout, { state: stateAttr }), rest),
+      ...mergeProps(partAttrs13(asyncAnatomy2.scope, asyncAnatomy2.readout, { state: stateAttr }), rest),
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx16(
           "span",
           {
             className: "aeon-async-readout__rail",
@@ -1508,48 +1694,48 @@ var AsyncReadout = forwardRef13(function AsyncReadout2({ children, className, ..
             ...partOnlyAttrs7(asyncAnatomy2.readoutRail)
           }
         ),
-        /* @__PURE__ */ jsx14("div", { className: "aeon-async-readout__body", ...partOnlyAttrs7(asyncAnatomy2.readoutBody), children })
+        /* @__PURE__ */ jsx16("div", { className: "aeon-async-readout__body", ...partOnlyAttrs7(asyncAnatomy2.readoutBody), children })
       ]
     }
   );
 });
 
 // src/async/root.tsx
-import { asyncAnatomy as asyncAnatomy3, partAttrs as partAttrs12 } from "@aeon-ui/core";
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var AsyncRootInner = forwardRef14(function AsyncRootInner2({ children, className, ...rest }, ref) {
+import { asyncAnatomy as asyncAnatomy3, partAttrs as partAttrs14 } from "@aeon-ui/core";
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var AsyncRootInner = forwardRef16(function AsyncRootInner2({ children, className, ...rest }, ref) {
   const { stateAttr } = useAsyncContext();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
       className,
-      ...mergeProps(partAttrs12(asyncAnatomy3.scope, asyncAnatomy3.root, { state: stateAttr }), rest),
+      ...mergeProps(partAttrs14(asyncAnatomy3.scope, asyncAnatomy3.root, { state: stateAttr }), rest),
       children
     }
   );
 });
-var AsyncRoot = forwardRef14(function AsyncRoot2({ children, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx15(AsyncProvider, { children: /* @__PURE__ */ jsx15(AsyncRootInner, { ref, className, ...rest, children }) });
+var AsyncRoot = forwardRef16(function AsyncRoot2({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx17(AsyncProvider, { children: /* @__PURE__ */ jsx17(AsyncRootInner, { ref, className, ...rest, children }) });
 });
 
 // src/async/track.tsx
 import { asyncAnatomy as asyncAnatomy4, partOnlyAttrs as partOnlyAttrs8 } from "@aeon-ui/core";
 import { ASYNC_LIFECYCLE_STATES } from "@aeon-ui/primitives";
-import { forwardRef as forwardRef15 } from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function segmentPhase(index, activeIndex) {
   if (activeIndex === -1) return "future";
   if (index === activeIndex) return "active";
   if (index < activeIndex) return "past";
   return "future";
 }
-var AsyncTrack = forwardRef15(function AsyncTrack2({ states = ASYNC_LIFECYCLE_STATES, className, ...rest }, ref) {
+var AsyncTrack = forwardRef17(function AsyncTrack2({ states = ASYNC_LIFECYCLE_STATES, className, ...rest }, ref) {
   const { status } = useAsyncContext();
   const activeIndex = states.indexOf(status);
   const { style, ...restWithoutStyle } = rest;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       ref,
@@ -1563,7 +1749,7 @@ var AsyncTrack = forwardRef15(function AsyncTrack2({ states = ASYNC_LIFECYCLE_ST
       ...mergeProps(partOnlyAttrs8(asyncAnatomy4.track), restWithoutStyle),
       children: states.map((id, index) => {
         const phase = segmentPhase(index, activeIndex);
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx18(
           "span",
           {
             role: "listitem",
@@ -1580,35 +1766,25 @@ var AsyncTrack = forwardRef15(function AsyncTrack2({ states = ASYNC_LIFECYCLE_ST
   );
 });
 
-// src/async/legacy-region.tsx
-import { partAttrs as partAttrs13 } from "@aeon-ui/core";
-import { createAsyncMachine as createAsyncMachine2 } from "@aeon-ui/primitives";
-import { useMemo as useMemo11 } from "react";
-import { Fragment, jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
-function AsyncRegion({ children, className }) {
-  const machine = useMemo11(() => createAsyncMachine2(), []);
-  const [snapshot] = useAeonMachine(machine);
-  const status = snapshot.value;
-  const { data, error } = snapshot.context;
-  const content = typeof children === "function" ? children({ status, data, error }) : children;
-  return /* @__PURE__ */ jsx17(
-    "div",
-    {
-      className,
-      ...mergeProps(partAttrs13("async", "root", { state: status })),
-      children: content ?? /* @__PURE__ */ jsxs2(Fragment, { children: [
-        status === "idle" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "idle", children: "Ready" }),
-        status === "loading" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "loading", children: "Loading\u2026" }),
-        status === "success" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "success", children: String(data) }),
-        status === "failure" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "failure", children: error }),
-        status === "empty" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "empty", children: "No results" })
-      ] })
-    }
-  );
+// src/async/map-content-state.ts
+function asyncStatusToContentState(status) {
+  switch (status) {
+    case "loading":
+      return "pending";
+    case "empty":
+      return "empty";
+    case "failure":
+      return "error";
+    case "success":
+      return "success";
+    case "idle":
+    default:
+      return "idle";
+  }
 }
 
 // src/async/index.tsx
-import { createAsyncMachine as createAsyncMachine3 } from "@aeon-ui/primitives";
+import { createAsyncMachine as createAsyncMachine2 } from "@aeon-ui/primitives";
 var Async = {
   Root: AsyncRoot,
   Provider: AsyncProvider,
@@ -1618,47 +1794,60 @@ var Async = {
 };
 
 // src/field/index.tsx
-import { fieldAnatomy, partAttrs as partAttrs14, partOnlyAttrs as partOnlyAttrs9, stateToAttr } from "@aeon-ui/core";
+import { fieldAnatomy, fieldFace, fieldRegions, partAttrs as partAttrs15, partOnlyAttrs as partOnlyAttrs9 } from "@aeon-ui/core";
 import { fieldMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext11,
-  forwardRef as forwardRef16,
-  useContext as useContext11,
+  createContext as createContext12,
+  forwardRef as forwardRef18,
+  useContext as useContext12,
   useMemo as useMemo12
 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var FieldCtx = createContext11(null);
+import { jsx as jsx19 } from "react/jsx-runtime";
+var FieldCtx = createContext12(null);
 function useFieldContext() {
-  const ctx = useContext11(FieldCtx);
+  const ctx = useContext12(FieldCtx);
   if (!ctx) throw new Error("Field parts must be used within <Field.Root>");
   return ctx;
 }
-var Root12 = forwardRef16(function FieldRoot({ children, className, id }, ref) {
+var Root14 = forwardRef18(function FieldRoot({ children, className, id }, ref) {
   const [snapshot, send] = useAeonMachine(fieldMachine);
-  const stateAttr = stateToAttr(snapshot.value);
-  const invalid = typeof snapshot.value === "object" && snapshot.value !== null && "validation" in snapshot.value && snapshot.value.validation === "invalid";
-  const pending = typeof snapshot.value === "object" && snapshot.value !== null && "submission" in snapshot.value && snapshot.value.submission === "pending";
+  const face = fieldFace(snapshot.value);
+  const regions = fieldRegions(snapshot.value);
+  const invalid = regions.validation === "invalid";
+  const pending = regions.submission === "pending";
   const value = useMemo12(
-    () => ({ stateAttr, send, invalid, pending }),
-    [stateAttr, send, invalid, pending]
+    () => ({
+      face,
+      stateAttr: face,
+      interaction: regions.interaction,
+      validation: regions.validation,
+      submission: regions.submission,
+      send,
+      invalid,
+      pending
+    }),
+    [face, regions.interaction, regions.validation, regions.submission, send, invalid, pending]
   );
-  return /* @__PURE__ */ jsx18(FieldCtx.Provider, { value, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(FieldCtx.Provider, { value, children: /* @__PURE__ */ jsx19(
     "div",
     {
       ref,
       id,
       className,
-      ...partAttrs14(fieldAnatomy.scope, fieldAnatomy.root, { state: stateAttr }),
+      "data-aeon-interaction": regions.interaction,
+      "data-aeon-validation": regions.validation,
+      "data-aeon-submission": regions.submission,
+      ...partAttrs15(fieldAnatomy.scope, fieldAnatomy.root, { state: face }),
       children
     }
   ) });
 });
-var Label5 = forwardRef16(function FieldLabel(props, ref) {
-  return /* @__PURE__ */ jsx18("label", { ref, ...partOnlyAttrs9(fieldAnatomy.label), ...props });
+var Label5 = forwardRef18(function FieldLabel(props, ref) {
+  return /* @__PURE__ */ jsx19("label", { ref, ...partOnlyAttrs9(fieldAnatomy.label), ...props });
 });
-var Control3 = forwardRef16(function FieldControl({ validate, onChange, onBlur, ...rest }, ref) {
+var Control3 = forwardRef18(function FieldControl({ validate, onChange, onBlur, ...rest }, ref) {
   const { send, invalid } = useFieldContext();
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "input",
     {
       ref,
@@ -1682,9 +1871,9 @@ var Control3 = forwardRef16(function FieldControl({ validate, onChange, onBlur,
     }
   );
 });
-var Textarea = forwardRef16(function FieldTextarea({ validate, onChange, onBlur, ...rest }, ref) {
+var Textarea = forwardRef18(function FieldTextarea({ validate, onChange, onBlur, ...rest }, ref) {
   const { send, invalid } = useFieldContext();
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "textarea",
     {
       ref,
@@ -1708,34 +1897,35 @@ var Textarea = forwardRef16(function FieldTextarea({ validate, onChange, onBlur,
     }
   );
 });
-var Message = forwardRef16(
-  function FieldMessage(props, ref) {
+var Message = forwardRef18(
+  function FieldMessage({ children, ...props }, ref) {
     const { invalid } = useFieldContext();
     if (!invalid) return null;
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "p",
       {
         ref,
         role: "alert",
         ...partOnlyAttrs9(fieldAnatomy.message, { state: "invalid" }),
-        ...props
+        ...props,
+        children: children ?? "Check this field."
       }
     );
   }
 );
-var Hint = forwardRef16(
+var Hint = forwardRef18(
   function FieldHint(props, ref) {
-    return /* @__PURE__ */ jsx18("p", { ref, ...partOnlyAttrs9(fieldAnatomy.hint), ...props });
+    return /* @__PURE__ */ jsx19("p", { ref, ...partOnlyAttrs9(fieldAnatomy.hint), ...props });
   }
 );
-var Field = { Root: Root12, Label: Label5, Control: Control3, Textarea, Message, Hint };
+var Field = { Root: Root14, Label: Label5, Control: Control3, Input: Control3, Textarea, Message, Hint };
 
 // src/scroll/index.tsx
-import { scrollAnatomy, partAttrs as partAttrs15, partOnlyAttrs as partOnlyAttrs10 } from "@aeon-ui/core";
+import { scrollAnatomy, partAttrs as partAttrs16, partOnlyAttrs as partOnlyAttrs10 } from "@aeon-ui/core";
 import {
-  createContext as createContext12,
-  forwardRef as forwardRef17,
-  useContext as useContext12,
+  createContext as createContext13,
+  forwardRef as forwardRef19,
+  useContext as useContext13,
   useMemo as useMemo13,
   useRef as useRef4
 } from "react";
@@ -1766,35 +1956,35 @@ function useScrollState(ref) {
 }
 
 // src/scroll/index.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var ScrollCtx = createContext12(null);
+import { jsx as jsx20 } from "react/jsx-runtime";
+var ScrollCtx = createContext13(null);
 function useScrollContext() {
-  const ctx = useContext12(ScrollCtx);
+  const ctx = useContext13(ScrollCtx);
   if (!ctx) throw new Error("Scroll parts must be used within <Scroll.Root>");
   return ctx;
 }
-var Root13 = forwardRef17(function ScrollRoot({ children, className, ...rest }, ref) {
+var Root15 = forwardRef19(function ScrollRoot({ children, className, ...rest }, ref) {
   const viewportRef = useRef4(null);
   const stateAttr = useScrollState(viewportRef);
   const value = useMemo13(() => ({ stateAttr }), [stateAttr]);
-  return /* @__PURE__ */ jsx19(ScrollCtx.Provider, { value, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(ScrollCtx.Provider, { value, children: /* @__PURE__ */ jsx20(
     "div",
     {
       ref,
       className,
-      ...partAttrs15(scrollAnatomy.scope, scrollAnatomy.root),
+      ...partAttrs16(scrollAnatomy.scope, scrollAnatomy.root),
       ...rest,
-      children: /* @__PURE__ */ jsx19(ScrollViewportRefContext.Provider, { value: viewportRef, children })
+      children: /* @__PURE__ */ jsx20(ScrollViewportRefContext.Provider, { value: viewportRef, children })
     }
   ) });
 });
-var ScrollViewportRefContext = createContext12(
+var ScrollViewportRefContext = createContext13(
   null
 );
-var Viewport = forwardRef17(function ScrollViewport({ children, className, ...rest }, forwardedRef) {
-  const ctxRef = useContext12(ScrollViewportRefContext);
+var Viewport = forwardRef19(function ScrollViewport({ children, className, ...rest }, forwardedRef) {
+  const ctxRef = useContext13(ScrollViewportRefContext);
   const { stateAttr } = useScrollContext();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: (node) => {
@@ -1804,29 +1994,29 @@ var Viewport = forwardRef17(function ScrollViewport({ children, className, ...re
       },
       className,
       "data-aeon-scroll": "",
-      ...partAttrs15(scrollAnatomy.scope, scrollAnatomy.viewport, { state: stateAttr }),
+      ...partAttrs16(scrollAnatomy.scope, scrollAnatomy.viewport, { state: stateAttr }),
       ...rest,
       children
     }
   );
 });
-var Content3 = forwardRef17(function ScrollContent(props, ref) {
-  return /* @__PURE__ */ jsx19("div", { ref, ...partOnlyAttrs10(scrollAnatomy.content), ...props });
+var Content3 = forwardRef19(function ScrollContent(props, ref) {
+  return /* @__PURE__ */ jsx20("div", { ref, ...partOnlyAttrs10(scrollAnatomy.content), ...props });
 });
 var Scroll = {
-  Root: Root13,
+  Root: Root15,
   Viewport,
   Content: Content3
 };
 
 // src/select/index.tsx
-import { selectAnatomy, partAttrs as partAttrs17, partOnlyAttrs as partOnlyAttrs11 } from "@aeon-ui/core";
+import { selectAnatomy, partAttrs as partAttrs18, partOnlyAttrs as partOnlyAttrs11 } from "@aeon-ui/core";
 import { popoverMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext13,
-  forwardRef as forwardRef19,
-  useCallback as useCallback3,
-  useContext as useContext13,
+  createContext as createContext14,
+  forwardRef as forwardRef21,
+  useCallback as useCallback4,
+  useContext as useContext14,
   useId as useId2,
   useMemo as useMemo14,
   useRef as useRef5,
@@ -1834,8 +2024,8 @@ import {
 } from "react";
 
 // src/floating/FloatingPositioner.tsx
-import { partAttrs as partAttrs16 } from "@aeon-ui/core";
-import { forwardRef as forwardRef18 } from "react";
+import { partAttrs as partAttrs17 } from "@aeon-ui/core";
+import { forwardRef as forwardRef20 } from "react";
 
 // src/hooks/use-anchor-position.ts
 import { useEffect as useEffect12 } from "react";
@@ -1879,8 +2069,8 @@ function useAnchorPosition(anchorRef, floatingRef, active, placement = "bottom-s
 }
 
 // src/floating/FloatingPositioner.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var FloatingPositioner = forwardRef18(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var FloatingPositioner = forwardRef20(
   function FloatingPositioner2({
     open,
     scope,
@@ -1899,7 +2089,7 @@ var FloatingPositioner = forwardRef18(
       matchWidth: matchAnchorWidth
     });
     if (!open) return null;
-    const node = /* @__PURE__ */ jsx20(
+    const node = /* @__PURE__ */ jsx21(
       "div",
       {
         ref: (el) => {
@@ -1908,7 +2098,7 @@ var FloatingPositioner = forwardRef18(
           else if (ref) ref.current = el;
         },
         className,
-        ...mergeProps(partAttrs16(scope, part, { state: "open" }), rest),
+        ...mergeProps(partAttrs17(scope, part, { state: "open" }), rest),
         children
       }
     );
@@ -1932,11 +2122,11 @@ function useOutsideClick(refs, enabled, onOutside) {
 }
 
 // src/select/index.tsx
-import { jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
-var SelectCtx = createContext13(null);
-var SelectPositionerCtx = createContext13(false);
+import { jsx as jsx22, jsxs as jsxs2 } from "react/jsx-runtime";
+var SelectCtx = createContext14(null);
+var SelectPositionerCtx = createContext14(false);
 function useSelectCtx() {
-  const ctx = useContext13(SelectCtx);
+  const ctx = useContext14(SelectCtx);
   if (!ctx) throw new Error("Select parts must be used within <Select.Root>");
   return ctx;
 }
@@ -1945,7 +2135,7 @@ function optionValuesFromDom(listboxId, content) {
   const prefix = `${listboxId}-option-`;
   return Array.from(content.querySelectorAll('button[role="option"]:not(:disabled)')).map((el) => el.id.startsWith(prefix) ? el.id.slice(prefix.length) : "").filter(Boolean);
 }
-var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children, className, disabled }, ref) {
+var Root16 = forwardRef21(function SelectRoot({ value, onValueChange, children, className, disabled }, ref) {
   const [snapshot, send] = useAeonMachine(popoverMachine, { input: { open: false } });
   const [highlightedValue, setHighlightedValue] = useState4(null);
   const triggerRef = useRef5(null);
@@ -1954,26 +2144,26 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
   const rootRef = useRef5(null);
   const listboxId = useId2();
   const open = disabled ? false : snapshot.matches("open");
-  const close = useCallback3(() => {
+  const close = useCallback4(() => {
     send({ type: "CLOSE" });
     setHighlightedValue(null);
   }, [send]);
   useOutsideClick([rootRef, positionerRef], open, () => send({ type: "POINTER_DOWN_OUTSIDE" }));
-  const getOptionValues = useCallback3(
+  const getOptionValues = useCallback4(
     () => optionValuesFromDom(listboxId, contentRef.current),
     [listboxId, open]
   );
-  const selectValue = useCallback3(
+  const selectValue = useCallback4(
     (next) => {
       onValueChange?.(next);
       close();
     },
     [onValueChange, close]
   );
-  const highlightValue = useCallback3((next) => {
+  const highlightValue = useCallback4((next) => {
     setHighlightedValue(next);
   }, []);
-  const moveHighlight = useCallback3(
+  const moveHighlight = useCallback4(
     (delta) => {
       const options = getOptionValues();
       if (options.length === 0) {
@@ -1988,7 +2178,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
     },
     [getOptionValues, highlightedValue]
   );
-  const onListboxKeyDown = useCallback3(
+  const onListboxKeyDown = useCallback4(
     (e) => {
       if (e.defaultPrevented) return;
       if ((e.key === "Enter" || e.key === " ") && !open) {
@@ -2060,7 +2250,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
       onListboxKeyDown
     ]
   );
-  return /* @__PURE__ */ jsx21(SelectCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(SelectCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx22(
     "div",
     {
       ref: (node) => {
@@ -2069,19 +2259,19 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
         else if (ref) ref.current = node;
       },
       className,
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.root, {
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.root, {
         state: open ? "open" : "closed"
       }),
       children
     }
   ) });
 });
-var ValueText2 = forwardRef19(function SelectValueText(props, ref) {
-  return /* @__PURE__ */ jsx21("span", { ref, ...partOnlyAttrs11(selectAnatomy.value), ...props });
+var ValueText2 = forwardRef21(function SelectValueText(props, ref) {
+  return /* @__PURE__ */ jsx22("span", { ref, ...partOnlyAttrs11(selectAnatomy.value), ...props });
 });
-var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDown, ...rest }, ref) {
+var Trigger3 = forwardRef21(function SelectTrigger({ children, onClick, onKeyDown, ...rest }, ref) {
   const { open, send, listboxId, triggerRef, onListboxKeyDown } = useSelectCtx();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       ref: (node) => {
@@ -2093,7 +2283,7 @@ var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDow
       "aria-haspopup": "listbox",
       "aria-expanded": open,
       "aria-controls": open ? listboxId : void 0,
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.trigger, { state: open ? "open" : "closed" }),
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.trigger, { state: open ? "open" : "closed" }),
       ...mergeProps(rest, {
         onClick: (e) => {
           onClick?.(e);
@@ -2106,14 +2296,14 @@ var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDow
       }),
       children: [
         children,
-        /* @__PURE__ */ jsx21("span", { ...partOnlyAttrs11(selectAnatomy.icon), "aria-hidden": true })
+        /* @__PURE__ */ jsx22("span", { ...partOnlyAttrs11(selectAnatomy.icon), "aria-hidden": true })
       ]
     }
   );
 });
-var Positioner2 = forwardRef19(function SelectPositioner({ portalled = true, children, className, ...rest }, ref) {
+var Positioner2 = forwardRef21(function SelectPositioner({ portalled = true, children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = useSelectCtx();
-  return /* @__PURE__ */ jsx21(SelectPositionerCtx.Provider, { value: true, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(SelectPositionerCtx.Provider, { value: true, children: /* @__PURE__ */ jsx22(
     FloatingPositioner,
     {
       ref,
@@ -2130,12 +2320,12 @@ var Positioner2 = forwardRef19(function SelectPositioner({ portalled = true, chi
     }
   ) });
 });
-var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown, children, className, ...rest }, ref) {
-  const inPositioner = useContext13(SelectPositionerCtx);
+var Content4 = forwardRef21(function SelectContent({ portalled = true, onKeyDown, children, className, ...rest }, ref) {
+  const inPositioner = useContext14(SelectPositionerCtx);
   const { open, listboxId, contentRef, highlightedValue, onListboxKeyDown, triggerRef, positionerRef } = useSelectCtx();
   if (!open) return null;
   const activeId = highlightedValue && open ? `${listboxId}-option-${highlightedValue}` : void 0;
-  const listbox = /* @__PURE__ */ jsx21(
+  const listbox = /* @__PURE__ */ jsx22(
     "div",
     {
       ref: (node) => {
@@ -2148,7 +2338,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
       "aria-activedescendant": activeId,
       className,
       "data-aeon-scroll": "",
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.content, { state: "open" }),
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.content, { state: "open" }),
       ...mergeProps(rest, {
         onKeyDown: (e) => {
           onKeyDown?.(e);
@@ -2159,7 +2349,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
     }
   );
   if (inPositioner) return listbox;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     FloatingPositioner,
     {
       open,
@@ -2173,11 +2363,11 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
     }
   );
 });
-var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children, onClick, ...rest }, ref) {
+var Item3 = forwardRef21(function SelectItem({ value, disabled = false, children, onClick, ...rest }, ref) {
   const { value: selected, listboxId, highlightedValue, selectValue } = useSelectCtx();
   const selectedState = value === selected;
   const highlighted = value === highlightedValue;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       ref,
@@ -2186,7 +2376,7 @@ var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children
       id: `${listboxId}-option-${value}`,
       "aria-selected": selectedState,
       disabled,
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.item, {
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.item, {
         state: selectedState ? "selected" : highlighted ? "highlighted" : "idle",
         highlighted
       }),
@@ -2201,7 +2391,7 @@ var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children
   );
 });
 var Select = {
-  Root: Root14,
+  Root: Root16,
   Trigger: Trigger3,
   ValueText: ValueText2,
   Positioner: Positioner2,
@@ -2210,22 +2400,22 @@ var Select = {
 };
 
 // src/combobox/index.tsx
-import { comboboxAnatomy, partAttrs as partAttrs18, partOnlyAttrs as partOnlyAttrs12 } from "@aeon-ui/core";
+import { comboboxAnatomy, partAttrs as partAttrs19, partOnlyAttrs as partOnlyAttrs12 } from "@aeon-ui/core";
 import {
-  createContext as createContext14,
-  forwardRef as forwardRef20,
-  useCallback as useCallback4,
-  useContext as useContext14,
+  createContext as createContext15,
+  forwardRef as forwardRef22,
+  useCallback as useCallback5,
+  useContext as useContext15,
   useEffect as useEffect14,
   useId as useId3,
   useMemo as useMemo15,
   useRef as useRef6,
   useState as useState5
 } from "react";
-import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs4 } from "react/jsx-runtime";
-var ComboboxCtx = createContext14(null);
+import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs3 } from "react/jsx-runtime";
+var ComboboxCtx = createContext15(null);
 function useComboboxCtx() {
-  const ctx = useContext14(ComboboxCtx);
+  const ctx = useContext15(ComboboxCtx);
   if (!ctx) throw new Error("Combobox parts must be used within <Combobox.Root>");
   return ctx;
 }
@@ -2239,14 +2429,14 @@ function matchesQuery(label, query) {
   if (!q) return true;
   return label.toLowerCase().includes(q);
 }
-var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children, className, disabled }, ref) {
+var Root17 = forwardRef22(function ComboboxRoot({ value, onValueChange, children, className, disabled }, ref) {
   const [open, setOpenState] = useState5(false);
   const [query, setQuery] = useState5("");
   const [highlightedValue, setHighlightedValue] = useState5(null);
   const [itemsVersion, setItemsVersion] = useState5(0);
   const itemsRef = useRef6([]);
   const listboxId = useId3();
-  const setOpen = useCallback4(
+  const setOpen = useCallback5(
     (next) => {
       if (disabled) return;
       setOpenState(next);
@@ -2257,15 +2447,15 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
     },
     [disabled]
   );
-  const registerItem = useCallback4((item) => {
+  const registerItem = useCallback5((item) => {
     itemsRef.current = [...itemsRef.current.filter((i) => i.value !== item.value), item];
     setItemsVersion((v) => v + 1);
   }, []);
-  const unregisterItem = useCallback4((valueKey) => {
+  const unregisterItem = useCallback5((valueKey) => {
     itemsRef.current = itemsRef.current.filter((i) => i.value !== valueKey);
     setItemsVersion((v) => v + 1);
   }, []);
-  const getItems = useCallback4(() => itemsRef.current, []);
+  const getItems = useCallback5(() => itemsRef.current, []);
   const ctx = useMemo15(
     () => ({
       value,
@@ -2297,12 +2487,12 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
       disabled
     ]
   );
-  return /* @__PURE__ */ jsx22(ComboboxCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(ComboboxCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
       className,
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.root, {
+      ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.root, {
         state: open ? "open" : "closed"
       }),
       children
@@ -2316,7 +2506,7 @@ function useVisibleItems() {
     return getItems().filter((i) => matchesQuery(i.label, query));
   }, [query, getItems, itemsVersion]);
 }
-var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus, onClick, value: valueProp, ...rest }, ref) {
+var Input2 = forwardRef22(function ComboboxInput({ onChange, onKeyDown, onFocus, onClick, value: valueProp, ...rest }, ref) {
   const {
     value: selected,
     open,
@@ -2337,7 +2527,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     return getItems().find((i) => i.value === selected)?.label ?? "";
   }, [getItems, selected, itemsVersion]);
   const displayValue = open ? query : selectedLabel;
-  const selectValue = useCallback4(
+  const selectValue = useCallback5(
     (next) => {
       onValueChange?.(next);
       setOpen(false);
@@ -2346,7 +2536,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     },
     [onValueChange, setOpen, setQuery, setHighlightedValue]
   );
-  const moveHighlight = useCallback4(
+  const moveHighlight = useCallback5(
     (delta) => {
       if (visible.length === 0) {
         setHighlightedValue(null);
@@ -2360,7 +2550,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     },
     [visible, highlightedValue, setHighlightedValue]
   );
-  const setRefs = useCallback4(
+  const setRefs = useCallback5(
     (node) => {
       inputRef.current = node;
       if (typeof ref === "function") ref(node);
@@ -2385,8 +2575,8 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     };
   }, [open, setOpen]);
   const activeDescendant = highlightedValue && open ? `${listboxId}-option-${highlightedValue}` : void 0;
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx23(
       "input",
       {
         ref: setRefs,
@@ -2398,7 +2588,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
         "aria-activedescendant": activeDescendant,
         autoComplete: "off",
         value: valueProp ?? displayValue,
-        ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.input, { state: open ? "open" : "closed" }),
+        ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.input, { state: open ? "open" : "closed" }),
         ...mergeProps(rest, {
           onFocus: (e) => {
             onFocus?.(e);
@@ -2447,7 +2637,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
         })
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "span",
       {
         ...partOnlyAttrs12(comboboxAnatomy.icon, { state: open ? "open" : "closed" }),
@@ -2457,10 +2647,10 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     )
   ] });
 });
-var Content5 = forwardRef20(function ComboboxContent({ children, className, ...rest }, ref) {
+var Content5 = forwardRef22(function ComboboxContent({ children, className, ...rest }, ref) {
   const { open, listboxId } = useComboboxCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
@@ -2468,13 +2658,13 @@ var Content5 = forwardRef20(function ComboboxContent({ children, className, ...r
       role: "listbox",
       className,
       "data-aeon-scroll": "",
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.content),
+      ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.content),
       ...rest,
       children
     }
   );
 });
-var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onClick, ...rest }, ref) {
+var Item4 = forwardRef22(function ComboboxItem({ value, textValue, children, onClick, ...rest }, ref) {
   const {
     value: selected,
     query,
@@ -2495,7 +2685,7 @@ var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onC
   if (!matchesQuery(label, query)) return null;
   const selectedState = value === selected;
   const highlighted = value === highlightedValue;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       ref,
@@ -2504,7 +2694,7 @@ var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onC
       id: resolvedOptionId,
       "aria-selected": selectedState,
       "data-highlighted": highlighted ? "" : void 0,
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.item, {
+      ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.item, {
         state: selectedState ? "selected" : "idle",
         highlighted
       }),
@@ -2522,23 +2712,23 @@ var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onC
     }
   );
 });
-var Empty = forwardRef20(function ComboboxEmpty({ children, className, ...rest }, ref) {
+var Empty = forwardRef22(function ComboboxEmpty({ children, className, ...rest }, ref) {
   const { open, query } = useComboboxCtx();
   const visible = useVisibleItems();
   if (!open || !query.trim() || visible.length > 0) return null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
       className,
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.empty),
+      ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.empty),
       ...rest,
       children: children ?? "No results"
     }
   );
 });
 var Combobox = {
-  Root: Root15,
+  Root: Root17,
   Input: Input2,
   Content: Content5,
   Item: Item4,
@@ -2546,26 +2736,26 @@ var Combobox = {
 };
 
 // src/popover/index.tsx
-import { popoverAnatomy, partAttrs as partAttrs19 } from "@aeon-ui/core";
+import { popoverAnatomy, partAttrs as partAttrs20 } from "@aeon-ui/core";
 import { popoverMachine as popoverMachine2 } from "@aeon-ui/primitives";
 import {
-  createContext as createContext15,
-  forwardRef as forwardRef21,
-  useCallback as useCallback5,
-  useContext as useContext15,
+  createContext as createContext16,
+  forwardRef as forwardRef23,
+  useCallback as useCallback6,
+  useContext as useContext16,
   useEffect as useEffect15,
   useId as useId4,
   useMemo as useMemo16,
   useRef as useRef7
 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var PopoverCtx = createContext15(null);
+import { jsx as jsx24 } from "react/jsx-runtime";
+var PopoverCtx = createContext16(null);
 function usePopoverCtx() {
-  const ctx = useContext15(PopoverCtx);
+  const ctx = useContext16(PopoverCtx);
   if (!ctx) throw new Error("Popover parts must be used within Popover.Root");
   return ctx;
 }
-var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOpenChange, children, className, ...rest }, ref) {
+var Root18 = forwardRef23(function PopoverRoot({ open, defaultOpen = false, onOpenChange, children, className, ...rest }, ref) {
   const [snapshot, send] = useAeonMachine(popoverMachine2, {
     input: { open: defaultOpen }
   });
@@ -2581,13 +2771,13 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
   useEffect15(() => {
     if (open !== void 0) send({ type: "SET_OPEN", open });
   }, [open, send]);
-  const close = useCallback5(() => send({ type: "CLOSE" }), [send]);
+  const close = useCallback6(() => send({ type: "CLOSE" }), [send]);
   useOutsideClick([rootRef, positionerRef], resolvedOpen, close);
   const value = useMemo16(
     () => ({ open: resolvedOpen, send, triggerId, contentId, triggerRef, positionerRef }),
     [resolvedOpen, send, triggerId, contentId]
   );
-  return /* @__PURE__ */ jsx23(PopoverCtx.Provider, { value, children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(PopoverCtx.Provider, { value, children: /* @__PURE__ */ jsx24(
     "div",
     {
       ref: (node) => {
@@ -2597,7 +2787,7 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
       },
       className,
       ...mergeProps(
-        partAttrs19(popoverAnatomy.scope, popoverAnatomy.root, {
+        partAttrs20(popoverAnatomy.scope, popoverAnatomy.root, {
           state: resolvedOpen ? "open" : "closed"
         }),
         rest
@@ -2606,9 +2796,9 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
     }
   ) });
 });
-var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
+var Trigger4 = forwardRef23(function PopoverTrigger({ onClick, ...rest }, ref) {
   const { open, send, triggerId, contentId, triggerRef } = usePopoverCtx();
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       ref: (node) => {
@@ -2621,7 +2811,7 @@ var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
       "aria-expanded": open,
       "aria-controls": open ? contentId : void 0,
       ...mergeProps(
-        partAttrs19(popoverAnatomy.scope, popoverAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs20(popoverAnatomy.scope, popoverAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2633,9 +2823,9 @@ var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
     }
   );
 });
-var Positioner3 = forwardRef21(function PopoverPositioner({ portalled = true, placement = "bottom-start", children, className, ...rest }, ref) {
+var Positioner3 = forwardRef23(function PopoverPositioner({ portalled = true, placement = "bottom-start", children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = usePopoverCtx();
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     FloatingPositioner,
     {
       ref,
@@ -2652,10 +2842,10 @@ var Positioner3 = forwardRef21(function PopoverPositioner({ portalled = true, pl
     }
   );
 });
-var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref) {
+var Content6 = forwardRef23(function PopoverContent({ onKeyDown, ...rest }, ref) {
   const { open, send, triggerId, contentId } = usePopoverCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ref,
@@ -2664,7 +2854,7 @@ var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref)
       "aria-modal": false,
       "aria-labelledby": triggerId,
       ...mergeProps(
-        partAttrs19(popoverAnatomy.scope, popoverAnatomy.content, { state: "open" }),
+        partAttrs20(popoverAnatomy.scope, popoverAnatomy.content, { state: "open" }),
         {
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -2676,22 +2866,22 @@ var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref)
     }
   );
 });
-var Arrow = forwardRef21(function PopoverArrow(props, ref) {
+var Arrow = forwardRef23(function PopoverArrow(props, ref) {
   const { open } = usePopoverCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx23("div", { ref, ...mergeProps(partAttrs19(popoverAnatomy.scope, popoverAnatomy.arrow), props) });
+  return /* @__PURE__ */ jsx24("div", { ref, ...mergeProps(partAttrs20(popoverAnatomy.scope, popoverAnatomy.arrow), props) });
 });
-var CloseTrigger2 = forwardRef21(
+var CloseTrigger2 = forwardRef23(
   function PopoverCloseTrigger({ onClick, ...rest }, ref) {
     const { send } = usePopoverCtx();
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       "button",
       {
         ref,
         type: "button",
         "aria-label": "Close",
         ...mergeProps(
-          partAttrs19(popoverAnatomy.scope, popoverAnatomy.closeTrigger),
+          partAttrs20(popoverAnatomy.scope, popoverAnatomy.closeTrigger),
           {
             onClick: (e) => {
               onClick?.(e);
@@ -2704,29 +2894,29 @@ var CloseTrigger2 = forwardRef21(
     );
   }
 );
-var Popover = { Root: Root16, Trigger: Trigger4, Positioner: Positioner3, Content: Content6, Arrow, CloseTrigger: CloseTrigger2 };
+var Popover = { Root: Root18, Trigger: Trigger4, Positioner: Positioner3, Content: Content6, Arrow, CloseTrigger: CloseTrigger2 };
 
 // src/menu/index.tsx
-import { menuAnatomy, partAttrs as partAttrs20 } from "@aeon-ui/core";
+import { menuAnatomy, partAttrs as partAttrs21 } from "@aeon-ui/core";
 import { popoverMachine as popoverMachine3 } from "@aeon-ui/primitives";
 import {
-  createContext as createContext16,
-  forwardRef as forwardRef22,
-  useCallback as useCallback6,
-  useContext as useContext16,
+  createContext as createContext17,
+  forwardRef as forwardRef24,
+  useCallback as useCallback7,
+  useContext as useContext17,
   useEffect as useEffect16,
   useId as useId5,
   useMemo as useMemo17,
   useRef as useRef8
 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var MenuCtx = createContext16(null);
+import { jsx as jsx25 } from "react/jsx-runtime";
+var MenuCtx = createContext17(null);
 function useMenuCtx() {
-  const ctx = useContext16(MenuCtx);
+  const ctx = useContext17(MenuCtx);
   if (!ctx) throw new Error("Menu parts must be used within Menu.Root");
   return ctx;
 }
-var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenChange, children, className, ...rest }, ref) {
+var Root19 = forwardRef24(function MenuRoot({ open, defaultOpen = false, onOpenChange, children, className, ...rest }, ref) {
   const [snapshot, send] = useAeonMachine(popoverMachine3, { input: { open: defaultOpen } });
   const resolvedOpen = open ?? snapshot.context.open;
   const rootRef = useRef8(null);
@@ -2740,13 +2930,13 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
   useEffect16(() => {
     if (open !== void 0) send({ type: "SET_OPEN", open });
   }, [open, send]);
-  const close = useCallback6(() => send({ type: "CLOSE" }), [send]);
+  const close = useCallback7(() => send({ type: "CLOSE" }), [send]);
   useOutsideClick([rootRef, positionerRef], resolvedOpen, close);
   const value = useMemo17(
     () => ({ open: resolvedOpen, send, triggerId, menuId, triggerRef, positionerRef }),
     [resolvedOpen, send, triggerId, menuId]
   );
-  return /* @__PURE__ */ jsx24(MenuCtx.Provider, { value, children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(MenuCtx.Provider, { value, children: /* @__PURE__ */ jsx25(
     "div",
     {
       ref: (node) => {
@@ -2756,16 +2946,16 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
       },
       className,
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.root, { state: resolvedOpen ? "open" : "closed" }),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.root, { state: resolvedOpen ? "open" : "closed" }),
         rest
       ),
       children
     }
   ) });
 });
-var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
+var Trigger5 = forwardRef24(function MenuTrigger({ onClick, ...rest }, ref) {
   const { open, send, triggerId, menuId, triggerRef } = useMenuCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       ref: (node) => {
@@ -2779,7 +2969,7 @@ var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
       "aria-expanded": open,
       "aria-controls": open ? menuId : void 0,
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2791,9 +2981,9 @@ var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
     }
   );
 });
-var Positioner4 = forwardRef22(function MenuPositioner({ portalled = true, placement = "bottom-start", children, className, ...rest }, ref) {
+var Positioner4 = forwardRef24(function MenuPositioner({ portalled = true, placement = "bottom-start", children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = useMenuCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     FloatingPositioner,
     {
       ref,
@@ -2810,17 +3000,17 @@ var Positioner4 = forwardRef22(function MenuPositioner({ portalled = true, place
     }
   );
 });
-var Content7 = forwardRef22(function MenuContent({ onKeyDown, ...rest }, ref) {
+var Content7 = forwardRef24(function MenuContent({ onKeyDown, ...rest }, ref) {
   const { open, send, menuId } = useMenuCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
       id: menuId,
       role: "menu",
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.content, { state: "open" }),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.content, { state: "open" }),
         {
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -2832,16 +3022,16 @@ var Content7 = forwardRef22(function MenuContent({ onKeyDown, ...rest }, ref) {
     }
   );
 });
-var Item5 = forwardRef22(function MenuItem({ closeOnSelect = true, onClick, ...rest }, ref) {
+var Item5 = forwardRef24(function MenuItem({ closeOnSelect = true, onClick, ...rest }, ref) {
   const { send } = useMenuCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       ref,
       type: "button",
       role: "menuitem",
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.item),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.item),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2853,17 +3043,17 @@ var Item5 = forwardRef22(function MenuItem({ closeOnSelect = true, onClick, ...r
     }
   );
 });
-var Separator2 = forwardRef22(function MenuSeparator(props, ref) {
-  return /* @__PURE__ */ jsx24("div", { ref, role: "separator", ...mergeProps(partAttrs20(menuAnatomy.scope, menuAnatomy.separator), props) });
+var Separator2 = forwardRef24(function MenuSeparator(props, ref) {
+  return /* @__PURE__ */ jsx25("div", { ref, role: "separator", ...mergeProps(partAttrs21(menuAnatomy.scope, menuAnatomy.separator), props) });
 });
-var Menu = { Root: Root17, Trigger: Trigger5, Positioner: Positioner4, Content: Content7, Item: Item5, Separator: Separator2 };
+var Menu = { Root: Root19, Trigger: Trigger5, Positioner: Positioner4, Content: Content7, Item: Item5, Separator: Separator2 };
 
 // src/tooltip/index.tsx
-import { tooltipAnatomy, partAttrs as partAttrs21 } from "@aeon-ui/core";
+import { tooltipAnatomy, partAttrs as partAttrs22 } from "@aeon-ui/core";
 import {
-  createContext as createContext17,
-  forwardRef as forwardRef23,
-  useContext as useContext17,
+  createContext as createContext18,
+  forwardRef as forwardRef25,
+  useContext as useContext18,
   useEffect as useEffect18,
   useId as useId6,
   useMemo as useMemo18,
@@ -2886,14 +3076,14 @@ function usePrefersHover() {
 }
 
 // src/tooltip/index.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-var TooltipCtx = createContext17(null);
+import { jsx as jsx26 } from "react/jsx-runtime";
+var TooltipCtx = createContext18(null);
 function useTooltipCtx() {
-  const ctx = useContext17(TooltipCtx);
+  const ctx = useContext18(TooltipCtx);
   if (!ctx) throw new Error("Tooltip parts must be used within Tooltip.Root");
   return ctx;
 }
-var Root18 = forwardRef23(function TooltipRoot({
+var Root20 = forwardRef25(function TooltipRoot({
   open,
   defaultOpen = false,
   onOpenChange,
@@ -2982,13 +3172,13 @@ var Root18 = forwardRef23(function TooltipRoot({
     }),
     [resolvedOpen, triggerId, contentId, openDelay, closeDelay, touchDurationMs, touchOutsideGraceMs, showOnFocus, prefersHover]
   );
-  return /* @__PURE__ */ jsx25(TooltipCtx.Provider, { value, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(TooltipCtx.Provider, { value, children: /* @__PURE__ */ jsx26(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.root, {
+        partAttrs22(tooltipAnatomy.scope, tooltipAnatomy.root, {
           state: resolvedOpen ? "open" : "closed"
         }),
         rest
@@ -2997,7 +3187,7 @@ var Root18 = forwardRef23(function TooltipRoot({
     }
   ) });
 });
-var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, onPointerDown, ...rest }, ref) {
+var Trigger6 = forwardRef25(function TooltipTrigger({ onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, onPointerDown, ...rest }, ref) {
   const {
     open,
     triggerId,
@@ -3010,7 +3200,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
     showOnFocus,
     prefersHover
   } = useTooltipCtx();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       ref: (node) => {
@@ -3022,7 +3212,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
       tabIndex: 0,
       "aria-describedby": open ? contentId : void 0,
       ...mergeProps(
-        partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs22(tooltipAnatomy.scope, tooltipAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onMouseEnter: (e) => {
             onMouseEnter?.(e);
@@ -3054,9 +3244,9 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
     }
   );
 });
-var Positioner5 = forwardRef23(function TooltipPositioner({ portalled = true, placement = "top-start", children, className, ...rest }, ref) {
+var Positioner5 = forwardRef25(function TooltipPositioner({ portalled = true, placement = "top-start", children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = useTooltipCtx();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     FloatingPositioner,
     {
       ref,
@@ -3073,46 +3263,46 @@ var Positioner5 = forwardRef23(function TooltipPositioner({ portalled = true, pl
     }
   );
 });
-var Content8 = forwardRef23(function TooltipContent(props, ref) {
+var Content8 = forwardRef25(function TooltipContent(props, ref) {
   const { open, contentId } = useTooltipCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       ref,
       id: contentId,
       role: "tooltip",
-      ...mergeProps(partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.content, { state: "open" }), props)
+      ...mergeProps(partAttrs22(tooltipAnatomy.scope, tooltipAnatomy.content, { state: "open" }), props)
     }
   );
 });
-var Arrow2 = forwardRef23(function TooltipArrow(props, ref) {
+var Arrow2 = forwardRef25(function TooltipArrow(props, ref) {
   const { open } = useTooltipCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx25("div", { ref, ...mergeProps(partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.arrow), props) });
+  return /* @__PURE__ */ jsx26("div", { ref, ...mergeProps(partAttrs22(tooltipAnatomy.scope, tooltipAnatomy.arrow), props) });
 });
-var Tooltip = { Root: Root18, Trigger: Trigger6, Positioner: Positioner5, Content: Content8, Arrow: Arrow2 };
+var Tooltip = { Root: Root20, Trigger: Trigger6, Positioner: Positioner5, Content: Content8, Arrow: Arrow2 };
 
 // src/toast/primitives.tsx
-import { toastAnatomy, partAttrs as partAttrs22 } from "@aeon-ui/core";
+import { toastAnatomy, partAttrs as partAttrs23 } from "@aeon-ui/core";
 import { toastMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext18,
-  forwardRef as forwardRef24,
-  useContext as useContext18,
+  createContext as createContext19,
+  forwardRef as forwardRef26,
+  useContext as useContext19,
   useEffect as useEffect19,
   useId as useId7,
   useMemo as useMemo19,
   useRef as useRef10
 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var ToastCtx = createContext18(null);
+import { jsx as jsx27 } from "react/jsx-runtime";
+var ToastCtx = createContext19(null);
 function useToastCtx() {
-  const ctx = useContext18(ToastCtx);
+  const ctx = useContext19(ToastCtx);
   if (!ctx) throw new Error("Toast parts must be used within Toast.Root");
   return ctx;
 }
-var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible = false, onVisibleChange, children, className, ...rest }, ref) {
+var Root21 = forwardRef26(function ToastRoot({ durationMs = 5e3, defaultVisible = false, onVisibleChange, children, className, ...rest }, ref) {
   const [snapshot, send] = useAeonMachine(toastMachine, { input: { durationMs } });
   const visible = snapshot.matches("visible");
   const titleId = useId7();
@@ -3129,7 +3319,7 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
     if (hasBeenVisible.current) onVisibleChange?.(false);
   }, [visible, onVisibleChange]);
   const value = useMemo19(() => ({ visible, send, titleId }), [visible, send, titleId]);
-  return /* @__PURE__ */ jsx26(ToastCtx.Provider, { value, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(ToastCtx.Provider, { value, children: /* @__PURE__ */ jsx27(
     "div",
     {
       ref,
@@ -3137,7 +3327,7 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
       "aria-live": "polite",
       "aria-atomic": "true",
       ...mergeProps(
-        partAttrs22(toastAnatomy.scope, toastAnatomy.root, { state: visible ? "visible" : "hidden" }),
+        partAttrs23(toastAnatomy.scope, toastAnatomy.root, { state: visible ? "visible" : "hidden" }),
         rest
       ),
       className,
@@ -3146,26 +3336,26 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
     }
   ) });
 });
-var Title2 = forwardRef24(function ToastTitle(props, ref) {
+var Title3 = forwardRef26(function ToastTitle(props, ref) {
   const { titleId } = useToastCtx();
-  return /* @__PURE__ */ jsx26("p", { ref, id: titleId, ...mergeProps(partAttrs22(toastAnatomy.scope, toastAnatomy.title), props) });
+  return /* @__PURE__ */ jsx27("p", { ref, id: titleId, ...mergeProps(partAttrs23(toastAnatomy.scope, toastAnatomy.title), props) });
 });
-var Description2 = forwardRef24(
+var Description2 = forwardRef26(
   function ToastDescription(props, ref) {
-    return /* @__PURE__ */ jsx26("p", { ref, ...mergeProps(partAttrs22(toastAnatomy.scope, toastAnatomy.description), props) });
+    return /* @__PURE__ */ jsx27("p", { ref, ...mergeProps(partAttrs23(toastAnatomy.scope, toastAnatomy.description), props) });
   }
 );
-var CloseTrigger3 = forwardRef24(
+var CloseTrigger3 = forwardRef26(
   function ToastCloseTrigger({ onClick, children, ...rest }, ref) {
     const { send } = useToastCtx();
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       "button",
       {
         ref,
         type: "button",
-        "aria-label": typeof children === "string" ? void 0 : "Dismiss",
+        "aria-label": "Dismiss",
         ...mergeProps(
-          partAttrs22(toastAnatomy.scope, toastAnatomy.closeTrigger),
+          partAttrs23(toastAnatomy.scope, toastAnatomy.closeTrigger),
           {
             onClick: (e) => {
               onClick?.(e);
@@ -3174,7 +3364,7 @@ var CloseTrigger3 = forwardRef24(
           },
           rest
         ),
-        children: children ?? "Dismiss"
+        children: children ?? "\xD7"
       }
     );
   }
@@ -3191,9 +3381,9 @@ function Show({ durationMs }) {
 }
 
 // src/toast/provider.tsx
-import { toastAnatomy as toastAnatomy2, partAttrs as partAttrs23 } from "@aeon-ui/core";
+import { toastAnatomy as toastAnatomy2, partAttrs as partAttrs24 } from "@aeon-ui/core";
 import {
-  useCallback as useCallback7,
+  useCallback as useCallback8,
   useEffect as useEffect20,
   useMemo as useMemo20,
   useState as useState8
@@ -3201,10 +3391,10 @@ import {
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/toast/context.tsx
-import { createContext as createContext19, useContext as useContext19 } from "react";
-var ToastStoreCtx = createContext19(null);
+import { createContext as createContext20, useContext as useContext20 } from "react";
+var ToastStoreCtx = createContext20(null);
 function useToastStore() {
-  const ctx = useContext19(ToastStoreCtx);
+  const ctx = useContext20(ToastStoreCtx);
   if (!ctx) {
     throw new Error("useToast must be used within Toast.Provider");
   }
@@ -3212,12 +3402,12 @@ function useToastStore() {
 }
 
 // src/toast/toast-item.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx27, jsxs as jsxs5 } from "react/jsx-runtime";
-var ToastItem = forwardRef25(function ToastItem2({ item, onExited, className, ...rest }, ref) {
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx28, jsxs as jsxs4 } from "react/jsx-runtime";
+var ToastItem = forwardRef27(function ToastItem2({ item, onExited, className, ...rest }, ref) {
   const { id, title, description, durationMs } = item;
-  return /* @__PURE__ */ jsxs5(
-    Root19,
+  return /* @__PURE__ */ jsxs4(
+    Root21,
     {
       ref,
       className,
@@ -3228,16 +3418,16 @@ var ToastItem = forwardRef25(function ToastItem2({ item, onExited, className, ..
       },
       ...rest,
       children: [
-        title ? /* @__PURE__ */ jsx27(Title2, { children: title }) : null,
-        description ? /* @__PURE__ */ jsx27(Description2, { children: description }) : null,
-        /* @__PURE__ */ jsx27(CloseTrigger3, {})
+        title ? /* @__PURE__ */ jsx28(Title3, { children: title }) : null,
+        description ? /* @__PURE__ */ jsx28(Description2, { children: description }) : null,
+        /* @__PURE__ */ jsx28(CloseTrigger3, {})
       ]
     }
   );
 });
 
 // src/toast/provider.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var PLACEMENT_ATTR = {
   "top-start": "top-start",
   "top-end": "top-end",
@@ -3249,13 +3439,13 @@ function nextToastId() {
 }
 function ToastProvider({ children, limit = 5 }) {
   const [items, setItems] = useState8([]);
-  const dismiss = useCallback7((id) => {
+  const dismiss = useCallback8((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const dismissAll = useCallback7(() => {
+  const dismissAll = useCallback8(() => {
     setItems([]);
   }, []);
-  const publish = useCallback7(
+  const publish = useCallback8(
     (options) => {
       const id = options.id ?? nextToastId();
       const record = { ...options, id };
@@ -3272,7 +3462,7 @@ function ToastProvider({ children, limit = 5 }) {
     () => ({ items, publish, dismiss, dismissAll }),
     [items, publish, dismiss, dismissAll]
   );
-  return /* @__PURE__ */ jsx28(ToastStoreCtx.Provider, { value, children });
+  return /* @__PURE__ */ jsx29(ToastStoreCtx.Provider, { value, children });
 }
 function ToastViewport({ placement = "bottom-end", className, ...rest }) {
   const { items, dismiss } = useToastStore();
@@ -3282,11 +3472,11 @@ function ToastViewport({ placement = "bottom-end", className, ...rest }) {
   }, []);
   if (!mounted) return null;
   return createPortal2(
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       "div",
       {
         ...mergeProps(
-          partAttrs23(toastAnatomy2.scope, toastAnatomy2.viewport, {
+          partAttrs24(toastAnatomy2.scope, toastAnatomy2.viewport, {
             state: items.length > 0 ? "active" : "idle"
           }),
           {
@@ -3295,7 +3485,7 @@ function ToastViewport({ placement = "bottom-end", className, ...rest }) {
           rest
         ),
         className,
-        children: items.map((item) => /* @__PURE__ */ jsx28(ToastItem, { item, onExited: dismiss }, item.id))
+        children: items.map((item) => /* @__PURE__ */ jsx29(ToastItem, { item, onExited: dismiss }, item.id))
       }
     ),
     document.body
@@ -3310,152 +3500,1646 @@ function useToast() {
 var Toast = {
   Provider: ToastProvider,
   Viewport: ToastViewport,
-  Root: Root19,
-  Title: Title2,
+  Root: Root21,
+  Title: Title3,
   Description: Description2,
   CloseTrigger: CloseTrigger3,
   Show
 };
 
+// src/theme-switcher/index.tsx
+import { partAttrs as partAttrs25, scopeAttrs as scopeAttrs4, themeSwitcherAnatomy } from "@aeon-ui/core";
+import {
+  applyAeonTheme,
+  initAeonTheme
+} from "@aeon-ui/core";
+import {
+  createContext as createContext21,
+  forwardRef as forwardRef28,
+  useContext as useContext21,
+  useLayoutEffect as useLayoutEffect2,
+  useState as useState9
+} from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Root22 = forwardRef28(
+  function ThemeSwitcherRoot({ defaultTheme, defaultMode, onThemeChange, children, ...rest }, ref) {
+    const [themeId, setThemeId] = useState9(defaultTheme ?? "default");
+    const [mode, setMode] = useState9(defaultMode ?? "dark");
+    useLayoutEffect2(() => {
+      const { themeId: t, mode: m } = initAeonTheme();
+      setThemeId(t);
+      setMode(m);
+    }, []);
+    const handleThemeChange = (next) => {
+      setThemeId(next);
+      applyAeonTheme(next, mode);
+      onThemeChange?.(next, mode);
+    };
+    const handleModeChange = (next) => {
+      setMode(next);
+      applyAeonTheme(themeId, next);
+      onThemeChange?.(themeId, next);
+    };
+    return /* @__PURE__ */ jsx30(
+      "div",
+      {
+        ref,
+        ...mergeProps(
+          scopeAttrs4(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.root),
+          rest
+        ),
+        children: /* @__PURE__ */ jsx30(
+          ThemeSwitcherContext.Provider,
+          {
+            value: { themeId, mode, handleThemeChange, handleModeChange },
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var ThemeSwitcherContext = createContext21(null);
+function useThemeSwitcher() {
+  const ctx = useContext21(ThemeSwitcherContext);
+  if (!ctx) throw new Error("ThemeSwitcher parts must be used inside <ThemeSwitcher.Root>");
+  return ctx;
+}
+var Modes = forwardRef28(
+  function ThemeSwitcherModes(props, ref) {
+    return /* @__PURE__ */ jsx30(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": "Color mode",
+        ...mergeProps(
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modes),
+          props
+        )
+      }
+    );
+  }
+);
+var ModeBtn = forwardRef28(
+  function ThemeSwitcherModeBtn({ mode, active, ...rest }, ref) {
+    const { handleModeChange } = useThemeSwitcher();
+    return /* @__PURE__ */ jsx30(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-pressed": active,
+        "data-active": active ? "true" : void 0,
+        ...mergeProps(
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modeBtn),
+          rest
+        ),
+        onClick: (e) => {
+          handleModeChange(mode);
+          rest.onClick?.(e);
+        },
+        children: rest.children ?? (mode === "light" ? "Light" : "Dark")
+      }
+    );
+  }
+);
+var ThemeSelect = forwardRef28(
+  function ThemeSwitcherThemeSelect({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx30(
+      "div",
+      {
+        ref,
+        ...mergeProps(
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeSelect),
+          rest
+        ),
+        children
+      }
+    );
+  }
+);
+var ThemeTrigger = forwardRef28(
+  function ThemeSwitcherThemeTrigger(props, ref) {
+    const { themeId } = useThemeSwitcher();
+    return /* @__PURE__ */ jsx30(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": `Theme preset: ${themeId}`,
+        ...mergeProps(
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeTrigger),
+          props
+        ),
+        children: props.children ?? themeId
+      }
+    );
+  }
+);
+var ThemeSwitcher = {
+  Root: Root22,
+  Modes,
+  ModeBtn,
+  ThemeSelect,
+  ThemeTrigger
+};
+
 // src/avatar/index.tsx
-import { avatarAnatomy, partAttrs as partAttrs24 } from "@aeon-ui/core";
+import { avatarAnatomy, partAttrs as partAttrs26 } from "@aeon-ui/core";
 import {
-  createContext as createContext20,
-  forwardRef as forwardRef26,
-  useCallback as useCallback8,
-  useContext as useContext20,
+  createContext as createContext22,
+  forwardRef as forwardRef29,
+  useCallback as useCallback9,
+  useContext as useContext22,
   useEffect as useEffect21,
   useMemo as useMemo21,
-  useState as useState9
+  useState as useState10
 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var AvatarCtx = createContext20(null);
+import { jsx as jsx31 } from "react/jsx-runtime";
+var AvatarCtx = createContext22(null);
 function useAvatarCtx() {
-  const ctx = useContext20(AvatarCtx);
+  const ctx = useContext22(AvatarCtx);
   if (!ctx) throw new Error("Avatar parts must be used within Avatar.Root");
   return ctx;
 }
-var Root20 = forwardRef26(function AvatarRoot({ children, className, ...rest }, ref) {
-  const [status, setStatus] = useState9("idle");
+var Root23 = forwardRef29(function AvatarRoot({ children, className, ...rest }, ref) {
+  const [status, setStatus] = useState10("idle");
   const value = useMemo21(() => ({ status, setStatus }), [status]);
-  return /* @__PURE__ */ jsx29(AvatarCtx.Provider, { value, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(AvatarCtx.Provider, { value, children: /* @__PURE__ */ jsx31(
     "span",
     {
       ref,
       className,
       ...mergeProps(
-        partAttrs24(avatarAnatomy.scope, avatarAnatomy.root, { state: status }),
+        partAttrs26(avatarAnatomy.scope, avatarAnatomy.root, {
+          // `ready` alias keeps product CSS friendly; `loaded` stays for existing recipes.
+          state: status === "loaded" ? "loaded ready" : status
+        }),
         rest
       ),
       children
     }
   ) });
 });
-var Image = forwardRef26(function AvatarImage({ src, alt, onLoad, onError, className, ...rest }, ref) {
+var Image = forwardRef29(function AvatarImage({ src, alt, onLoad, onError, className, ...rest }, ref) {
   const { status, setStatus } = useAvatarCtx();
   useEffect21(() => {
     if (!src) setStatus("idle");
     else setStatus("loading");
   }, [src, setStatus]);
-  const handleLoad = useCallback8(
+  const handleLoad = useCallback9(
     (e) => {
       onLoad?.(e);
       setStatus("loaded");
     },
     [onLoad, setStatus]
   );
-  const handleError = useCallback8(
+  const handleError = useCallback9(
     (e) => {
       onError?.(e);
       setStatus("error");
     },
     [onError, setStatus]
   );
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "img",
     {
       ref,
       src,
       alt,
       hidden: status !== "loaded",
-      ...partAttrs24(avatarAnatomy.scope, avatarAnatomy.image, { state: status }),
+      ...partAttrs26(avatarAnatomy.scope, avatarAnatomy.image, { state: status }),
       className,
       ...mergeProps(rest, { onLoad: handleLoad, onError: handleError })
     }
   );
 });
-var Fallback = forwardRef26(function AvatarFallback({ className, ...rest }, ref) {
+var Fallback = forwardRef29(function AvatarFallback({ className, ...rest }, ref) {
   const { status } = useAvatarCtx();
   const show = status !== "loaded";
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "span",
     {
       ref,
       hidden: !show,
-      ...partAttrs24(avatarAnatomy.scope, avatarAnatomy.fallback, { state: status }),
+      ...partAttrs26(avatarAnatomy.scope, avatarAnatomy.fallback, { state: status }),
+      className,
+      ...rest
+    }
+  );
+});
+var Badge = forwardRef29(function AvatarBadge({ presence = "idle", className, ...rest }, ref) {
+  useAvatarCtx();
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      ref,
+      "data-aeon-presence": presence,
+      ...partAttrs26(avatarAnatomy.scope, avatarAnatomy.badge, { state: presence }),
       className,
       ...rest
     }
   );
 });
 var Avatar = {
-  Root: Root20,
+  Root: Root23,
   Image,
-  Fallback
+  Fallback,
+  Badge
 };
 
-// src/hooks/use-layout-mode.ts
-import { getCompactMq, layoutCompositionForMode, matchLayoutMode } from "@aeon-ui/core";
-import { useEffect as useEffect22, useMemo as useMemo22, useState as useState10 } from "react";
-function useLayoutMode(spec) {
-  const mq = useMemo22(() => getCompactMq(spec), [spec.compactMq]);
-  const [mode, setMode] = useState10(() => matchLayoutMode(spec, mq));
-  useEffect22(() => {
-    const sync = () => setMode(matchLayoutMode(spec, mq));
-    sync();
-    mq.addEventListener("change", sync);
-    return () => mq.removeEventListener("change", sync);
-  }, [spec, mq]);
-  const composition = useMemo22(() => layoutCompositionForMode(spec, mode), [spec, mode]);
-  return { mode, composition };
+// src/identity/index.tsx
+import { identityAnatomy, partAttrs as partAttrs27, scopeAttrs as scopeAttrs5 } from "@aeon-ui/core";
+import { createContext as createContext23, forwardRef as forwardRef30, useContext as useContext23 } from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var IdentityCtx = createContext23(null);
+function useIdentityCtx() {
+  const ctx = useContext23(IdentityCtx);
+  if (!ctx) throw new Error("Identity parts must be used within Identity.Root");
+  return ctx;
+}
+var Root24 = forwardRef30(function IdentityRoot({ as: Tag = "div", size = "md", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx32(IdentityCtx.Provider, { value: { size }, children: /* @__PURE__ */ jsx32(
+    Tag,
+    {
+      ref,
+      "data-aeon-size": size,
+      ...mergeProps(scopeAttrs5(identityAnatomy.scope, identityAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var AvatarSlot = forwardRef30(
+  function IdentityAvatar(props, ref) {
+    useIdentityCtx();
+    return /* @__PURE__ */ jsx32(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.avatar), props)
+      }
+    );
+  }
+);
+var Title4 = forwardRef30(function IdentityTitle(props, ref) {
+  useIdentityCtx();
+  return /* @__PURE__ */ jsx32(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.title), props)
+    }
+  );
+});
+var Subtitle = forwardRef30(
+  function IdentitySubtitle(props, ref) {
+    useIdentityCtx();
+    return /* @__PURE__ */ jsx32(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.subtitle), props)
+      }
+    );
+  }
+);
+var Meta2 = forwardRef30(function IdentityMeta(props, ref) {
+  useIdentityCtx();
+  return /* @__PURE__ */ jsx32("span", { ref, ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.meta), props) });
+});
+var Trailing = forwardRef30(
+  function IdentityTrailing(props, ref) {
+    useIdentityCtx();
+    return /* @__PURE__ */ jsx32(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.trailing), props)
+      }
+    );
+  }
+);
+var Identity = {
+  Root: Root24,
+  Avatar: AvatarSlot,
+  Title: Title4,
+  Subtitle,
+  Meta: Meta2,
+  Trailing
+};
+
+// src/metric-strip/index.tsx
+import { metricStripAnatomy, partAttrs as partAttrs28, scopeAttrs as scopeAttrs6 } from "@aeon-ui/core";
+import { createContext as createContext24, forwardRef as forwardRef31, useContext as useContext24 } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var MetricCtx = createContext24(null);
+function useMetricCtx() {
+  const ctx = useContext24(MetricCtx);
+  if (!ctx) throw new Error("MetricStrip parts must be used within MetricStrip.Root");
+  return ctx;
+}
+var Root25 = forwardRef31(function MetricStripRoot({ density = "cluster", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx33(MetricCtx.Provider, { value: { density }, children: /* @__PURE__ */ jsx33(
+    "div",
+    {
+      ref,
+      "data-aeon-density": density,
+      role: "group",
+      ...mergeProps(scopeAttrs6(metricStripAnatomy.scope, metricStripAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var Chip = forwardRef31(function MetricChip(props, ref) {
+  useMetricCtx();
+  return /* @__PURE__ */ jsx33(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs28(metricStripAnatomy.scope, metricStripAnatomy.chip), props)
+    }
+  );
+});
+var Value = forwardRef31(function MetricValue(props, ref) {
+  useMetricCtx();
+  return /* @__PURE__ */ jsx33(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs28(metricStripAnatomy.scope, metricStripAnatomy.value), props)
+    }
+  );
+});
+var Label6 = forwardRef31(function MetricLabel(props, ref) {
+  useMetricCtx();
+  return /* @__PURE__ */ jsx33(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs28(metricStripAnatomy.scope, metricStripAnatomy.label), props)
+    }
+  );
+});
+var MetricStrip = {
+  Root: Root25,
+  Chip,
+  Value,
+  Label: Label6
+};
+
+// src/list-row/index.tsx
+import { listRowAnatomy, partAttrs as partAttrs29, scopeAttrs as scopeAttrs7 } from "@aeon-ui/core";
+import { forwardRef as forwardRef32 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Root26 = forwardRef32(function ListRowRoot({ as: Tag = "button", type, children, ...rest }, ref) {
+  const buttonType = Tag === "button" ? type ?? "button" : void 0;
+  return /* @__PURE__ */ jsx34(
+    Tag,
+    {
+      ref,
+      type: buttonType,
+      ...mergeProps(scopeAttrs7(listRowAnatomy.scope, listRowAnatomy.root), rest),
+      children
+    }
+  );
+});
+var Leading = forwardRef32(function ListRowLeading(props, ref) {
+  return /* @__PURE__ */ jsx34(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.leading), props)
+    }
+  );
+});
+var Label7 = forwardRef32(function ListRowLabel(props, ref) {
+  return /* @__PURE__ */ jsx34("span", { ref, ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.label), props) });
+});
+var Description3 = forwardRef32(
+  function ListRowDescription(props, ref) {
+    return /* @__PURE__ */ jsx34(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.description), props)
+      }
+    );
+  }
+);
+var Trailing2 = forwardRef32(
+  function ListRowTrailing(props, ref) {
+    return /* @__PURE__ */ jsx34(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.trailing), props)
+      }
+    );
+  }
+);
+var ListRow = {
+  Root: Root26,
+  Leading,
+  Label: Label7,
+  Description: Description3,
+  Trailing: Trailing2
+};
+
+// src/entry/index.tsx
+import { entryAnatomy, partAttrs as partAttrs30, scopeAttrs as scopeAttrs8 } from "@aeon-ui/core";
+import { forwardRef as forwardRef33 } from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var List2 = forwardRef33(function EntryList({ children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs8(entryAnatomy.scope, entryAnatomy.list), rest),
+      children
+    }
+  );
+});
+var Root27 = forwardRef33(function EntryRoot({ as: Tag = "article", state = "idle", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx35(
+    Tag,
+    {
+      ref,
+      ...mergeProps(scopeAttrs8(entryAnatomy.scope, entryAnatomy.root, { state }), rest),
+      children
+    }
+  );
+});
+function Part(part, displayName, defaultTag = "div") {
+  const Comp = forwardRef33(
+    function EntryPart({ as: Tag = defaultTag, ...props }, ref) {
+      return /* @__PURE__ */ jsx35(
+        Tag,
+        {
+          ref,
+          ...mergeProps(partAttrs30(entryAnatomy.scope, part), props)
+        }
+      );
+    }
+  );
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Entry = {
+  List: List2,
+  Root: Root27,
+  Header: Part(entryAnatomy.header, "Entry.Header", "header"),
+  Leading: Part(entryAnatomy.leading, "Entry.Leading", "div"),
+  Heading: Part(entryAnatomy.heading, "Entry.Heading", "div"),
+  Title: Part(entryAnatomy.title, "Entry.Title", "div"),
+  Subtitle: Part(entryAnatomy.subtitle, "Entry.Subtitle", "div"),
+  Meta: Part(entryAnatomy.meta, "Entry.Meta", "span"),
+  Media: Part(entryAnatomy.media, "Entry.Media", "div"),
+  Body: Part(entryAnatomy.body, "Entry.Body", "div"),
+  Values: Part(entryAnatomy.values, "Entry.Values", "div"),
+  Value: Part(entryAnatomy.value, "Entry.Value", "span"),
+  Actions: Part(entryAnatomy.actions, "Entry.Actions", "div"),
+  Footer: Part(entryAnatomy.footer, "Entry.Footer", "footer")
+};
+
+// src/conversation/index.tsx
+import { conversationAnatomy, partAttrs as partAttrs31, scopeAttrs as scopeAttrs9 } from "@aeon-ui/core";
+import { forwardRef as forwardRef34 } from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var Root28 = forwardRef34(function ConversationRoot({ children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx36(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs9(conversationAnatomy.scope, conversationAnatomy.root), rest),
+      children
+    }
+  );
+});
+var Item6 = forwardRef34(function ConversationItem({ state = "idle", as: Tag = "button", type, children, ...rest }, ref) {
+  const buttonType = Tag === "button" ? type ?? "button" : void 0;
+  return /* @__PURE__ */ jsx36(
+    Tag,
+    {
+      ref,
+      type: buttonType,
+      ...mergeProps(
+        partAttrs31(conversationAnatomy.scope, conversationAnatomy.item, { state }),
+        rest
+      ),
+      children
+    }
+  );
+});
+function Part2(part, displayName) {
+  const Comp = forwardRef34(function ConversationPart(props, ref) {
+    return /* @__PURE__ */ jsx36(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs31(conversationAnatomy.scope, part), props)
+      }
+    );
+  });
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Conversation = {
+  Root: Root28,
+  Item: Item6,
+  Leading: Part2(conversationAnatomy.leading, "Conversation.Leading"),
+  Body: Part2(conversationAnatomy.body, "Conversation.Body"),
+  Title: Part2(conversationAnatomy.title, "Conversation.Title"),
+  Preview: Part2(conversationAnatomy.preview, "Conversation.Preview"),
+  Meta: Part2(conversationAnatomy.meta, "Conversation.Meta"),
+  Badge: Part2(conversationAnatomy.badge, "Conversation.Badge")
+};
+
+// src/thread/index.tsx
+import { partAttrs as partAttrs32, scopeAttrs as scopeAttrs10, threadAnatomy } from "@aeon-ui/core";
+import { forwardRef as forwardRef35 } from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var Root29 = forwardRef35(function ThreadRoot({ children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs10(threadAnatomy.scope, threadAnatomy.root), rest),
+      children
+    }
+  );
+});
+var List3 = forwardRef35(function ThreadList(props, ref) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      role: "log",
+      "aria-live": "polite",
+      ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.list), props)
+    }
+  );
+});
+var Item7 = forwardRef35(function ThreadItem({ state = "theirs", ...rest }, ref) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.item, { state }), rest)
+    }
+  );
+});
+var Bubble = forwardRef35(function ThreadBubble(props, ref) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.bubble), props)
+    }
+  );
+});
+var Meta3 = forwardRef35(function ThreadMeta(props, ref) {
+  return /* @__PURE__ */ jsx37("span", { ref, ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.meta), props) });
+});
+var Day = forwardRef35(function ThreadDay(props, ref) {
+  return /* @__PURE__ */ jsx37("div", { ref, ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.day), props) });
+});
+var Thread = {
+  Root: Root29,
+  List: List3,
+  Item: Item7,
+  Bubble,
+  Meta: Meta3,
+  Day
+};
+
+// src/composer/index.tsx
+import { composerAnatomy, partAttrs as partAttrs33, scopeAttrs as scopeAttrs11 } from "@aeon-ui/core";
+import {
+  forwardRef as forwardRef36
+} from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Root30 = forwardRef36(function ComposerRoot({ state = "idle", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx38(
+    "form",
+    {
+      ref,
+      ...mergeProps(scopeAttrs11(composerAnatomy.scope, composerAnatomy.root, { state }), rest),
+      children
+    }
+  );
+});
+var Input3 = forwardRef36(
+  function ComposerInput(props, ref) {
+    return /* @__PURE__ */ jsx38(
+      "textarea",
+      {
+        ref,
+        rows: 1,
+        ...mergeProps(partAttrs33(composerAnatomy.scope, composerAnatomy.input), props)
+      }
+    );
+  }
+);
+var Actions3 = forwardRef36(
+  function ComposerActions(props, ref) {
+    return /* @__PURE__ */ jsx38(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs33(composerAnatomy.scope, composerAnatomy.actions), props)
+      }
+    );
+  }
+);
+var Send = forwardRef36(
+  function ComposerSend(props, ref) {
+    return /* @__PURE__ */ jsx38(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs33(composerAnatomy.scope, composerAnatomy.send), props)
+      }
+    );
+  }
+);
+var Composer = {
+  Root: Root30,
+  Input: Input3,
+  Actions: Actions3,
+  Send
+};
+
+// src/profile-header/index.tsx
+import { profileHeaderAnatomy, partAttrs as partAttrs34, scopeAttrs as scopeAttrs12 } from "@aeon-ui/core";
+import { forwardRef as forwardRef37 } from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var Root31 = forwardRef37(function ProfileHeaderRoot({ children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx39(
+    "header",
+    {
+      ref,
+      ...mergeProps(scopeAttrs12(profileHeaderAnatomy.scope, profileHeaderAnatomy.root), rest),
+      children
+    }
+  );
+});
+var Media = forwardRef37(function ProfileHeaderMedia(props, ref) {
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.media), props)
+    }
+  );
+});
+var IdentitySlot = forwardRef37(
+  function ProfileHeaderIdentity(props, ref) {
+    return /* @__PURE__ */ jsx39(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.identity), props)
+      }
+    );
+  }
+);
+var Metrics = forwardRef37(
+  function ProfileHeaderMetrics(props, ref) {
+    return /* @__PURE__ */ jsx39(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.metrics), props)
+      }
+    );
+  }
+);
+var Actions4 = forwardRef37(
+  function ProfileHeaderActions(props, ref) {
+    return /* @__PURE__ */ jsx39(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.actions), props)
+      }
+    );
+  }
+);
+var Body2 = forwardRef37(function ProfileHeaderBody(props, ref) {
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.body), props)
+    }
+  );
+});
+var ProfileHeader = {
+  Root: Root31,
+  Media,
+  Identity: IdentitySlot,
+  Metrics,
+  Actions: Actions4,
+  Body: Body2
+};
+
+// src/bar/index.tsx
+import { barAnatomy, partAttrs as partAttrs35, scopeAttrs as scopeAttrs13 } from "@aeon-ui/core";
+import { createContext as createContext25, forwardRef as forwardRef38 } from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var BarContext = createContext25({});
+var Root32 = forwardRef38(function BarRoot({ as: Tag = "header", gap, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx40(BarContext.Provider, { value: { gap }, children: /* @__PURE__ */ jsx40(
+    Tag,
+    {
+      ref,
+      ...mergeProps(scopeAttrs13(barAnatomy.scope, barAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var Zone = forwardRef38(function BarZone({ zone, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx40(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs35(barAnatomy.scope, zone), rest),
+      children
+    }
+  );
+});
+var Bar = {
+  Root: Root32,
+  Leading: forwardRef38(
+    function BarLeading(props, ref) {
+      return /* @__PURE__ */ jsx40(Zone, { ref, zone: "leading", ...props });
+    }
+  ),
+  Center: forwardRef38(
+    function BarCenter(props, ref) {
+      return /* @__PURE__ */ jsx40(Zone, { ref, zone: "center", ...props });
+    }
+  ),
+  Trailing: forwardRef38(
+    function BarTrailing(props, ref) {
+      return /* @__PURE__ */ jsx40(Zone, { ref, zone: "trailing", ...props });
+    }
+  )
+};
+
+// src/panel/index.tsx
+import { panelAnatomy, partAttrs as partAttrs36, scopeAttrs as scopeAttrs14 } from "@aeon-ui/core";
+import { panelMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext26,
+  forwardRef as forwardRef39,
+  useContext as useContext25,
+  useEffect as useEffect22,
+  useId as useId8,
+  useMemo as useMemo22
+} from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var PanelCtx = createContext26(null);
+function usePanelCtx() {
+  const ctx = useContext25(PanelCtx);
+  if (!ctx) throw new Error("Panel parts must be used within Panel.Root");
+  return ctx;
+}
+var Group3 = forwardRef39(function PanelGroup({ orientation = "horizontal", children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      className,
+      "data-aeon-orientation": orientation,
+      ...mergeProps(partAttrs36(panelAnatomy.scope, panelAnatomy.group), rest),
+      children
+    }
+  );
+});
+var Root33 = forwardRef39(function PanelRoot({
+  label,
+  defaultExpanded = true,
+  expanded: expandedProp,
+  collapsible = true,
+  onExpandedChange,
+  children,
+  className,
+  ...rest
+}, ref) {
+  const contentId = useId8().replace(/:/g, "");
+  const [snapshot, send] = useAeonMachine(panelMachine, {
+    input: { expanded: defaultExpanded }
+  });
+  const machineExpanded = snapshot.value === "expanded";
+  const expanded = expandedProp ?? machineExpanded;
+  const state = expanded ? "expanded" : "collapsed";
+  useEffect22(() => {
+    onExpandedChange?.(expanded);
+  }, [expanded, onExpandedChange]);
+  useEffect22(() => {
+    if (expandedProp === void 0) return;
+    send({ type: "SET_EXPANDED", expanded: expandedProp });
+  }, [expandedProp, send]);
+  const ctx = useMemo22(
+    () => ({
+      state,
+      expanded,
+      collapsible,
+      label,
+      contentId: `aeon-panel-${contentId}`,
+      send
+    }),
+    [state, expanded, collapsible, label, contentId, send]
+  );
+  return /* @__PURE__ */ jsx41(PanelCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      className,
+      ...mergeProps(
+        scopeAttrs14(panelAnatomy.scope, panelAnatomy.root, { state }),
+        {
+          "data-aeon-collapsible": collapsible ? "true" : void 0
+        },
+        rest
+      ),
+      children
+    }
+  ) });
+});
+var Trigger7 = forwardRef39(function PanelTrigger({ children, onClick, ...rest }, ref) {
+  const { expanded, collapsible, contentId, send, label } = usePanelCtx();
+  return /* @__PURE__ */ jsx41(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-expanded": expanded,
+      "aria-controls": contentId,
+      disabled: !collapsible,
+      ...mergeProps(
+        partAttrs36(panelAnatomy.scope, panelAnatomy.trigger, {
+          state: expanded ? "expanded" : "collapsed"
+        }),
+        rest
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (!e.defaultPrevented && collapsible) send({ type: "TOGGLE" });
+      },
+      children: children ?? (expanded ? "Collapse" : `Expand ${label}`)
+    }
+  );
+});
+var Label8 = forwardRef39(function PanelLabel({ children, onClick, ...rest }, ref) {
+  const { label, state, collapsible, send, expanded, contentId } = usePanelCtx();
+  const text = typeof children === "string" || children == null ? String(children ?? label) : null;
+  return /* @__PURE__ */ jsx41(
+    "span",
+    {
+      ref,
+      role: collapsible ? "button" : void 0,
+      tabIndex: collapsible ? 0 : void 0,
+      "aria-expanded": collapsible ? expanded : void 0,
+      "aria-controls": collapsible ? contentId : void 0,
+      ...mergeProps(partAttrs36(panelAnatomy.scope, panelAnatomy.label, { state }), rest),
+      onClick: (e) => {
+        onClick?.(e);
+        if (!e.defaultPrevented && collapsible) send({ type: "TOGGLE" });
+      },
+      onKeyDown: (e) => {
+        if (!collapsible) return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          send({ type: "TOGGLE" });
+        }
+      },
+      children: text != null ? state === "collapsed" ? text.split("").map(
+        (ch, i) => ch === " " ? /* @__PURE__ */ jsx41("span", { "data-aeon-part": "label-gap", "aria-hidden": true, children: " " }, `sp-${i}`) : /* @__PURE__ */ jsx41("span", { "data-aeon-part": "label-char", children: ch }, `${ch}-${i}`)
+      ) : text : children
+    }
+  );
+});
+var Content9 = forwardRef39(function PanelContent({ children, ...rest }, ref) {
+  const { expanded, contentId, state } = usePanelCtx();
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      id: contentId,
+      hidden: !expanded,
+      ...mergeProps(partAttrs36(panelAnatomy.scope, panelAnatomy.content, { state }), rest),
+      children
+    }
+  );
+});
+var Panel = {
+  Group: Group3,
+  Root: Root33,
+  Trigger: Trigger7,
+  Label: Label8,
+  Content: Content9
+};
+
+// src/app-shell/index.tsx
+import { appShellAnatomy, partAttrs as partAttrs37, scopeAttrs as scopeAttrs15 } from "@aeon-ui/core";
+import { appShellMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext27,
+  forwardRef as forwardRef40,
+  useContext as useContext26,
+  useEffect as useEffect23,
+  useMemo as useMemo23
+} from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var AppShellCtx = createContext27(null);
+function useAppShellContext() {
+  const ctx = useContext26(AppShellCtx);
+  if (!ctx) throw new Error("AppShell parts must be used within AppShell.Root");
+  return ctx;
+}
+var Root34 = forwardRef40(function AppShellRoot({ defaultDockVisible = true, dockVisible: dockVisibleProp, children, ...rest }, ref) {
+  const [snapshot, send] = useAeonMachine(appShellMachine, {
+    input: { dockVisible: dockVisibleProp ?? defaultDockVisible }
+  });
+  const chrome = snapshot.value;
+  const dockVisible = dockVisibleProp ?? snapshot.context.dockVisible;
+  useEffect23(() => {
+    if (dockVisibleProp === void 0) return;
+    if (snapshot.context.dockVisible !== dockVisibleProp) {
+      send({ type: "SET_DOCK", visible: dockVisibleProp });
+    }
+  }, [dockVisibleProp, snapshot.context.dockVisible, send]);
+  const value = useMemo23(
+    () => ({
+      chrome,
+      dockVisible,
+      overlayOpen: chrome === "overlayOpen",
+      send
+    }),
+    [chrome, dockVisible, send]
+  );
+  return /* @__PURE__ */ jsx42(AppShellCtx.Provider, { value, children: /* @__PURE__ */ jsx42(
+    "div",
+    {
+      ref,
+      "data-aeon-dock": dockVisible ? "visible" : "hidden",
+      ...mergeProps(
+        scopeAttrs15(appShellAnatomy.scope, appShellAnatomy.root, { state: chrome }),
+        rest
+      ),
+      children
+    }
+  ) });
+});
+function ShellPart(part, displayName, defaultTag = "div") {
+  const Comp = forwardRef40(
+    function AeonShellPart({ as: Tag = defaultTag, ...rest }, ref) {
+      const { chrome } = useAppShellContext();
+      return /* @__PURE__ */ jsx42(
+        Tag,
+        {
+          ref,
+          ...mergeProps(partAttrs37(appShellAnatomy.scope, part, { state: chrome }), rest)
+        }
+      );
+    }
+  );
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Header = ShellPart(appShellAnatomy.header, "AppShell.Header", "header");
+var Subheader = ShellPart(appShellAnatomy.subheader, "AppShell.Subheader");
+var Content10 = ShellPart(appShellAnatomy.content, "AppShell.Content", "main");
+var Aside = ShellPart(appShellAnatomy.aside, "AppShell.Aside", "aside");
+var Footer = ShellPart(appShellAnatomy.footer, "AppShell.Footer", "footer");
+var Dock = forwardRef40(function AppShellDock({ hidden, ...rest }, ref) {
+  const { chrome, dockVisible } = useAppShellContext();
+  if (!dockVisible) return null;
+  return /* @__PURE__ */ jsx42(
+    "div",
+    {
+      ref,
+      hidden,
+      ...mergeProps(partAttrs37(appShellAnatomy.scope, appShellAnatomy.dock, { state: chrome }), rest)
+    }
+  );
+});
+var Scrim = forwardRef40(function AppShellScrim(props, ref) {
+  const { chrome, overlayOpen, send } = useAppShellContext();
+  if (!overlayOpen) return null;
+  return /* @__PURE__ */ jsx42(
+    "div",
+    {
+      ref,
+      role: "presentation",
+      onClick: () => send({ type: "CLOSE_OVERLAY" }),
+      ...mergeProps(partAttrs37(appShellAnatomy.scope, appShellAnatomy.scrim, { state: chrome }), props)
+    }
+  );
+});
+var AppShell = {
+  Root: Root34,
+  Header,
+  Subheader,
+  Content: Content10,
+  Aside,
+  Footer,
+  Dock,
+  Scrim
+};
+
+// src/app-nav/index.tsx
+import {
+  appNavAnatomy,
+  partAttrs as partAttrs38,
+  scopeAttrs as scopeAttrs16
+} from "@aeon-ui/core";
+import {
+  appNavChild,
+  appNavMachine,
+  appNavStateAttr
+} from "@aeon-ui/primitives";
+import {
+  createContext as createContext28,
+  forwardRef as forwardRef41,
+  useContext as useContext27,
+  useMemo as useMemo24
+} from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var AppNavCtx = createContext28(null);
+function useAppNav() {
+  const ctx = useContext27(AppNavCtx);
+  if (!ctx) throw new Error("AppNav parts must be used within AppNav.Root");
+  return ctx;
+}
+function useAppNavMachine(input) {
+  const [snapshot, send] = useAeonMachine(appNavMachine, {
+    input: { section: input?.section ?? "home", stack: input?.stack ?? [] }
+  });
+  const section = snapshot.context.section;
+  const stack = snapshot.context.stack;
+  const child = appNavChild(snapshot.context);
+  const stateAttr = appNavStateAttr(snapshot.context);
+  return useMemo24(
+    () => ({
+      section,
+      stack,
+      child,
+      stateAttr,
+      send,
+      setSection: (next) => send({ type: "SET_SECTION", section: next }),
+      push: (next) => send({ type: "PUSH", child: next }),
+      replace: (next) => send({ type: "REPLACE", child: next }),
+      pop: () => send({ type: "POP" }),
+      popTo: (id) => send({ type: "POP_TO", id }),
+      clear: () => send({ type: "CLEAR" }),
+      reset: (next) => send({ type: "RESET", section: next })
+    }),
+    [section, stack, child, stateAttr, send]
+  );
+}
+var Root35 = forwardRef41(function AppNavRoot({ defaultSection = "home", children, ...rest }, ref) {
+  const nav = useAppNavMachine({ section: defaultSection });
+  return /* @__PURE__ */ jsx43(AppNavCtx.Provider, { value: nav, children: /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      ...mergeProps(
+        scopeAttrs16(appNavAnatomy.scope, appNavAnatomy.root, { state: nav.stateAttr }),
+        rest
+      ),
+      children
+    }
+  ) });
+});
+var Rail = forwardRef41(function AppNavRail(props, ref) {
+  const { stateAttr } = useAppNav();
+  return /* @__PURE__ */ jsx43(
+    "nav",
+    {
+      ref,
+      ...mergeProps(partAttrs38(appNavAnatomy.scope, appNavAnatomy.rail, { state: stateAttr }), props)
+    }
+  );
+});
+var Section = forwardRef41(function AppNavSection({ value, onClick, ...rest }, ref) {
+  const { section, child, setSection } = useAppNav();
+  const isActive = section === value && !child;
+  return /* @__PURE__ */ jsx43(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-current": isActive ? "page" : void 0,
+      "data-aeon-value": value,
+      onClick: (e) => {
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        setSection(value);
+      },
+      ...mergeProps(
+        partAttrs38(appNavAnatomy.scope, appNavAnatomy.section, {
+          state: section === value ? child ? "section-active" : "active" : "inactive"
+        }),
+        rest
+      )
+    }
+  );
+});
+var Stage = forwardRef41(function AppNavStage(props, ref) {
+  const { stateAttr } = useAppNav();
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs38(appNavAnatomy.scope, appNavAnatomy.stage, { state: stateAttr }), props)
+    }
+  );
+});
+var Breadcrumb = forwardRef41(function AppNavBreadcrumb({ labels, ...rest }, ref) {
+  const { section, stack, setSection, popTo, clear, stateAttr } = useAppNav();
+  const crumbs = [
+    { id: section, label: labels?.[0] ?? section, kind: "section" },
+    ...stack.map((entry, i) => ({
+      id: entry.id,
+      label: labels?.[i + 1] ?? entry.type,
+      kind: "child"
+    }))
+  ];
+  return /* @__PURE__ */ jsx43(
+    "nav",
+    {
+      ref,
+      "aria-label": "Breadcrumb",
+      ...mergeProps(
+        partAttrs38(appNavAnatomy.scope, appNavAnatomy.breadcrumb, { state: stateAttr }),
+        rest
+      ),
+      children: crumbs.map((crumb, index) => {
+        const last = index === crumbs.length - 1;
+        return /* @__PURE__ */ jsx43(
+          "button",
+          {
+            type: "button",
+            disabled: last,
+            ...partAttrs38(appNavAnatomy.scope, appNavAnatomy.crumb, {
+              state: last ? "current" : "ancestor"
+            }),
+            onClick: () => {
+              if (crumb.kind === "section") {
+                clear();
+                setSection(crumb.id);
+              } else {
+                popTo(crumb.id);
+              }
+            },
+            children: crumb.label
+          },
+          `${crumb.kind}:${crumb.id}`
+        );
+      })
+    }
+  );
+});
+var Back = forwardRef41(
+  function AppNavBack({ onClick, children = "Back", ...rest }, ref) {
+    const { child, pop, stateAttr } = useAppNav();
+    if (!child) return null;
+    return /* @__PURE__ */ jsx43(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: (e) => {
+          onClick?.(e);
+          if (e.defaultPrevented) return;
+          pop();
+        },
+        ...mergeProps(
+          partAttrs38(appNavAnatomy.scope, appNavAnatomy.back, { state: stateAttr }),
+          rest
+        ),
+        children
+      }
+    );
+  }
+);
+var AppNav = {
+  Root: Root35,
+  Rail,
+  Section,
+  Stage,
+  Breadcrumb,
+  Back
+};
+
+// src/content/index.tsx
+import { contentAnatomy, partAttrs as partAttrs39, scopeAttrs as scopeAttrs17 } from "@aeon-ui/core";
+import { contentRegionMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext29,
+  forwardRef as forwardRef42,
+  useContext as useContext28,
+  useMemo as useMemo25
+} from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var ContentCtx = createContext29(null);
+function useContentContext() {
+  const ctx = useContext28(ContentCtx);
+  if (!ctx) throw new Error("Content parts must be used within Content.Root");
+  return ctx;
+}
+var Root36 = forwardRef42(function ContentRoot({ state: stateProp, children, ...rest }, ref) {
+  const [snapshot, send] = useAeonMachine(contentRegionMachine);
+  const machineState = snapshot.value;
+  const state = stateProp ?? machineState;
+  const value = useMemo25(
+    () => ({ state, error: snapshot.context.error, send }),
+    [state, snapshot.context.error, send]
+  );
+  return /* @__PURE__ */ jsx44(ContentCtx.Provider, { value, children: /* @__PURE__ */ jsx44(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs17(contentAnatomy.scope, contentAnatomy.root, { state }), rest),
+      children
+    }
+  ) });
+});
+var Toolbar = forwardRef42(function ContentToolbar(props, ref) {
+  const { state } = useContentContext();
+  return /* @__PURE__ */ jsx44(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs39(contentAnatomy.scope, contentAnatomy.toolbar, { state }), props)
+    }
+  );
+});
+var Body3 = forwardRef42(function ContentBody({ hidden, ...rest }, ref) {
+  const { state } = useContentContext();
+  const show = state === "ready" || state === "loadingMore" || state === "success" || state === "idle";
+  if (!show) return null;
+  return /* @__PURE__ */ jsx44(
+    "div",
+    {
+      ref,
+      hidden,
+      ...mergeProps(partAttrs39(contentAnatomy.scope, contentAnatomy.body, { state }), rest)
+    }
+  );
+});
+function StatusSlot(part, match, displayName) {
+  const matches = Array.isArray(match) ? match : [match];
+  const Comp = forwardRef42(function ContentStatusSlot(props, ref) {
+    const { state } = useContentContext();
+    if (!matches.includes(state)) return null;
+    return /* @__PURE__ */ jsx44(
+      "div",
+      {
+        ref,
+        role: "status",
+        ...mergeProps(partAttrs39(contentAnatomy.scope, part, { state }), props)
+      }
+    );
+  });
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Pending = StatusSlot(contentAnatomy.pending, "pending", "Content.Pending");
+var Empty2 = StatusSlot(contentAnatomy.empty, "empty", "Content.Empty");
+var ErrorSlot = StatusSlot(contentAnatomy.error, "error", "Content.Error");
+var Success = StatusSlot(contentAnatomy.success, "success", "Content.Success");
+var Sentinel = forwardRef42(function ContentSentinel(props, ref) {
+  const { state } = useContentContext();
+  if (state !== "ready" && state !== "loadingMore") return null;
+  return /* @__PURE__ */ jsx44(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs39(contentAnatomy.scope, contentAnatomy.sentinel, { state }), props)
+    }
+  );
+});
+var Content11 = {
+  Root: Root36,
+  Toolbar,
+  Body: Body3,
+  Pending,
+  Empty: Empty2,
+  Error: ErrorSlot,
+  Success,
+  Sentinel
+};
+
+// src/nav/index.tsx
+import { navAnatomy, partAttrs as partAttrs40, scopeAttrs as scopeAttrs18 } from "@aeon-ui/core";
+import { tabsMachine as tabsMachine3 } from "@aeon-ui/primitives";
+import {
+  createContext as createContext30,
+  forwardRef as forwardRef43,
+  useContext as useContext29,
+  useEffect as useEffect24,
+  useMemo as useMemo26
+} from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var NavCtx = createContext30(null);
+function useNavCtx() {
+  const ctx = useContext29(NavCtx);
+  if (!ctx) throw new Error("Nav parts must be used within Nav.Root");
+  return ctx;
+}
+var Root37 = forwardRef43(function NavRoot({
+  defaultValue = "",
+  value,
+  onValueChange,
+  as: Tag = "nav",
+  orientation = "horizontal",
+  children,
+  ...rest
+}, ref) {
+  const [snapshot, send] = useAeonMachine(tabsMachine3, {
+    input: { value: defaultValue, disabled: false }
+  });
+  const resolvedValue = value ?? snapshot.context.value;
+  useEffect24(() => {
+    if (value !== void 0) send({ type: "SET_VALUE", value });
+  }, [value, send]);
+  const ctx = useMemo26(
+    () => ({ value: resolvedValue, send, onValueChange }),
+    [resolvedValue, send, onValueChange]
+  );
+  return /* @__PURE__ */ jsx45(NavCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx45(
+    Tag,
+    {
+      ref,
+      "data-aeon-orientation": orientation,
+      ...mergeProps(scopeAttrs18(navAnatomy.scope, navAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var Item8 = forwardRef43(function NavItem({ value, disabled, onClick, children, ...rest }, ref) {
+  const { value: selected, send, onValueChange } = useNavCtx();
+  const active = selected === value;
+  const state = disabled ? "disabled" : active ? "active" : "inactive";
+  return /* @__PURE__ */ jsx45(
+    "button",
+    {
+      ref,
+      type: "button",
+      disabled,
+      "aria-current": active ? "page" : void 0,
+      "data-aeon-value": value,
+      onClick: (e) => {
+        onClick?.(e);
+        if (disabled || e.defaultPrevented) return;
+        send({ type: "SELECT", value });
+        onValueChange?.(value);
+      },
+      ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.item, { state, disabled }), rest),
+      children
+    }
+  );
+});
+var Indicator3 = forwardRef43(function NavIndicator(props, ref) {
+  return /* @__PURE__ */ jsx45(
+    "span",
+    {
+      ref,
+      "aria-hidden": true,
+      ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.indicator), props)
+    }
+  );
+});
+var Label9 = forwardRef43(function NavLabel(props, ref) {
+  return /* @__PURE__ */ jsx45("span", { ref, ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.label), props) });
+});
+var Icon2 = forwardRef43(function NavIcon(props, ref) {
+  return /* @__PURE__ */ jsx45("span", { ref, ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.icon), props) });
+});
+var Badge2 = forwardRef43(function NavBadge(props, ref) {
+  return /* @__PURE__ */ jsx45("span", { ref, ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.badge), props) });
+});
+var Nav = {
+  Root: Root37,
+  Item: Item8,
+  Indicator: Indicator3,
+  Label: Label9,
+  Icon: Icon2,
+  Badge: Badge2
+};
+
+// src/sticky-bar/index.tsx
+import { barAnatomy as barAnatomy2, partAttrs as partAttrs41, scopeAttrs as scopeAttrs19 } from "@aeon-ui/core";
+import { stickyBarMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext31,
+  forwardRef as forwardRef44,
+  useContext as useContext30,
+  useMemo as useMemo27
+} from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var StickyBarCtx = createContext31(null);
+function useStickyBarContext() {
+  const ctx = useContext30(StickyBarCtx);
+  if (!ctx) throw new Error("StickyBar parts must be used within StickyBar.Root");
+  return ctx;
+}
+var Root38 = forwardRef44(function StickyBarRoot({
+  /* Default div — AppShell.Header is already the landmark; nested <header> is invalid
+     HTML and browsers auto-close the outer header (0-height), so the bar covers content. */
+  as: Tag = "div",
+  placement = "top",
+  defaultState = "floating",
+  children,
+  style,
+  ...rest
+}, ref) {
+  const [snapshot, send] = useAeonMachine(stickyBarMachine, {
+    input: { initial: defaultState }
+  });
+  const state = snapshot.value;
+  const offsetPx = snapshot.context.offsetPx;
+  const value = useMemo27(() => ({ state, offsetPx, send }), [state, offsetPx, send]);
+  if (state === "hidden") return null;
+  const stickyStyle = {
+    ...typeof style === "object" && style ? style : {},
+    ...offsetPx > 0 ? { ["--aeon-bar-offset"]: `${offsetPx}px` } : {}
+  };
+  return /* @__PURE__ */ jsx46(StickyBarCtx.Provider, { value, children: /* @__PURE__ */ jsx46(
+    Tag,
+    {
+      ref,
+      "data-aeon-placement": placement,
+      style: stickyStyle,
+      ...mergeProps(scopeAttrs19(barAnatomy2.scope, barAnatomy2.root, { state }), rest),
+      children
+    }
+  ) });
+});
+var Zone2 = forwardRef44(function StickyBarZone({ zone, ...rest }, ref) {
+  const { state } = useStickyBarContext();
+  return /* @__PURE__ */ jsx46(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs41(barAnatomy2.scope, zone, { state }), rest)
+    }
+  );
+});
+var Leading2 = forwardRef44(
+  function StickyBarLeading(props, ref) {
+    return /* @__PURE__ */ jsx46(Zone2, { ref, zone: "leading", ...props });
+  }
+);
+var Center = forwardRef44(
+  function StickyBarCenter(props, ref) {
+    return /* @__PURE__ */ jsx46(Zone2, { ref, zone: "center", ...props });
+  }
+);
+var Trailing3 = forwardRef44(
+  function StickyBarTrailing(props, ref) {
+    return /* @__PURE__ */ jsx46(Zone2, { ref, zone: "trailing", ...props });
+  }
+);
+var Seam = forwardRef44(function StickyBarSeam(props, ref) {
+  const { state } = useStickyBarContext();
+  return /* @__PURE__ */ jsx46(
+    "div",
+    {
+      ref,
+      "aria-hidden": true,
+      ...mergeProps(partAttrs41(barAnatomy2.scope, barAnatomy2.seam, { state }), props)
+    }
+  );
+});
+var StickyBar = {
+  Root: Root38,
+  Leading: Leading2,
+  Center,
+  Trailing: Trailing3,
+  Seam
+};
+
+// src/hooks/use-layout-mode.ts
+import { getCompactMq, layoutCompositionForMode, matchLayoutMode } from "@aeon-ui/core";
+import { useEffect as useEffect25, useMemo as useMemo28, useState as useState11 } from "react";
+function useLayoutMode(spec) {
+  const mq = useMemo28(() => getCompactMq(spec), [spec.compactMq]);
+  const [mode, setMode] = useState11(() => matchLayoutMode(spec, mq));
+  useEffect25(() => {
+    const sync = () => setMode(matchLayoutMode(spec, mq));
+    sync();
+    mq.addEventListener("change", sync);
+    return () => mq.removeEventListener("change", sync);
+  }, [spec, mq]);
+  const composition = useMemo28(() => layoutCompositionForMode(spec, mode), [spec, mode]);
+  return { mode, composition };
+}
+
+// src/hooks/use-fit-text.ts
+import { useLayoutEffect as useLayoutEffect3 } from "react";
+function useFitText(slotRef, contentRef, opts = {}) {
+  const maxPx = opts.maxPx ?? 28;
+  const minPx = opts.minPx ?? 8;
+  const watch = opts.watch;
+  useLayoutEffect3(() => {
+    const slot = slotRef.current;
+    const content = contentRef.current;
+    if (!slot || !content) return;
+    const fit = () => {
+      const available = slot.clientWidth;
+      if (available <= 0) return;
+      content.style.transform = "";
+      content.style.transformOrigin = "";
+      content.style.fontSize = `${maxPx}px`;
+      let size = maxPx;
+      while (size > minPx && content.scrollWidth > available + 0.5) {
+        size -= 0.5;
+        content.style.fontSize = `${size}px`;
+      }
+      if (content.scrollWidth > available + 0.5) {
+        const scale = Math.max(0.35, available / content.scrollWidth);
+        content.style.transformOrigin = "center center";
+        content.style.transform = `scale(${scale})`;
+      }
+    };
+    fit();
+    const ro = new ResizeObserver(fit);
+    ro.observe(slot);
+    return () => {
+      ro.disconnect();
+      content.style.fontSize = "";
+      content.style.transform = "";
+      content.style.transformOrigin = "";
+    };
+  }, [slotRef, contentRef, maxPx, minPx, watch]);
 }
 export {
   Accordion,
+  AppNav,
+  AppShell,
   Async,
   AsyncActions,
   AsyncProvider,
   AsyncReadout,
-  AsyncRegion,
   AsyncRoot,
   AsyncTrack,
   Avatar,
+  Bar,
   Button,
   Checkbox,
   Combobox,
+  Composer,
+  Content11 as Content,
+  Conversation,
   Dialog,
+  Entry,
   Field,
+  Identity,
+  ListRow,
   Menu,
+  MetricStrip,
+  Nav,
+  Panel,
   PinInput,
   Popover,
+  ProfileHeader,
   Progress,
+  Prompt,
   RadioGroup,
   Scroll,
   Select,
   Separator,
   Slider,
+  StatusBanner,
+  StickyBar,
   Switch,
   Tabs,
+  ThemeSwitcher,
+  Thread,
   Toast,
   ToastItem,
   Tooltip,
-  createAsyncMachine3 as createAsyncMachine,
+  asyncStatusToContentState,
+  createAsyncMachine2 as createAsyncMachine,
   fieldMachine,
   useAeonMachine,
+  useAppNav,
+  useAppNavMachine,
+  useAppShellContext,
   useAsyncContext,
+  useContentContext,
   useFieldContext,
+  useFitText,
   useLayoutMode,
   useScrollContext,
   useScrollState,
+  useStickyBarContext,
   useToast,
   useToastStore
 };