aeon-ui-engine 1.1.0 → 1.3.0

package/packages/react/dist/index.js

@@ -650,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 }
   });
@@ -678,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,
@@ -704,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
         }),
@@ -719,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;
 }
@@ -776,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,
@@ -794,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,
@@ -817,36 +990,36 @@ 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,
+  createContext as createContext7,
+  forwardRef as forwardRef10,
   useCallback,
-  useContext as useContext6,
+  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 }
   });
@@ -866,26 +1039,26 @@ var Root8 = forwardRef8(function RadioGroupRoot({ value, defaultValue = "", onVa
   useEffect8(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const ctx = useMemo6(() => ({ value: resolvedValue, send, selectValue }), [resolvedValue, send, selectValue]);
-  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,
@@ -899,11 +1072,11 @@ var Item = forwardRef8(function RadioGroupItem({ value: itemValue, children, ...
     }
   ) });
 });
-var ItemControl = forwardRef8(function RadioGroupItemControl({ onClick, onKeyDown, ...rest }, ref) {
+var ItemControl = forwardRef10(function RadioGroupItemControl({ onClick, onKeyDown, ...rest }, ref) {
   const { selectValue } = useRadioGroupCtx();
   const { value: itemValue, selected } = useRadioGroupItemCtx();
   const select = () => selectValue(itemValue);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -933,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,
@@ -947,10 +1120,10 @@ var ItemIndicator = forwardRef8(function RadioGroupItemIndicator(props, ref) {
     }
   );
 });
-var ItemLabel = forwardRef8(function RadioGroupItemLabel({ onClick, ...rest }, ref) {
+var ItemLabel = forwardRef10(function RadioGroupItemLabel({ onClick, ...rest }, ref) {
   const { selectValue } = useRadioGroupCtx();
   const { value: itemValue } = useRadioGroupItemCtx();
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -967,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,
+  createContext as createContext8,
+  forwardRef as forwardRef11,
   useCallback as useCallback2,
-  useContext as useContext7,
+  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;
 }
@@ -992,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,
@@ -1046,7 +1219,7 @@ var Root9 = forwardRef9(function SliderRoot({
       window.removeEventListener("pointerup", onUp);
     };
   }, [dragging, setValueFromClientX, send]);
-  const ctx = useMemo7(
+  const ctx = useMemo8(
     () => ({
       value: resolvedValue,
       min,
@@ -1061,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
         }),
@@ -1077,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) => {
@@ -1103,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,
@@ -1115,9 +1288,9 @@ var Range2 = forwardRef9(function SliderRange({ style, ...rest }, ref) {
     }
   );
 });
-var Thumb2 = forwardRef9(function SliderThumb({ onKeyDown, onPointerDown, style, ...rest }, ref) {
+var Thumb2 = forwardRef11(function SliderThumb({ onKeyDown, onPointerDown, style, ...rest }, ref) {
   const { value, min, max, step, disabled, dragging, send, setValueFromClientX } = useSliderCtx();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       ref,
@@ -1165,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,
+  createContext as createContext9,
+  forwardRef as forwardRef12,
   useCallback as useCallback3,
-  useContext as useContext8,
+  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 = "",
@@ -1241,17 +1414,17 @@ var Root10 = forwardRef10(function PinInputRoot({
   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
         }),
@@ -1261,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]$/;
@@ -1270,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) => {
@@ -1323,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,
@@ -1368,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,
@@ -1399,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,
@@ -1423,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,
@@ -1438,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,
@@ -1447,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,
@@ -1467,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>");
   }
@@ -1484,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,
@@ -1495,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",
@@ -1511,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",
@@ -1521,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,
@@ -1576,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",
@@ -1621,28 +1794,28 @@ var Async = {
 };
 
 // src/field/index.tsx
-import { fieldAnatomy, fieldFace, fieldRegions, partAttrs as partAttrs13, partOnlyAttrs as partOnlyAttrs9 } 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,
-  useMemo as useMemo11
+  createContext as createContext12,
+  forwardRef as forwardRef18,
+  useContext as useContext12,
+  useMemo as useMemo12
 } from "react";
-import { jsx as jsx17 } 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 face = fieldFace(snapshot.value);
   const regions = fieldRegions(snapshot.value);
   const invalid = regions.validation === "invalid";
   const pending = regions.submission === "pending";
-  const value = useMemo11(
+  const value = useMemo12(
     () => ({
       face,
       stateAttr: face,
@@ -1655,7 +1828,7 @@ var Root12 = forwardRef16(function FieldRoot({ children, className, id }, ref) {
     }),
     [face, regions.interaction, regions.validation, regions.submission, send, invalid, pending]
   );
-  return /* @__PURE__ */ jsx17(FieldCtx.Provider, { value, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(FieldCtx.Provider, { value, children: /* @__PURE__ */ jsx19(
     "div",
     {
       ref,
@@ -1664,17 +1837,17 @@ var Root12 = forwardRef16(function FieldRoot({ children, className, id }, ref) {
       "data-aeon-interaction": regions.interaction,
       "data-aeon-validation": regions.validation,
       "data-aeon-submission": regions.submission,
-      ...partAttrs13(fieldAnatomy.scope, fieldAnatomy.root, { state: face }),
+      ...partAttrs15(fieldAnatomy.scope, fieldAnatomy.root, { state: face }),
       children
     }
   ) });
 });
-var Label5 = forwardRef16(function FieldLabel(props, ref) {
-  return /* @__PURE__ */ jsx17("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__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "input",
     {
       ref,
@@ -1698,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__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "textarea",
     {
       ref,
@@ -1724,11 +1897,11 @@ var Textarea = forwardRef16(function FieldTextarea({ validate, onChange, onBlur,
     }
   );
 });
-var Message = forwardRef16(
+var Message = forwardRef18(
   function FieldMessage({ children, ...props }, ref) {
     const { invalid } = useFieldContext();
     if (!invalid) return null;
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(
       "p",
       {
         ref,
@@ -1740,20 +1913,20 @@ var Message = forwardRef16(
     );
   }
 );
-var Hint = forwardRef16(
+var Hint = forwardRef18(
   function FieldHint(props, ref) {
-    return /* @__PURE__ */ jsx17("p", { ref, ...partOnlyAttrs9(fieldAnatomy.hint), ...props });
+    return /* @__PURE__ */ jsx19("p", { ref, ...partOnlyAttrs9(fieldAnatomy.hint), ...props });
   }
 );
-var Field = { Root: Root12, Label: Label5, Control: Control3, Input: 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 partAttrs14, 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,
-  useMemo as useMemo12,
+  createContext as createContext13,
+  forwardRef as forwardRef19,
+  useContext as useContext13,
+  useMemo as useMemo13,
   useRef as useRef4
 } from "react";
 
@@ -1783,35 +1956,35 @@ function useScrollState(ref) {
 }
 
 // src/scroll/index.tsx
-import { jsx as jsx18 } 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 = useMemo12(() => ({ stateAttr }), [stateAttr]);
-  return /* @__PURE__ */ jsx18(ScrollCtx.Provider, { value, children: /* @__PURE__ */ jsx18(
+  const value = useMemo13(() => ({ stateAttr }), [stateAttr]);
+  return /* @__PURE__ */ jsx20(ScrollCtx.Provider, { value, children: /* @__PURE__ */ jsx20(
     "div",
     {
       ref,
       className,
-      ...partAttrs14(scrollAnatomy.scope, scrollAnatomy.root),
+      ...partAttrs16(scrollAnatomy.scope, scrollAnatomy.root),
       ...rest,
-      children: /* @__PURE__ */ jsx18(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__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: (node) => {
@@ -1821,38 +1994,38 @@ var Viewport = forwardRef17(function ScrollViewport({ children, className, ...re
       },
       className,
       "data-aeon-scroll": "",
-      ...partAttrs14(scrollAnatomy.scope, scrollAnatomy.viewport, { state: stateAttr }),
+      ...partAttrs16(scrollAnatomy.scope, scrollAnatomy.viewport, { state: stateAttr }),
       ...rest,
       children
     }
   );
 });
-var Content3 = forwardRef17(function ScrollContent(props, ref) {
-  return /* @__PURE__ */ jsx18("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 partAttrs16, 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,
+  createContext as createContext14,
+  forwardRef as forwardRef21,
   useCallback as useCallback4,
-  useContext as useContext13,
+  useContext as useContext14,
   useId as useId2,
-  useMemo as useMemo13,
+  useMemo as useMemo14,
   useRef as useRef5,
   useState as useState4
 } from "react";
 
 // src/floating/FloatingPositioner.tsx
-import { partAttrs as partAttrs15 } 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";
@@ -1896,8 +2069,8 @@ function useAnchorPosition(anchorRef, floatingRef, active, placement = "bottom-s
 }
 
 // src/floating/FloatingPositioner.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var FloatingPositioner = forwardRef18(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var FloatingPositioner = forwardRef20(
   function FloatingPositioner2({
     open,
     scope,
@@ -1916,7 +2089,7 @@ var FloatingPositioner = forwardRef18(
       matchWidth: matchAnchorWidth
     });
     if (!open) return null;
-    const node = /* @__PURE__ */ jsx19(
+    const node = /* @__PURE__ */ jsx21(
       "div",
       {
         ref: (el) => {
@@ -1925,7 +2098,7 @@ var FloatingPositioner = forwardRef18(
           else if (ref) ref.current = el;
         },
         className,
-        ...mergeProps(partAttrs15(scope, part, { state: "open" }), rest),
+        ...mergeProps(partAttrs17(scope, part, { state: "open" }), rest),
         children
       }
     );
@@ -1949,11 +2122,11 @@ function useOutsideClick(refs, enabled, onOutside) {
 }
 
 // src/select/index.tsx
-import { jsx as jsx20, jsxs as jsxs2 } 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;
 }
@@ -1962,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);
@@ -2048,7 +2221,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
     },
     [open, send, moveHighlight, getOptionValues, highlightValue, highlightedValue, selectValue]
   );
-  const ctx = useMemo13(
+  const ctx = useMemo14(
     () => ({
       value,
       open,
@@ -2077,7 +2250,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
       onListboxKeyDown
     ]
   );
-  return /* @__PURE__ */ jsx20(SelectCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(SelectCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx22(
     "div",
     {
       ref: (node) => {
@@ -2086,17 +2259,17 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
         else if (ref) ref.current = node;
       },
       className,
-      ...partAttrs16(selectAnatomy.scope, selectAnatomy.root, {
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.root, {
         state: open ? "open" : "closed"
       }),
       children
     }
   ) });
 });
-var ValueText2 = forwardRef19(function SelectValueText(props, ref) {
-  return /* @__PURE__ */ jsx20("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__ */ jsxs2(
     "button",
@@ -2110,7 +2283,7 @@ var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDow
       "aria-haspopup": "listbox",
       "aria-expanded": open,
       "aria-controls": open ? listboxId : void 0,
-      ...partAttrs16(selectAnatomy.scope, selectAnatomy.trigger, { state: open ? "open" : "closed" }),
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.trigger, { state: open ? "open" : "closed" }),
       ...mergeProps(rest, {
         onClick: (e) => {
           onClick?.(e);
@@ -2123,14 +2296,14 @@ var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDow
       }),
       children: [
         children,
-        /* @__PURE__ */ jsx20("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__ */ jsx20(SelectPositionerCtx.Provider, { value: true, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(SelectPositionerCtx.Provider, { value: true, children: /* @__PURE__ */ jsx22(
     FloatingPositioner,
     {
       ref,
@@ -2147,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__ */ jsx20(
+  const listbox = /* @__PURE__ */ jsx22(
     "div",
     {
       ref: (node) => {
@@ -2165,7 +2338,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
       "aria-activedescendant": activeId,
       className,
       "data-aeon-scroll": "",
-      ...partAttrs16(selectAnatomy.scope, selectAnatomy.content, { state: "open" }),
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.content, { state: "open" }),
       ...mergeProps(rest, {
         onKeyDown: (e) => {
           onKeyDown?.(e);
@@ -2176,7 +2349,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
     }
   );
   if (inPositioner) return listbox;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     FloatingPositioner,
     {
       open,
@@ -2190,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__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       ref,
@@ -2203,7 +2376,7 @@ var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children
       id: `${listboxId}-option-${value}`,
       "aria-selected": selectedState,
       disabled,
-      ...partAttrs16(selectAnatomy.scope, selectAnatomy.item, {
+      ...partAttrs18(selectAnatomy.scope, selectAnatomy.item, {
         state: selectedState ? "selected" : highlighted ? "highlighted" : "idle",
         highlighted
       }),
@@ -2218,7 +2391,7 @@ var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children
   );
 });
 var Select = {
-  Root: Root14,
+  Root: Root16,
   Trigger: Trigger3,
   ValueText: ValueText2,
   Positioner: Positioner2,
@@ -2227,22 +2400,22 @@ var Select = {
 };
 
 // src/combobox/index.tsx
-import { comboboxAnatomy, partAttrs as partAttrs17, 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,
+  createContext as createContext15,
+  forwardRef as forwardRef22,
   useCallback as useCallback5,
-  useContext as useContext14,
+  useContext as useContext15,
   useEffect as useEffect14,
   useId as useId3,
-  useMemo as useMemo14,
+  useMemo as useMemo15,
   useRef as useRef6,
   useState as useState5
 } from "react";
-import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs3 } 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;
 }
@@ -2256,7 +2429,7 @@ 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);
@@ -2283,7 +2456,7 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
     setItemsVersion((v) => v + 1);
   }, []);
   const getItems = useCallback5(() => itemsRef.current, []);
-  const ctx = useMemo14(
+  const ctx = useMemo15(
     () => ({
       value,
       open: disabled ? false : open,
@@ -2314,12 +2487,12 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
       disabled
     ]
   );
-  return /* @__PURE__ */ jsx21(ComboboxCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(ComboboxCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
       className,
-      ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.root, {
+      ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.root, {
         state: open ? "open" : "closed"
       }),
       children
@@ -2328,12 +2501,12 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
 });
 function useVisibleItems() {
   const { query, getItems, itemsVersion } = useComboboxCtx();
-  return useMemo14(() => {
+  return useMemo15(() => {
     void itemsVersion;
     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,
@@ -2349,7 +2522,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
   } = useComboboxCtx();
   const inputRef = useRef6(null);
   const visible = useVisibleItems();
-  const selectedLabel = useMemo14(() => {
+  const selectedLabel = useMemo15(() => {
     void itemsVersion;
     return getItems().find((i) => i.value === selected)?.label ?? "";
   }, [getItems, selected, itemsVersion]);
@@ -2403,7 +2576,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
   }, [open, setOpen]);
   const activeDescendant = highlightedValue && open ? `${listboxId}-option-${highlightedValue}` : void 0;
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx23(
       "input",
       {
         ref: setRefs,
@@ -2415,7 +2588,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
         "aria-activedescendant": activeDescendant,
         autoComplete: "off",
         value: valueProp ?? displayValue,
-        ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.input, { state: open ? "open" : "closed" }),
+        ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.input, { state: open ? "open" : "closed" }),
         ...mergeProps(rest, {
           onFocus: (e) => {
             onFocus?.(e);
@@ -2464,7 +2637,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
         })
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx23(
       "span",
       {
         ...partOnlyAttrs12(comboboxAnatomy.icon, { state: open ? "open" : "closed" }),
@@ -2474,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__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
@@ -2485,13 +2658,13 @@ var Content5 = forwardRef20(function ComboboxContent({ children, className, ...r
       role: "listbox",
       className,
       "data-aeon-scroll": "",
-      ...partAttrs17(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,
@@ -2512,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__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       ref,
@@ -2521,7 +2694,7 @@ var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onC
       id: resolvedOptionId,
       "aria-selected": selectedState,
       "data-highlighted": highlighted ? "" : void 0,
-      ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.item, {
+      ...partAttrs19(comboboxAnatomy.scope, comboboxAnatomy.item, {
         state: selectedState ? "selected" : "idle",
         highlighted
       }),
@@ -2539,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__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
       className,
-      ...partAttrs17(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,
@@ -2563,26 +2736,26 @@ var Combobox = {
 };
 
 // src/popover/index.tsx
-import { popoverAnatomy, partAttrs as partAttrs18 } 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,
+  createContext as createContext16,
+  forwardRef as forwardRef23,
   useCallback as useCallback6,
-  useContext as useContext15,
+  useContext as useContext16,
   useEffect as useEffect15,
   useId as useId4,
-  useMemo as useMemo15,
+  useMemo as useMemo16,
   useRef as useRef7
 } from "react";
-import { jsx as jsx22 } 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 }
   });
@@ -2600,11 +2773,11 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
   }, [open, send]);
   const close = useCallback6(() => send({ type: "CLOSE" }), [send]);
   useOutsideClick([rootRef, positionerRef], resolvedOpen, close);
-  const value = useMemo15(
+  const value = useMemo16(
     () => ({ open: resolvedOpen, send, triggerId, contentId, triggerRef, positionerRef }),
     [resolvedOpen, send, triggerId, contentId]
   );
-  return /* @__PURE__ */ jsx22(PopoverCtx.Provider, { value, children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(PopoverCtx.Provider, { value, children: /* @__PURE__ */ jsx24(
     "div",
     {
       ref: (node) => {
@@ -2614,7 +2787,7 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
       },
       className,
       ...mergeProps(
-        partAttrs18(popoverAnatomy.scope, popoverAnatomy.root, {
+        partAttrs20(popoverAnatomy.scope, popoverAnatomy.root, {
           state: resolvedOpen ? "open" : "closed"
         }),
         rest
@@ -2623,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__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       ref: (node) => {
@@ -2638,7 +2811,7 @@ var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
       "aria-expanded": open,
       "aria-controls": open ? contentId : void 0,
       ...mergeProps(
-        partAttrs18(popoverAnatomy.scope, popoverAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs20(popoverAnatomy.scope, popoverAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2650,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__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     FloatingPositioner,
     {
       ref,
@@ -2669,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__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ref,
@@ -2681,7 +2854,7 @@ var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref)
       "aria-modal": false,
       "aria-labelledby": triggerId,
       ...mergeProps(
-        partAttrs18(popoverAnatomy.scope, popoverAnatomy.content, { state: "open" }),
+        partAttrs20(popoverAnatomy.scope, popoverAnatomy.content, { state: "open" }),
         {
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -2693,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__ */ jsx22("div", { ref, ...mergeProps(partAttrs18(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__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       "button",
       {
         ref,
         type: "button",
         "aria-label": "Close",
         ...mergeProps(
-          partAttrs18(popoverAnatomy.scope, popoverAnatomy.closeTrigger),
+          partAttrs20(popoverAnatomy.scope, popoverAnatomy.closeTrigger),
           {
             onClick: (e) => {
               onClick?.(e);
@@ -2721,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 partAttrs19 } 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,
+  createContext as createContext17,
+  forwardRef as forwardRef24,
   useCallback as useCallback7,
-  useContext as useContext16,
+  useContext as useContext17,
   useEffect as useEffect16,
   useId as useId5,
-  useMemo as useMemo16,
+  useMemo as useMemo17,
   useRef as useRef8
 } from "react";
-import { jsx as jsx23 } 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);
@@ -2759,11 +2932,11 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
   }, [open, send]);
   const close = useCallback7(() => send({ type: "CLOSE" }), [send]);
   useOutsideClick([rootRef, positionerRef], resolvedOpen, close);
-  const value = useMemo16(
+  const value = useMemo17(
     () => ({ open: resolvedOpen, send, triggerId, menuId, triggerRef, positionerRef }),
     [resolvedOpen, send, triggerId, menuId]
   );
-  return /* @__PURE__ */ jsx23(MenuCtx.Provider, { value, children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(MenuCtx.Provider, { value, children: /* @__PURE__ */ jsx25(
     "div",
     {
       ref: (node) => {
@@ -2773,16 +2946,16 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
       },
       className,
       ...mergeProps(
-        partAttrs19(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__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       ref: (node) => {
@@ -2796,7 +2969,7 @@ var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
       "aria-expanded": open,
       "aria-controls": open ? menuId : void 0,
       ...mergeProps(
-        partAttrs19(menuAnatomy.scope, menuAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2808,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__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     FloatingPositioner,
     {
       ref,
@@ -2827,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__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
       id: menuId,
       role: "menu",
       ...mergeProps(
-        partAttrs19(menuAnatomy.scope, menuAnatomy.content, { state: "open" }),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.content, { state: "open" }),
         {
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -2849,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__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       ref,
       type: "button",
       role: "menuitem",
       ...mergeProps(
-        partAttrs19(menuAnatomy.scope, menuAnatomy.item),
+        partAttrs21(menuAnatomy.scope, menuAnatomy.item),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2870,20 +3043,20 @@ var Item5 = forwardRef22(function MenuItem({ closeOnSelect = true, onClick, ...r
     }
   );
 });
-var Separator2 = forwardRef22(function MenuSeparator(props, ref) {
-  return /* @__PURE__ */ jsx23("div", { ref, role: "separator", ...mergeProps(partAttrs19(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 partAttrs20 } 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 useMemo17,
+  useMemo as useMemo18,
   useRef as useRef9,
   useState as useState7
 } from "react";
@@ -2903,14 +3076,14 @@ function usePrefersHover() {
 }
 
 // src/tooltip/index.tsx
-import { jsx as jsx24 } 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,
@@ -2981,7 +3154,7 @@ var Root18 = forwardRef23(function TooltipRoot({
     else showImmediately();
   };
   useOutsideClick([triggerRef, positionerRef], resolvedOpen && !prefersHover && outsideClickEnabled, hideNow);
-  const value = useMemo17(
+  const value = useMemo18(
     () => ({
       open: resolvedOpen,
       setOpen,
@@ -2999,13 +3172,13 @@ var Root18 = forwardRef23(function TooltipRoot({
     }),
     [resolvedOpen, triggerId, contentId, openDelay, closeDelay, touchDurationMs, touchOutsideGraceMs, showOnFocus, prefersHover]
   );
-  return /* @__PURE__ */ jsx24(TooltipCtx.Provider, { value, children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(TooltipCtx.Provider, { value, children: /* @__PURE__ */ jsx26(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        partAttrs20(tooltipAnatomy.scope, tooltipAnatomy.root, {
+        partAttrs22(tooltipAnatomy.scope, tooltipAnatomy.root, {
           state: resolvedOpen ? "open" : "closed"
         }),
         rest
@@ -3014,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,
@@ -3027,7 +3200,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
     showOnFocus,
     prefersHover
   } = useTooltipCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       ref: (node) => {
@@ -3039,7 +3212,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
       tabIndex: 0,
       "aria-describedby": open ? contentId : void 0,
       ...mergeProps(
-        partAttrs20(tooltipAnatomy.scope, tooltipAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs22(tooltipAnatomy.scope, tooltipAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onMouseEnter: (e) => {
             onMouseEnter?.(e);
@@ -3071,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__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     FloatingPositioner,
     {
       ref,
@@ -3090,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__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       ref,
       id: contentId,
       role: "tooltip",
-      ...mergeProps(partAttrs20(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__ */ jsx24("div", { ref, ...mergeProps(partAttrs20(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 partAttrs21 } 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 useMemo18,
+  useMemo as useMemo19,
   useRef as useRef10
 } from "react";
-import { jsx as jsx25 } 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();
@@ -3145,8 +3318,8 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
     }
     if (hasBeenVisible.current) onVisibleChange?.(false);
   }, [visible, onVisibleChange]);
-  const value = useMemo18(() => ({ visible, send, titleId }), [visible, send, titleId]);
-  return /* @__PURE__ */ jsx25(ToastCtx.Provider, { value, children: /* @__PURE__ */ jsx25(
+  const value = useMemo19(() => ({ visible, send, titleId }), [visible, send, titleId]);
+  return /* @__PURE__ */ jsx27(ToastCtx.Provider, { value, children: /* @__PURE__ */ jsx27(
     "div",
     {
       ref,
@@ -3154,7 +3327,7 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
       "aria-live": "polite",
       "aria-atomic": "true",
       ...mergeProps(
-        partAttrs21(toastAnatomy.scope, toastAnatomy.root, { state: visible ? "visible" : "hidden" }),
+        partAttrs23(toastAnatomy.scope, toastAnatomy.root, { state: visible ? "visible" : "hidden" }),
         rest
       ),
       className,
@@ -3163,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__ */ jsx25("p", { ref, id: titleId, ...mergeProps(partAttrs21(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__ */ jsx25("p", { ref, ...mergeProps(partAttrs21(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__ */ jsx25(
+    return /* @__PURE__ */ jsx27(
       "button",
       {
         ref,
         type: "button",
         "aria-label": "Dismiss",
         ...mergeProps(
-          partAttrs21(toastAnatomy.scope, toastAnatomy.closeTrigger),
+          partAttrs23(toastAnatomy.scope, toastAnatomy.closeTrigger),
           {
             onClick: (e) => {
               onClick?.(e);
@@ -3208,20 +3381,20 @@ function Show({ durationMs }) {
 }
 
 // src/toast/provider.tsx
-import { toastAnatomy as toastAnatomy2, partAttrs as partAttrs22 } from "@aeon-ui/core";
+import { toastAnatomy as toastAnatomy2, partAttrs as partAttrs24 } from "@aeon-ui/core";
 import {
   useCallback as useCallback8,
   useEffect as useEffect20,
-  useMemo as useMemo19,
+  useMemo as useMemo20,
   useState as useState8
 } from "react";
 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");
   }
@@ -3229,12 +3402,12 @@ function useToastStore() {
 }
 
 // src/toast/toast-item.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx26, jsxs as jsxs4 } 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__ */ jsxs4(
-    Root19,
+    Root21,
     {
       ref,
       className,
@@ -3245,16 +3418,16 @@ var ToastItem = forwardRef25(function ToastItem2({ item, onExited, className, ..
       },
       ...rest,
       children: [
-        title ? /* @__PURE__ */ jsx26(Title2, { children: title }) : null,
-        description ? /* @__PURE__ */ jsx26(Description2, { children: description }) : null,
-        /* @__PURE__ */ jsx26(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 jsx27 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var PLACEMENT_ATTR = {
   "top-start": "top-start",
   "top-end": "top-end",
@@ -3285,11 +3458,11 @@ function ToastProvider({ children, limit = 5 }) {
     },
     [limit]
   );
-  const value = useMemo19(
+  const value = useMemo20(
     () => ({ items, publish, dismiss, dismissAll }),
     [items, publish, dismiss, dismissAll]
   );
-  return /* @__PURE__ */ jsx27(ToastStoreCtx.Provider, { value, children });
+  return /* @__PURE__ */ jsx29(ToastStoreCtx.Provider, { value, children });
 }
 function ToastViewport({ placement = "bottom-end", className, ...rest }) {
   const { items, dismiss } = useToastStore();
@@ -3299,11 +3472,11 @@ function ToastViewport({ placement = "bottom-end", className, ...rest }) {
   }, []);
   if (!mounted) return null;
   return createPortal2(
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(
       "div",
       {
         ...mergeProps(
-          partAttrs22(toastAnatomy2.scope, toastAnatomy2.viewport, {
+          partAttrs24(toastAnatomy2.scope, toastAnatomy2.viewport, {
             state: items.length > 0 ? "active" : "idle"
           }),
           {
@@ -3312,7 +3485,7 @@ function ToastViewport({ placement = "bottom-end", className, ...rest }) {
           rest
         ),
         className,
-        children: items.map((item) => /* @__PURE__ */ jsx27(ToastItem, { item, onExited: dismiss }, item.id))
+        children: items.map((item) => /* @__PURE__ */ jsx29(ToastItem, { item, onExited: dismiss }, item.id))
       }
     ),
     document.body
@@ -3327,28 +3500,28 @@ 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 partAttrs23, scopeAttrs as scopeAttrs2, themeSwitcherAnatomy } from "@aeon-ui/core";
+import { partAttrs as partAttrs25, scopeAttrs as scopeAttrs4, themeSwitcherAnatomy } from "@aeon-ui/core";
 import {
   applyAeonTheme,
   initAeonTheme
 } from "@aeon-ui/core";
 import {
-  createContext as createContext20,
-  forwardRef as forwardRef26,
-  useContext as useContext20,
+  createContext as createContext21,
+  forwardRef as forwardRef28,
+  useContext as useContext21,
   useLayoutEffect as useLayoutEffect2,
   useState as useState9
 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Root20 = forwardRef26(
+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");
@@ -3367,15 +3540,15 @@ var Root20 = forwardRef26(
       applyAeonTheme(themeId, next);
       onThemeChange?.(themeId, next);
     };
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
         ref,
         ...mergeProps(
-          scopeAttrs2(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.root),
+          scopeAttrs4(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.root),
           rest
         ),
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx30(
           ThemeSwitcherContext.Provider,
           {
             value: { themeId, mode, handleThemeChange, handleModeChange },
@@ -3386,32 +3559,32 @@ var Root20 = forwardRef26(
     );
   }
 );
-var ThemeSwitcherContext = createContext20(null);
+var ThemeSwitcherContext = createContext21(null);
 function useThemeSwitcher() {
-  const ctx = useContext20(ThemeSwitcherContext);
+  const ctx = useContext21(ThemeSwitcherContext);
   if (!ctx) throw new Error("ThemeSwitcher parts must be used inside <ThemeSwitcher.Root>");
   return ctx;
 }
-var Modes = forwardRef26(
+var Modes = forwardRef28(
   function ThemeSwitcherModes(props, ref) {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
         ref,
         role: "group",
         "aria-label": "Color mode",
         ...mergeProps(
-          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modes),
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modes),
           props
         )
       }
     );
   }
 );
-var ModeBtn = forwardRef26(
+var ModeBtn = forwardRef28(
   function ThemeSwitcherModeBtn({ mode, active, ...rest }, ref) {
     const { handleModeChange } = useThemeSwitcher();
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(
       "button",
       {
         ref,
@@ -3419,7 +3592,7 @@ var ModeBtn = forwardRef26(
         "aria-pressed": active,
         "data-active": active ? "true" : void 0,
         ...mergeProps(
-          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modeBtn),
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modeBtn),
           rest
         ),
         onClick: (e) => {
@@ -3431,14 +3604,14 @@ var ModeBtn = forwardRef26(
     );
   }
 );
-var ThemeSelect = forwardRef26(
+var ThemeSelect = forwardRef28(
   function ThemeSwitcherThemeSelect({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
         ref,
         ...mergeProps(
-          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeSelect),
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeSelect),
           rest
         ),
         children
@@ -3446,17 +3619,17 @@ var ThemeSelect = forwardRef26(
     );
   }
 );
-var ThemeTrigger = forwardRef26(
+var ThemeTrigger = forwardRef28(
   function ThemeSwitcherThemeTrigger(props, ref) {
     const { themeId } = useThemeSwitcher();
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(
       "button",
       {
         ref,
         type: "button",
         "aria-label": `Theme preset: ${themeId}`,
         ...mergeProps(
-          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeTrigger),
+          partAttrs25(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeTrigger),
           props
         ),
         children: props.children ?? themeId
@@ -3465,7 +3638,7 @@ var ThemeTrigger = forwardRef26(
   }
 );
 var ThemeSwitcher = {
-  Root: Root20,
+  Root: Root22,
   Modes,
   ModeBtn,
   ThemeSelect,
@@ -3473,40 +3646,43 @@ var ThemeSwitcher = {
 };
 
 // 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 createContext21,
-  forwardRef as forwardRef27,
+  createContext as createContext22,
+  forwardRef as forwardRef29,
   useCallback as useCallback9,
-  useContext as useContext21,
+  useContext as useContext22,
   useEffect as useEffect21,
-  useMemo as useMemo20,
+  useMemo as useMemo21,
   useState as useState10
 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var AvatarCtx = createContext21(null);
+import { jsx as jsx31 } from "react/jsx-runtime";
+var AvatarCtx = createContext22(null);
 function useAvatarCtx() {
-  const ctx = useContext21(AvatarCtx);
+  const ctx = useContext22(AvatarCtx);
   if (!ctx) throw new Error("Avatar parts must be used within Avatar.Root");
   return ctx;
 }
-var Root21 = forwardRef27(function AvatarRoot({ children, className, ...rest }, ref) {
+var Root23 = forwardRef29(function AvatarRoot({ children, className, ...rest }, ref) {
   const [status, setStatus] = useState10("idle");
-  const value = useMemo20(() => ({ status, setStatus }), [status]);
-  return /* @__PURE__ */ jsx29(AvatarCtx.Provider, { value, children: /* @__PURE__ */ jsx29(
+  const value = useMemo21(() => ({ status, setStatus }), [status]);
+  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 = forwardRef27(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");
@@ -3526,244 +3702,244 @@ var Image = forwardRef27(function AvatarImage({ src, alt, onLoad, onError, class
     },
     [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 = forwardRef27(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 = forwardRef27(function AvatarBadge({ presence = "idle", className, ...rest }, ref) {
+var Badge = forwardRef29(function AvatarBadge({ presence = "idle", className, ...rest }, ref) {
   useAvatarCtx();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "span",
     {
       ref,
       "data-aeon-presence": presence,
-      ...partAttrs24(avatarAnatomy.scope, avatarAnatomy.badge, { state: presence }),
+      ...partAttrs26(avatarAnatomy.scope, avatarAnatomy.badge, { state: presence }),
       className,
       ...rest
     }
   );
 });
 var Avatar = {
-  Root: Root21,
+  Root: Root23,
   Image,
   Fallback,
   Badge
 };
 
 // src/identity/index.tsx
-import { identityAnatomy, partAttrs as partAttrs25, scopeAttrs as scopeAttrs3 } from "@aeon-ui/core";
-import { createContext as createContext22, forwardRef as forwardRef28, useContext as useContext22 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var IdentityCtx = createContext22(null);
+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 = useContext22(IdentityCtx);
+  const ctx = useContext23(IdentityCtx);
   if (!ctx) throw new Error("Identity parts must be used within Identity.Root");
   return ctx;
 }
-var Root22 = forwardRef28(function IdentityRoot({ as: Tag = "div", size = "md", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx30(IdentityCtx.Provider, { value: { size }, children: /* @__PURE__ */ jsx30(
+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(scopeAttrs3(identityAnatomy.scope, identityAnatomy.root), rest),
+      ...mergeProps(scopeAttrs5(identityAnatomy.scope, identityAnatomy.root), rest),
       children
     }
   ) });
 });
-var AvatarSlot = forwardRef28(
+var AvatarSlot = forwardRef30(
   function IdentityAvatar(props, ref) {
     useIdentityCtx();
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx32(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.avatar), props)
+        ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.avatar), props)
       }
     );
   }
 );
-var Title3 = forwardRef28(function IdentityTitle(props, ref) {
+var Title4 = forwardRef30(function IdentityTitle(props, ref) {
   useIdentityCtx();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     "span",
     {
       ref,
-      ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.title), props)
+      ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.title), props)
     }
   );
 });
-var Subtitle = forwardRef28(
+var Subtitle = forwardRef30(
   function IdentitySubtitle(props, ref) {
     useIdentityCtx();
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx32(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.subtitle), props)
+        ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.subtitle), props)
       }
     );
   }
 );
-var Meta = forwardRef28(function IdentityMeta(props, ref) {
+var Meta2 = forwardRef30(function IdentityMeta(props, ref) {
   useIdentityCtx();
-  return /* @__PURE__ */ jsx30("span", { ref, ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.meta), props) });
+  return /* @__PURE__ */ jsx32("span", { ref, ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.meta), props) });
 });
-var Trailing = forwardRef28(
+var Trailing = forwardRef30(
   function IdentityTrailing(props, ref) {
     useIdentityCtx();
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx32(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.trailing), props)
+        ...mergeProps(partAttrs27(identityAnatomy.scope, identityAnatomy.trailing), props)
       }
     );
   }
 );
 var Identity = {
-  Root: Root22,
+  Root: Root24,
   Avatar: AvatarSlot,
-  Title: Title3,
+  Title: Title4,
   Subtitle,
-  Meta,
+  Meta: Meta2,
   Trailing
 };
 
 // src/metric-strip/index.tsx
-import { metricStripAnatomy, partAttrs as partAttrs26, scopeAttrs as scopeAttrs4 } from "@aeon-ui/core";
-import { createContext as createContext23, forwardRef as forwardRef29, useContext as useContext23 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var MetricCtx = createContext23(null);
+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 = useContext23(MetricCtx);
+  const ctx = useContext24(MetricCtx);
   if (!ctx) throw new Error("MetricStrip parts must be used within MetricStrip.Root");
   return ctx;
 }
-var Root23 = forwardRef29(function MetricStripRoot({ density = "cluster", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx31(MetricCtx.Provider, { value: { density }, children: /* @__PURE__ */ jsx31(
+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(scopeAttrs4(metricStripAnatomy.scope, metricStripAnatomy.root), rest),
+      ...mergeProps(scopeAttrs6(metricStripAnatomy.scope, metricStripAnatomy.root), rest),
       children
     }
   ) });
 });
-var Chip = forwardRef29(function MetricChip(props, ref) {
+var Chip = forwardRef31(function MetricChip(props, ref) {
   useMetricCtx();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     "span",
     {
       ref,
-      ...mergeProps(partAttrs26(metricStripAnatomy.scope, metricStripAnatomy.chip), props)
+      ...mergeProps(partAttrs28(metricStripAnatomy.scope, metricStripAnatomy.chip), props)
     }
   );
 });
-var Value = forwardRef29(function MetricValue(props, ref) {
+var Value = forwardRef31(function MetricValue(props, ref) {
   useMetricCtx();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     "span",
     {
       ref,
-      ...mergeProps(partAttrs26(metricStripAnatomy.scope, metricStripAnatomy.value), props)
+      ...mergeProps(partAttrs28(metricStripAnatomy.scope, metricStripAnatomy.value), props)
     }
   );
 });
-var Label6 = forwardRef29(function MetricLabel(props, ref) {
+var Label6 = forwardRef31(function MetricLabel(props, ref) {
   useMetricCtx();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     "span",
     {
       ref,
-      ...mergeProps(partAttrs26(metricStripAnatomy.scope, metricStripAnatomy.label), props)
+      ...mergeProps(partAttrs28(metricStripAnatomy.scope, metricStripAnatomy.label), props)
     }
   );
 });
 var MetricStrip = {
-  Root: Root23,
+  Root: Root25,
   Chip,
   Value,
   Label: Label6
 };
 
 // src/list-row/index.tsx
-import { listRowAnatomy, partAttrs as partAttrs27, scopeAttrs as scopeAttrs5 } from "@aeon-ui/core";
-import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var Root24 = forwardRef30(function ListRowRoot({ as: Tag = "button", type, children, ...rest }, ref) {
+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__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     Tag,
     {
       ref,
       type: buttonType,
-      ...mergeProps(scopeAttrs5(listRowAnatomy.scope, listRowAnatomy.root), rest),
+      ...mergeProps(scopeAttrs7(listRowAnatomy.scope, listRowAnatomy.root), rest),
       children
     }
   );
 });
-var Leading = forwardRef30(function ListRowLeading(props, ref) {
-  return /* @__PURE__ */ jsx32(
+var Leading = forwardRef32(function ListRowLeading(props, ref) {
+  return /* @__PURE__ */ jsx34(
     "span",
     {
       ref,
-      ...mergeProps(partAttrs27(listRowAnatomy.scope, listRowAnatomy.leading), props)
+      ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.leading), props)
     }
   );
 });
-var Label7 = forwardRef30(function ListRowLabel(props, ref) {
-  return /* @__PURE__ */ jsx32("span", { ref, ...mergeProps(partAttrs27(listRowAnatomy.scope, listRowAnatomy.label), props) });
+var Label7 = forwardRef32(function ListRowLabel(props, ref) {
+  return /* @__PURE__ */ jsx34("span", { ref, ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.label), props) });
 });
-var Description3 = forwardRef30(
+var Description3 = forwardRef32(
   function ListRowDescription(props, ref) {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx34(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs27(listRowAnatomy.scope, listRowAnatomy.description), props)
+        ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.description), props)
       }
     );
   }
 );
-var Trailing2 = forwardRef30(
+var Trailing2 = forwardRef32(
   function ListRowTrailing(props, ref) {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx34(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs27(listRowAnatomy.scope, listRowAnatomy.trailing), props)
+        ...mergeProps(partAttrs29(listRowAnatomy.scope, listRowAnatomy.trailing), props)
       }
     );
   }
 );
 var ListRow = {
-  Root: Root24,
+  Root: Root26,
   Leading,
   Label: Label7,
   Description: Description3,
@@ -3771,37 +3947,37 @@ var ListRow = {
 };
 
 // src/entry/index.tsx
-import { entryAnatomy, partAttrs as partAttrs28, scopeAttrs as scopeAttrs6 } from "@aeon-ui/core";
-import { forwardRef as forwardRef31 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var List2 = forwardRef31(function EntryList({ children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx33(
+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(scopeAttrs6(entryAnatomy.scope, entryAnatomy.list), rest),
+      ...mergeProps(scopeAttrs8(entryAnatomy.scope, entryAnatomy.list), rest),
       children
     }
   );
 });
-var Root25 = forwardRef31(function EntryRoot({ as: Tag = "article", state = "idle", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx33(
+var Root27 = forwardRef33(function EntryRoot({ as: Tag = "article", state = "idle", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx35(
     Tag,
     {
       ref,
-      ...mergeProps(scopeAttrs6(entryAnatomy.scope, entryAnatomy.root, { state }), rest),
+      ...mergeProps(scopeAttrs8(entryAnatomy.scope, entryAnatomy.root, { state }), rest),
       children
     }
   );
 });
 function Part(part, displayName, defaultTag = "div") {
-  const Comp = forwardRef31(
+  const Comp = forwardRef33(
     function EntryPart({ as: Tag = defaultTag, ...props }, ref) {
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         Tag,
         {
           ref,
-          ...mergeProps(partAttrs28(entryAnatomy.scope, part), props)
+          ...mergeProps(partAttrs30(entryAnatomy.scope, part), props)
         }
       );
     }
@@ -3811,7 +3987,7 @@ function Part(part, displayName, defaultTag = "div") {
 }
 var Entry = {
   List: List2,
-  Root: Root25,
+  Root: Root27,
   Header: Part(entryAnatomy.header, "Entry.Header", "header"),
   Leading: Part(entryAnatomy.leading, "Entry.Leading", "div"),
   Heading: Part(entryAnatomy.heading, "Entry.Heading", "div"),
@@ -3827,28 +4003,28 @@ var Entry = {
 };
 
 // src/conversation/index.tsx
-import { conversationAnatomy, 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 ConversationRoot({ children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx34(
+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(scopeAttrs7(conversationAnatomy.scope, conversationAnatomy.root), rest),
+      ...mergeProps(scopeAttrs9(conversationAnatomy.scope, conversationAnatomy.root), rest),
       children
     }
   );
 });
-var Item6 = forwardRef32(function ConversationItem({ state = "idle", as: Tag = "button", type, children, ...rest }, ref) {
+var Item6 = forwardRef34(function ConversationItem({ state = "idle", as: Tag = "button", type, children, ...rest }, ref) {
   const buttonType = Tag === "button" ? type ?? "button" : void 0;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     Tag,
     {
       ref,
       type: buttonType,
       ...mergeProps(
-        partAttrs29(conversationAnatomy.scope, conversationAnatomy.item, { state }),
+        partAttrs31(conversationAnatomy.scope, conversationAnatomy.item, { state }),
         rest
       ),
       children
@@ -3856,12 +4032,12 @@ var Item6 = forwardRef32(function ConversationItem({ state = "idle", as: Tag = "
   );
 });
 function Part2(part, displayName) {
-  const Comp = forwardRef32(function ConversationPart(props, ref) {
-    return /* @__PURE__ */ jsx34(
+  const Comp = forwardRef34(function ConversationPart(props, ref) {
+    return /* @__PURE__ */ jsx36(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs29(conversationAnatomy.scope, part), props)
+        ...mergeProps(partAttrs31(conversationAnatomy.scope, part), props)
       }
     );
   });
@@ -3869,7 +4045,7 @@ function Part2(part, displayName) {
   return Comp;
 }
 var Conversation = {
-  Root: Root26,
+  Root: Root28,
   Item: Item6,
   Leading: Part2(conversationAnatomy.leading, "Conversation.Leading"),
   Body: Part2(conversationAnatomy.body, "Conversation.Body"),
@@ -3880,269 +4056,269 @@ var Conversation = {
 };
 
 // src/thread/index.tsx
-import { partAttrs as partAttrs30, scopeAttrs as scopeAttrs8, threadAnatomy } from "@aeon-ui/core";
-import { forwardRef as forwardRef33 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var Root27 = forwardRef33(function ThreadRoot({ children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx35(
+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(scopeAttrs8(threadAnatomy.scope, threadAnatomy.root), rest),
+      ...mergeProps(scopeAttrs10(threadAnatomy.scope, threadAnatomy.root), rest),
       children
     }
   );
 });
-var List3 = forwardRef33(function ThreadList(props, ref) {
-  return /* @__PURE__ */ jsx35(
+var List3 = forwardRef35(function ThreadList(props, ref) {
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       ref,
       role: "log",
       "aria-live": "polite",
-      ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.list), props)
+      ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.list), props)
     }
   );
 });
-var Item7 = forwardRef33(function ThreadItem({ state = "theirs", ...rest }, ref) {
-  return /* @__PURE__ */ jsx35(
+var Item7 = forwardRef35(function ThreadItem({ state = "theirs", ...rest }, ref) {
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.item, { state }), rest)
+      ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.item, { state }), rest)
     }
   );
 });
-var Bubble = forwardRef33(function ThreadBubble(props, ref) {
-  return /* @__PURE__ */ jsx35(
+var Bubble = forwardRef35(function ThreadBubble(props, ref) {
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.bubble), props)
+      ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.bubble), props)
     }
   );
 });
-var Meta2 = forwardRef33(function ThreadMeta(props, ref) {
-  return /* @__PURE__ */ jsx35("span", { ref, ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.meta), props) });
+var Meta3 = forwardRef35(function ThreadMeta(props, ref) {
+  return /* @__PURE__ */ jsx37("span", { ref, ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.meta), props) });
 });
-var Day = forwardRef33(function ThreadDay(props, ref) {
-  return /* @__PURE__ */ jsx35("div", { ref, ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.day), props) });
+var Day = forwardRef35(function ThreadDay(props, ref) {
+  return /* @__PURE__ */ jsx37("div", { ref, ...mergeProps(partAttrs32(threadAnatomy.scope, threadAnatomy.day), props) });
 });
 var Thread = {
-  Root: Root27,
+  Root: Root29,
   List: List3,
   Item: Item7,
   Bubble,
-  Meta: Meta2,
+  Meta: Meta3,
   Day
 };
 
 // src/composer/index.tsx
-import { composerAnatomy, partAttrs as partAttrs31, scopeAttrs as scopeAttrs9 } from "@aeon-ui/core";
+import { composerAnatomy, partAttrs as partAttrs33, scopeAttrs as scopeAttrs11 } from "@aeon-ui/core";
 import {
-  forwardRef as forwardRef34
+  forwardRef as forwardRef36
 } from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var Root28 = forwardRef34(function ComposerRoot({ state = "idle", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx36(
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Root30 = forwardRef36(function ComposerRoot({ state = "idle", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx38(
     "form",
     {
       ref,
-      ...mergeProps(scopeAttrs9(composerAnatomy.scope, composerAnatomy.root, { state }), rest),
+      ...mergeProps(scopeAttrs11(composerAnatomy.scope, composerAnatomy.root, { state }), rest),
       children
     }
   );
 });
-var Input3 = forwardRef34(
+var Input3 = forwardRef36(
   function ComposerInput(props, ref) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx38(
       "textarea",
       {
         ref,
         rows: 1,
-        ...mergeProps(partAttrs31(composerAnatomy.scope, composerAnatomy.input), props)
+        ...mergeProps(partAttrs33(composerAnatomy.scope, composerAnatomy.input), props)
       }
     );
   }
 );
-var Actions = forwardRef34(
+var Actions3 = forwardRef36(
   function ComposerActions(props, ref) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         ref,
-        ...mergeProps(partAttrs31(composerAnatomy.scope, composerAnatomy.actions), props)
+        ...mergeProps(partAttrs33(composerAnatomy.scope, composerAnatomy.actions), props)
       }
     );
   }
 );
-var Send = forwardRef34(
+var Send = forwardRef36(
   function ComposerSend(props, ref) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx38(
       "span",
       {
         ref,
-        ...mergeProps(partAttrs31(composerAnatomy.scope, composerAnatomy.send), props)
+        ...mergeProps(partAttrs33(composerAnatomy.scope, composerAnatomy.send), props)
       }
     );
   }
 );
 var Composer = {
-  Root: Root28,
+  Root: Root30,
   Input: Input3,
-  Actions,
+  Actions: Actions3,
   Send
 };
 
 // src/profile-header/index.tsx
-import { profileHeaderAnatomy, partAttrs as partAttrs32, scopeAttrs as scopeAttrs10 } from "@aeon-ui/core";
-import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var Root29 = forwardRef35(function ProfileHeaderRoot({ children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx37(
+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(scopeAttrs10(profileHeaderAnatomy.scope, profileHeaderAnatomy.root), rest),
+      ...mergeProps(scopeAttrs12(profileHeaderAnatomy.scope, profileHeaderAnatomy.root), rest),
       children
     }
   );
 });
-var Media = forwardRef35(function ProfileHeaderMedia(props, ref) {
-  return /* @__PURE__ */ jsx37(
+var Media = forwardRef37(function ProfileHeaderMedia(props, ref) {
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.media), props)
+      ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.media), props)
     }
   );
 });
-var IdentitySlot = forwardRef35(
+var IdentitySlot = forwardRef37(
   function ProfileHeaderIdentity(props, ref) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
-        ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.identity), props)
+        ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.identity), props)
       }
     );
   }
 );
-var Metrics = forwardRef35(
+var Metrics = forwardRef37(
   function ProfileHeaderMetrics(props, ref) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
-        ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.metrics), props)
+        ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.metrics), props)
       }
     );
   }
 );
-var Actions2 = forwardRef35(
+var Actions4 = forwardRef37(
   function ProfileHeaderActions(props, ref) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
-        ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.actions), props)
+        ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.actions), props)
       }
     );
   }
 );
-var Body = forwardRef35(function ProfileHeaderBody(props, ref) {
-  return /* @__PURE__ */ jsx37(
+var Body2 = forwardRef37(function ProfileHeaderBody(props, ref) {
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.body), props)
+      ...mergeProps(partAttrs34(profileHeaderAnatomy.scope, profileHeaderAnatomy.body), props)
     }
   );
 });
 var ProfileHeader = {
-  Root: Root29,
+  Root: Root31,
   Media,
   Identity: IdentitySlot,
   Metrics,
-  Actions: Actions2,
-  Body
+  Actions: Actions4,
+  Body: Body2
 };
 
 // src/bar/index.tsx
-import { barAnatomy, partAttrs as partAttrs33, scopeAttrs as scopeAttrs11 } from "@aeon-ui/core";
-import { createContext as createContext24, forwardRef as forwardRef36 } from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var BarContext = createContext24({});
-var Root30 = forwardRef36(function BarRoot({ as: Tag = "header", gap, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx38(BarContext.Provider, { value: { gap }, children: /* @__PURE__ */ jsx38(
+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(scopeAttrs11(barAnatomy.scope, barAnatomy.root), rest),
+      ...mergeProps(scopeAttrs13(barAnatomy.scope, barAnatomy.root), rest),
       children
     }
   ) });
 });
-var Zone = forwardRef36(function BarZone({ zone, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx38(
+var Zone = forwardRef38(function BarZone({ zone, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs33(barAnatomy.scope, zone), rest),
+      ...mergeProps(partAttrs35(barAnatomy.scope, zone), rest),
       children
     }
   );
 });
 var Bar = {
-  Root: Root30,
-  Leading: forwardRef36(
+  Root: Root32,
+  Leading: forwardRef38(
     function BarLeading(props, ref) {
-      return /* @__PURE__ */ jsx38(Zone, { ref, zone: "leading", ...props });
+      return /* @__PURE__ */ jsx40(Zone, { ref, zone: "leading", ...props });
     }
   ),
-  Center: forwardRef36(
+  Center: forwardRef38(
     function BarCenter(props, ref) {
-      return /* @__PURE__ */ jsx38(Zone, { ref, zone: "center", ...props });
+      return /* @__PURE__ */ jsx40(Zone, { ref, zone: "center", ...props });
     }
   ),
-  Trailing: forwardRef36(
+  Trailing: forwardRef38(
     function BarTrailing(props, ref) {
-      return /* @__PURE__ */ jsx38(Zone, { ref, zone: "trailing", ...props });
+      return /* @__PURE__ */ jsx40(Zone, { ref, zone: "trailing", ...props });
     }
   )
 };
 
 // src/panel/index.tsx
-import { panelAnatomy, partAttrs as partAttrs34, scopeAttrs as scopeAttrs12 } from "@aeon-ui/core";
+import { panelAnatomy, partAttrs as partAttrs36, scopeAttrs as scopeAttrs14 } from "@aeon-ui/core";
 import { panelMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext25,
-  forwardRef as forwardRef37,
-  useContext as useContext24,
+  createContext as createContext26,
+  forwardRef as forwardRef39,
+  useContext as useContext25,
   useEffect as useEffect22,
   useId as useId8,
-  useMemo as useMemo21
+  useMemo as useMemo22
 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var PanelCtx = createContext25(null);
+import { jsx as jsx41 } from "react/jsx-runtime";
+var PanelCtx = createContext26(null);
 function usePanelCtx() {
-  const ctx = useContext24(PanelCtx);
+  const ctx = useContext25(PanelCtx);
   if (!ctx) throw new Error("Panel parts must be used within Panel.Root");
   return ctx;
 }
-var Group3 = forwardRef37(function PanelGroup({ orientation = "horizontal", children, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx39(
+var Group3 = forwardRef39(function PanelGroup({ orientation = "horizontal", children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       ref,
       className,
       "data-aeon-orientation": orientation,
-      ...mergeProps(partAttrs34(panelAnatomy.scope, panelAnatomy.group), rest),
+      ...mergeProps(partAttrs36(panelAnatomy.scope, panelAnatomy.group), rest),
       children
     }
   );
 });
-var Root31 = forwardRef37(function PanelRoot({
+var Root33 = forwardRef39(function PanelRoot({
   label,
   defaultExpanded = true,
   expanded: expandedProp,
@@ -4166,7 +4342,7 @@ var Root31 = forwardRef37(function PanelRoot({
     if (expandedProp === void 0) return;
     send({ type: "SET_EXPANDED", expanded: expandedProp });
   }, [expandedProp, send]);
-  const ctx = useMemo21(
+  const ctx = useMemo22(
     () => ({
       state,
       expanded,
@@ -4177,13 +4353,13 @@ var Root31 = forwardRef37(function PanelRoot({
     }),
     [state, expanded, collapsible, label, contentId, send]
   );
-  return /* @__PURE__ */ jsx39(PanelCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(PanelCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx41(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        scopeAttrs12(panelAnatomy.scope, panelAnatomy.root, { state }),
+        scopeAttrs14(panelAnatomy.scope, panelAnatomy.root, { state }),
         {
           "data-aeon-collapsible": collapsible ? "true" : void 0
         },
@@ -4193,9 +4369,9 @@ var Root31 = forwardRef37(function PanelRoot({
     }
   ) });
 });
-var Trigger7 = forwardRef37(function PanelTrigger({ children, onClick, ...rest }, ref) {
+var Trigger7 = forwardRef39(function PanelTrigger({ children, onClick, ...rest }, ref) {
   const { expanded, collapsible, contentId, send, label } = usePanelCtx();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "button",
     {
       ref,
@@ -4204,7 +4380,7 @@ var Trigger7 = forwardRef37(function PanelTrigger({ children, onClick, ...rest }
       "aria-controls": contentId,
       disabled: !collapsible,
       ...mergeProps(
-        partAttrs34(panelAnatomy.scope, panelAnatomy.trigger, {
+        partAttrs36(panelAnatomy.scope, panelAnatomy.trigger, {
           state: expanded ? "expanded" : "collapsed"
         }),
         rest
@@ -4217,10 +4393,10 @@ var Trigger7 = forwardRef37(function PanelTrigger({ children, onClick, ...rest }
     }
   );
 });
-var Label8 = forwardRef37(function PanelLabel({ children, onClick, ...rest }, ref) {
+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__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "span",
     {
       ref,
@@ -4228,7 +4404,7 @@ var Label8 = forwardRef37(function PanelLabel({ children, onClick, ...rest }, re
       tabIndex: collapsible ? 0 : void 0,
       "aria-expanded": collapsible ? expanded : void 0,
       "aria-controls": collapsible ? contentId : void 0,
-      ...mergeProps(partAttrs34(panelAnatomy.scope, panelAnatomy.label, { state }), rest),
+      ...mergeProps(partAttrs36(panelAnatomy.scope, panelAnatomy.label, { state }), rest),
       onClick: (e) => {
         onClick?.(e);
         if (!e.defaultPrevented && collapsible) send({ type: "TOGGLE" });
@@ -4241,50 +4417,50 @@ var Label8 = forwardRef37(function PanelLabel({ children, onClick, ...rest }, re
         }
       },
       children: text != null ? state === "collapsed" ? text.split("").map(
-        (ch, i) => ch === " " ? /* @__PURE__ */ jsx39("span", { "data-aeon-part": "label-gap", "aria-hidden": true, children: " " }, `sp-${i}`) : /* @__PURE__ */ jsx39("span", { "data-aeon-part": "label-char", children: ch }, `${ch}-${i}`)
+        (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 = forwardRef37(function PanelContent({ children, ...rest }, ref) {
+var Content9 = forwardRef39(function PanelContent({ children, ...rest }, ref) {
   const { expanded, contentId, state } = usePanelCtx();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       ref,
       id: contentId,
       hidden: !expanded,
-      ...mergeProps(partAttrs34(panelAnatomy.scope, panelAnatomy.content, { state }), rest),
+      ...mergeProps(partAttrs36(panelAnatomy.scope, panelAnatomy.content, { state }), rest),
       children
     }
   );
 });
 var Panel = {
   Group: Group3,
-  Root: Root31,
+  Root: Root33,
   Trigger: Trigger7,
   Label: Label8,
   Content: Content9
 };
 
 // src/app-shell/index.tsx
-import { appShellAnatomy, partAttrs as partAttrs35, scopeAttrs as scopeAttrs13 } from "@aeon-ui/core";
+import { appShellAnatomy, partAttrs as partAttrs37, scopeAttrs as scopeAttrs15 } from "@aeon-ui/core";
 import { appShellMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext26,
-  forwardRef as forwardRef38,
-  useContext as useContext25,
+  createContext as createContext27,
+  forwardRef as forwardRef40,
+  useContext as useContext26,
   useEffect as useEffect23,
-  useMemo as useMemo22
+  useMemo as useMemo23
 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
-var AppShellCtx = createContext26(null);
+import { jsx as jsx42 } from "react/jsx-runtime";
+var AppShellCtx = createContext27(null);
 function useAppShellContext() {
-  const ctx = useContext25(AppShellCtx);
+  const ctx = useContext26(AppShellCtx);
   if (!ctx) throw new Error("AppShell parts must be used within AppShell.Root");
   return ctx;
 }
-var Root32 = forwardRef38(function AppShellRoot({ defaultDockVisible = true, dockVisible: dockVisibleProp, children, ...rest }, ref) {
+var Root34 = forwardRef40(function AppShellRoot({ defaultDockVisible = true, dockVisible: dockVisibleProp, children, ...rest }, ref) {
   const [snapshot, send] = useAeonMachine(appShellMachine, {
     input: { dockVisible: dockVisibleProp ?? defaultDockVisible }
   });
@@ -4296,7 +4472,7 @@ var Root32 = forwardRef38(function AppShellRoot({ defaultDockVisible = true, doc
       send({ type: "SET_DOCK", visible: dockVisibleProp });
     }
   }, [dockVisibleProp, snapshot.context.dockVisible, send]);
-  const value = useMemo22(
+  const value = useMemo23(
     () => ({
       chrome,
       dockVisible,
@@ -4305,13 +4481,13 @@ var Root32 = forwardRef38(function AppShellRoot({ defaultDockVisible = true, doc
     }),
     [chrome, dockVisible, send]
   );
-  return /* @__PURE__ */ jsx40(AppShellCtx.Provider, { value, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(AppShellCtx.Provider, { value, children: /* @__PURE__ */ jsx42(
     "div",
     {
       ref,
       "data-aeon-dock": dockVisible ? "visible" : "hidden",
       ...mergeProps(
-        scopeAttrs13(appShellAnatomy.scope, appShellAnatomy.root, { state: chrome }),
+        scopeAttrs15(appShellAnatomy.scope, appShellAnatomy.root, { state: chrome }),
         rest
       ),
       children
@@ -4319,14 +4495,14 @@ var Root32 = forwardRef38(function AppShellRoot({ defaultDockVisible = true, doc
   ) });
 });
 function ShellPart(part, displayName, defaultTag = "div") {
-  const Comp = forwardRef38(
+  const Comp = forwardRef40(
     function AeonShellPart({ as: Tag = defaultTag, ...rest }, ref) {
       const { chrome } = useAppShellContext();
-      return /* @__PURE__ */ jsx40(
+      return /* @__PURE__ */ jsx42(
         Tag,
         {
           ref,
-          ...mergeProps(partAttrs35(appShellAnatomy.scope, part, { state: chrome }), rest)
+          ...mergeProps(partAttrs37(appShellAnatomy.scope, part, { state: chrome }), rest)
         }
       );
     }
@@ -4339,33 +4515,33 @@ 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 = forwardRef38(function AppShellDock({ hidden, ...rest }, ref) {
+var Dock = forwardRef40(function AppShellDock({ hidden, ...rest }, ref) {
   const { chrome, dockVisible } = useAppShellContext();
   if (!dockVisible) return null;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       ref,
       hidden,
-      ...mergeProps(partAttrs35(appShellAnatomy.scope, appShellAnatomy.dock, { state: chrome }), rest)
+      ...mergeProps(partAttrs37(appShellAnatomy.scope, appShellAnatomy.dock, { state: chrome }), rest)
     }
   );
 });
-var Scrim = forwardRef38(function AppShellScrim(props, ref) {
+var Scrim = forwardRef40(function AppShellScrim(props, ref) {
   const { chrome, overlayOpen, send } = useAppShellContext();
   if (!overlayOpen) return null;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       ref,
       role: "presentation",
       onClick: () => send({ type: "CLOSE_OVERLAY" }),
-      ...mergeProps(partAttrs35(appShellAnatomy.scope, appShellAnatomy.scrim, { state: chrome }), props)
+      ...mergeProps(partAttrs37(appShellAnatomy.scope, appShellAnatomy.scrim, { state: chrome }), props)
     }
   );
 });
 var AppShell = {
-  Root: Root32,
+  Root: Root34,
   Header,
   Subheader,
   Content: Content10,
@@ -4375,73 +4551,258 @@ var AppShell = {
   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 partAttrs36, scopeAttrs as scopeAttrs14 } from "@aeon-ui/core";
+import { contentAnatomy, partAttrs as partAttrs39, scopeAttrs as scopeAttrs17 } from "@aeon-ui/core";
 import { contentRegionMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext27,
-  forwardRef as forwardRef39,
-  useContext as useContext26,
-  useMemo as useMemo23
+  createContext as createContext29,
+  forwardRef as forwardRef42,
+  useContext as useContext28,
+  useMemo as useMemo25
 } from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
-var ContentCtx = createContext27(null);
+import { jsx as jsx44 } from "react/jsx-runtime";
+var ContentCtx = createContext29(null);
 function useContentContext() {
-  const ctx = useContext26(ContentCtx);
+  const ctx = useContext28(ContentCtx);
   if (!ctx) throw new Error("Content parts must be used within Content.Root");
   return ctx;
 }
-var Root33 = forwardRef39(function ContentRoot({ state: stateProp, children, ...rest }, ref) {
+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 = useMemo23(
+  const value = useMemo25(
     () => ({ state, error: snapshot.context.error, send }),
     [state, snapshot.context.error, send]
   );
-  return /* @__PURE__ */ jsx41(ContentCtx.Provider, { value, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx44(ContentCtx.Provider, { value, children: /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
-      ...mergeProps(scopeAttrs14(contentAnatomy.scope, contentAnatomy.root, { state }), rest),
+      ...mergeProps(scopeAttrs17(contentAnatomy.scope, contentAnatomy.root, { state }), rest),
       children
     }
   ) });
 });
-var Toolbar = forwardRef39(function ContentToolbar(props, ref) {
+var Toolbar = forwardRef42(function ContentToolbar(props, ref) {
   const { state } = useContentContext();
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs36(contentAnatomy.scope, contentAnatomy.toolbar, { state }), props)
+      ...mergeProps(partAttrs39(contentAnatomy.scope, contentAnatomy.toolbar, { state }), props)
     }
   );
 });
-var Body2 = forwardRef39(function ContentBody({ hidden, ...rest }, ref) {
+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__ */ jsx41(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
       hidden,
-      ...mergeProps(partAttrs36(contentAnatomy.scope, contentAnatomy.body, { state }), rest)
+      ...mergeProps(partAttrs39(contentAnatomy.scope, contentAnatomy.body, { state }), rest)
     }
   );
 });
 function StatusSlot(part, match, displayName) {
   const matches = Array.isArray(match) ? match : [match];
-  const Comp = forwardRef39(function ContentStatusSlot(props, ref) {
+  const Comp = forwardRef42(function ContentStatusSlot(props, ref) {
     const { state } = useContentContext();
     if (!matches.includes(state)) return null;
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx44(
       "div",
       {
         ref,
         role: "status",
-        ...mergeProps(partAttrs36(contentAnatomy.scope, part, { state }), props)
+        ...mergeProps(partAttrs39(contentAnatomy.scope, part, { state }), props)
       }
     );
   });
@@ -4452,21 +4813,21 @@ 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 = forwardRef39(function ContentSentinel(props, ref) {
+var Sentinel = forwardRef42(function ContentSentinel(props, ref) {
   const { state } = useContentContext();
   if (state !== "ready" && state !== "loadingMore") return null;
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs36(contentAnatomy.scope, contentAnatomy.sentinel, { state }), props)
+      ...mergeProps(partAttrs39(contentAnatomy.scope, contentAnatomy.sentinel, { state }), props)
     }
   );
 });
 var Content11 = {
-  Root: Root33,
+  Root: Root36,
   Toolbar,
-  Body: Body2,
+  Body: Body3,
   Pending,
   Empty: Empty2,
   Error: ErrorSlot,
@@ -4475,23 +4836,23 @@ var Content11 = {
 };
 
 // src/nav/index.tsx
-import { navAnatomy, partAttrs as partAttrs37, scopeAttrs as scopeAttrs15 } from "@aeon-ui/core";
+import { navAnatomy, partAttrs as partAttrs40, scopeAttrs as scopeAttrs18 } from "@aeon-ui/core";
 import { tabsMachine as tabsMachine3 } from "@aeon-ui/primitives";
 import {
-  createContext as createContext28,
-  forwardRef as forwardRef40,
-  useContext as useContext27,
+  createContext as createContext30,
+  forwardRef as forwardRef43,
+  useContext as useContext29,
   useEffect as useEffect24,
-  useMemo as useMemo24
+  useMemo as useMemo26
 } from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
-var NavCtx = createContext28(null);
+import { jsx as jsx45 } from "react/jsx-runtime";
+var NavCtx = createContext30(null);
 function useNavCtx() {
-  const ctx = useContext27(NavCtx);
+  const ctx = useContext29(NavCtx);
   if (!ctx) throw new Error("Nav parts must be used within Nav.Root");
   return ctx;
 }
-var Root34 = forwardRef40(function NavRoot({
+var Root37 = forwardRef43(function NavRoot({
   defaultValue = "",
   value,
   onValueChange,
@@ -4507,25 +4868,25 @@ var Root34 = forwardRef40(function NavRoot({
   useEffect24(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const ctx = useMemo24(
+  const ctx = useMemo26(
     () => ({ value: resolvedValue, send, onValueChange }),
     [resolvedValue, send, onValueChange]
   );
-  return /* @__PURE__ */ jsx42(NavCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx45(NavCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx45(
     Tag,
     {
       ref,
       "data-aeon-orientation": orientation,
-      ...mergeProps(scopeAttrs15(navAnatomy.scope, navAnatomy.root), rest),
+      ...mergeProps(scopeAttrs18(navAnatomy.scope, navAnatomy.root), rest),
       children
     }
   ) });
 });
-var Item8 = forwardRef40(function NavItem({ value, disabled, onClick, children, ...rest }, ref) {
+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__ */ jsx42(
+  return /* @__PURE__ */ jsx45(
     "button",
     {
       ref,
@@ -4539,32 +4900,32 @@ var Item8 = forwardRef40(function NavItem({ value, disabled, onClick, children,
         send({ type: "SELECT", value });
         onValueChange?.(value);
       },
-      ...mergeProps(partAttrs37(navAnatomy.scope, navAnatomy.item, { state, disabled }), rest),
+      ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.item, { state, disabled }), rest),
       children
     }
   );
 });
-var Indicator3 = forwardRef40(function NavIndicator(props, ref) {
-  return /* @__PURE__ */ jsx42(
+var Indicator3 = forwardRef43(function NavIndicator(props, ref) {
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       ref,
       "aria-hidden": true,
-      ...mergeProps(partAttrs37(navAnatomy.scope, navAnatomy.indicator), props)
+      ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.indicator), props)
     }
   );
 });
-var Label9 = forwardRef40(function NavLabel(props, ref) {
-  return /* @__PURE__ */ jsx42("span", { ref, ...mergeProps(partAttrs37(navAnatomy.scope, navAnatomy.label), props) });
+var Label9 = forwardRef43(function NavLabel(props, ref) {
+  return /* @__PURE__ */ jsx45("span", { ref, ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.label), props) });
 });
-var Icon2 = forwardRef40(function NavIcon(props, ref) {
-  return /* @__PURE__ */ jsx42("span", { ref, ...mergeProps(partAttrs37(navAnatomy.scope, navAnatomy.icon), props) });
+var Icon2 = forwardRef43(function NavIcon(props, ref) {
+  return /* @__PURE__ */ jsx45("span", { ref, ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.icon), props) });
 });
-var Badge2 = forwardRef40(function NavBadge(props, ref) {
-  return /* @__PURE__ */ jsx42("span", { ref, ...mergeProps(partAttrs37(navAnatomy.scope, navAnatomy.badge), props) });
+var Badge2 = forwardRef43(function NavBadge(props, ref) {
+  return /* @__PURE__ */ jsx45("span", { ref, ...mergeProps(partAttrs40(navAnatomy.scope, navAnatomy.badge), props) });
 });
 var Nav = {
-  Root: Root34,
+  Root: Root37,
   Item: Item8,
   Indicator: Indicator3,
   Label: Label9,
@@ -4573,22 +4934,22 @@ var Nav = {
 };
 
 // src/sticky-bar/index.tsx
-import { barAnatomy as barAnatomy2, partAttrs as partAttrs38, scopeAttrs as scopeAttrs16 } from "@aeon-ui/core";
+import { barAnatomy as barAnatomy2, partAttrs as partAttrs41, scopeAttrs as scopeAttrs19 } from "@aeon-ui/core";
 import { stickyBarMachine } from "@aeon-ui/primitives";
 import {
-  createContext as createContext29,
-  forwardRef as forwardRef41,
-  useContext as useContext28,
-  useMemo as useMemo25
+  createContext as createContext31,
+  forwardRef as forwardRef44,
+  useContext as useContext30,
+  useMemo as useMemo27
 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var StickyBarCtx = createContext29(null);
+import { jsx as jsx46 } from "react/jsx-runtime";
+var StickyBarCtx = createContext31(null);
 function useStickyBarContext() {
-  const ctx = useContext28(StickyBarCtx);
+  const ctx = useContext30(StickyBarCtx);
   if (!ctx) throw new Error("StickyBar parts must be used within StickyBar.Root");
   return ctx;
 }
-var Root35 = forwardRef41(function StickyBarRoot({
+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",
@@ -4603,61 +4964,61 @@ var Root35 = forwardRef41(function StickyBarRoot({
   });
   const state = snapshot.value;
   const offsetPx = snapshot.context.offsetPx;
-  const value = useMemo25(() => ({ state, offsetPx, send }), [state, offsetPx, send]);
+  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__ */ jsx43(StickyBarCtx.Provider, { value, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(StickyBarCtx.Provider, { value, children: /* @__PURE__ */ jsx46(
     Tag,
     {
       ref,
       "data-aeon-placement": placement,
       style: stickyStyle,
-      ...mergeProps(scopeAttrs16(barAnatomy2.scope, barAnatomy2.root, { state }), rest),
+      ...mergeProps(scopeAttrs19(barAnatomy2.scope, barAnatomy2.root, { state }), rest),
       children
     }
   ) });
 });
-var Zone2 = forwardRef41(function StickyBarZone({ zone, ...rest }, ref) {
+var Zone2 = forwardRef44(function StickyBarZone({ zone, ...rest }, ref) {
   const { state } = useStickyBarContext();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
-      ...mergeProps(partAttrs38(barAnatomy2.scope, zone, { state }), rest)
+      ...mergeProps(partAttrs41(barAnatomy2.scope, zone, { state }), rest)
     }
   );
 });
-var Leading2 = forwardRef41(
+var Leading2 = forwardRef44(
   function StickyBarLeading(props, ref) {
-    return /* @__PURE__ */ jsx43(Zone2, { ref, zone: "leading", ...props });
+    return /* @__PURE__ */ jsx46(Zone2, { ref, zone: "leading", ...props });
   }
 );
-var Center = forwardRef41(
+var Center = forwardRef44(
   function StickyBarCenter(props, ref) {
-    return /* @__PURE__ */ jsx43(Zone2, { ref, zone: "center", ...props });
+    return /* @__PURE__ */ jsx46(Zone2, { ref, zone: "center", ...props });
   }
 );
-var Trailing3 = forwardRef41(
+var Trailing3 = forwardRef44(
   function StickyBarTrailing(props, ref) {
-    return /* @__PURE__ */ jsx43(Zone2, { ref, zone: "trailing", ...props });
+    return /* @__PURE__ */ jsx46(Zone2, { ref, zone: "trailing", ...props });
   }
 );
-var Seam = forwardRef41(function StickyBarSeam(props, ref) {
+var Seam = forwardRef44(function StickyBarSeam(props, ref) {
   const { state } = useStickyBarContext();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
       "aria-hidden": true,
-      ...mergeProps(partAttrs38(barAnatomy2.scope, barAnatomy2.seam, { state }), props)
+      ...mergeProps(partAttrs41(barAnatomy2.scope, barAnatomy2.seam, { state }), props)
     }
   );
 });
 var StickyBar = {
-  Root: Root35,
+  Root: Root38,
   Leading: Leading2,
   Center,
   Trailing: Trailing3,
@@ -4666,9 +5027,9 @@ var StickyBar = {
 
 // src/hooks/use-layout-mode.ts
 import { getCompactMq, layoutCompositionForMode, matchLayoutMode } from "@aeon-ui/core";
-import { useEffect as useEffect25, useMemo as useMemo26, useState as useState11 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo28, useState as useState11 } from "react";
 function useLayoutMode(spec) {
-  const mq = useMemo26(() => getCompactMq(spec), [spec.compactMq]);
+  const mq = useMemo28(() => getCompactMq(spec), [spec.compactMq]);
   const [mode, setMode] = useState11(() => matchLayoutMode(spec, mq));
   useEffect25(() => {
     const sync = () => setMode(matchLayoutMode(spec, mq));
@@ -4676,11 +5037,51 @@ function useLayoutMode(spec) {
     mq.addEventListener("change", sync);
     return () => mq.removeEventListener("change", sync);
   }, [spec, mq]);
-  const composition = useMemo26(() => layoutCompositionForMode(spec, mode), [spec, mode]);
+  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,
@@ -4709,11 +5110,13 @@ export {
   Popover,
   ProfileHeader,
   Progress,
+  Prompt,
   RadioGroup,
   Scroll,
   Select,
   Separator,
   Slider,
+  StatusBanner,
   StickyBar,
   Switch,
   Tabs,
@@ -4726,10 +5129,13 @@ export {
   createAsyncMachine2 as createAsyncMachine,
   fieldMachine,
   useAeonMachine,
+  useAppNav,
+  useAppNavMachine,
   useAppShellContext,
   useAsyncContext,
   useContentContext,
   useFieldContext,
+  useFitText,
   useLayoutMode,
   useScrollContext,
   useScrollState,