@timmbr/ui 1.7.0 → 1.9.0

package/dist/components/NavHeader/NavHeader.context.d.ts

@@ -14,6 +14,8 @@ export interface NavHeaderContextValue {
     handleItemMouseLeave: () => void;
     handleItemClick: (id: string, item: NavHeaderItem) => void;
     handleSearchSubmit: (query: string) => void;
+    /** Closes the desktop popover and the mobile tab panel (e.g. after a menu link is followed). */
+    closeMenus?: () => void;
 }
 export declare const NavHeaderContext: React.Context<NavHeaderContextValue | null>;
 export declare function useNavHeaderContext(): NavHeaderContextValue;

package/dist/components/NavHeader/NavHeader.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavHeader.context.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,gBAAgB,6CAA0D,CAAC;AAExF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}
+{"version":3,"file":"NavHeader.context.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,6CAA0D,CAAC;AAExF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}

package/dist/components/NavHeader/NavHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavHeader.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,cAAc,EAMf,MAAM,mBAAmB,CAAC;AAa3B,eAAO,MAAM,SAAS,oFA8pBrB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,MAAM,oFAAY,CAAC"}
+{"version":3,"file":"NavHeader.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,cAAc,EAMf,MAAM,mBAAmB,CAAC;AAa3B,eAAO,MAAM,SAAS,oFA0qBrB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,MAAM,oFAAY,CAAC"}

package/dist/components/NavHeader/NavHeader.js

@@ -263,7 +263,7 @@ const NavHeader = React.forwardRef(
     const mobileActiveItemId = controlledMobileActiveId !== void 0 ? controlledMobileActiveId : uncontrolledMobileActiveId;
     const handleMobileItemClick = React.useCallback(
       (id, item) => {
-        if (item.content) {
+        if (item.mobileContent ?? item.content) {
           const nextId = mobileActiveItemId === id ? null : id;
           if (controlledMobileActiveId === void 0) {
             setUncontrolledMobileActiveId(nextId);
@@ -273,6 +273,14 @@ const NavHeader = React.forwardRef(
       },
       [mobileActiveItemId, controlledMobileActiveId, onMobileActiveItemChange]
     );
+    const closeMenus = React.useCallback(() => {
+      setActiveItemId(null);
+      if (mobileActiveItemId === null) return;
+      if (controlledMobileActiveId === void 0) {
+        setUncontrolledMobileActiveId(null);
+      }
+      onMobileActiveItemChange?.(null);
+    }, [setActiveItemId, mobileActiveItemId, controlledMobileActiveId, onMobileActiveItemChange]);
     const activeMobileItem = React.useMemo(() => {
       return navItems.find((item) => item.id === mobileActiveItemId) ?? null;
     }, [navItems, mobileActiveItemId]);
@@ -307,6 +315,7 @@ const NavHeader = React.forwardRef(
         handleItemMouseLeave,
         handleItemClick,
         handleSearchSubmit,
+        closeMenus,
         autoMaxVisibleActions: autoMaxVisible
       }),
       [
@@ -323,6 +332,7 @@ const NavHeader = React.forwardRef(
         handleItemMouseLeave,
         handleItemClick,
         handleSearchSubmit,
+        closeMenus,
         autoMaxVisible
       ]
     );

package/dist/components/NavHeader/NavHeader.types.d.ts

@@ -59,6 +59,8 @@ export interface NavHeaderItem {
     crossZone?: boolean;
     /** Rich popover or mega-menu content. If provided, renders dropdown below header */
     content?: React.ReactNode;
+    /** Content for the mobile/tablet tab panel (< 1024px), e.g. image tiles. Defaults to `content`. */
+    mobileContent?: React.ReactNode;
     /** Width mode of the popover: 'container' (1216px centered), 'full' (100vw), 'dropdown' (anchor-aligned), or explicit number */
     popoverWidth?: 'container' | 'full' | 'dropdown' | number;
     /** Optional badge displayed adjacent to the label */

package/dist/components/NavHeader/NavHeader.types.d.ts.map

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

package/dist/components/NavHeader/subcomponents/NavMobileTabContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMobileTabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/NavHeader/subcomponents/NavMobileTabContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuClE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"NavMobileTabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/NavHeader/subcomponents/NavMobileTabContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwClE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/NavHeader/subcomponents/NavMobileTabContent.js

@@ -21,7 +21,8 @@ const NavMobileTabContent = ({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [activeItem, onClose]);
-  const hasContent = Boolean(activeItem && activeItem.content);
+  const panelContent = activeItem ? activeItem.mobileContent ?? activeItem.content : null;
+  const hasContent = Boolean(panelContent);
   return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: hasContent && /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -31,7 +32,7 @@ const NavMobileTabContent = ({
       transition: { duration: 0.22, ease: [0.25, 1, 0.5, 1] },
       className: cn(mobileTabContentPanelVariants(), motionClass),
       "data-slot": "nav-mobile-tab-content-panel",
-      children: /* @__PURE__ */ jsx("div", { className: "w-full", children: activeItem.content })
+      children: /* @__PURE__ */ jsx("div", { className: "w-full", children: panelContent })
     },
     activeItem.id
   ) });

package/dist/components/NavHeader/subcomponents/NavMobileTabSlider.js

@@ -45,7 +45,7 @@ const NavMobileTabSlider = ({
             transition: { type: "spring", stiffness: 380, damping: 30 }
           }
         ) : isActive ? /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-[2.5px] bg-primary rounded-full" }) : null;
-        if (resolvedHref && !item.content && !item.disabled) {
+        if (resolvedHref && !(item.mobileContent ?? item.content) && !item.disabled) {
           if (CustomLink && !requiresCrossZone) {
             return /* @__PURE__ */ jsxs(
               CustomLink,

package/dist/components/NavMenuColumns/NavMenuColumns.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import type { NavHeaderItem } from '../NavHeader/NavHeader.types';
+import type { NavMenuColumnsProps, NavMenuData, NavMenuGroup, NavMenuPromoProps, NavMenuTilesProps, ToNavMenuItemsOptions } from './NavMenuColumns.types';
+/**
+ * Splits groups, in order, into at most `maxColumns` stacks so the tallest
+ * stack is as short as possible (groups never split). Uses up to
+ * `min(maxColumns, groups)` columns; an exact search, fine for menu sizes.
+ */
+export declare function packNavMenuGroups(groups: NavMenuGroup[], maxColumns: number): NavMenuGroup[][];
+/**
+ * A mega-menu panel: bold group headings with their links, packed into
+ * balanced columns split by thin dividers, with an optional aside (e.g. a
+ * `NavMenuPromo`). For a `NavHeader` item's popover (`content`) or any menu
+ * panel. Clicking a link closes the header's popover.
+ */
+export declare const NavMenuColumns: React.ForwardRefExoticComponent<NavMenuColumnsProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Image promo card for a menu's `aside`: a headline (words in `<em>` use the
+ * display face), an optional subtitle and an offer badge over a cover image.
+ */
+export declare const NavMenuPromo: React.ForwardRefExoticComponent<NavMenuPromoProps & React.RefAttributes<HTMLElement>>;
+/** Tile width in px; matches `size-[88px]` in navMenuTileImageVariants. */
+export declare const NAV_MENU_TILE_PX = 88;
+/**
+ * Image tiles for a mobile menu panel (a `NavHeader` item's `mobileContent`):
+ * a horizontally scrolling grid, `rows` tiles tall, each a rounded square
+ * image with its label below. Tiles without an image show the label's
+ * initial on a muted square.
+ */
+export declare const NavMenuTiles: React.ForwardRefExoticComponent<NavMenuTilesProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Turns plain menu data into `NavHeader` items: each opens a popover with
+ * `NavMenuColumns` on desktop and, when `tiles` are given, `NavMenuTiles` in
+ * the mobile tab panel. The item label itself is not a link.
+ */
+export declare function toNavMenuItems(menus: readonly NavMenuData[], { crossZone, linkComponent, popoverWidth }?: ToNavMenuItemsOptions): NavHeaderItem[];
+//# sourceMappingURL=NavMenuColumns.d.ts.map

package/dist/components/NavMenuColumns/NavMenuColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuColumns.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuColumns/NavMenuColumns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAiBlE,OAAO,KAAK,EAEV,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AA8BhC;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,YAAY,EAAE,EAAE,CA+B9F;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,yFAgE1B,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,YAAY,uFA0CxB,CAAC;AAGF,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,YAAY,uFAuCxB,CAAC;AAGF;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,WAAW,EAAE,EAC7B,EAAE,SAAiB,EAAE,aAAa,EAAE,YAA0B,EAAE,GAAE,qBAA0B,GAC3F,aAAa,EAAE,CAuBjB"}

package/dist/components/NavMenuColumns/NavMenuColumns.js

@@ -0,0 +1,164 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { NavHeaderContext } from '../NavHeader/NavHeader.context.js';
+import { navMenuTitleVariants, navMenuLinkVariants, navMenuMoreVariants, navMenuColumnVariants, navMenuAsideVariants, navMenuColumnsGridVariants, navMenuPromoTitleVariants, navMenuPromoVariants, navMenuTileImageVariants, navMenuTileLabelVariants, navMenuTileVariants, navMenuTilesVariants } from './NavMenuColumns.styles.js';
+import { Divider } from '../Divider/Divider.js';
+import { Badge } from '../Badge/Badge.js';
+
+const DefaultLink = ({ href, className, children, ...rest }) => /* @__PURE__ */ jsx("a", { href, className, ...rest, children });
+function useMenuLink(linkComponent, crossZone) {
+  const header = React.useContext(NavHeaderContext);
+  const Link = crossZone ? DefaultLink : linkComponent ?? header?.linkComponent ?? DefaultLink;
+  const close = React.useCallback(
+    () => header?.closeMenus ? header.closeMenus() : header?.setActiveItemId(null),
+    [header]
+  );
+  return { Link, close };
+}
+const atLeastOne = (value, fallback) => Number.isFinite(value) && value >= 1 ? Math.floor(value) : fallback;
+const groupRows = (group) => 2 + (group.links?.length ?? 0) + (group.more ? 1 : 0);
+function packNavMenuGroups(groups, maxColumns) {
+  const n = groups.length;
+  if (!n) return [];
+  const k = Math.min(atLeastOne(maxColumns, 1), n);
+  const prefix = [0];
+  for (const group of groups) prefix.push(prefix[prefix.length - 1] + groupRows(group));
+  const height = (from, to) => prefix[to] - prefix[from];
+  const best = Array.from({ length: k + 1 }, () => new Array(n + 1).fill(Infinity));
+  const cut = Array.from({ length: k + 1 }, () => new Array(n + 1).fill(0));
+  best[0][0] = 0;
+  for (let c = 1; c <= k; c++) {
+    for (let i = c; i <= n; i++) {
+      for (let j = c - 1; j < i; j++) {
+        const value = Math.max(best[c - 1][j], height(j, i));
+        if (value < best[c][i]) {
+          best[c][i] = value;
+          cut[c][i] = j;
+        }
+      }
+    }
+  }
+  const columns = [];
+  for (let c = k, i = n; c > 0; c--) {
+    const j = cut[c][i];
+    columns.unshift(groups.slice(j, i));
+    i = j;
+  }
+  return columns;
+}
+const NavMenuColumns = React.forwardRef(
+  ({ groups, columns, aside, linkComponent, crossZone = false, className, style, "aria-label": ariaLabel, ...props }, ref) => {
+    const { Link, close } = useMenuLink(linkComponent, crossZone);
+    const maxColumns = atLeastOne(columns, aside ? 3 : 4);
+    const stacks = React.useMemo(() => packNavMenuGroups(groups, maxColumns), [groups, maxColumns]);
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        "data-slot": "nav-menu-columns",
+        className: cn(navMenuColumnsGridVariants({ aside: Boolean(aside) }), className),
+        style: { "--nav-menu-cols": Math.max(stacks.length, maxColumns), ...style },
+        ...props,
+        children: [
+          stacks.map((stack, index) => /* @__PURE__ */ jsx("div", { className: navMenuColumnVariants(), "data-slot": "nav-menu-column", children: stack.map((group) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-2.5", "data-slot": "nav-menu-group", children: [
+            group.href ? /* @__PURE__ */ jsx(Link, { href: group.href, className: navMenuTitleVariants({ link: true }), onClick: close, children: group.title }) : /* @__PURE__ */ jsx("span", { className: navMenuTitleVariants(), children: group.title }),
+            (Boolean(group.links?.length) || group.more) && /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-2.5", role: "list", children: [
+              group.links?.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: link.href, className: navMenuLinkVariants(), onClick: close, children: link.label }) }, link.id)),
+              group.more && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: group.more.href, className: navMenuMoreVariants(), onClick: close, children: group.more.label }) })
+            ] })
+          ] }, group.id)) }, stack[0]?.id ?? index)),
+          aside && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: navMenuAsideVariants(),
+              style: { gridColumnStart: Math.max(stacks.length, maxColumns) + 1 },
+              "data-slot": "nav-menu-aside",
+              children: aside
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NavMenuColumns.displayName = "NavMenuColumns";
+const NavMenuPromo = React.forwardRef(
+  ({ imageSrc, imageAlt = "", title, subtitle, badge, href, linkComponent, crossZone = false, className, ...props }, ref) => {
+    const { Link, close } = useMenuLink(linkComponent, crossZone);
+    const lines = Array.isArray(title) ? title : [title];
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("img", { src: imageSrc, alt: imageAlt, className: "absolute inset-0 -z-10 size-full object-cover" }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0 -z-10 bg-grey-1000/15" }),
+      /* @__PURE__ */ jsxs("span", { className: "flex w-full flex-col gap-1", children: [
+        lines.map((line, index) => /* @__PURE__ */ jsx("span", { className: navMenuPromoTitleVariants(), children: line }, index)),
+        subtitle && /* @__PURE__ */ jsx("span", { className: "text-caption font-medium opacity-90", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, { className: "w-6 border-grey-50 bg-grey-50" }),
+      badge && /* @__PURE__ */ jsx(Badge, { variant: "brand", size: "sm", className: "mt-auto rounded-[3px] px-2.5 py-1 text-caption font-bold", children: badge })
+    ] });
+    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "nav-menu-promo", className, ...props, children: href ? /* @__PURE__ */ jsx(Link, { href, className: navMenuPromoVariants(), onClick: close, children: content }) : /* @__PURE__ */ jsx("div", { className: navMenuPromoVariants(), children: content }) });
+  }
+);
+NavMenuPromo.displayName = "NavMenuPromo";
+const NAV_MENU_TILE_PX = 88;
+const NavMenuTiles = React.forwardRef(
+  ({ items, rows = 2, linkComponent, crossZone = false, className, style, "aria-label": ariaLabel, ...props }, ref) => {
+    const { Link, close } = useMenuLink(linkComponent, crossZone);
+    const columnCount = Math.max(1, Math.ceil(items.length / atLeastOne(rows, 2)));
+    if (!items.length) return null;
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        "data-slot": "nav-menu-tiles",
+        className: cn(navMenuTilesVariants(), className),
+        style: { gridTemplateColumns: `repeat(${columnCount}, ${NAV_MENU_TILE_PX}px)`, ...style },
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ jsxs(Link, { href: item.href, className: navMenuTileVariants(), onClick: close, children: [
+          /* @__PURE__ */ jsx("span", { className: navMenuTileImageVariants(), children: item.imageSrc ? /* @__PURE__ */ jsx("img", { src: item.imageSrc, alt: item.imageAlt ?? "", loading: "lazy", className: "size-full object-cover" }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "font-display text-h5 text-muted-foreground", children: typeof item.label === "string" ? item.label.charAt(0) : null }) }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: navMenuTileLabelVariants(),
+              title: typeof item.label === "string" ? item.label : void 0,
+              children: item.label
+            }
+          )
+        ] }, item.id))
+      }
+    );
+  }
+);
+NavMenuTiles.displayName = "NavMenuTiles";
+function toNavMenuItems(menus, { crossZone = false, linkComponent, popoverWidth = "container" } = {}) {
+  return menus.map((menu) => ({
+    id: menu.id,
+    label: menu.label,
+    popoverWidth,
+    content: /* @__PURE__ */ jsx(
+      NavMenuColumns,
+      {
+        "aria-label": typeof menu.label === "string" ? menu.label : void 0,
+        groups: menu.groups,
+        aside: menu.aside,
+        crossZone,
+        linkComponent
+      }
+    ),
+    mobileContent: menu.tiles ? /* @__PURE__ */ jsx(
+      NavMenuTiles,
+      {
+        "aria-label": typeof menu.label === "string" ? menu.label : void 0,
+        items: menu.tiles,
+        crossZone,
+        linkComponent
+      }
+    ) : void 0
+  }));
+}
+
+export { NAV_MENU_TILE_PX, NavMenuColumns, NavMenuPromo, NavMenuTiles, packNavMenuGroups, toNavMenuItems };

