@astryxdesign/core 0.5.0-canary.89abbb3 → 0.5.0-canary.8bb01b1

package/dist/Carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,UAAU,IAAI,IAAI,CAAC;IACnB;;;OAGG;IACH,UAAU,IAAI,IAAI,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B;;;;OAIG;IACH,aAAa,IAAI,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,IAAI,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyJD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAO,EACP,UAAiB,EACjB,WAAkB,EAClB,OAAe,EACf,OAAe,EACf,OAAO,EACP,YAAY,EAAE,kBAAkB,EAChC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,aAAa,+BAgYf;yBAhZe,QAAQ"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,UAAU,IAAI,IAAI,CAAC;IACnB;;;OAGG;IACH,UAAU,IAAI,IAAI,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B;;;;OAIG;IACH,aAAa,IAAI,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,IAAI,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA+JD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAO,EACP,UAAiB,EACjB,WAAkB,EAClB,OAAe,EACf,OAAe,EACf,OAAO,EACP,YAAY,EAAE,kBAAkB,EAChC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,aAAa,+BAqRf;yBArSe,QAAQ"}

package/dist/Carousel/Carousel.js

@@ -66,6 +66,9 @@ const styles = {
     khEr5k: "xkcv6ua xg83hb1",
     k5wCbM: "x1rohswg",
     kX1K2I: "xw4ya9i",
+    k1ekBW: "x157bb6t",
+    kIyJzY: "x80gvsz x12w9bfk",
+    kAMwcw: "xlr8y92",
     $$css: true
   },
   fadeStart: {
@@ -226,13 +229,6 @@ export function Carousel({
   const t = useTranslator();
   const ariaLabel = ariaLabelFromProps ?? t('@astryx.carousel.label');
   const scrollElRef = useRef(null);
-  const startButtonRef = useRef(null);
-  const endButtonRef = useRef(null);
-  // Which nav button last held focus, and what the overflow state was on the
-  // previous render. Together they are how the Effect below recognises the one
-  // transition it is allowed to act on.
-  const focusedNavRef = useRef(null);
-  const prevCanScrollRef = useRef(null);
   const {
     scrollRef,
     overflowStart,
@@ -363,76 +359,6 @@ export function Carousel({
   // something to scroll; without loop they follow the per-edge overflow state.
   const canScrollStart = hasLoop && hasOverflow ? true : overflowStart;
   const canScrollEnd = hasLoop && hasOverflow ? true : overflowEnd;
-
-  // Keep the keyboard user where they are when a nav button disables under
-  // them. The browser drops focus off a control it disables, so reaching an
-  // edge used to land the user on <body> and cost them their place in the page.
-  //
-  // This is an Effect on purpose, and the exception is narrow. The thing that
-  // disables the button IS this state transition, so it is the only correct
-  // trigger: three attempts to predict it from the press -- the position after
-  // the scroll, the position before it plus the step, and the settled position
-  // reported by `scrollend` -- were each wrong somewhere, under reduced motion,
-  // under mandatory scroll-snap, and on a browser that never fires the event.
-  // Running after the commit also makes the opposite button a valid receiver,
-  // which it is not during the press: at that moment it is still disabled and
-  // focus() on a disabled control does nothing. Ruled acceptable by the
-  // maintainer, 2026-08-27, on the conditions encoded below: it acts only on
-  // the transition that newly disables the focused button, it moves focus and
-  // nothing else, and it cannot fire twice for one transition.
-  //
-  // Which button the person is on is tracked by the buttons' own focus and blur
-  // handlers, and the blur has to ignore the one the commit itself causes: a
-  // tracker that outlived the person let a later edge -- a swipe, a resize, no
-  // press at all -- pull their focus back onto a control they never chose.
-  useEffect(() => {
-    const previous = prevCanScrollRef.current;
-    prevCanScrollRef.current = {
-      start: canScrollStart,
-      end: canScrollEnd
-    };
-    const side = focusedNavRef.current;
-    if (previous == null || side == null) {
-      return;
-    }
-
-    // Only the edge that just ran out, and only while it held focus. An edge
-    // that was already disabled, or one the user was not on, is not ours.
-    const wasEnabled = side === 'start' ? previous.start : previous.end;
-    const isEnabled = side === 'start' ? canScrollStart : canScrollEnd;
-    if (!wasEnabled || isEnabled) {
-      return;
-    }
-    const pressed = side === 'start' ? startButtonRef.current : endButtonRef.current;
-    if (pressed == null) {
-      return;
-    }
-    // The browser has already blurred it, so focus reads as the body. Anything
-    // else means the user moved on themselves and this is not ours to redirect.
-    const active = pressed.ownerDocument.activeElement;
-    if (active !== pressed && active !== pressed.ownerDocument.body) {
-      return;
-    }
-    const opposite = side === 'start' ? endButtonRef.current : startButtonRef.current;
-    // The opposite button is the receiver. It is disabled only when the
-    // carousel stopped overflowing entirely, which happens when its content
-    // shrinks; the scroll container is then the nearest tab stop still inside
-    // the labelled region.
-    const receiver = opposite != null && !opposite.disabled ? opposite : scrollElRef.current;
-    if (receiver == null) {
-      return;
-    }
-
-    // One move per transition: clearing the tracker first means a re-render or
-    // a StrictMode double-invoke re-runs this and returns at the `side == null`
-    // guard above. Focusing the receiver sets it again, to the other side.
-    focusedNavRef.current = null;
-    // preventScroll: a plain focus() scrolls its element into view, which on
-    // the scroll container cancels the scroll the press just started.
-    receiver.focus({
-      preventScroll: true
-    });
-  }, [canScrollStart, canScrollEnd]);
   const fadeStyle = hasEdgeFade ? hasLoop && hasOverflow || overflowStart && overflowEnd ? styles.fadeBoth : overflowStart ? styles.fadeStart : overflowEnd ? styles.fadeEnd : null : null;
 
   // Self-authored position styles (positioning: 'custom' below): a cover
@@ -454,12 +380,7 @@ export function Carousel({
       ref: composedRef,
       tabIndex: 0,
       onWheel: handleWheel,
-      ...mergeProps(themeProps('carousel-scroller', {
-        gap,
-        padding,
-        snap: hasSnap ? 'snap' : null,
-        edgeFade: hasEdgeFade ? 'edge-fade' : null
-      }), stylex.props(styles.scroller, gapStyles[gap], padding != null && paddingStyles[padding], hasSnap && styles.snap, fadeStyle)),
+      ...stylex.props(styles.scroller, gapStyles[gap], padding != null && paddingStyles[padding], hasSnap && styles.snap, fadeStyle),
       children: slides.map((child, index) =>
       /*#__PURE__*/
       // APG carousel pattern: each slide container is a group with
@@ -489,7 +410,6 @@ export function Carousel({
           }
         }[!!!canScrollStart << 0],
         children: /*#__PURE__*/_jsx(Button, {
-          ref: startButtonRef,
           icon: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronLeft",
             size: "xsm",
@@ -500,22 +420,11 @@ export function Carousel({
           size: "sm",
           isIconOnly: true
           // Disabled when there's nothing to scroll toward. Keeps the
-          // button mounted (stable layout) but removes it from the tab
-          // order and a11y tree while it's visually hidden, so keyboard
-          // users don't land on an invisible control. The Effect above
-          // hands focus to the other button when the state behind this
-          // one flips it disabled.
+          // button mounted (stable layout/focus) but removes it from the
+          // tab order and a11y tree while it's visually hidden, so
+          // keyboard users don't land on an invisible control.
           ,
           isDisabled: !canScrollStart,
-          onFocus: () => {
-            focusedNavRef.current = 'start';
-          },
-          onBlur: event => {
-            // A disabled button was blurred by the commit, not the person.
-            if (!event.currentTarget.disabled) {
-              focusedNavRef.current = null;
-            }
-          },
           onClick: () => scrollBy(-1),
           xstyle: styles.buttonRadiusOverride
         })
@@ -529,7 +438,6 @@ export function Carousel({
           }
         }[!!!canScrollEnd << 0],
         children: /*#__PURE__*/_jsx(Button, {
-          ref: endButtonRef,
           icon: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronRight",
             size: "xsm",
@@ -543,15 +451,6 @@ export function Carousel({
           // button stays mounted but out of the tab order / a11y tree.
           ,
           isDisabled: !canScrollEnd,
-          onFocus: () => {
-            focusedNavRef.current = 'end';
-          },
-          onBlur: event => {
-            // A disabled button was blurred by the commit, not the person.
-            if (!event.currentTarget.disabled) {
-              focusedNavRef.current = null;
-            }
-          },
           onClick: () => scrollBy(1),
           xstyle: styles.buttonRadiusOverride
         })

package/dist/Layer/useLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayer.d.ts","sourceRoot":"","sources":["../../src/Layer/useLayer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useLayer.d.ts","sourceRoot":"","sources":["../../src/Layer/useLayer.tsx"],"names":[],"mappings":"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"}

package/dist/Layer/useLayer.js

@@ -384,8 +384,8 @@ function useLayerImplementation(options) {
     clearContextMount();
   }, [onHide, clearContextMount]);
 
-  // Stable ref for the trigger element (context mode only).
-  const contextRef = useCallback(el => {
+  // Ref for trigger element (context mode only)
+  const ref = mode === 'context' ? el => {
     // Remove only THIS layer's anchor name from the previous element so
     // other layers sharing the same trigger keep their anchors.
     if (triggerRef.current && triggerRef.current !== el) {
@@ -395,7 +395,7 @@ function useLayerImplementation(options) {
       addAnchorName(el, anchorId);
     }
     triggerRef.current = el;
-  }, [anchorId]);
+  } : undefined;
 
   // Arm only when the dismissing gesture's click is still ahead of us. Some
   // engines deliver click first; in that order there is nothing left to absorb.
@@ -617,17 +617,19 @@ function useLayerImplementation(options) {
       children: children
     });
   }, [popoverRefCallback, id, lightDismiss]);
-  const contextResult = useMemo(() => ({
-    ref: contextRef,
-    anchorId,
-    show,
-    hide,
-    isOpen,
-    wasJustDismissed,
-    id,
-    render: renderContext
-  }), [contextRef, anchorId, show, hide, isOpen, wasJustDismissed, id, renderContext]);
-  const fixedResult = useMemo(() => ({
+  if (mode === 'context') {
+    return {
+      ref: ref,
+      anchorId,
+      show,
+      hide,
+      isOpen,
+      wasJustDismissed,
+      id,
+      render: renderContext
+    };
+  }
+  return {
     ref: undefined,
     show,
     hide,
@@ -635,18 +637,14 @@ function useLayerImplementation(options) {
     wasJustDismissed,
     id,
     render: renderFixed
-  }), [show, hide, isOpen, wasJustDismissed, id, renderFixed]);
-  return mode === 'context' ? contextResult : fixedResult;
+  };
 }
 export function useLayer(options) {
-  const internalLayer = useLayerImplementation(options);
-  return useMemo(() => {
-    const {
-      wasJustDismissed: _,
-      ...layer
-    } = internalLayer;
-    return layer;
-  }, [internalLayer]);
+  const {
+    wasJustDismissed: _,
+    ...layer
+  } = useLayerImplementation(options);
+  return layer;
 }
 
 /** @internal Shared with usePopover; not exported from the package barrel. */

package/dist/SideNav/SideNavItem.d.ts

@@ -4,7 +4,7 @@
  * @output Exports SideNavItem component and SideNavItemProps
  * @position Core implementation; used inside SideNav children
  *
- * Navigation item with icon, selected state, row-level actions, and nesting.
+ * Navigation item with icon, selected state, and nesting.
  *
  * Collapsed items with children open their submenu flyout through
  * `useMenuHover`, the shared hover-intent hook (same one `SideNavHeading` and
@@ -63,24 +63,9 @@ export interface SideNavItemProps extends BaseProps<HTMLElement> {
      */
     onClick?: (e: React.MouseEvent) => void;
     /**
-     * Passive right-side content only (badges, counts). Interactive
-     * controls (icon buttons, menus) go in `actions`. `endContent`
-     * renders inside the primary link or button.
+     * Right-side content (badges, counts).
      */
     endContent?: ReactNode;
-    /**
-     * Row-level secondary controls (icon buttons, menus) rendered as siblings
-     * of the primary element at the trailing edge of the row — after the
-     * expand/collapse toggle, and before any nested children in DOM and focus
-     * order. Content is passthrough: each control owns its accessible name,
-     * keyboard behavior, and disabled state. Hidden while the SideNav rail is
-     * collapsed.
-     *
-     * Controls inherit the row's control size through `SizeContext`, so an
-     * unsized icon button comes out the same box as the built-in
-     * expand/collapse toggle. An explicit `size` still wins.
-     */
-    actions?: ReactNode;
     /**
      * Sub-items for nesting.
      */
@@ -110,10 +95,7 @@ export interface SideNavItemProps extends BaseProps<HTMLElement> {
 /**
  * Navigation item for SideNav.
  *
- * Supports icons, selected state, nesting, and end content like badges or
- * counts. Interactive row-level controls (menus, icon buttons) go in
- * `actions`, which renders them as siblings of the primary element — never
- * nested inside it — before any nested children in DOM and focus order.
+ * Supports icons, selected state, nesting, and end content like badges or counts.
  *
  * @example
  * ```
@@ -128,16 +110,9 @@ export interface SideNavItemProps extends BaseProps<HTMLElement> {
  *   <SideNavItem label="General" href="/settings/general" />
  *   <SideNavItem label="Security" href="/settings/security" />
  * </SideNavItem>
- * <SideNavItem
- *   label="Projects"
- *   href="/projects"
- *   collapsible
- *   actions={<MoreMenu label="Project actions" items={items} />}>
- *   <SideNavItem label="Alpha" href="/projects/alpha" />
- * </SideNavItem>
  * ```
  */
-export declare function SideNavItem({ as, label, icon, selectedIcon, isSelected, isDisabled, href, onClick, endContent, actions, children, collapsible: itemCollapsible, size, 'data-testid': testId, ref, xstyle, ...rest }: SideNavItemProps): import("react").JSX.Element | null;
+export declare function SideNavItem({ as, label, icon, selectedIcon, isSelected, isDisabled, href, onClick, endContent, children, collapsible: itemCollapsible, size, 'data-testid': testId, ref, xstyle, ...rest }: SideNavItemProps): import("react").JSX.Element | null;
 export declare namespace SideNavItem {
     var displayName: string;
 }

package/dist/SideNav/SideNavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItem.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNavItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAE5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAIrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAgB,KAAK,WAAW,EAAC,MAAM,iCAAiC,CAAC;AA2PhF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EACR,OAAO,GACP;QACE,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;KACpD,CAAC;IACN;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAkB,EAClB,UAAkB,EAClB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EAAE,eAAe,EAC5B,IAAW,EACX,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,sCAuXlB;yBAzYe,WAAW"}
+{"version":3,"file":"SideNavItem.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNavItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAE5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAIrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAgB,KAAK,WAAW,EAAC,MAAM,iCAAiC,CAAC;AA8NhF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EACR,OAAO,GACP;QACE,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;KACpD,CAAC;IACN;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAkB,EAClB,UAAkB,EAClB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,EAAE,eAAe,EAC5B,IAAW,EACX,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,sCAkVlB;yBAnWe,WAAW"}

package/dist/SideNav/SideNavItem.js

@@ -8,7 +8,7 @@
  * @output Exports SideNavItem component and SideNavItemProps
  * @position Core implementation; used inside SideNav children
  *
- * Navigation item with icon, selected state, row-level actions, and nesting.
+ * Navigation item with icon, selected state, and nesting.
  *
  * Collapsed items with children open their submenu flyout through
  * `useMenuHover`, the shared hover-intent hook (same one `SideNavHeading` and
@@ -33,7 +33,6 @@ import { useMenuHover } from "../hooks/useMenuHover.js";
 import { mergeProps } from "../utils/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { navItemStyles } from "../NavItem/navItemStyles.stylex.js";
-import { SizeProvider } from "../SizeContext/SizeContext.js";
 import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
 import { interactionOverlayStyles } from "../utils/interactionOverlay.stylex.js";
 import { useSideNavCollapse, SideNavCollapseContext } from "./SideNavCollapseContext.js";
@@ -85,8 +84,6 @@ const styles = {
     $$css: true
   },
   expandToggle: {
-    kzqmXN: "x1fvqzum",
-    kZKoxP: "x6k0iem",
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
     kjj79g: "xl56j7k",
@@ -130,16 +127,6 @@ const styles = {
   }
 };
 
-/**
- * Cascaded to the `actions` slot through `SizeContext` so a consumer's row
- * controls come out the same height as the built-in expand/collapse toggle,
- * the way `SideNav` already cascades one size to its footer icons. An
- * explicit `size` on a supplied control still wins.
- *
- * SYNC: `styles.expandToggle` carries the matching box.
- */
-const ROW_CONTROL_SIZE = 'sm';
-
 // Non-collapsed state for popover children — ensures nested items render expanded
 const EXPANDED_COLLAPSE_STATE = {
   isCollapsed: false,
@@ -195,10 +182,7 @@ function NavItemElement({
 /**
  * Navigation item for SideNav.
  *
- * Supports icons, selected state, nesting, and end content like badges or
- * counts. Interactive row-level controls (menus, icon buttons) go in
- * `actions`, which renders them as siblings of the primary element — never
- * nested inside it — before any nested children in DOM and focus order.
+ * Supports icons, selected state, nesting, and end content like badges or counts.
  *
  * @example
  * ```
@@ -213,13 +197,6 @@ function NavItemElement({
  *   <SideNavItem label="General" href="/settings/general" />
  *   <SideNavItem label="Security" href="/settings/security" />
  * </SideNavItem>
- * <SideNavItem
- *   label="Projects"
- *   href="/projects"
- *   collapsible
- *   actions={<MoreMenu label="Project actions" items={items} />}>
- *   <SideNavItem label="Alpha" href="/projects/alpha" />
- * </SideNavItem>
  * ```
  */
 export function SideNavItem({
@@ -232,7 +209,6 @@ export function SideNavItem({
   href,
   onClick,
   endContent,
-  actions,
   children,
   collapsible: itemCollapsible,
   size = 'md',
@@ -286,7 +262,6 @@ export function SideNavItem({
   // clicking the chevron expands/collapses children.
   const hasPrimaryAction = !!href || !!onClick;
   const hasIndependentToggle = isItemCollapsible && hasPrimaryAction && !isCollapsed;
-  const hasActions = !!actions;
   const handleClick = e => {
     if (isDisabled) {
       e.preventDefault();
@@ -448,42 +423,22 @@ export function SideNavItem({
   });
   const itemStyleArgs = [navItemStyles.item, interactionOverlayStyles.backgroundColor, navItemStyles[size], isSelected && navItemStyles.selected, isDisabled && navItemStyles.disabled];
 
-  // Three shapes of the same row appearance:
-  // - `rowProps` — split-action path (toggle, no actions): presentational
-  //   <div>; the ring belongs on each child tab stop.
-  // - `focusableRowProps` — ordinary row: the row element is the control.
-  // - `actionsRowProps` — same pill, but the ring is drawn for the primary
-  //   only. The wrapper is not a tab stop, so `:focus-visible` on it would
-  //   never match, and matching any descendant instead would light the whole
-  //   row around the chevron's or an action's own ring.
+  // Two shapes of the same row appearance:
+  // - `rowProps` for the split-action path, where the row is a plain <div>
+  //   container and its children take focus (so the ring belongs on them);
+  // - `focusableRowProps` for every other path, where the row element is
+  //   itself the focusable control.
   const rowProps = mergeProps(itemThemeProps, stylex.props(...itemStyleArgs));
   const focusableRowProps = mergeProps(itemThemeProps, focusOutlineProps.focusVisible(...itemStyleArgs));
-  const actionsRowProps = mergeProps(itemThemeProps, focusOutlineProps.focusWithinFirstChild(...itemStyleArgs));
 
-  // Row-wrapper path: primary element + row controls as siblings.
-  //
-  // Used when the row carries more than one control: an independent
-  // expand/collapse toggle (collapsible + href/onClick), consumer-supplied
-  // actions, or both. A <div> is the styled flex row; the primary link or
-  // button, the chevron toggle, and the actions slot render as siblings so
-  // no interactive element nests inside another, and every row-level
-  // control precedes the nested children group in DOM and focus order.
-  const hasRowWrapper = hasIndependentToggle || hasActions;
+  // Split-action path: collapsible plus a primary action renders the primary
+  // element and the chevron toggle as siblings in a <div> row, since a
+  // <button> cannot nest inside an <a>.
   let itemElement;
-  if (hasRowWrapper) {
-    // aria-expanded/-controls stay on the primary element only when the
-    // whole row is the collapse toggle (no independent chevron button).
-    const rowPrimaryAriaProps = hasIndependentToggle ? {
-      'aria-current': isSelected ? 'page' : undefined
-    } : {
-      'aria-current': isSelected ? 'page' : undefined,
-      'aria-disabled': isDisabled || undefined,
-      'aria-expanded': isItemCollapsible ? !isItemCollapsed : undefined,
-      'aria-controls': isItemCollapsible ? `${id}-children` : undefined
-    };
+  if (hasIndependentToggle) {
     itemElement = /*#__PURE__*/_jsxs("div", {
       "data-testid": testId,
-      ...(hasActions ? actionsRowProps : rowProps),
+      ...rowProps,
       children: [/*#__PURE__*/_jsx(NavItemElement, {
         ref: ref,
         href: href,
@@ -491,13 +446,10 @@ export function SideNavItem({
         isDisabled: isDisabled,
         onClick: handleClick,
         ...rest,
-        ...rowPrimaryAriaProps,
-        ...(hasActions ?
-        // The wrapper rings for this element; suppressing here is what
-        // keeps the UA's own ring from painting inside that one.
-        focusOutlineProps.suppressed(styles.splitAction) : focusOutlineProps.focusVisible(styles.splitAction)),
+        "aria-current": isSelected ? 'page' : undefined,
+        ...focusOutlineProps.focusVisible(styles.splitAction),
         children: itemContent
-      }), hasIndependentToggle && /*#__PURE__*/_jsx("button", {
+      }), /*#__PURE__*/_jsx("button", {
         type: "button",
         onClick: handleToggleClick,
         "aria-label": isItemCollapsed ? t('@astryx.sideNavItem.expand', {
@@ -514,14 +466,6 @@ export function SideNavItem({
           color: "inherit",
           xstyle: [styles.expandChevron, !isItemCollapsed && styles.expandChevronExpanded]
         })
-      }), hasActions && /*#__PURE__*/_jsx("span", {
-        ...{
-          className: "x2lah0s x78zum5 x6s0dn4 xzye2dw x67bb7w"
-        },
-        children: /*#__PURE__*/_jsx(SizeProvider, {
-          value: ROW_CONTROL_SIZE,
-          children: actions
-        })
       })]
     });
   } else {

package/dist/astryx.css

@@ -1347,13 +1347,9 @@
   .x92e2el:has(> [data-astryx-edge-comp]:last-child):not(#\#):not(#\#):not(#\#){margin-inline-end:var(--x-4drmnv)}
   .x1kftj4p:has(> [data-astryx-edge-comp]:first-child):not(#\#):not(#\#):not(#\#){margin-inline-start:var(--x-126w13d)}
   .x1uy843r:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-color:var(--focus-outline-color)}
-  .xobxmqy:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-color:var(--focus-outline-color)}
   .x1jumodi:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
-  .x2vr5qc:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
   .xciu248:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
-  .xfd04fr:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
   .x11j6mr8:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
-  .xmmisi4:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
   .xmnmr5y:has(.astryx-nav-icon):not(#\#):not(#\#):not(#\#){padding-inline-start:0}
   .x1xrp5p4:first-child:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-element)}
   .xyf0ibl:first-child:not(#\#):not(#\#):not(#\#){border-inline-start-style:none}

package/dist/theme/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAUhD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,0CAA0C;IAC1C,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAO1E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB;;;;;;;;;;;;;OAaG;IACH,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AA+HD;;;;;;;GAOG;AACH,wBAAgB,YAAY,IAAI,MAAM,GAAG,IAAI,CAM5C;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAmCzC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAUhD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,0CAA0C;IAC1C,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAO1E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB;;;;;;;;;;;;;OAaG;IACH,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AA+HD;;;;;;;GAOG;AACH,wBAAgB,YAAY,IAAI,MAAM,GAAG,IAAI,CAM5C;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAmCzC"}

package/dist/theme/useTheme.js

@@ -20,7 +20,7 @@
  * SYNC: When modified, update:
  * - /packages/core/src/theme/index.ts
  */
-import { createContext, use, useCallback, useMemo, useSyncExternalStore } from 'react';
+import { createContext, use, useMemo, useSyncExternalStore } from 'react';
 import { resolveThemeTokens } from "./tokens.js";
 import { getRegisteredTheme } from "./themeRegistry.js";
 import { dataAttr } from "../naming.js";
@@ -207,12 +207,13 @@ export function useTheme() {
   const tokens = useMemo(() => resolveThemeTokens(theme, {
     mode: effectiveMode
   }), [theme, effectiveMode]);
-  const token = useCallback(name => tokens[name] ?? '', [tokens]);
-  const name = theme?.name ?? 'default';
-  return useMemo(() => ({
-    name,
+  const token = name => {
+    return tokens[name] ?? '';
+  };
+  return {
+    name: theme?.name ?? 'default',
     mode: effectiveMode,
     token,
     tokens
-  }), [name, effectiveMode, token, tokens]);
+  };
 }

package/dist/utils/focusOutline.stylex.d.ts

@@ -78,17 +78,6 @@ export declare const focusOutlineStyles: Readonly<{
         readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-accent)" | null>;
         readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "0" | "3px">;
     }>;
-    readonly focusWithinFirstChild: Readonly<{
-        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "0" | "2px">;
-        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
-        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-accent)" | null>;
-        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "0" | "3px">;
-    }>;
-    readonly suppressed: Readonly<{
-        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "0">;
-        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "none">;
-        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "0">;
-    }>;
     readonly publishFocusVisibleVars: Readonly<{
         readonly '--_focus-outline': stylex.StyleXClassNameFor<"--_focus-outline", string>;
         readonly '--_focus-outline-offset': stylex.StyleXClassNameFor<"--_focus-outline-offset", "0" | "3px">;
@@ -114,20 +103,6 @@ export declare const focusOutlineProps: {
             [$$Key$$: string]: string | number;
         }>;
     }>;
-    readonly focusWithinFirstChild: (...styles: StyleXPropsArg[]) => Readonly<{
-        className?: string;
-        'data-style-src'?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    readonly suppressed: (...styles: StyleXPropsArg[]) => Readonly<{
-        className?: string;
-        'data-style-src'?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
     readonly publishFocusVisibleVars: (...styles: StyleXPropsArg[]) => Readonly<{
         className?: string;
         'data-style-src'?: string;

package/dist/utils/focusOutline.stylex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusOutline.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/focusOutline.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAS3C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,QAAyE,CAAC;AAgBpG;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,+EAA+E;AAC/E,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiG7B,CAAC;AAIH,KAAK,cAAc,GAAG,OAAO,CAAC;AAiB9B,eAAO,MAAM,iBAAiB;uCAdT,cAAc,EAAE;;;;;;;sCAAhB,cAAc,EAAE;;;;;;;gDAAhB,cAAc,EAAE;;;;;;;qCAAhB,cAAc,EAAE;;;;;;;kDAAhB,cAAc,EAAE;;;;;;;iDAAhB,cAAc,EAAE;;;;;;;CA2B3B,CAAC"}
+{"version":3,"file":"focusOutline.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/focusOutline.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAS3C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,QAAyE,CAAC;AAgBpG;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,+EAA+E;AAC/E,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;EAmD7B,CAAC;AAIH,KAAK,cAAc,GAAG,OAAO,CAAC;AAiB9B,eAAO,MAAM,iBAAiB;uCAdT,cAAc,EAAE;;;;;;;sCAAhB,cAAc,EAAE;;;;;;;kDAAhB,cAAc,EAAE;;;;;;;iDAAhB,cAAc,EAAE;;;;;;;CAuB3B,CAAC"}

package/dist/utils/focusOutline.stylex.js

@@ -106,19 +106,6 @@ export const focusOutlineStyles = {
     kInvED: "x1wfwxd8 x1jumodi",
     $$css: true
   },
-  focusWithinFirstChild: {
-    kMeerF: "x1k57tk5 xmmisi4",
-    k3XXqK: "x1t137rt xfd04fr",
-    kjBf7l: "xobxmqy",
-    kInvED: "x1wfwxd8 x2vr5qc",
-    $$css: true
-  },
-  suppressed: {
-    kMeerF: "x1k57tk5",
-    k3XXqK: "x1t137rt",
-    kInvED: "x1wfwxd8",
-    $$css: true
-  },
   publishFocusVisibleVars: {
     "--_focus-outline": "x17wzz1v xqih627",
     "--_focus-outline-offset": "xgzxwq1 xqchwus",
@@ -151,8 +138,6 @@ function makeFocusOutlineProps(style) {
 export const focusOutlineProps = {
   focusVisible: makeFocusOutlineProps(focusOutlineStyles.focusVisible),
   focusWithin: makeFocusOutlineProps(focusOutlineStyles.focusWithin),
-  focusWithinFirstChild: makeFocusOutlineProps(focusOutlineStyles.focusWithinFirstChild),
-  suppressed: makeFocusOutlineProps(focusOutlineStyles.suppressed),
   publishFocusVisibleVars: makeFocusOutlineProps(focusOutlineStyles.publishFocusVisibleVars),
   focusWithinOrPublished: makeFocusOutlineProps(focusOutlineStyles.focusWithinOrPublished)
 };

package/locales/af-ZA.json

@@ -257,7 +257,7 @@
   },
   "@astryx.banner.dismiss": {
     "defaultMessage": "Maak toe",
-    "description": "\"Dismiss\" = close/hide this notification (not \"reject a person\"). Tooltip on the small X button on a Banner, and its aria label when the banner's title is not plain text."
+    "description": "\"Dismiss\" = close/hide this notification (not \"reject a person\"). Aria label AND tooltip on the small X button on a Banner."
   },
   "@astryx.calendar.previousMonth": {
     "defaultMessage": "Vorige maand",