aeon-ui-engine 1.0.3 → 1.1.0

package/packages/react/dist/index.js

@@ -29,12 +29,13 @@ import { jsx } from "react/jsx-runtime";
 var Root = forwardRef(function ButtonRoot({ variant = "solid", size = "md", disabled, status = "idle", children, className, ...rest }, ref) {
   const resolvedStatus = disabled ? "disabled" : status;
   const isBusy = resolvedStatus === "pending";
+  const isLocked = resolvedStatus === "success";
   return /* @__PURE__ */ jsx(
     "button",
     {
       ref,
       type: "button",
-      disabled: disabled || isBusy || resolvedStatus === "disabled",
+      disabled: disabled || isBusy || isLocked || resolvedStatus === "disabled",
       "aria-busy": isBusy || void 0,
       className,
       "data-aeon-variant": variant,
@@ -42,7 +43,7 @@ var Root = forwardRef(function ButtonRoot({ variant = "solid", size = "md", disa
       ...mergeProps(
         partAttrs(buttonAnatomy.scope, buttonAnatomy.root, {
           state: resolvedStatus,
-          disabled: Boolean(disabled || resolvedStatus === "disabled")
+          disabled: Boolean(disabled || resolvedStatus === "disabled" || isLocked)
         }),
         rest
       ),
@@ -79,7 +80,7 @@ function useAeonMachine(machine, options) {
 }
 
 // src/switch/index.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 var SwitchCtx = createContext(null);
 function useSwitchCtx() {
   const ctx = useContext(SwitchCtx);
@@ -135,7 +136,7 @@ var Root2 = forwardRef2(function SwitchRoot({ checked, defaultChecked = false, d
         },
         rest
       ),
-      children
+      children: children ?? /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(Control, { children: /* @__PURE__ */ jsx2(Thumb, {}) }) })
     }
   ) });
 });
@@ -827,6 +828,7 @@ import { tabsMachine as tabsMachine2 } from "@aeon-ui/primitives";
 import {
   createContext as createContext6,
   forwardRef as forwardRef8,
+  useCallback,
   useContext as useContext6,
   useEffect as useEffect8,
   useMemo as useMemo6
@@ -849,13 +851,22 @@ var Root8 = forwardRef8(function RadioGroupRoot({ value, defaultValue = "", onVa
     input: { value: defaultValue, disabled: false }
   });
   const resolvedValue = value ?? snapshot.context.value;
+  const controlled = value !== void 0;
+  const selectValue = useCallback(
+    (next) => {
+      if (controlled) onValueChange?.(next);
+      else send({ type: "SELECT", value: next });
+    },
+    [controlled, onValueChange, send]
+  );
   useEffect8(() => {
-    onValueChange?.(resolvedValue);
-  }, [resolvedValue, onValueChange]);
+    if (controlled) return;
+    onValueChange?.(snapshot.context.value);
+  }, [snapshot.context.value, controlled, onValueChange]);
   useEffect8(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const ctx = useMemo6(() => ({ value: resolvedValue, send }), [resolvedValue, send]);
+  const ctx = useMemo6(() => ({ value: resolvedValue, send, selectValue }), [resolvedValue, send, selectValue]);
   return /* @__PURE__ */ jsx8(RadioGroupCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx8(
     "div",
     {
@@ -889,9 +900,9 @@ var Item = forwardRef8(function RadioGroupItem({ value: itemValue, children, ...
   ) });
 });
 var ItemControl = forwardRef8(function RadioGroupItemControl({ onClick, onKeyDown, ...rest }, ref) {
-  const { send } = useRadioGroupCtx();
+  const { selectValue } = useRadioGroupCtx();
   const { value: itemValue, selected } = useRadioGroupItemCtx();
-  const select = () => send({ type: "SELECT", value: itemValue });
+  const select = () => selectValue(itemValue);
   return /* @__PURE__ */ jsx8(
     "span",
     {
@@ -937,7 +948,7 @@ var ItemIndicator = forwardRef8(function RadioGroupItemIndicator(props, ref) {
   );
 });
 var ItemLabel = forwardRef8(function RadioGroupItemLabel({ onClick, ...rest }, ref) {
-  const { send } = useRadioGroupCtx();
+  const { selectValue } = useRadioGroupCtx();
   const { value: itemValue } = useRadioGroupItemCtx();
   return /* @__PURE__ */ jsx8(
     "span",
@@ -948,7 +959,7 @@ var ItemLabel = forwardRef8(function RadioGroupItemLabel({ onClick, ...rest }, r
         {
           onClick: (e) => {
             onClick?.(e);
-            send({ type: "SELECT", value: itemValue });
+            selectValue(itemValue);
           }
         },
         rest
@@ -964,7 +975,7 @@ import { sliderMachine, snapSliderValue } from "@aeon-ui/primitives";
 import {
   createContext as createContext7,
   forwardRef as forwardRef9,
-  useCallback,
+  useCallback as useCallback2,
   useContext as useContext7,
   useEffect as useEffect9,
   useMemo as useMemo7,
@@ -1011,7 +1022,7 @@ var Root9 = forwardRef9(function SliderRoot({
   useEffect9(() => {
     if (value !== void 0) send({ type: "SET_VALUE", value });
   }, [value, send]);
-  const setValueFromClientX = useCallback(
+  const setValueFromClientX = useCallback2(
     (clientX) => {
       const track = trackRef.current;
       if (!track || disabled) return;
@@ -1105,7 +1116,7 @@ var Range2 = forwardRef9(function SliderRange({ style, ...rest }, ref) {
   );
 });
 var Thumb2 = forwardRef9(function SliderThumb({ onKeyDown, onPointerDown, style, ...rest }, ref) {
-  const { value, min, max, step, disabled, dragging, send } = useSliderCtx();
+  const { value, min, max, step, disabled, dragging, send, setValueFromClientX } = useSliderCtx();
   return /* @__PURE__ */ jsx9(
     "span",
     {
@@ -1124,7 +1135,9 @@ var Thumb2 = forwardRef9(function SliderThumb({ onKeyDown, onPointerDown, style,
             onPointerDown?.(e);
             if (disabled || e.button !== 0) return;
             e.stopPropagation();
+            e.currentTarget.setPointerCapture(e.pointerId);
             send({ type: "POINTER_DOWN" });
+            setValueFromClientX(e.clientX);
           },
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -1163,7 +1176,7 @@ import { partAttrs as partAttrs10, partOnlyAttrs as partOnlyAttrs4, pinInputAnat
 import {
   createContext as createContext8,
   forwardRef as forwardRef10,
-  useCallback as useCallback2,
+  useCallback as useCallback3,
   useContext as useContext8,
   useEffect as useEffect10,
   useMemo as useMemo8,
@@ -1202,7 +1215,7 @@ var Root10 = forwardRef10(function PinInputRoot({
     onValueChange?.(resolved);
     if (resolved.length === length && !resolved.includes("")) onComplete?.(resolved);
   }, [resolved, length, onValueChange, onComplete]);
-  const setChars = useCallback2(
+  const setChars = useCallback3(
     (next) => {
       const joined = next.slice(0, length).join("");
       if (!controlled) setUncontrolled(next.slice(0, length));
@@ -1211,7 +1224,7 @@ var Root10 = forwardRef10(function PinInputRoot({
     },
     [controlled, length, onValueChange, onComplete]
   );
-  const setChar = useCallback2(
+  const setChar = useCallback3(
     (index, char) => {
       const next = [...chars.slice(0, length)];
       while (next.length < length) next.push("");
@@ -1220,12 +1233,12 @@ var Root10 = forwardRef10(function PinInputRoot({
     },
     [chars, length, setChars]
   );
-  const focusInput = useCallback2((index) => {
+  const focusInput = useCallback3((index) => {
     const el = inputRefs.current[index];
     el?.focus();
     el?.select();
   }, []);
-  const registerInput = useCallback2((index, el) => {
+  const registerInput = useCallback3((index, el) => {
     inputRefs.current[index] = el;
   }, []);
   const ctx = useMemo8(
@@ -1580,35 +1593,25 @@ var AsyncTrack = forwardRef15(function AsyncTrack2({ states = ASYNC_LIFECYCLE_ST
   );
 });
 
-// src/async/legacy-region.tsx
-import { partAttrs as partAttrs13 } from "@aeon-ui/core";
-import { createAsyncMachine as createAsyncMachine2 } from "@aeon-ui/primitives";
-import { useMemo as useMemo11 } from "react";
-import { Fragment, jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
-function AsyncRegion({ children, className }) {
-  const machine = useMemo11(() => createAsyncMachine2(), []);
-  const [snapshot] = useAeonMachine(machine);
-  const status = snapshot.value;
-  const { data, error } = snapshot.context;
-  const content = typeof children === "function" ? children({ status, data, error }) : children;
-  return /* @__PURE__ */ jsx17(
-    "div",
-    {
-      className,
-      ...mergeProps(partAttrs13("async", "root", { state: status })),
-      children: content ?? /* @__PURE__ */ jsxs2(Fragment, { children: [
-        status === "idle" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "idle", children: "Ready" }),
-        status === "loading" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "loading", children: "Loading\u2026" }),
-        status === "success" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "success", children: String(data) }),
-        status === "failure" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "failure", children: error }),
-        status === "empty" && /* @__PURE__ */ jsx17("span", { "data-aeon-part": "empty", children: "No results" })
-      ] })
-    }
-  );
+// src/async/map-content-state.ts
+function asyncStatusToContentState(status) {
+  switch (status) {
+    case "loading":
+      return "pending";
+    case "empty":
+      return "empty";
+    case "failure":
+      return "error";
+    case "success":
+      return "success";
+    case "idle":
+    default:
+      return "idle";
+  }
 }
 
 // src/async/index.tsx
-import { createAsyncMachine as createAsyncMachine3 } from "@aeon-ui/primitives";
+import { createAsyncMachine as createAsyncMachine2 } from "@aeon-ui/primitives";
 var Async = {
   Root: AsyncRoot,
   Provider: AsyncProvider,
@@ -1618,15 +1621,15 @@ var Async = {
 };
 
 // src/field/index.tsx
-import { fieldAnatomy, partAttrs as partAttrs14, partOnlyAttrs as partOnlyAttrs9, stateToAttr } from "@aeon-ui/core";
+import { fieldAnatomy, fieldFace, fieldRegions, partAttrs as partAttrs13, 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 useMemo12
+  useMemo as useMemo11
 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var FieldCtx = createContext11(null);
 function useFieldContext() {
   const ctx = useContext11(FieldCtx);
@@ -1635,30 +1638,43 @@ function useFieldContext() {
 }
 var Root12 = forwardRef16(function FieldRoot({ children, className, id }, ref) {
   const [snapshot, send] = useAeonMachine(fieldMachine);
-  const stateAttr = stateToAttr(snapshot.value);
-  const invalid = typeof snapshot.value === "object" && snapshot.value !== null && "validation" in snapshot.value && snapshot.value.validation === "invalid";
-  const pending = typeof snapshot.value === "object" && snapshot.value !== null && "submission" in snapshot.value && snapshot.value.submission === "pending";
-  const value = useMemo12(
-    () => ({ stateAttr, send, invalid, pending }),
-    [stateAttr, send, invalid, pending]
-  );
-  return /* @__PURE__ */ jsx18(FieldCtx.Provider, { value, children: /* @__PURE__ */ jsx18(
+  const face = fieldFace(snapshot.value);
+  const regions = fieldRegions(snapshot.value);
+  const invalid = regions.validation === "invalid";
+  const pending = regions.submission === "pending";
+  const value = useMemo11(
+    () => ({
+      face,
+      stateAttr: face,
+      interaction: regions.interaction,
+      validation: regions.validation,
+      submission: regions.submission,
+      send,
+      invalid,
+      pending
+    }),
+    [face, regions.interaction, regions.validation, regions.submission, send, invalid, pending]
+  );
+  return /* @__PURE__ */ jsx17(FieldCtx.Provider, { value, children: /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
       id,
       className,
-      ...partAttrs14(fieldAnatomy.scope, fieldAnatomy.root, { state: stateAttr }),
+      "data-aeon-interaction": regions.interaction,
+      "data-aeon-validation": regions.validation,
+      "data-aeon-submission": regions.submission,
+      ...partAttrs13(fieldAnatomy.scope, fieldAnatomy.root, { state: face }),
       children
     }
   ) });
 });
 var Label5 = forwardRef16(function FieldLabel(props, ref) {
-  return /* @__PURE__ */ jsx18("label", { ref, ...partOnlyAttrs9(fieldAnatomy.label), ...props });
+  return /* @__PURE__ */ jsx17("label", { ref, ...partOnlyAttrs9(fieldAnatomy.label), ...props });
 });
 var Control3 = forwardRef16(function FieldControl({ validate, onChange, onBlur, ...rest }, ref) {
   const { send, invalid } = useFieldContext();
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "input",
     {
       ref,
@@ -1684,7 +1700,7 @@ var Control3 = forwardRef16(function FieldControl({ validate, onChange, onBlur,
 });
 var Textarea = forwardRef16(function FieldTextarea({ validate, onChange, onBlur, ...rest }, ref) {
   const { send, invalid } = useFieldContext();
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "textarea",
     {
       ref,
@@ -1709,34 +1725,35 @@ var Textarea = forwardRef16(function FieldTextarea({ validate, onChange, onBlur,
   );
 });
 var Message = forwardRef16(
-  function FieldMessage(props, ref) {
+  function FieldMessage({ children, ...props }, ref) {
     const { invalid } = useFieldContext();
     if (!invalid) return null;
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx17(
       "p",
       {
         ref,
         role: "alert",
         ...partOnlyAttrs9(fieldAnatomy.message, { state: "invalid" }),
-        ...props
+        ...props,
+        children: children ?? "Check this field."
       }
     );
   }
 );
 var Hint = forwardRef16(
   function FieldHint(props, ref) {
-    return /* @__PURE__ */ jsx18("p", { ref, ...partOnlyAttrs9(fieldAnatomy.hint), ...props });
+    return /* @__PURE__ */ jsx17("p", { ref, ...partOnlyAttrs9(fieldAnatomy.hint), ...props });
   }
 );
-var Field = { Root: Root12, Label: Label5, Control: Control3, Textarea, Message, Hint };
+var Field = { Root: Root12, Label: Label5, Control: Control3, Input: Control3, Textarea, Message, Hint };
 
 // src/scroll/index.tsx
-import { scrollAnatomy, partAttrs as partAttrs15, partOnlyAttrs as partOnlyAttrs10 } from "@aeon-ui/core";
+import { scrollAnatomy, partAttrs as partAttrs14, partOnlyAttrs as partOnlyAttrs10 } from "@aeon-ui/core";
 import {
   createContext as createContext12,
   forwardRef as forwardRef17,
   useContext as useContext12,
-  useMemo as useMemo13,
+  useMemo as useMemo12,
   useRef as useRef4
 } from "react";
 
@@ -1766,7 +1783,7 @@ function useScrollState(ref) {
 }
 
 // src/scroll/index.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var ScrollCtx = createContext12(null);
 function useScrollContext() {
   const ctx = useContext12(ScrollCtx);
@@ -1776,15 +1793,15 @@ function useScrollContext() {
 var Root13 = forwardRef17(function ScrollRoot({ children, className, ...rest }, ref) {
   const viewportRef = useRef4(null);
   const stateAttr = useScrollState(viewportRef);
-  const value = useMemo13(() => ({ stateAttr }), [stateAttr]);
-  return /* @__PURE__ */ jsx19(ScrollCtx.Provider, { value, children: /* @__PURE__ */ jsx19(
+  const value = useMemo12(() => ({ stateAttr }), [stateAttr]);
+  return /* @__PURE__ */ jsx18(ScrollCtx.Provider, { value, children: /* @__PURE__ */ jsx18(
     "div",
     {
       ref,
       className,
-      ...partAttrs15(scrollAnatomy.scope, scrollAnatomy.root),
+      ...partAttrs14(scrollAnatomy.scope, scrollAnatomy.root),
       ...rest,
-      children: /* @__PURE__ */ jsx19(ScrollViewportRefContext.Provider, { value: viewportRef, children })
+      children: /* @__PURE__ */ jsx18(ScrollViewportRefContext.Provider, { value: viewportRef, children })
     }
   ) });
 });
@@ -1794,7 +1811,7 @@ var ScrollViewportRefContext = createContext12(
 var Viewport = forwardRef17(function ScrollViewport({ children, className, ...rest }, forwardedRef) {
   const ctxRef = useContext12(ScrollViewportRefContext);
   const { stateAttr } = useScrollContext();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       ref: (node) => {
@@ -1804,14 +1821,14 @@ var Viewport = forwardRef17(function ScrollViewport({ children, className, ...re
       },
       className,
       "data-aeon-scroll": "",
-      ...partAttrs15(scrollAnatomy.scope, scrollAnatomy.viewport, { state: stateAttr }),
+      ...partAttrs14(scrollAnatomy.scope, scrollAnatomy.viewport, { state: stateAttr }),
       ...rest,
       children
     }
   );
 });
 var Content3 = forwardRef17(function ScrollContent(props, ref) {
-  return /* @__PURE__ */ jsx19("div", { ref, ...partOnlyAttrs10(scrollAnatomy.content), ...props });
+  return /* @__PURE__ */ jsx18("div", { ref, ...partOnlyAttrs10(scrollAnatomy.content), ...props });
 });
 var Scroll = {
   Root: Root13,
@@ -1820,21 +1837,21 @@ var Scroll = {
 };
 
 // src/select/index.tsx
-import { selectAnatomy, partAttrs as partAttrs17, partOnlyAttrs as partOnlyAttrs11 } from "@aeon-ui/core";
+import { selectAnatomy, partAttrs as partAttrs16, partOnlyAttrs as partOnlyAttrs11 } from "@aeon-ui/core";
 import { popoverMachine } from "@aeon-ui/primitives";
 import {
   createContext as createContext13,
   forwardRef as forwardRef19,
-  useCallback as useCallback3,
+  useCallback as useCallback4,
   useContext as useContext13,
   useId as useId2,
-  useMemo as useMemo14,
+  useMemo as useMemo13,
   useRef as useRef5,
   useState as useState4
 } from "react";
 
 // src/floating/FloatingPositioner.tsx
-import { partAttrs as partAttrs16 } from "@aeon-ui/core";
+import { partAttrs as partAttrs15 } from "@aeon-ui/core";
 import { forwardRef as forwardRef18 } from "react";
 
 // src/hooks/use-anchor-position.ts
@@ -1879,7 +1896,7 @@ function useAnchorPosition(anchorRef, floatingRef, active, placement = "bottom-s
 }
 
 // src/floating/FloatingPositioner.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var FloatingPositioner = forwardRef18(
   function FloatingPositioner2({
     open,
@@ -1899,7 +1916,7 @@ var FloatingPositioner = forwardRef18(
       matchWidth: matchAnchorWidth
     });
     if (!open) return null;
-    const node = /* @__PURE__ */ jsx20(
+    const node = /* @__PURE__ */ jsx19(
       "div",
       {
         ref: (el) => {
@@ -1908,7 +1925,7 @@ var FloatingPositioner = forwardRef18(
           else if (ref) ref.current = el;
         },
         className,
-        ...mergeProps(partAttrs16(scope, part, { state: "open" }), rest),
+        ...mergeProps(partAttrs15(scope, part, { state: "open" }), rest),
         children
       }
     );
@@ -1932,7 +1949,7 @@ function useOutsideClick(refs, enabled, onOutside) {
 }
 
 // src/select/index.tsx
-import { jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs2 } from "react/jsx-runtime";
 var SelectCtx = createContext13(null);
 var SelectPositionerCtx = createContext13(false);
 function useSelectCtx() {
@@ -1954,26 +1971,26 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
   const rootRef = useRef5(null);
   const listboxId = useId2();
   const open = disabled ? false : snapshot.matches("open");
-  const close = useCallback3(() => {
+  const close = useCallback4(() => {
     send({ type: "CLOSE" });
     setHighlightedValue(null);
   }, [send]);
   useOutsideClick([rootRef, positionerRef], open, () => send({ type: "POINTER_DOWN_OUTSIDE" }));
-  const getOptionValues = useCallback3(
+  const getOptionValues = useCallback4(
     () => optionValuesFromDom(listboxId, contentRef.current),
     [listboxId, open]
   );
-  const selectValue = useCallback3(
+  const selectValue = useCallback4(
     (next) => {
       onValueChange?.(next);
       close();
     },
     [onValueChange, close]
   );
-  const highlightValue = useCallback3((next) => {
+  const highlightValue = useCallback4((next) => {
     setHighlightedValue(next);
   }, []);
-  const moveHighlight = useCallback3(
+  const moveHighlight = useCallback4(
     (delta) => {
       const options = getOptionValues();
       if (options.length === 0) {
@@ -1988,7 +2005,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
     },
     [getOptionValues, highlightedValue]
   );
-  const onListboxKeyDown = useCallback3(
+  const onListboxKeyDown = useCallback4(
     (e) => {
       if (e.defaultPrevented) return;
       if ((e.key === "Enter" || e.key === " ") && !open) {
@@ -2031,7 +2048,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
     },
     [open, send, moveHighlight, getOptionValues, highlightValue, highlightedValue, selectValue]
   );
-  const ctx = useMemo14(
+  const ctx = useMemo13(
     () => ({
       value,
       open,
@@ -2060,7 +2077,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
       onListboxKeyDown
     ]
   );
-  return /* @__PURE__ */ jsx21(SelectCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(SelectCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx20(
     "div",
     {
       ref: (node) => {
@@ -2069,7 +2086,7 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
         else if (ref) ref.current = node;
       },
       className,
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.root, {
+      ...partAttrs16(selectAnatomy.scope, selectAnatomy.root, {
         state: open ? "open" : "closed"
       }),
       children
@@ -2077,11 +2094,11 @@ var Root14 = forwardRef19(function SelectRoot({ value, onValueChange, children,
   ) });
 });
 var ValueText2 = forwardRef19(function SelectValueText(props, ref) {
-  return /* @__PURE__ */ jsx21("span", { ref, ...partOnlyAttrs11(selectAnatomy.value), ...props });
+  return /* @__PURE__ */ jsx20("span", { ref, ...partOnlyAttrs11(selectAnatomy.value), ...props });
 });
 var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDown, ...rest }, ref) {
   const { open, send, listboxId, triggerRef, onListboxKeyDown } = useSelectCtx();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       ref: (node) => {
@@ -2093,7 +2110,7 @@ var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDow
       "aria-haspopup": "listbox",
       "aria-expanded": open,
       "aria-controls": open ? listboxId : void 0,
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.trigger, { state: open ? "open" : "closed" }),
+      ...partAttrs16(selectAnatomy.scope, selectAnatomy.trigger, { state: open ? "open" : "closed" }),
       ...mergeProps(rest, {
         onClick: (e) => {
           onClick?.(e);
@@ -2106,14 +2123,14 @@ var Trigger3 = forwardRef19(function SelectTrigger({ children, onClick, onKeyDow
       }),
       children: [
         children,
-        /* @__PURE__ */ jsx21("span", { ...partOnlyAttrs11(selectAnatomy.icon), "aria-hidden": true })
+        /* @__PURE__ */ jsx20("span", { ...partOnlyAttrs11(selectAnatomy.icon), "aria-hidden": true })
       ]
     }
   );
 });
 var Positioner2 = forwardRef19(function SelectPositioner({ portalled = true, children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = useSelectCtx();
-  return /* @__PURE__ */ jsx21(SelectPositionerCtx.Provider, { value: true, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(SelectPositionerCtx.Provider, { value: true, children: /* @__PURE__ */ jsx20(
     FloatingPositioner,
     {
       ref,
@@ -2135,7 +2152,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
   const { open, listboxId, contentRef, highlightedValue, onListboxKeyDown, triggerRef, positionerRef } = useSelectCtx();
   if (!open) return null;
   const activeId = highlightedValue && open ? `${listboxId}-option-${highlightedValue}` : void 0;
-  const listbox = /* @__PURE__ */ jsx21(
+  const listbox = /* @__PURE__ */ jsx20(
     "div",
     {
       ref: (node) => {
@@ -2148,7 +2165,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
       "aria-activedescendant": activeId,
       className,
       "data-aeon-scroll": "",
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.content, { state: "open" }),
+      ...partAttrs16(selectAnatomy.scope, selectAnatomy.content, { state: "open" }),
       ...mergeProps(rest, {
         onKeyDown: (e) => {
           onKeyDown?.(e);
@@ -2159,7 +2176,7 @@ var Content4 = forwardRef19(function SelectContent({ portalled = true, onKeyDown
     }
   );
   if (inPositioner) return listbox;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     FloatingPositioner,
     {
       open,
@@ -2177,7 +2194,7 @@ var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children
   const { value: selected, listboxId, highlightedValue, selectValue } = useSelectCtx();
   const selectedState = value === selected;
   const highlighted = value === highlightedValue;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       ref,
@@ -2186,7 +2203,7 @@ var Item3 = forwardRef19(function SelectItem({ value, disabled = false, children
       id: `${listboxId}-option-${value}`,
       "aria-selected": selectedState,
       disabled,
-      ...partAttrs17(selectAnatomy.scope, selectAnatomy.item, {
+      ...partAttrs16(selectAnatomy.scope, selectAnatomy.item, {
         state: selectedState ? "selected" : highlighted ? "highlighted" : "idle",
         highlighted
       }),
@@ -2210,19 +2227,19 @@ var Select = {
 };
 
 // src/combobox/index.tsx
-import { comboboxAnatomy, partAttrs as partAttrs18, partOnlyAttrs as partOnlyAttrs12 } from "@aeon-ui/core";
+import { comboboxAnatomy, partAttrs as partAttrs17, partOnlyAttrs as partOnlyAttrs12 } from "@aeon-ui/core";
 import {
   createContext as createContext14,
   forwardRef as forwardRef20,
-  useCallback as useCallback4,
+  useCallback as useCallback5,
   useContext as useContext14,
   useEffect as useEffect14,
   useId as useId3,
-  useMemo as useMemo15,
+  useMemo as useMemo14,
   useRef as useRef6,
   useState as useState5
 } from "react";
-import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
 var ComboboxCtx = createContext14(null);
 function useComboboxCtx() {
   const ctx = useContext14(ComboboxCtx);
@@ -2246,7 +2263,7 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
   const [itemsVersion, setItemsVersion] = useState5(0);
   const itemsRef = useRef6([]);
   const listboxId = useId3();
-  const setOpen = useCallback4(
+  const setOpen = useCallback5(
     (next) => {
       if (disabled) return;
       setOpenState(next);
@@ -2257,16 +2274,16 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
     },
     [disabled]
   );
-  const registerItem = useCallback4((item) => {
+  const registerItem = useCallback5((item) => {
     itemsRef.current = [...itemsRef.current.filter((i) => i.value !== item.value), item];
     setItemsVersion((v) => v + 1);
   }, []);
-  const unregisterItem = useCallback4((valueKey) => {
+  const unregisterItem = useCallback5((valueKey) => {
     itemsRef.current = itemsRef.current.filter((i) => i.value !== valueKey);
     setItemsVersion((v) => v + 1);
   }, []);
-  const getItems = useCallback4(() => itemsRef.current, []);
-  const ctx = useMemo15(
+  const getItems = useCallback5(() => itemsRef.current, []);
+  const ctx = useMemo14(
     () => ({
       value,
       open: disabled ? false : open,
@@ -2297,12 +2314,12 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
       disabled
     ]
   );
-  return /* @__PURE__ */ jsx22(ComboboxCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(ComboboxCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
       className,
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.root, {
+      ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.root, {
         state: open ? "open" : "closed"
       }),
       children
@@ -2311,7 +2328,7 @@ var Root15 = forwardRef20(function ComboboxRoot({ value, onValueChange, children
 });
 function useVisibleItems() {
   const { query, getItems, itemsVersion } = useComboboxCtx();
-  return useMemo15(() => {
+  return useMemo14(() => {
     void itemsVersion;
     return getItems().filter((i) => matchesQuery(i.label, query));
   }, [query, getItems, itemsVersion]);
@@ -2332,12 +2349,12 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
   } = useComboboxCtx();
   const inputRef = useRef6(null);
   const visible = useVisibleItems();
-  const selectedLabel = useMemo15(() => {
+  const selectedLabel = useMemo14(() => {
     void itemsVersion;
     return getItems().find((i) => i.value === selected)?.label ?? "";
   }, [getItems, selected, itemsVersion]);
   const displayValue = open ? query : selectedLabel;
-  const selectValue = useCallback4(
+  const selectValue = useCallback5(
     (next) => {
       onValueChange?.(next);
       setOpen(false);
@@ -2346,7 +2363,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     },
     [onValueChange, setOpen, setQuery, setHighlightedValue]
   );
-  const moveHighlight = useCallback4(
+  const moveHighlight = useCallback5(
     (delta) => {
       if (visible.length === 0) {
         setHighlightedValue(null);
@@ -2360,7 +2377,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     },
     [visible, highlightedValue, setHighlightedValue]
   );
-  const setRefs = useCallback4(
+  const setRefs = useCallback5(
     (node) => {
       inputRef.current = node;
       if (typeof ref === "function") ref(node);
@@ -2385,8 +2402,8 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
     };
   }, [open, setOpen]);
   const activeDescendant = highlightedValue && open ? `${listboxId}-option-${highlightedValue}` : void 0;
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx21(
       "input",
       {
         ref: setRefs,
@@ -2398,7 +2415,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
         "aria-activedescendant": activeDescendant,
         autoComplete: "off",
         value: valueProp ?? displayValue,
-        ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.input, { state: open ? "open" : "closed" }),
+        ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.input, { state: open ? "open" : "closed" }),
         ...mergeProps(rest, {
           onFocus: (e) => {
             onFocus?.(e);
@@ -2447,7 +2464,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
         })
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx21(
       "span",
       {
         ...partOnlyAttrs12(comboboxAnatomy.icon, { state: open ? "open" : "closed" }),
@@ -2460,7 +2477,7 @@ var Input2 = forwardRef20(function ComboboxInput({ onChange, onKeyDown, onFocus,
 var Content5 = forwardRef20(function ComboboxContent({ children, className, ...rest }, ref) {
   const { open, listboxId } = useComboboxCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -2468,7 +2485,7 @@ var Content5 = forwardRef20(function ComboboxContent({ children, className, ...r
       role: "listbox",
       className,
       "data-aeon-scroll": "",
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.content),
+      ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.content),
       ...rest,
       children
     }
@@ -2495,7 +2512,7 @@ var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onC
   if (!matchesQuery(label, query)) return null;
   const selectedState = value === selected;
   const highlighted = value === highlightedValue;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "button",
     {
       ref,
@@ -2504,7 +2521,7 @@ var Item4 = forwardRef20(function ComboboxItem({ value, textValue, children, onC
       id: resolvedOptionId,
       "aria-selected": selectedState,
       "data-highlighted": highlighted ? "" : void 0,
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.item, {
+      ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.item, {
         state: selectedState ? "selected" : "idle",
         highlighted
       }),
@@ -2526,12 +2543,12 @@ var Empty = forwardRef20(function ComboboxEmpty({ children, className, ...rest }
   const { open, query } = useComboboxCtx();
   const visible = useVisibleItems();
   if (!open || !query.trim() || visible.length > 0) return null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
       className,
-      ...partAttrs18(comboboxAnatomy.scope, comboboxAnatomy.empty),
+      ...partAttrs17(comboboxAnatomy.scope, comboboxAnatomy.empty),
       ...rest,
       children: children ?? "No results"
     }
@@ -2546,19 +2563,19 @@ var Combobox = {
 };
 
 // src/popover/index.tsx
-import { popoverAnatomy, partAttrs as partAttrs19 } from "@aeon-ui/core";
+import { popoverAnatomy, partAttrs as partAttrs18 } from "@aeon-ui/core";
 import { popoverMachine as popoverMachine2 } from "@aeon-ui/primitives";
 import {
   createContext as createContext15,
   forwardRef as forwardRef21,
-  useCallback as useCallback5,
+  useCallback as useCallback6,
   useContext as useContext15,
   useEffect as useEffect15,
   useId as useId4,
-  useMemo as useMemo16,
+  useMemo as useMemo15,
   useRef as useRef7
 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var PopoverCtx = createContext15(null);
 function usePopoverCtx() {
   const ctx = useContext15(PopoverCtx);
@@ -2581,13 +2598,13 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
   useEffect15(() => {
     if (open !== void 0) send({ type: "SET_OPEN", open });
   }, [open, send]);
-  const close = useCallback5(() => send({ type: "CLOSE" }), [send]);
+  const close = useCallback6(() => send({ type: "CLOSE" }), [send]);
   useOutsideClick([rootRef, positionerRef], resolvedOpen, close);
-  const value = useMemo16(
+  const value = useMemo15(
     () => ({ open: resolvedOpen, send, triggerId, contentId, triggerRef, positionerRef }),
     [resolvedOpen, send, triggerId, contentId]
   );
-  return /* @__PURE__ */ jsx23(PopoverCtx.Provider, { value, children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(PopoverCtx.Provider, { value, children: /* @__PURE__ */ jsx22(
     "div",
     {
       ref: (node) => {
@@ -2597,7 +2614,7 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
       },
       className,
       ...mergeProps(
-        partAttrs19(popoverAnatomy.scope, popoverAnatomy.root, {
+        partAttrs18(popoverAnatomy.scope, popoverAnatomy.root, {
           state: resolvedOpen ? "open" : "closed"
         }),
         rest
@@ -2608,7 +2625,7 @@ var Root16 = forwardRef21(function PopoverRoot({ open, defaultOpen = false, onOp
 });
 var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
   const { open, send, triggerId, contentId, triggerRef } = usePopoverCtx();
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       ref: (node) => {
@@ -2621,7 +2638,7 @@ var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
       "aria-expanded": open,
       "aria-controls": open ? contentId : void 0,
       ...mergeProps(
-        partAttrs19(popoverAnatomy.scope, popoverAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs18(popoverAnatomy.scope, popoverAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2635,7 +2652,7 @@ var Trigger4 = forwardRef21(function PopoverTrigger({ onClick, ...rest }, ref) {
 });
 var Positioner3 = forwardRef21(function PopoverPositioner({ portalled = true, placement = "bottom-start", children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = usePopoverCtx();
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     FloatingPositioner,
     {
       ref,
@@ -2655,7 +2672,7 @@ var Positioner3 = forwardRef21(function PopoverPositioner({ portalled = true, pl
 var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref) {
   const { open, send, triggerId, contentId } = usePopoverCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       ref,
@@ -2664,7 +2681,7 @@ var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref)
       "aria-modal": false,
       "aria-labelledby": triggerId,
       ...mergeProps(
-        partAttrs19(popoverAnatomy.scope, popoverAnatomy.content, { state: "open" }),
+        partAttrs18(popoverAnatomy.scope, popoverAnatomy.content, { state: "open" }),
         {
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -2679,19 +2696,19 @@ var Content6 = forwardRef21(function PopoverContent({ onKeyDown, ...rest }, ref)
 var Arrow = forwardRef21(function PopoverArrow(props, ref) {
   const { open } = usePopoverCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx23("div", { ref, ...mergeProps(partAttrs19(popoverAnatomy.scope, popoverAnatomy.arrow), props) });
+  return /* @__PURE__ */ jsx22("div", { ref, ...mergeProps(partAttrs18(popoverAnatomy.scope, popoverAnatomy.arrow), props) });
 });
 var CloseTrigger2 = forwardRef21(
   function PopoverCloseTrigger({ onClick, ...rest }, ref) {
     const { send } = usePopoverCtx();
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx22(
       "button",
       {
         ref,
         type: "button",
         "aria-label": "Close",
         ...mergeProps(
-          partAttrs19(popoverAnatomy.scope, popoverAnatomy.closeTrigger),
+          partAttrs18(popoverAnatomy.scope, popoverAnatomy.closeTrigger),
           {
             onClick: (e) => {
               onClick?.(e);
@@ -2707,19 +2724,19 @@ var CloseTrigger2 = forwardRef21(
 var Popover = { Root: Root16, Trigger: Trigger4, Positioner: Positioner3, Content: Content6, Arrow, CloseTrigger: CloseTrigger2 };
 
 // src/menu/index.tsx
-import { menuAnatomy, partAttrs as partAttrs20 } from "@aeon-ui/core";
+import { menuAnatomy, partAttrs as partAttrs19 } from "@aeon-ui/core";
 import { popoverMachine as popoverMachine3 } from "@aeon-ui/primitives";
 import {
   createContext as createContext16,
   forwardRef as forwardRef22,
-  useCallback as useCallback6,
+  useCallback as useCallback7,
   useContext as useContext16,
   useEffect as useEffect16,
   useId as useId5,
-  useMemo as useMemo17,
+  useMemo as useMemo16,
   useRef as useRef8
 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var MenuCtx = createContext16(null);
 function useMenuCtx() {
   const ctx = useContext16(MenuCtx);
@@ -2740,13 +2757,13 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
   useEffect16(() => {
     if (open !== void 0) send({ type: "SET_OPEN", open });
   }, [open, send]);
-  const close = useCallback6(() => send({ type: "CLOSE" }), [send]);
+  const close = useCallback7(() => send({ type: "CLOSE" }), [send]);
   useOutsideClick([rootRef, positionerRef], resolvedOpen, close);
-  const value = useMemo17(
+  const value = useMemo16(
     () => ({ open: resolvedOpen, send, triggerId, menuId, triggerRef, positionerRef }),
     [resolvedOpen, send, triggerId, menuId]
   );
-  return /* @__PURE__ */ jsx24(MenuCtx.Provider, { value, children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(MenuCtx.Provider, { value, children: /* @__PURE__ */ jsx23(
     "div",
     {
       ref: (node) => {
@@ -2756,7 +2773,7 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
       },
       className,
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.root, { state: resolvedOpen ? "open" : "closed" }),
+        partAttrs19(menuAnatomy.scope, menuAnatomy.root, { state: resolvedOpen ? "open" : "closed" }),
         rest
       ),
       children
@@ -2765,7 +2782,7 @@ var Root17 = forwardRef22(function MenuRoot({ open, defaultOpen = false, onOpenC
 });
 var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
   const { open, send, triggerId, menuId, triggerRef } = useMenuCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       ref: (node) => {
@@ -2779,7 +2796,7 @@ var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
       "aria-expanded": open,
       "aria-controls": open ? menuId : void 0,
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs19(menuAnatomy.scope, menuAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2793,7 +2810,7 @@ var Trigger5 = forwardRef22(function MenuTrigger({ onClick, ...rest }, ref) {
 });
 var Positioner4 = forwardRef22(function MenuPositioner({ portalled = true, placement = "bottom-start", children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = useMenuCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     FloatingPositioner,
     {
       ref,
@@ -2813,14 +2830,14 @@ var Positioner4 = forwardRef22(function MenuPositioner({ portalled = true, place
 var Content7 = forwardRef22(function MenuContent({ onKeyDown, ...rest }, ref) {
   const { open, send, menuId } = useMenuCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
       id: menuId,
       role: "menu",
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.content, { state: "open" }),
+        partAttrs19(menuAnatomy.scope, menuAnatomy.content, { state: "open" }),
         {
           onKeyDown: (e) => {
             onKeyDown?.(e);
@@ -2834,14 +2851,14 @@ var Content7 = forwardRef22(function MenuContent({ onKeyDown, ...rest }, ref) {
 });
 var Item5 = forwardRef22(function MenuItem({ closeOnSelect = true, onClick, ...rest }, ref) {
   const { send } = useMenuCtx();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       ref,
       type: "button",
       role: "menuitem",
       ...mergeProps(
-        partAttrs20(menuAnatomy.scope, menuAnatomy.item),
+        partAttrs19(menuAnatomy.scope, menuAnatomy.item),
         {
           onClick: (e) => {
             onClick?.(e);
@@ -2854,19 +2871,19 @@ var Item5 = forwardRef22(function MenuItem({ closeOnSelect = true, onClick, ...r
   );
 });
 var Separator2 = forwardRef22(function MenuSeparator(props, ref) {
-  return /* @__PURE__ */ jsx24("div", { ref, role: "separator", ...mergeProps(partAttrs20(menuAnatomy.scope, menuAnatomy.separator), props) });
+  return /* @__PURE__ */ jsx23("div", { ref, role: "separator", ...mergeProps(partAttrs19(menuAnatomy.scope, menuAnatomy.separator), props) });
 });
 var Menu = { Root: Root17, Trigger: Trigger5, Positioner: Positioner4, Content: Content7, Item: Item5, Separator: Separator2 };
 
 // src/tooltip/index.tsx
-import { tooltipAnatomy, partAttrs as partAttrs21 } from "@aeon-ui/core";
+import { tooltipAnatomy, partAttrs as partAttrs20 } from "@aeon-ui/core";
 import {
   createContext as createContext17,
   forwardRef as forwardRef23,
   useContext as useContext17,
   useEffect as useEffect18,
   useId as useId6,
-  useMemo as useMemo18,
+  useMemo as useMemo17,
   useRef as useRef9,
   useState as useState7
 } from "react";
@@ -2886,7 +2903,7 @@ function usePrefersHover() {
 }
 
 // src/tooltip/index.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var TooltipCtx = createContext17(null);
 function useTooltipCtx() {
   const ctx = useContext17(TooltipCtx);
@@ -2964,7 +2981,7 @@ var Root18 = forwardRef23(function TooltipRoot({
     else showImmediately();
   };
   useOutsideClick([triggerRef, positionerRef], resolvedOpen && !prefersHover && outsideClickEnabled, hideNow);
-  const value = useMemo18(
+  const value = useMemo17(
     () => ({
       open: resolvedOpen,
       setOpen,
@@ -2982,13 +2999,13 @@ var Root18 = forwardRef23(function TooltipRoot({
     }),
     [resolvedOpen, triggerId, contentId, openDelay, closeDelay, touchDurationMs, touchOutsideGraceMs, showOnFocus, prefersHover]
   );
-  return /* @__PURE__ */ jsx25(TooltipCtx.Provider, { value, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(TooltipCtx.Provider, { value, children: /* @__PURE__ */ jsx24(
     "div",
     {
       ref,
       className,
       ...mergeProps(
-        partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.root, {
+        partAttrs20(tooltipAnatomy.scope, tooltipAnatomy.root, {
           state: resolvedOpen ? "open" : "closed"
         }),
         rest
@@ -3010,7 +3027,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
     showOnFocus,
     prefersHover
   } = useTooltipCtx();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       ref: (node) => {
@@ -3022,7 +3039,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
       tabIndex: 0,
       "aria-describedby": open ? contentId : void 0,
       ...mergeProps(
-        partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.trigger, { state: open ? "open" : "closed" }),
+        partAttrs20(tooltipAnatomy.scope, tooltipAnatomy.trigger, { state: open ? "open" : "closed" }),
         {
           onMouseEnter: (e) => {
             onMouseEnter?.(e);
@@ -3056,7 +3073,7 @@ var Trigger6 = forwardRef23(function TooltipTrigger({ onClick, onMouseEnter, onM
 });
 var Positioner5 = forwardRef23(function TooltipPositioner({ portalled = true, placement = "top-start", children, className, ...rest }, ref) {
   const { open, triggerRef, positionerRef } = useTooltipCtx();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     FloatingPositioner,
     {
       ref,
@@ -3076,25 +3093,25 @@ var Positioner5 = forwardRef23(function TooltipPositioner({ portalled = true, pl
 var Content8 = forwardRef23(function TooltipContent(props, ref) {
   const { open, contentId } = useTooltipCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ref,
       id: contentId,
       role: "tooltip",
-      ...mergeProps(partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.content, { state: "open" }), props)
+      ...mergeProps(partAttrs20(tooltipAnatomy.scope, tooltipAnatomy.content, { state: "open" }), props)
     }
   );
 });
 var Arrow2 = forwardRef23(function TooltipArrow(props, ref) {
   const { open } = useTooltipCtx();
   if (!open) return null;
-  return /* @__PURE__ */ jsx25("div", { ref, ...mergeProps(partAttrs21(tooltipAnatomy.scope, tooltipAnatomy.arrow), props) });
+  return /* @__PURE__ */ jsx24("div", { ref, ...mergeProps(partAttrs20(tooltipAnatomy.scope, tooltipAnatomy.arrow), props) });
 });
 var Tooltip = { Root: Root18, Trigger: Trigger6, Positioner: Positioner5, Content: Content8, Arrow: Arrow2 };
 
 // src/toast/primitives.tsx
-import { toastAnatomy, partAttrs as partAttrs22 } from "@aeon-ui/core";
+import { toastAnatomy, partAttrs as partAttrs21 } from "@aeon-ui/core";
 import { toastMachine } from "@aeon-ui/primitives";
 import {
   createContext as createContext18,
@@ -3102,10 +3119,10 @@ import {
   useContext as useContext18,
   useEffect as useEffect19,
   useId as useId7,
-  useMemo as useMemo19,
+  useMemo as useMemo18,
   useRef as useRef10
 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var ToastCtx = createContext18(null);
 function useToastCtx() {
   const ctx = useContext18(ToastCtx);
@@ -3128,8 +3145,8 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
     }
     if (hasBeenVisible.current) onVisibleChange?.(false);
   }, [visible, onVisibleChange]);
-  const value = useMemo19(() => ({ visible, send, titleId }), [visible, send, titleId]);
-  return /* @__PURE__ */ jsx26(ToastCtx.Provider, { value, children: /* @__PURE__ */ jsx26(
+  const value = useMemo18(() => ({ visible, send, titleId }), [visible, send, titleId]);
+  return /* @__PURE__ */ jsx25(ToastCtx.Provider, { value, children: /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
@@ -3137,7 +3154,7 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
       "aria-live": "polite",
       "aria-atomic": "true",
       ...mergeProps(
-        partAttrs22(toastAnatomy.scope, toastAnatomy.root, { state: visible ? "visible" : "hidden" }),
+        partAttrs21(toastAnatomy.scope, toastAnatomy.root, { state: visible ? "visible" : "hidden" }),
         rest
       ),
       className,
@@ -3148,24 +3165,24 @@ var Root19 = forwardRef24(function ToastRoot({ durationMs = 5e3, defaultVisible
 });
 var Title2 = forwardRef24(function ToastTitle(props, ref) {
   const { titleId } = useToastCtx();
-  return /* @__PURE__ */ jsx26("p", { ref, id: titleId, ...mergeProps(partAttrs22(toastAnatomy.scope, toastAnatomy.title), props) });
+  return /* @__PURE__ */ jsx25("p", { ref, id: titleId, ...mergeProps(partAttrs21(toastAnatomy.scope, toastAnatomy.title), props) });
 });
 var Description2 = forwardRef24(
   function ToastDescription(props, ref) {
-    return /* @__PURE__ */ jsx26("p", { ref, ...mergeProps(partAttrs22(toastAnatomy.scope, toastAnatomy.description), props) });
+    return /* @__PURE__ */ jsx25("p", { ref, ...mergeProps(partAttrs21(toastAnatomy.scope, toastAnatomy.description), props) });
   }
 );
 var CloseTrigger3 = forwardRef24(
   function ToastCloseTrigger({ onClick, children, ...rest }, ref) {
     const { send } = useToastCtx();
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx25(
       "button",
       {
         ref,
         type: "button",
-        "aria-label": typeof children === "string" ? void 0 : "Dismiss",
+        "aria-label": "Dismiss",
         ...mergeProps(
-          partAttrs22(toastAnatomy.scope, toastAnatomy.closeTrigger),
+          partAttrs21(toastAnatomy.scope, toastAnatomy.closeTrigger),
           {
             onClick: (e) => {
               onClick?.(e);
@@ -3174,7 +3191,7 @@ var CloseTrigger3 = forwardRef24(
           },
           rest
         ),
-        children: children ?? "Dismiss"
+        children: children ?? "\xD7"
       }
     );
   }
@@ -3191,11 +3208,11 @@ function Show({ durationMs }) {
 }
 
 // src/toast/provider.tsx
-import { toastAnatomy as toastAnatomy2, partAttrs as partAttrs23 } from "@aeon-ui/core";
+import { toastAnatomy as toastAnatomy2, partAttrs as partAttrs22 } from "@aeon-ui/core";
 import {
-  useCallback as useCallback7,
+  useCallback as useCallback8,
   useEffect as useEffect20,
-  useMemo as useMemo20,
+  useMemo as useMemo19,
   useState as useState8
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
@@ -3213,10 +3230,10 @@ function useToastStore() {
 
 // src/toast/toast-item.tsx
 import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx27, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs4 } from "react/jsx-runtime";
 var ToastItem = forwardRef25(function ToastItem2({ item, onExited, className, ...rest }, ref) {
   const { id, title, description, durationMs } = item;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     Root19,
     {
       ref,
@@ -3228,16 +3245,16 @@ var ToastItem = forwardRef25(function ToastItem2({ item, onExited, className, ..
       },
       ...rest,
       children: [
-        title ? /* @__PURE__ */ jsx27(Title2, { children: title }) : null,
-        description ? /* @__PURE__ */ jsx27(Description2, { children: description }) : null,
-        /* @__PURE__ */ jsx27(CloseTrigger3, {})
+        title ? /* @__PURE__ */ jsx26(Title2, { children: title }) : null,
+        description ? /* @__PURE__ */ jsx26(Description2, { children: description }) : null,
+        /* @__PURE__ */ jsx26(CloseTrigger3, {})
       ]
     }
   );
 });
 
 // src/toast/provider.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var PLACEMENT_ATTR = {
   "top-start": "top-start",
   "top-end": "top-end",
@@ -3249,13 +3266,13 @@ function nextToastId() {
 }
 function ToastProvider({ children, limit = 5 }) {
   const [items, setItems] = useState8([]);
-  const dismiss = useCallback7((id) => {
+  const dismiss = useCallback8((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const dismissAll = useCallback7(() => {
+  const dismissAll = useCallback8(() => {
     setItems([]);
   }, []);
-  const publish = useCallback7(
+  const publish = useCallback8(
     (options) => {
       const id = options.id ?? nextToastId();
       const record = { ...options, id };
@@ -3268,11 +3285,11 @@ function ToastProvider({ children, limit = 5 }) {
     },
     [limit]
   );
-  const value = useMemo20(
+  const value = useMemo19(
     () => ({ items, publish, dismiss, dismissAll }),
     [items, publish, dismiss, dismissAll]
   );
-  return /* @__PURE__ */ jsx28(ToastStoreCtx.Provider, { value, children });
+  return /* @__PURE__ */ jsx27(ToastStoreCtx.Provider, { value, children });
 }
 function ToastViewport({ placement = "bottom-end", className, ...rest }) {
   const { items, dismiss } = useToastStore();
@@ -3282,11 +3299,11 @@ function ToastViewport({ placement = "bottom-end", className, ...rest }) {
   }, []);
   if (!mounted) return null;
   return createPortal2(
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         ...mergeProps(
-          partAttrs23(toastAnatomy2.scope, toastAnatomy2.viewport, {
+          partAttrs22(toastAnatomy2.scope, toastAnatomy2.viewport, {
             state: items.length > 0 ? "active" : "idle"
           }),
           {
@@ -3295,7 +3312,7 @@ function ToastViewport({ placement = "bottom-end", className, ...rest }) {
           rest
         ),
         className,
-        children: items.map((item) => /* @__PURE__ */ jsx28(ToastItem, { item, onExited: dismiss }, item.id))
+        children: items.map((item) => /* @__PURE__ */ jsx27(ToastItem, { item, onExited: dismiss }, item.id))
       }
     ),
     document.body
@@ -3317,27 +3334,165 @@ var Toast = {
   Show
 };
 
-// src/avatar/index.tsx
-import { avatarAnatomy, partAttrs as partAttrs24 } from "@aeon-ui/core";
+// src/theme-switcher/index.tsx
+import { partAttrs as partAttrs23, scopeAttrs as scopeAttrs2, themeSwitcherAnatomy } from "@aeon-ui/core";
+import {
+  applyAeonTheme,
+  initAeonTheme
+} from "@aeon-ui/core";
 import {
   createContext as createContext20,
   forwardRef as forwardRef26,
-  useCallback as useCallback8,
   useContext as useContext20,
-  useEffect as useEffect21,
-  useMemo as useMemo21,
+  useLayoutEffect as useLayoutEffect2,
   useState as useState9
 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Root20 = forwardRef26(
+  function ThemeSwitcherRoot({ defaultTheme, defaultMode, onThemeChange, children, ...rest }, ref) {
+    const [themeId, setThemeId] = useState9(defaultTheme ?? "default");
+    const [mode, setMode] = useState9(defaultMode ?? "dark");
+    useLayoutEffect2(() => {
+      const { themeId: t, mode: m } = initAeonTheme();
+      setThemeId(t);
+      setMode(m);
+    }, []);
+    const handleThemeChange = (next) => {
+      setThemeId(next);
+      applyAeonTheme(next, mode);
+      onThemeChange?.(next, mode);
+    };
+    const handleModeChange = (next) => {
+      setMode(next);
+      applyAeonTheme(themeId, next);
+      onThemeChange?.(themeId, next);
+    };
+    return /* @__PURE__ */ jsx28(
+      "div",
+      {
+        ref,
+        ...mergeProps(
+          scopeAttrs2(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.root),
+          rest
+        ),
+        children: /* @__PURE__ */ jsx28(
+          ThemeSwitcherContext.Provider,
+          {
+            value: { themeId, mode, handleThemeChange, handleModeChange },
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var ThemeSwitcherContext = createContext20(null);
+function useThemeSwitcher() {
+  const ctx = useContext20(ThemeSwitcherContext);
+  if (!ctx) throw new Error("ThemeSwitcher parts must be used inside <ThemeSwitcher.Root>");
+  return ctx;
+}
+var Modes = forwardRef26(
+  function ThemeSwitcherModes(props, ref) {
+    return /* @__PURE__ */ jsx28(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": "Color mode",
+        ...mergeProps(
+          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modes),
+          props
+        )
+      }
+    );
+  }
+);
+var ModeBtn = forwardRef26(
+  function ThemeSwitcherModeBtn({ mode, active, ...rest }, ref) {
+    const { handleModeChange } = useThemeSwitcher();
+    return /* @__PURE__ */ jsx28(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-pressed": active,
+        "data-active": active ? "true" : void 0,
+        ...mergeProps(
+          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.modeBtn),
+          rest
+        ),
+        onClick: (e) => {
+          handleModeChange(mode);
+          rest.onClick?.(e);
+        },
+        children: rest.children ?? (mode === "light" ? "Light" : "Dark")
+      }
+    );
+  }
+);
+var ThemeSelect = forwardRef26(
+  function ThemeSwitcherThemeSelect({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx28(
+      "div",
+      {
+        ref,
+        ...mergeProps(
+          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeSelect),
+          rest
+        ),
+        children
+      }
+    );
+  }
+);
+var ThemeTrigger = forwardRef26(
+  function ThemeSwitcherThemeTrigger(props, ref) {
+    const { themeId } = useThemeSwitcher();
+    return /* @__PURE__ */ jsx28(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": `Theme preset: ${themeId}`,
+        ...mergeProps(
+          partAttrs23(themeSwitcherAnatomy.scope, themeSwitcherAnatomy.themeTrigger),
+          props
+        ),
+        children: props.children ?? themeId
+      }
+    );
+  }
+);
+var ThemeSwitcher = {
+  Root: Root20,
+  Modes,
+  ModeBtn,
+  ThemeSelect,
+  ThemeTrigger
+};
+
+// src/avatar/index.tsx
+import { avatarAnatomy, partAttrs as partAttrs24 } from "@aeon-ui/core";
+import {
+  createContext as createContext21,
+  forwardRef as forwardRef27,
+  useCallback as useCallback9,
+  useContext as useContext21,
+  useEffect as useEffect21,
+  useMemo as useMemo20,
+  useState as useState10
+} from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
-var AvatarCtx = createContext20(null);
+var AvatarCtx = createContext21(null);
 function useAvatarCtx() {
-  const ctx = useContext20(AvatarCtx);
+  const ctx = useContext21(AvatarCtx);
   if (!ctx) throw new Error("Avatar parts must be used within Avatar.Root");
   return ctx;
 }
-var Root20 = forwardRef26(function AvatarRoot({ children, className, ...rest }, ref) {
-  const [status, setStatus] = useState9("idle");
-  const value = useMemo21(() => ({ status, setStatus }), [status]);
+var Root21 = forwardRef27(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(
     "span",
     {
@@ -3351,20 +3506,20 @@ var Root20 = forwardRef26(function AvatarRoot({ children, className, ...rest },
     }
   ) });
 });
-var Image = forwardRef26(function AvatarImage({ src, alt, onLoad, onError, className, ...rest }, ref) {
+var Image = forwardRef27(function AvatarImage({ src, alt, onLoad, onError, className, ...rest }, ref) {
   const { status, setStatus } = useAvatarCtx();
   useEffect21(() => {
     if (!src) setStatus("idle");
     else setStatus("loading");
   }, [src, setStatus]);
-  const handleLoad = useCallback8(
+  const handleLoad = useCallback9(
     (e) => {
       onLoad?.(e);
       setStatus("loaded");
     },
     [onLoad, setStatus]
   );
-  const handleError = useCallback8(
+  const handleError = useCallback9(
     (e) => {
       onError?.(e);
       setStatus("error");
@@ -3384,7 +3539,7 @@ var Image = forwardRef26(function AvatarImage({ src, alt, onLoad, onError, class
     }
   );
 });
-var Fallback = forwardRef26(function AvatarFallback({ className, ...rest }, ref) {
+var Fallback = forwardRef27(function AvatarFallback({ className, ...rest }, ref) {
   const { status } = useAvatarCtx();
   const show = status !== "loaded";
   return /* @__PURE__ */ jsx29(
@@ -3398,64 +3553,1187 @@ var Fallback = forwardRef26(function AvatarFallback({ className, ...rest }, ref)
     }
   );
 });
+var Badge = forwardRef27(function AvatarBadge({ presence = "idle", className, ...rest }, ref) {
+  useAvatarCtx();
+  return /* @__PURE__ */ jsx29(
+    "span",
+    {
+      ref,
+      "data-aeon-presence": presence,
+      ...partAttrs24(avatarAnatomy.scope, avatarAnatomy.badge, { state: presence }),
+      className,
+      ...rest
+    }
+  );
+});
 var Avatar = {
-  Root: Root20,
+  Root: Root21,
   Image,
-  Fallback
+  Fallback,
+  Badge
 };
 
-// src/hooks/use-layout-mode.ts
-import { getCompactMq, layoutCompositionForMode, matchLayoutMode } from "@aeon-ui/core";
-import { useEffect as useEffect22, useMemo as useMemo22, useState as useState10 } from "react";
-function useLayoutMode(spec) {
-  const mq = useMemo22(() => getCompactMq(spec), [spec.compactMq]);
-  const [mode, setMode] = useState10(() => matchLayoutMode(spec, mq));
-  useEffect22(() => {
+// 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);
+function useIdentityCtx() {
+  const ctx = useContext22(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(
+    Tag,
+    {
+      ref,
+      "data-aeon-size": size,
+      ...mergeProps(scopeAttrs3(identityAnatomy.scope, identityAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var AvatarSlot = forwardRef28(
+  function IdentityAvatar(props, ref) {
+    useIdentityCtx();
+    return /* @__PURE__ */ jsx30(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.avatar), props)
+      }
+    );
+  }
+);
+var Title3 = forwardRef28(function IdentityTitle(props, ref) {
+  useIdentityCtx();
+  return /* @__PURE__ */ jsx30(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.title), props)
+    }
+  );
+});
+var Subtitle = forwardRef28(
+  function IdentitySubtitle(props, ref) {
+    useIdentityCtx();
+    return /* @__PURE__ */ jsx30(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.subtitle), props)
+      }
+    );
+  }
+);
+var Meta = forwardRef28(function IdentityMeta(props, ref) {
+  useIdentityCtx();
+  return /* @__PURE__ */ jsx30("span", { ref, ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.meta), props) });
+});
+var Trailing = forwardRef28(
+  function IdentityTrailing(props, ref) {
+    useIdentityCtx();
+    return /* @__PURE__ */ jsx30(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs25(identityAnatomy.scope, identityAnatomy.trailing), props)
+      }
+    );
+  }
+);
+var Identity = {
+  Root: Root22,
+  Avatar: AvatarSlot,
+  Title: Title3,
+  Subtitle,
+  Meta,
+  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);
+function useMetricCtx() {
+  const ctx = useContext23(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(
+    "div",
+    {
+      ref,
+      "data-aeon-density": density,
+      role: "group",
+      ...mergeProps(scopeAttrs4(metricStripAnatomy.scope, metricStripAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var Chip = forwardRef29(function MetricChip(props, ref) {
+  useMetricCtx();
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs26(metricStripAnatomy.scope, metricStripAnatomy.chip), props)
+    }
+  );
+});
+var Value = forwardRef29(function MetricValue(props, ref) {
+  useMetricCtx();
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs26(metricStripAnatomy.scope, metricStripAnatomy.value), props)
+    }
+  );
+});
+var Label6 = forwardRef29(function MetricLabel(props, ref) {
+  useMetricCtx();
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs26(metricStripAnatomy.scope, metricStripAnatomy.label), props)
+    }
+  );
+});
+var MetricStrip = {
+  Root: Root23,
+  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) {
+  const buttonType = Tag === "button" ? type ?? "button" : void 0;
+  return /* @__PURE__ */ jsx32(
+    Tag,
+    {
+      ref,
+      type: buttonType,
+      ...mergeProps(scopeAttrs5(listRowAnatomy.scope, listRowAnatomy.root), rest),
+      children
+    }
+  );
+});
+var Leading = forwardRef30(function ListRowLeading(props, ref) {
+  return /* @__PURE__ */ jsx32(
+    "span",
+    {
+      ref,
+      ...mergeProps(partAttrs27(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 Description3 = forwardRef30(
+  function ListRowDescription(props, ref) {
+    return /* @__PURE__ */ jsx32(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs27(listRowAnatomy.scope, listRowAnatomy.description), props)
+      }
+    );
+  }
+);
+var Trailing2 = forwardRef30(
+  function ListRowTrailing(props, ref) {
+    return /* @__PURE__ */ jsx32(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs27(listRowAnatomy.scope, listRowAnatomy.trailing), props)
+      }
+    );
+  }
+);
+var ListRow = {
+  Root: Root24,
+  Leading,
+  Label: Label7,
+  Description: Description3,
+  Trailing: Trailing2
+};
+
+// 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(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs6(entryAnatomy.scope, entryAnatomy.list), rest),
+      children
+    }
+  );
+});
+var Root25 = forwardRef31(function EntryRoot({ as: Tag = "article", state = "idle", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx33(
+    Tag,
+    {
+      ref,
+      ...mergeProps(scopeAttrs6(entryAnatomy.scope, entryAnatomy.root, { state }), rest),
+      children
+    }
+  );
+});
+function Part(part, displayName, defaultTag = "div") {
+  const Comp = forwardRef31(
+    function EntryPart({ as: Tag = defaultTag, ...props }, ref) {
+      return /* @__PURE__ */ jsx33(
+        Tag,
+        {
+          ref,
+          ...mergeProps(partAttrs28(entryAnatomy.scope, part), props)
+        }
+      );
+    }
+  );
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Entry = {
+  List: List2,
+  Root: Root25,
+  Header: Part(entryAnatomy.header, "Entry.Header", "header"),
+  Leading: Part(entryAnatomy.leading, "Entry.Leading", "div"),
+  Heading: Part(entryAnatomy.heading, "Entry.Heading", "div"),
+  Title: Part(entryAnatomy.title, "Entry.Title", "div"),
+  Subtitle: Part(entryAnatomy.subtitle, "Entry.Subtitle", "div"),
+  Meta: Part(entryAnatomy.meta, "Entry.Meta", "span"),
+  Media: Part(entryAnatomy.media, "Entry.Media", "div"),
+  Body: Part(entryAnatomy.body, "Entry.Body", "div"),
+  Values: Part(entryAnatomy.values, "Entry.Values", "div"),
+  Value: Part(entryAnatomy.value, "Entry.Value", "span"),
+  Actions: Part(entryAnatomy.actions, "Entry.Actions", "div"),
+  Footer: Part(entryAnatomy.footer, "Entry.Footer", "footer")
+};
+
+// src/conversation/index.tsx
+import { conversationAnatomy, partAttrs as 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(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs7(conversationAnatomy.scope, conversationAnatomy.root), rest),
+      children
+    }
+  );
+});
+var Item6 = forwardRef32(function ConversationItem({ state = "idle", as: Tag = "button", type, children, ...rest }, ref) {
+  const buttonType = Tag === "button" ? type ?? "button" : void 0;
+  return /* @__PURE__ */ jsx34(
+    Tag,
+    {
+      ref,
+      type: buttonType,
+      ...mergeProps(
+        partAttrs29(conversationAnatomy.scope, conversationAnatomy.item, { state }),
+        rest
+      ),
+      children
+    }
+  );
+});
+function Part2(part, displayName) {
+  const Comp = forwardRef32(function ConversationPart(props, ref) {
+    return /* @__PURE__ */ jsx34(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs29(conversationAnatomy.scope, part), props)
+      }
+    );
+  });
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Conversation = {
+  Root: Root26,
+  Item: Item6,
+  Leading: Part2(conversationAnatomy.leading, "Conversation.Leading"),
+  Body: Part2(conversationAnatomy.body, "Conversation.Body"),
+  Title: Part2(conversationAnatomy.title, "Conversation.Title"),
+  Preview: Part2(conversationAnatomy.preview, "Conversation.Preview"),
+  Meta: Part2(conversationAnatomy.meta, "Conversation.Meta"),
+  Badge: Part2(conversationAnatomy.badge, "Conversation.Badge")
+};
+
+// src/thread/index.tsx
+import { partAttrs as 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(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs8(threadAnatomy.scope, threadAnatomy.root), rest),
+      children
+    }
+  );
+});
+var List3 = forwardRef33(function ThreadList(props, ref) {
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      ref,
+      role: "log",
+      "aria-live": "polite",
+      ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.list), props)
+    }
+  );
+});
+var Item7 = forwardRef33(function ThreadItem({ state = "theirs", ...rest }, ref) {
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.item, { state }), rest)
+    }
+  );
+});
+var Bubble = forwardRef33(function ThreadBubble(props, ref) {
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs30(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 Day = forwardRef33(function ThreadDay(props, ref) {
+  return /* @__PURE__ */ jsx35("div", { ref, ...mergeProps(partAttrs30(threadAnatomy.scope, threadAnatomy.day), props) });
+});
+var Thread = {
+  Root: Root27,
+  List: List3,
+  Item: Item7,
+  Bubble,
+  Meta: Meta2,
+  Day
+};
+
+// src/composer/index.tsx
+import { composerAnatomy, 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 ComposerRoot({ state = "idle", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx36(
+    "form",
+    {
+      ref,
+      ...mergeProps(scopeAttrs9(composerAnatomy.scope, composerAnatomy.root, { state }), rest),
+      children
+    }
+  );
+});
+var Input3 = forwardRef34(
+  function ComposerInput(props, ref) {
+    return /* @__PURE__ */ jsx36(
+      "textarea",
+      {
+        ref,
+        rows: 1,
+        ...mergeProps(partAttrs31(composerAnatomy.scope, composerAnatomy.input), props)
+      }
+    );
+  }
+);
+var Actions = forwardRef34(
+  function ComposerActions(props, ref) {
+    return /* @__PURE__ */ jsx36(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs31(composerAnatomy.scope, composerAnatomy.actions), props)
+      }
+    );
+  }
+);
+var Send = forwardRef34(
+  function ComposerSend(props, ref) {
+    return /* @__PURE__ */ jsx36(
+      "span",
+      {
+        ref,
+        ...mergeProps(partAttrs31(composerAnatomy.scope, composerAnatomy.send), props)
+      }
+    );
+  }
+);
+var Composer = {
+  Root: Root28,
+  Input: Input3,
+  Actions,
+  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(
+    "header",
+    {
+      ref,
+      ...mergeProps(scopeAttrs10(profileHeaderAnatomy.scope, profileHeaderAnatomy.root), rest),
+      children
+    }
+  );
+});
+var Media = forwardRef35(function ProfileHeaderMedia(props, ref) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.media), props)
+    }
+  );
+});
+var IdentitySlot = forwardRef35(
+  function ProfileHeaderIdentity(props, ref) {
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.identity), props)
+      }
+    );
+  }
+);
+var Metrics = forwardRef35(
+  function ProfileHeaderMetrics(props, ref) {
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.metrics), props)
+      }
+    );
+  }
+);
+var Actions2 = forwardRef35(
+  function ProfileHeaderActions(props, ref) {
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        ref,
+        ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.actions), props)
+      }
+    );
+  }
+);
+var Body = forwardRef35(function ProfileHeaderBody(props, ref) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs32(profileHeaderAnatomy.scope, profileHeaderAnatomy.body), props)
+    }
+  );
+});
+var ProfileHeader = {
+  Root: Root29,
+  Media,
+  Identity: IdentitySlot,
+  Metrics,
+  Actions: Actions2,
+  Body
+};
+
+// 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(
+    Tag,
+    {
+      ref,
+      ...mergeProps(scopeAttrs11(barAnatomy.scope, barAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var Zone = forwardRef36(function BarZone({ zone, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs33(barAnatomy.scope, zone), rest),
+      children
+    }
+  );
+});
+var Bar = {
+  Root: Root30,
+  Leading: forwardRef36(
+    function BarLeading(props, ref) {
+      return /* @__PURE__ */ jsx38(Zone, { ref, zone: "leading", ...props });
+    }
+  ),
+  Center: forwardRef36(
+    function BarCenter(props, ref) {
+      return /* @__PURE__ */ jsx38(Zone, { ref, zone: "center", ...props });
+    }
+  ),
+  Trailing: forwardRef36(
+    function BarTrailing(props, ref) {
+      return /* @__PURE__ */ jsx38(Zone, { ref, zone: "trailing", ...props });
+    }
+  )
+};
+
+// src/panel/index.tsx
+import { panelAnatomy, partAttrs as partAttrs34, scopeAttrs as scopeAttrs12 } from "@aeon-ui/core";
+import { panelMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext25,
+  forwardRef as forwardRef37,
+  useContext as useContext24,
+  useEffect as useEffect22,
+  useId as useId8,
+  useMemo as useMemo21
+} from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var PanelCtx = createContext25(null);
+function usePanelCtx() {
+  const ctx = useContext24(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(
+    "div",
+    {
+      ref,
+      className,
+      "data-aeon-orientation": orientation,
+      ...mergeProps(partAttrs34(panelAnatomy.scope, panelAnatomy.group), rest),
+      children
+    }
+  );
+});
+var Root31 = forwardRef37(function PanelRoot({
+  label,
+  defaultExpanded = true,
+  expanded: expandedProp,
+  collapsible = true,
+  onExpandedChange,
+  children,
+  className,
+  ...rest
+}, ref) {
+  const contentId = useId8().replace(/:/g, "");
+  const [snapshot, send] = useAeonMachine(panelMachine, {
+    input: { expanded: defaultExpanded }
+  });
+  const machineExpanded = snapshot.value === "expanded";
+  const expanded = expandedProp ?? machineExpanded;
+  const state = expanded ? "expanded" : "collapsed";
+  useEffect22(() => {
+    onExpandedChange?.(expanded);
+  }, [expanded, onExpandedChange]);
+  useEffect22(() => {
+    if (expandedProp === void 0) return;
+    send({ type: "SET_EXPANDED", expanded: expandedProp });
+  }, [expandedProp, send]);
+  const ctx = useMemo21(
+    () => ({
+      state,
+      expanded,
+      collapsible,
+      label,
+      contentId: `aeon-panel-${contentId}`,
+      send
+    }),
+    [state, expanded, collapsible, label, contentId, send]
+  );
+  return /* @__PURE__ */ jsx39(PanelCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx39(
+    "div",
+    {
+      ref,
+      className,
+      ...mergeProps(
+        scopeAttrs12(panelAnatomy.scope, panelAnatomy.root, { state }),
+        {
+          "data-aeon-collapsible": collapsible ? "true" : void 0
+        },
+        rest
+      ),
+      children
+    }
+  ) });
+});
+var Trigger7 = forwardRef37(function PanelTrigger({ children, onClick, ...rest }, ref) {
+  const { expanded, collapsible, contentId, send, label } = usePanelCtx();
+  return /* @__PURE__ */ jsx39(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-expanded": expanded,
+      "aria-controls": contentId,
+      disabled: !collapsible,
+      ...mergeProps(
+        partAttrs34(panelAnatomy.scope, panelAnatomy.trigger, {
+          state: expanded ? "expanded" : "collapsed"
+        }),
+        rest
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (!e.defaultPrevented && collapsible) send({ type: "TOGGLE" });
+      },
+      children: children ?? (expanded ? "Collapse" : `Expand ${label}`)
+    }
+  );
+});
+var Label8 = forwardRef37(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(
+    "span",
+    {
+      ref,
+      role: collapsible ? "button" : void 0,
+      tabIndex: collapsible ? 0 : void 0,
+      "aria-expanded": collapsible ? expanded : void 0,
+      "aria-controls": collapsible ? contentId : void 0,
+      ...mergeProps(partAttrs34(panelAnatomy.scope, panelAnatomy.label, { state }), rest),
+      onClick: (e) => {
+        onClick?.(e);
+        if (!e.defaultPrevented && collapsible) send({ type: "TOGGLE" });
+      },
+      onKeyDown: (e) => {
+        if (!collapsible) return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          send({ type: "TOGGLE" });
+        }
+      },
+      children: text != null ? state === "collapsed" ? text.split("").map(
+        (ch, i) => ch === " " ? /* @__PURE__ */ 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}`)
+      ) : text : children
+    }
+  );
+});
+var Content9 = forwardRef37(function PanelContent({ children, ...rest }, ref) {
+  const { expanded, contentId, state } = usePanelCtx();
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      ref,
+      id: contentId,
+      hidden: !expanded,
+      ...mergeProps(partAttrs34(panelAnatomy.scope, panelAnatomy.content, { state }), rest),
+      children
+    }
+  );
+});
+var Panel = {
+  Group: Group3,
+  Root: Root31,
+  Trigger: Trigger7,
+  Label: Label8,
+  Content: Content9
+};
+
+// src/app-shell/index.tsx
+import { appShellAnatomy, partAttrs as partAttrs35, scopeAttrs as scopeAttrs13 } from "@aeon-ui/core";
+import { appShellMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext26,
+  forwardRef as forwardRef38,
+  useContext as useContext25,
+  useEffect as useEffect23,
+  useMemo as useMemo22
+} from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var AppShellCtx = createContext26(null);
+function useAppShellContext() {
+  const ctx = useContext25(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) {
+  const [snapshot, send] = useAeonMachine(appShellMachine, {
+    input: { dockVisible: dockVisibleProp ?? defaultDockVisible }
+  });
+  const chrome = snapshot.value;
+  const dockVisible = dockVisibleProp ?? snapshot.context.dockVisible;
+  useEffect23(() => {
+    if (dockVisibleProp === void 0) return;
+    if (snapshot.context.dockVisible !== dockVisibleProp) {
+      send({ type: "SET_DOCK", visible: dockVisibleProp });
+    }
+  }, [dockVisibleProp, snapshot.context.dockVisible, send]);
+  const value = useMemo22(
+    () => ({
+      chrome,
+      dockVisible,
+      overlayOpen: chrome === "overlayOpen",
+      send
+    }),
+    [chrome, dockVisible, send]
+  );
+  return /* @__PURE__ */ jsx40(AppShellCtx.Provider, { value, children: /* @__PURE__ */ jsx40(
+    "div",
+    {
+      ref,
+      "data-aeon-dock": dockVisible ? "visible" : "hidden",
+      ...mergeProps(
+        scopeAttrs13(appShellAnatomy.scope, appShellAnatomy.root, { state: chrome }),
+        rest
+      ),
+      children
+    }
+  ) });
+});
+function ShellPart(part, displayName, defaultTag = "div") {
+  const Comp = forwardRef38(
+    function AeonShellPart({ as: Tag = defaultTag, ...rest }, ref) {
+      const { chrome } = useAppShellContext();
+      return /* @__PURE__ */ jsx40(
+        Tag,
+        {
+          ref,
+          ...mergeProps(partAttrs35(appShellAnatomy.scope, part, { state: chrome }), rest)
+        }
+      );
+    }
+  );
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Header = ShellPart(appShellAnatomy.header, "AppShell.Header", "header");
+var Subheader = ShellPart(appShellAnatomy.subheader, "AppShell.Subheader");
+var Content10 = ShellPart(appShellAnatomy.content, "AppShell.Content", "main");
+var Aside = ShellPart(appShellAnatomy.aside, "AppShell.Aside", "aside");
+var Footer = ShellPart(appShellAnatomy.footer, "AppShell.Footer", "footer");
+var Dock = forwardRef38(function AppShellDock({ hidden, ...rest }, ref) {
+  const { chrome, dockVisible } = useAppShellContext();
+  if (!dockVisible) return null;
+  return /* @__PURE__ */ jsx40(
+    "div",
+    {
+      ref,
+      hidden,
+      ...mergeProps(partAttrs35(appShellAnatomy.scope, appShellAnatomy.dock, { state: chrome }), rest)
+    }
+  );
+});
+var Scrim = forwardRef38(function AppShellScrim(props, ref) {
+  const { chrome, overlayOpen, send } = useAppShellContext();
+  if (!overlayOpen) return null;
+  return /* @__PURE__ */ jsx40(
+    "div",
+    {
+      ref,
+      role: "presentation",
+      onClick: () => send({ type: "CLOSE_OVERLAY" }),
+      ...mergeProps(partAttrs35(appShellAnatomy.scope, appShellAnatomy.scrim, { state: chrome }), props)
+    }
+  );
+});
+var AppShell = {
+  Root: Root32,
+  Header,
+  Subheader,
+  Content: Content10,
+  Aside,
+  Footer,
+  Dock,
+  Scrim
+};
+
+// src/content/index.tsx
+import { contentAnatomy, partAttrs as partAttrs36, scopeAttrs as scopeAttrs14 } from "@aeon-ui/core";
+import { contentRegionMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext27,
+  forwardRef as forwardRef39,
+  useContext as useContext26,
+  useMemo as useMemo23
+} from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var ContentCtx = createContext27(null);
+function useContentContext() {
+  const ctx = useContext26(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) {
+  const [snapshot, send] = useAeonMachine(contentRegionMachine);
+  const machineState = snapshot.value;
+  const state = stateProp ?? machineState;
+  const value = useMemo23(
+    () => ({ state, error: snapshot.context.error, send }),
+    [state, snapshot.context.error, send]
+  );
+  return /* @__PURE__ */ jsx41(ContentCtx.Provider, { value, children: /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      ...mergeProps(scopeAttrs14(contentAnatomy.scope, contentAnatomy.root, { state }), rest),
+      children
+    }
+  ) });
+});
+var Toolbar = forwardRef39(function ContentToolbar(props, ref) {
+  const { state } = useContentContext();
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs36(contentAnatomy.scope, contentAnatomy.toolbar, { state }), props)
+    }
+  );
+});
+var Body2 = forwardRef39(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(
+    "div",
+    {
+      ref,
+      hidden,
+      ...mergeProps(partAttrs36(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 { state } = useContentContext();
+    if (!matches.includes(state)) return null;
+    return /* @__PURE__ */ jsx41(
+      "div",
+      {
+        ref,
+        role: "status",
+        ...mergeProps(partAttrs36(contentAnatomy.scope, part, { state }), props)
+      }
+    );
+  });
+  Comp.displayName = displayName;
+  return Comp;
+}
+var Pending = StatusSlot(contentAnatomy.pending, "pending", "Content.Pending");
+var Empty2 = StatusSlot(contentAnatomy.empty, "empty", "Content.Empty");
+var ErrorSlot = StatusSlot(contentAnatomy.error, "error", "Content.Error");
+var Success = StatusSlot(contentAnatomy.success, "success", "Content.Success");
+var Sentinel = forwardRef39(function ContentSentinel(props, ref) {
+  const { state } = useContentContext();
+  if (state !== "ready" && state !== "loadingMore") return null;
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs36(contentAnatomy.scope, contentAnatomy.sentinel, { state }), props)
+    }
+  );
+});
+var Content11 = {
+  Root: Root33,
+  Toolbar,
+  Body: Body2,
+  Pending,
+  Empty: Empty2,
+  Error: ErrorSlot,
+  Success,
+  Sentinel
+};
+
+// src/nav/index.tsx
+import { navAnatomy, partAttrs as partAttrs37, scopeAttrs as scopeAttrs15 } from "@aeon-ui/core";
+import { tabsMachine as tabsMachine3 } from "@aeon-ui/primitives";
+import {
+  createContext as createContext28,
+  forwardRef as forwardRef40,
+  useContext as useContext27,
+  useEffect as useEffect24,
+  useMemo as useMemo24
+} from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var NavCtx = createContext28(null);
+function useNavCtx() {
+  const ctx = useContext27(NavCtx);
+  if (!ctx) throw new Error("Nav parts must be used within Nav.Root");
+  return ctx;
+}
+var Root34 = forwardRef40(function NavRoot({
+  defaultValue = "",
+  value,
+  onValueChange,
+  as: Tag = "nav",
+  orientation = "horizontal",
+  children,
+  ...rest
+}, ref) {
+  const [snapshot, send] = useAeonMachine(tabsMachine3, {
+    input: { value: defaultValue, disabled: false }
+  });
+  const resolvedValue = value ?? snapshot.context.value;
+  useEffect24(() => {
+    if (value !== void 0) send({ type: "SET_VALUE", value });
+  }, [value, send]);
+  const ctx = useMemo24(
+    () => ({ value: resolvedValue, send, onValueChange }),
+    [resolvedValue, send, onValueChange]
+  );
+  return /* @__PURE__ */ jsx42(NavCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx42(
+    Tag,
+    {
+      ref,
+      "data-aeon-orientation": orientation,
+      ...mergeProps(scopeAttrs15(navAnatomy.scope, navAnatomy.root), rest),
+      children
+    }
+  ) });
+});
+var Item8 = forwardRef40(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(
+    "button",
+    {
+      ref,
+      type: "button",
+      disabled,
+      "aria-current": active ? "page" : void 0,
+      "data-aeon-value": value,
+      onClick: (e) => {
+        onClick?.(e);
+        if (disabled || e.defaultPrevented) return;
+        send({ type: "SELECT", value });
+        onValueChange?.(value);
+      },
+      ...mergeProps(partAttrs37(navAnatomy.scope, navAnatomy.item, { state, disabled }), rest),
+      children
+    }
+  );
+});
+var Indicator3 = forwardRef40(function NavIndicator(props, ref) {
+  return /* @__PURE__ */ jsx42(
+    "span",
+    {
+      ref,
+      "aria-hidden": true,
+      ...mergeProps(partAttrs37(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 Icon2 = forwardRef40(function NavIcon(props, ref) {
+  return /* @__PURE__ */ jsx42("span", { ref, ...mergeProps(partAttrs37(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 Nav = {
+  Root: Root34,
+  Item: Item8,
+  Indicator: Indicator3,
+  Label: Label9,
+  Icon: Icon2,
+  Badge: Badge2
+};
+
+// src/sticky-bar/index.tsx
+import { barAnatomy as barAnatomy2, partAttrs as partAttrs38, scopeAttrs as scopeAttrs16 } from "@aeon-ui/core";
+import { stickyBarMachine } from "@aeon-ui/primitives";
+import {
+  createContext as createContext29,
+  forwardRef as forwardRef41,
+  useContext as useContext28,
+  useMemo as useMemo25
+} from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var StickyBarCtx = createContext29(null);
+function useStickyBarContext() {
+  const ctx = useContext28(StickyBarCtx);
+  if (!ctx) throw new Error("StickyBar parts must be used within StickyBar.Root");
+  return ctx;
+}
+var Root35 = forwardRef41(function StickyBarRoot({
+  /* Default div — AppShell.Header is already the landmark; nested <header> is invalid
+     HTML and browsers auto-close the outer header (0-height), so the bar covers content. */
+  as: Tag = "div",
+  placement = "top",
+  defaultState = "floating",
+  children,
+  style,
+  ...rest
+}, ref) {
+  const [snapshot, send] = useAeonMachine(stickyBarMachine, {
+    input: { initial: defaultState }
+  });
+  const state = snapshot.value;
+  const offsetPx = snapshot.context.offsetPx;
+  const value = useMemo25(() => ({ 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(
+    Tag,
+    {
+      ref,
+      "data-aeon-placement": placement,
+      style: stickyStyle,
+      ...mergeProps(scopeAttrs16(barAnatomy2.scope, barAnatomy2.root, { state }), rest),
+      children
+    }
+  ) });
+});
+var Zone2 = forwardRef41(function StickyBarZone({ zone, ...rest }, ref) {
+  const { state } = useStickyBarContext();
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      ...mergeProps(partAttrs38(barAnatomy2.scope, zone, { state }), rest)
+    }
+  );
+});
+var Leading2 = forwardRef41(
+  function StickyBarLeading(props, ref) {
+    return /* @__PURE__ */ jsx43(Zone2, { ref, zone: "leading", ...props });
+  }
+);
+var Center = forwardRef41(
+  function StickyBarCenter(props, ref) {
+    return /* @__PURE__ */ jsx43(Zone2, { ref, zone: "center", ...props });
+  }
+);
+var Trailing3 = forwardRef41(
+  function StickyBarTrailing(props, ref) {
+    return /* @__PURE__ */ jsx43(Zone2, { ref, zone: "trailing", ...props });
+  }
+);
+var Seam = forwardRef41(function StickyBarSeam(props, ref) {
+  const { state } = useStickyBarContext();
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      "aria-hidden": true,
+      ...mergeProps(partAttrs38(barAnatomy2.scope, barAnatomy2.seam, { state }), props)
+    }
+  );
+});
+var StickyBar = {
+  Root: Root35,
+  Leading: Leading2,
+  Center,
+  Trailing: Trailing3,
+  Seam
+};
+
+// src/hooks/use-layout-mode.ts
+import { getCompactMq, layoutCompositionForMode, matchLayoutMode } from "@aeon-ui/core";
+import { useEffect as useEffect25, useMemo as useMemo26, useState as useState11 } from "react";
+function useLayoutMode(spec) {
+  const mq = useMemo26(() => getCompactMq(spec), [spec.compactMq]);
+  const [mode, setMode] = useState11(() => matchLayoutMode(spec, mq));
+  useEffect25(() => {
     const sync = () => setMode(matchLayoutMode(spec, mq));
     sync();
     mq.addEventListener("change", sync);
     return () => mq.removeEventListener("change", sync);
   }, [spec, mq]);
-  const composition = useMemo22(() => layoutCompositionForMode(spec, mode), [spec, mode]);
+  const composition = useMemo26(() => layoutCompositionForMode(spec, mode), [spec, mode]);
   return { mode, composition };
 }
 export {
   Accordion,
+  AppShell,
   Async,
   AsyncActions,
   AsyncProvider,
   AsyncReadout,
-  AsyncRegion,
   AsyncRoot,
   AsyncTrack,
   Avatar,
+  Bar,
   Button,
   Checkbox,
   Combobox,
+  Composer,
+  Content11 as Content,
+  Conversation,
   Dialog,
+  Entry,
   Field,
+  Identity,
+  ListRow,
   Menu,
+  MetricStrip,
+  Nav,
+  Panel,
   PinInput,
   Popover,
+  ProfileHeader,
   Progress,
   RadioGroup,
   Scroll,
   Select,
   Separator,
   Slider,
+  StickyBar,
   Switch,
   Tabs,
+  ThemeSwitcher,
+  Thread,
   Toast,
   ToastItem,
   Tooltip,
-  createAsyncMachine3 as createAsyncMachine,
+  asyncStatusToContentState,
+  createAsyncMachine2 as createAsyncMachine,
   fieldMachine,
   useAeonMachine,
+  useAppShellContext,
   useAsyncContext,
+  useContentContext,
   useFieldContext,
   useLayoutMode,
   useScrollContext,
   useScrollState,
+  useStickyBarContext,
   useToast,
   useToastStore
 };