package/dist/components/NavMenuColumns/NavMenuColumns.styles.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Phones (the header's tab panel): one stacked column. Large screens:
+ * `--nav-menu-cols` equal link columns, plus an auto-width aside when present.
+ */
+export declare const navMenuColumnsGridVariants: (props?: ({
+    aside?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Thin dividers between link columns (Figma: 1px #E5E5E5 → `border`). */
+export declare const navMenuColumnVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuTitleVariants: (props?: ({
+    link?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const navMenuLinkVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuMoreVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuAsideVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/** Figma promo card: 312×270, ~10px radius, 20px padding, 15% dark overlay. */
+export declare const navMenuPromoVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuPromoTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/** Mobile tiles: fixed 88px tiles in rows that scroll sideways (columns set inline, see NAV_MENU_TILE_PX). */
+export declare const navMenuTilesVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuTileVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuTileImageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const navMenuTileLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=NavMenuColumns.styles.d.ts.map

package/dist/components/NavMenuColumns/NavMenuColumns.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuColumns.styles.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuColumns/NavMenuColumns.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,0BAA0B;;8EAQrC,CAAC;AAEH,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAWhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,oFAE/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,oFAE/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAAyE,CAAC;AAE3G,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,oFAE/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oFAEpC,CAAC"}

package/dist/components/NavMenuColumns/NavMenuColumns.styles.js

@@ -0,0 +1,53 @@
+import { cva } from 'class-variance-authority';
+
+const navMenuColumnsGridVariants = cva("grid grid-cols-1 bg-grey-50 sm:grid-cols-2", {
+  variants: {
+    aside: {
+      true: "lg:[grid-template-columns:repeat(var(--nav-menu-cols),minmax(0,1fr))_auto]",
+      false: "lg:[grid-template-columns:repeat(var(--nav-menu-cols),minmax(0,1fr))]"
+    }
+  },
+  defaultVariants: { aside: false }
+});
+const navMenuColumnVariants = cva(
+  "flex min-w-0 flex-col gap-6 px-5 py-4 lg:px-7 lg:py-7 lg:first:pl-8 lg:border-border lg:[&:not(:first-child)]:border-l"
+);
+const navMenuTitleVariants = cva(
+  "block font-sans text-body-2 font-bold text-grey-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+  {
+    variants: {
+      link: {
+        true: "hover:text-primary transition-colors",
+        false: ""
+      }
+    },
+    defaultVariants: { link: false }
+  }
+);
+const navMenuLinkVariants = cva(
+  "block font-sans text-body-3 font-medium text-grey-700 hover:text-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm"
+);
+const navMenuMoreVariants = cva(
+  "block font-sans text-body-3 font-semibold text-primary underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm"
+);
+const navMenuAsideVariants = cva("hidden lg:flex flex-col items-end justify-center py-7 pl-5 pr-8");
+const navMenuPromoVariants = cva(
+  "relative isolate flex w-[312px] aspect-[312/270] flex-col items-start gap-1.5 overflow-hidden rounded-[10px] p-5 text-grey-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+);
+const navMenuPromoTitleVariants = cva(
+  "font-sans text-[20px] leading-[1.3] [&_em]:font-display [&_em]:not-italic"
+);
+const navMenuTilesVariants = cva(
+  "grid gap-x-3 gap-y-4 overflow-x-auto bg-grey-50 px-5 py-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+);
+const navMenuTileVariants = cva(
+  "group flex flex-col items-center gap-2 rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+);
+const navMenuTileImageVariants = cva(
+  "flex size-[88px] items-center justify-center overflow-hidden rounded-xl bg-muted transition-transform group-hover:scale-[1.02]"
+);
+const navMenuTileLabelVariants = cva(
+  "w-full truncate text-center font-sans text-body-2 font-semibold leading-tight text-grey-800"
+);
+
+export { navMenuAsideVariants, navMenuColumnVariants, navMenuColumnsGridVariants, navMenuLinkVariants, navMenuMoreVariants, navMenuPromoTitleVariants, navMenuPromoVariants, navMenuTileImageVariants, navMenuTileLabelVariants, navMenuTileVariants, navMenuTilesVariants, navMenuTitleVariants };

package/dist/components/NavMenuColumns/NavMenuColumns.types.d.ts

@@ -0,0 +1,102 @@
+import type * as React from 'react';
+export interface NavMenuLink {
+    id: string;
+    label: React.ReactNode;
+    href: string;
+}
+/** A heading with the links under it. */
+export interface NavMenuGroup {
+    id: string;
+    /** Group heading. A link when `href` is set; plain text otherwise. */
+    title: React.ReactNode;
+    href?: string;
+    links?: NavMenuLink[];
+    /** Trailing "see more" link, e.g. when `links` was capped. */
+    more?: {
+        label: React.ReactNode;
+        href: string;
+    };
+}
+export interface NavMenuColumnsLinkProps {
+    href: string;
+    className?: string;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+}
+export interface NavMenuColumnsProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    /** Groups in reading order; they're packed top-to-bottom into balanced columns. */
+    groups: NavMenuGroup[];
+    /**
+     * Link columns on wide screens. Content is packed into at most this many,
+     * and the grid keeps this many tracks so column widths stay steady.
+     * Defaults to 3 with an `aside`, 4 without.
+     */
+    columns?: number;
+    /** Content after the link columns, e.g. a `NavMenuPromo` card. Hidden on small screens. */
+    aside?: React.ReactNode;
+    /**
+     * Link to render with (e.g. `next/link`). Defaults to `<a>`. Inside a
+     * `NavHeader`, the header's own `linkComponent` is used when this is unset.
+     */
+    linkComponent?: React.ComponentType<NavMenuColumnsLinkProps>;
+    /** The links lead to another zone: always render plain `<a>` (full navigation). */
+    crossZone?: boolean;
+    /** Accessible name of the navigation landmark. */
+    'aria-label'?: string;
+}
+export interface NavMenuPromoProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Background image (cover). */
+    imageSrc: string;
+    imageAlt?: string;
+    /**
+     * Headline. Wrap words in `<em>` to set them in the display (serif) face,
+     * e.g. `<>Cherish <em>Moments</em></>`. An array renders one line each.
+     */
+    title: React.ReactNode | React.ReactNode[];
+    subtitle?: React.ReactNode;
+    /** Short offer label, e.g. "UP TO 55% OFF". */
+    badge?: React.ReactNode;
+    /** Makes the whole card a link. */
+    href?: string;
+    linkComponent?: React.ComponentType<NavMenuColumnsLinkProps>;
+    /** Plain `<a>` even with a link component (full navigation). */
+    crossZone?: boolean;
+}
+export interface NavMenuTile {
+    id: string;
+    label: React.ReactNode;
+    href: string;
+    /** Square-cropped image (88px); without one the tile shows the label's initial. */
+    imageSrc?: string | null;
+    imageAlt?: string;
+}
+export interface NavMenuTilesProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    items: NavMenuTile[];
+    /** Tile rows; extra tiles scroll sideways. Defaults to 2. */
+    rows?: number;
+    /** Link to render with (e.g. `next/link`). Inside a `NavHeader`, defaults to the header's. */
+    linkComponent?: React.ComponentType<NavMenuColumnsLinkProps>;
+    /** Plain `<a>` even with a link component (full navigation). */
+    crossZone?: boolean;
+    /** Accessible name of the navigation landmark. */
+    'aria-label'?: string;
+}
+/** Plain data for one header menu: desktop groups, optional mobile tiles and aside. */
+export interface NavMenuData {
+    id: string;
+    label: React.ReactNode;
+    groups: NavMenuGroup[];
+    /** Mobile tab panel tiles; without them the mobile panel shows the groups. */
+    tiles?: NavMenuTile[];
+    /** Desktop aside, e.g. a `NavMenuPromo`. */
+    aside?: React.ReactNode;
+}
+export interface ToNavMenuItemsOptions {
+    /** The menu links lead to another zone: plain `<a>` (full navigation). */
+    crossZone?: boolean;
+    /** Link component for same-zone links (e.g. `next/link`). */
+    linkComponent?: React.ComponentType<NavMenuColumnsLinkProps>;
+    /** Desktop popover width. Defaults to 'container'. */
+    popoverWidth?: 'container' | 'full' | 'dropdown' | number;
+}
+//# sourceMappingURL=NavMenuColumns.types.d.ts.map

package/dist/components/NavMenuColumns/NavMenuColumns.types.d.ts.map

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

package/dist/components/NavMenuColumns/index.d.ts

@@ -0,0 +1,4 @@
+export * from './NavMenuColumns';
+export * from './NavMenuColumns.types';
+export * from './NavMenuColumns.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NavMenuColumns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuColumns/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC"}

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export * from './components/Tooltip';
 export * from './components/Tabs';
 export * from './components/SideBarNavigation';
 export * from './components/NavHeader';
+export * from './components/NavMenuColumns';
 export * from './components/NavFooter';
 export * from './components/AuthModal';
 export * from './components/Button';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -51,6 +51,7 @@ export { Label } from './components/Label/Label.js';
 export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
 export { MediaCard } from './components/MediaCard/MediaCard.js';
+export { NAV_MENU_TILE_PX, NavMenuColumns, NavMenuPromo, NavMenuTiles, packNavMenuGroups, toNavMenuItems } from './components/NavMenuColumns/NavMenuColumns.js';
 export { NavActions } from './components/NavHeader/subcomponents/NavActions.js';
 export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
 export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
@@ -129,6 +130,7 @@ export { listDividedClass, listItemActionVariants, listItemIconVariants, listIte
 export { mediaCardMediaVariants, mediaCardOverlayVariants, mediaCardVariants } from './components/MediaCard/MediaCard.styles.js';
 export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
 export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
+export { navMenuAsideVariants, navMenuColumnVariants, navMenuColumnsGridVariants, navMenuLinkVariants, navMenuMoreVariants, navMenuPromoTitleVariants, navMenuPromoVariants, navMenuTileImageVariants, navMenuTileLabelVariants, navMenuTileVariants, navMenuTilesVariants, navMenuTitleVariants } from './components/NavMenuColumns/NavMenuColumns.styles.js';
 export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
 export { pageHeaderTitleVariants, pageHeaderVariants } from './components/PageHeader/PageHeader.styles.js';
 export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timmbr/ui",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,10 +43,10 @@
     "class-variance-authority": "^0.7.1",
     "input-otp": "^1.5.0",
     "@timmbr/hooks": "1.0.0",
-    "@timmbr/motion": "1.2.2",
-    "@timmbr/icons": "1.4.0",
+    "@timmbr/motion": "1.2.3",
+    "@timmbr/utils": "1.5.0",
     "@timmbr/theme": "1.3.0",
-    "@timmbr/utils": "1.4.0"
+    "@timmbr/icons": "1.4.1"
   },
   "peerDependencies": {
     "next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",