@ds-mo/ui 13.8.0 → 13.10.0

package/dist/mcp-data/registry/mobile-bar-nav.json

@@ -299,7 +299,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: currentArea.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-header.json

@@ -280,7 +280,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: sections, subsections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-section-switcher.json

@@ -153,7 +153,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-sheet-nav.json

@@ -284,7 +284,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: dashboardGroups, settingsGroups.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/modal.json

@@ -270,7 +270,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-nav.json

@@ -597,7 +597,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-sub-nav.json

@@ -215,7 +215,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-tool-header.json

@@ -312,7 +312,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: actions.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-tool-search.json

@@ -354,7 +354,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-tools.json

@@ -439,7 +439,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: headers, items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/radio.json

@@ -345,7 +345,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: options.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/registry.json

@@ -12,7 +12,7 @@
     "themeSetup": "Set data-theme=\"dark\" on <html> for dark mode. Light is default.",
     "peerDependencies": {
       "required": [
-        "@ds-mo/tokens ^5.1.2",
+        "@ds-mo/tokens ^6.0.0",
         "@ds-mo/icons ^6.4.0"
       ],
       "optional": [],

package/dist/mcp-data/registry/scroll-overlay.json

@@ -156,7 +156,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/select.json

@@ -741,7 +741,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: options, sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/shell-app.json

@@ -560,7 +560,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: navigation, pageChrome, tools.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/shell-page.json

@@ -204,7 +204,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/shell-tools.json

@@ -390,7 +390,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: headers, items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/skeleton.json

@@ -255,7 +255,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/slider.json

@@ -629,7 +629,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: formatOptions, valueTexts.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/swatch-picker.json

@@ -199,7 +199,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: options, sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/switch.json

@@ -334,7 +334,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tab-group.json

@@ -218,7 +218,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: tabs.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tag.json

@@ -321,7 +321,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/text.json

@@ -334,7 +334,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/toast.json

@@ -307,7 +307,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: manager, swipeDirections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tooltip-chart.json

@@ -224,7 +224,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tooltip.json

@@ -277,7 +277,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/typing-indicator.json

@@ -98,7 +98,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.2",
+          "@ds-mo/tokens ^6.0.0",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

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

@@ -40,6 +40,8 @@ export declare class CardOverview {
     private gridColumns;
     private layoutEl?;
     private layoutResizeObserver;
+    /** The node the observer is bound to, which a later render can replace. */
+    private observedLayoutEl?;
     componentDidLoad(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;

package/dist/types/components/CardOverview/card-overview-controller.d.ts

@@ -6,15 +6,26 @@ export interface CardOverviewCollapseGeometry {
     visibleHeight: number;
 }
 /**
- * Choose the densest column count that fits without leaving an incomplete row
- * for even cell totals. Odd totals retain the densest fitting layout and may
- * therefore leave an orphan in the final row.
+ * Choose the column count for the metric grid.
+ *
+ * Cells that all fit across one row stay on one row: a full row is already
+ * balanced, so there is nothing to distribute.
+ *
+ * Once the width forces a wrap, prefer equal rows — the widest column count
+ * that divides the total exactly. Eight cells therefore step 8 → 4+4 → 2+2+2+2
+ * as the width narrows, never trading an equal split for a shorter grid.
+ *
+ * Totals with no equal split available fall back to the fewest rows that fit,
+ * spread as evenly as possible, which leaves one short final row: five cells at
+ * a four-cell width are 3+2, seven are 4+3.
+ *
+ * Width is the only ceiling. There is deliberately no column cap: a wide card
+ * showing six cells that each clear `minCellWidth` renders all six across.
  */
 export declare function resolveOverviewGridColumns(options: {
     cellCount: number;
     availableWidth: number;
     minCellWidth: number;
-    maxColumns?: number;
 }): number;
 export declare function resolveCardOverviewCollapseGeometry(options: {
     variant: CardOverviewVariant;

package/dist/types/components.d.ts

@@ -724,7 +724,7 @@ export namespace Components {
         "layout": CardOverviewLayout;
         /**
           * Width a metric cell may shrink to before the grid drops a column. The grid uses this threshold while choosing an evenly distributed column count.
-          * @default 'var(--dimension-menu-width-xs)'
+          * @default '200px'
          */
         "metricMinWidth": string;
         /**
@@ -4539,7 +4539,7 @@ declare namespace LocalJSX {
         "layout"?: CardOverviewLayout;
         /**
           * Width a metric cell may shrink to before the grid drops a column. The grid uses this threshold while choosing an evenly distributed column count.
-          * @default 'var(--dimension-menu-width-xs)'
+          * @default '200px'
          */
         "metricMinWidth"?: string;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "13.8.0",
+  "version": "13.10.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -108,7 +108,7 @@
     "@angular/core": ">=19 <23",
     "@angular/forms": ">=19 <23",
     "@ds-mo/icons": "^6.4.0",
-    "@ds-mo/tokens": "^5.1.2",
+    "@ds-mo/tokens": "^6.0.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
     "rxjs": "^7.8.0"
@@ -137,7 +137,7 @@
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
     "@ds-mo/icons": "^6.4.0",
-    "@ds-mo/tokens": "^5.1.2",
+    "@ds-mo/tokens": "^6.0.0",
     "@eslint/js": "^10.0.1",
     "@modelcontextprotocol/client": "^2.0.0",
     "@modelcontextprotocol/server": "^2.0.0",
@@ -192,5 +192,6 @@
     "mdast-util-from-markdown": "^2.0.3",
     "mdast-util-gfm": "^3.1.0",
     "micromark-extension-gfm": "^3.0.0"
-  }
+  },
+  "packageManager": "npm@11.12.1"
 }