@toclocoinc/lattice-grid 1.66.0 → 1.68.0

package/modules/kpi.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, kpi module
+ * Lattice Grid 1.68.0, kpi module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){
@@ -827,7 +827,15 @@ const rank=Math.max(SEVERITY[a]||0,SEVERITY[b]||0);
 return BY_RANK[rank];
 }
 function resolveHierarchy(config,tiles){
-if(config===false||!tiles.length)return null;
+if(!tiles.length)return null;
+if(config===false)return null;
+if(config===undefined||config===null){
+if(tiles.some((t)=>t.id.includes(DEFAULT_SEPARATOR))){
+warnOnce('kpi:tree:dotted-id',
+'kpi: tile ids contain dots; set `tree` to render them as a hierarchy.');
+}
+return null;
+}
 const cfg=isObject(config)?config:{};
 const order=tiles.map((_,i)=>i);
 const keyOf=(physical)=>tiles[physical].id;
@@ -1186,14 +1194,20 @@ return node;
 function deltaNode(doc,fig,t){
 const dir=t.delta>0?'up':(t.delta<0?'down':'flat');
 const arrow=t.delta>0?'▲':(t.delta<0?'▼':'■');
+const abs=t.deltaFormatted??t.delta;
 const pct=t.deltaPercent===null||t.deltaPercent===undefined
-?'':` (${(t.deltaPercent*100).toFixed(1)}%)`;
+?null:`${(t.deltaPercent*100).toFixed(1)}%`;
+const mode=t.deltaMode||'both';
+let text;
+if(mode==='absolute'||pct===null)text=`${arrow} ${abs}`;
+else if(mode==='relative')text=`${arrow} ${pct}`;
+else text=`${arrow} ${abs} (${pct})`;
 const node=childByClass(fig,`${NS}__delta`)||div(doc,`${NS}__delta`);
 for(const d of['up','down','flat']){
 if(d!==dir)node.classList.remove(`${NS}__delta--${d}`);
 }
 node.classList.add(`${NS}__delta--${dir}`);
-setText(node,`${arrow} ${t.deltaFormatted??t.delta}${pct}`);
+setText(node,text);
 return node;
 }
 function sparkNode(doc,fig,t){
@@ -5845,6 +5859,7 @@ const readClock=__m7["readClock"];
 const KPI_EVENTS=Object.freeze([
 'tile:click','tile:dblclick','tile:contextmenu','node:toggle','change',
 ]);
+const DELTA_MODES=Object.freeze(['absolute','relative','both']);
 const GRID_FOLLOW_EVENTS=Object.freeze([
 'rows:changed','filter:changed','sort:changed','cell:changed','model:changed',
 'stream:chunk','stream:evicted',
@@ -5856,8 +5871,30 @@ onTileContextMenu:'tile:contextmenu',
 onNodeToggle:'node:toggle',
 onChange:'change',
 });
+function rowKeyTypeName(v){
+if(Array.isArray(v))return'array';
+if(v===null)return'null';
+return typeof v;
+}
+function assertRowKeyShape(rowKey){
+if(rowKey===undefined)return;
+if(typeof rowKey==='string'&&rowKey.length>0)return;
+if(typeof rowKey==='function')return;
+throw new Error(
+'lattice-kpi: rowKey must be a property name or a function; composite keys are not supported on tiles.',
+);
+}
 function keyFn(rowKey){
-if(isFunction(rowKey))return rowKey;
+if(isFunction(rowKey)){
+return(row)=>{
+const key=rowKey(row);
+if(typeof key==='string')return key;
+if(typeof key==='number'&&Number.isFinite(key))return key;
+throw new Error(
+`lattice-kpi: rowKey function must return a string or number; got ${rowKeyTypeName(key)}.`,
+);
+};
+}
 const get=pathGetter(typeof rowKey==='string'&&rowKey?rowKey:'id');
 return(row)=>get(row);
 }
@@ -5888,12 +5925,20 @@ format:spec.format,
 target:spec.target,
 barBounds:barBounds(spec),
 baseline:spec.baseline,
+deltaMode:resolveDeltaMode(spec.delta,id),
 spark:normaliseSpark(spec.sparkline),
 acc,
 members:0,
 noColumn:false,
 };
 }
+function resolveDeltaMode(raw,id){
+if(raw===undefined)return'both';
+if(DELTA_MODES.includes(raw))return raw;
+warnOnce(`kpi:delta:${id}`,
+`kpi: tile "${id}" has delta: ${JSON.stringify(raw)}; expected one of ${DELTA_MODES.join(', ')}. Falling back to 'both'.`);
+return'both';
+}
 function normaliseSpark(s){
 if(!s)return null;
 if(typeof s==='string')return{x:undefined,y:accessorFor(s)};
@@ -6038,6 +6083,7 @@ return rows;
 }
 function createKPI(el,config={}){
 const cfg=isObject(config)?config:{};
+assertRowKeyShape(cfg.rowKey);
 const gridBound=!!cfg.grid&&!Array.isArray(cfg.rows);
 const key=gridBound?keyFn('__kpiKey'):keyFn(cfg.rowKey);
 const nullText=typeof cfg.nullText==='string'?cfg.nullText:'—';
@@ -6139,6 +6185,7 @@ baseline:undefined,
 delta:null,
 deltaPercent:null,
 deltaFormatted:undefined,
+deltaMode:undefined,
 count:0,
 sparkline:null,
 bar:null,
@@ -6176,6 +6223,7 @@ baseline:t.baseline,
 delta,
 deltaPercent,
 deltaFormatted,
+deltaMode:t.deltaMode,
 count:t.members,
 sparkline:sparkFor(t),
 bar:t.barBounds

package/modules/layout.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, layout module type declarations
+ * Lattice Grid 1.68.0, layout module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/layout.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, layout module
+ * Lattice Grid 1.68.0, layout module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -52,12 +52,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/layout.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, layout module
+ * Lattice Grid 1.68.0, layout module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/layout.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, layout module
+ * Lattice Grid 1.68.0, layout module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/mock-socket.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, mock-socket module type declarations
+ * Lattice Grid 1.68.0, mock-socket module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/mock-socket.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, mock-socket module
+ * Lattice Grid 1.68.0, mock-socket module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/mock-socket.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, mock-socket module
+ * Lattice Grid 1.68.0, mock-socket module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/mock-socket.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, mock-socket module
+ * Lattice Grid 1.68.0, mock-socket module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/react.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, react module type declarations
+ * Lattice Grid 1.68.0, react module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/react.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, react module
+ * Lattice Grid 1.68.0, react module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -52,12 +52,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/react.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, react module
+ * Lattice Grid 1.68.0, react module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/react.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, react module
+ * Lattice Grid 1.68.0, react module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/svelte.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, svelte module type declarations
+ * Lattice Grid 1.68.0, svelte module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/svelte.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, svelte module
+ * Lattice Grid 1.68.0, svelte module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -52,12 +52,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/svelte.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, svelte module
+ * Lattice Grid 1.68.0, svelte module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/svelte.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, svelte module
+ * Lattice Grid 1.68.0, svelte module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){

package/modules/tabs.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, tabs module type declarations
+ * Lattice Grid 1.68.0, tabs module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/tabs.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, tabs module
+ * Lattice Grid 1.68.0, tabs module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -52,12 +52,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){
@@ -499,7 +499,7 @@ const style=doc.createElement('style');
 style.id=`${NS}-styles`;
 style.setAttribute('id',`${NS}-styles`);
 style.textContent=`
-.${NS}{display:flex;flex-direction:column;height:100%;
+:where(.${NS}){display:flex;flex-direction:column;height:100%;
   font-family:var(--${NS}-font-family,var(--lattice-font-family,var(--lat-chrome-font-family,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif)));
   font-size:var(--${NS}-font-size,var(--lattice-font-size,var(--lat-chrome-font-size,13px)));
   line-height:var(--${NS}-line-height,var(--lattice-line-height,var(--lat-chrome-line-height,1.4)))}
@@ -512,12 +512,12 @@ style.textContent=`
   padding:var(--${NS}-pad-y,5px) var(--${NS}-pad-x,12px);cursor:pointer;color:var(--${NS}-muted,#586069)}
 .${NS} .${NS}__tab + .${NS}__tab{border-left:1px solid var(--${NS}-separator,#e7eaee)}
 .${NS} .${NS}__tab:hover{background:var(--${NS}-hover,#ebeef1)}
-.${NS} .${NS}__tab:focus-visible{outline:2px solid var(--${NS}-focus,#2563eb);outline-offset:var(--${NS}-focus-offset,-4px)}
+:where(.${NS} .${NS}__tab:focus-visible){outline:2px solid var(--${NS}-focus,#2563eb);outline-offset:var(--${NS}-focus-offset,-4px)}
 .${NS} .${NS}__tab[aria-selected="true"]{background:var(--${NS}-bg,#fff);color:var(--${NS}-active,#14171a);font-weight:600;
   margin-bottom:-1px;padding-bottom:calc(var(--${NS}-pad-y,5px) + 1px);
   box-shadow:inset 0 calc(-1 * var(--${NS}-accent-width,2px)) 0 0 var(--${NS}-accent,#1a6bc7)}
-.${NS} .${NS}__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
-.${NS} .${NS}__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+:where(.${NS} .${NS}__icon){flex:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
+:where(.${NS} .${NS}__label){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .${NS} .${NS}__badge{flex:none;display:inline-flex;align-items:center;justify-content:center;
   min-width:var(--${NS}-badge-size,1.5em);padding:0 var(--${NS}-badge-pad,0.4em);
   border-radius:var(--${NS}-badge-radius,999px);font-size:var(--${NS}-badge-font-size,0.85em);
@@ -528,19 +528,18 @@ style.textContent=`
 .${NS} .${NS}__badge[data-tone="bad"]{background:var(--${NS}-badge-bad-bg,#fbe0e0);color:var(--${NS}-badge-bad-fg,#8a1c1c)}
 .${NS} .${NS}__badge[data-tone="unknown"]{background:none;color:var(--${NS}-badge-unknown-fg,#586069);
   box-shadow:inset 0 0 0 1px var(--${NS}-badge-unknown-edge,#c3c9d0)}
-.${NS}__unit{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
-.${NS}__panels{position:relative;flex:1 1 auto;min-height:0}
-.${NS}__panel{position:absolute;inset:0}
-.${NS}__panel[hidden]{display:none}
-.${NS}__body{position:absolute;inset:0}
-.${NS}__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+:where(.${NS}__unit){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+:where(.${NS}__panels){position:relative;flex:1 1 auto;min-height:0}
+:where(.${NS}__panel){position:absolute;inset:0}
+:where(.${NS}__panel[hidden]){display:none}
+:where(.${NS}__body){position:absolute;inset:0}
+:where(.${NS}__live){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 `;
 (doc.head||doc.documentElement).appendChild(style);
 }
 function renderShell(state){
 const{doc,el,order}=state;
 injectStyles(doc);
-el.classList.add(NS);
 const root=doc.createElement('div');
 root.className=NS;
 const list=doc.createElement('div');

package/modules/tabs.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, tabs module
+ * Lattice Grid 1.68.0, tabs module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){
@@ -501,7 +501,7 @@ const style=doc.createElement('style');
 style.id=`${NS}-styles`;
 style.setAttribute('id',`${NS}-styles`);
 style.textContent=`
-.${NS}{display:flex;flex-direction:column;height:100%;
+:where(.${NS}){display:flex;flex-direction:column;height:100%;
   font-family:var(--${NS}-font-family,var(--lattice-font-family,var(--lat-chrome-font-family,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif)));
   font-size:var(--${NS}-font-size,var(--lattice-font-size,var(--lat-chrome-font-size,13px)));
   line-height:var(--${NS}-line-height,var(--lattice-line-height,var(--lat-chrome-line-height,1.4)))}
@@ -514,12 +514,12 @@ style.textContent=`
   padding:var(--${NS}-pad-y,5px) var(--${NS}-pad-x,12px);cursor:pointer;color:var(--${NS}-muted,#586069)}
 .${NS} .${NS}__tab + .${NS}__tab{border-left:1px solid var(--${NS}-separator,#e7eaee)}
 .${NS} .${NS}__tab:hover{background:var(--${NS}-hover,#ebeef1)}
-.${NS} .${NS}__tab:focus-visible{outline:2px solid var(--${NS}-focus,#2563eb);outline-offset:var(--${NS}-focus-offset,-4px)}
+:where(.${NS} .${NS}__tab:focus-visible){outline:2px solid var(--${NS}-focus,#2563eb);outline-offset:var(--${NS}-focus-offset,-4px)}
 .${NS} .${NS}__tab[aria-selected="true"]{background:var(--${NS}-bg,#fff);color:var(--${NS}-active,#14171a);font-weight:600;
   margin-bottom:-1px;padding-bottom:calc(var(--${NS}-pad-y,5px) + 1px);
   box-shadow:inset 0 calc(-1 * var(--${NS}-accent-width,2px)) 0 0 var(--${NS}-accent,#1a6bc7)}
-.${NS} .${NS}__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
-.${NS} .${NS}__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+:where(.${NS} .${NS}__icon){flex:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
+:where(.${NS} .${NS}__label){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .${NS} .${NS}__badge{flex:none;display:inline-flex;align-items:center;justify-content:center;
   min-width:var(--${NS}-badge-size,1.5em);padding:0 var(--${NS}-badge-pad,0.4em);
   border-radius:var(--${NS}-badge-radius,999px);font-size:var(--${NS}-badge-font-size,0.85em);
@@ -530,19 +530,18 @@ style.textContent=`
 .${NS} .${NS}__badge[data-tone="bad"]{background:var(--${NS}-badge-bad-bg,#fbe0e0);color:var(--${NS}-badge-bad-fg,#8a1c1c)}
 .${NS} .${NS}__badge[data-tone="unknown"]{background:none;color:var(--${NS}-badge-unknown-fg,#586069);
   box-shadow:inset 0 0 0 1px var(--${NS}-badge-unknown-edge,#c3c9d0)}
-.${NS}__unit{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
-.${NS}__panels{position:relative;flex:1 1 auto;min-height:0}
-.${NS}__panel{position:absolute;inset:0}
-.${NS}__panel[hidden]{display:none}
-.${NS}__body{position:absolute;inset:0}
-.${NS}__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+:where(.${NS}__unit){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+:where(.${NS}__panels){position:relative;flex:1 1 auto;min-height:0}
+:where(.${NS}__panel){position:absolute;inset:0}
+:where(.${NS}__panel[hidden]){display:none}
+:where(.${NS}__body){position:absolute;inset:0}
+:where(.${NS}__live){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 `;
 (doc.head||doc.documentElement).appendChild(style);
 }
 function renderShell(state){
 const{doc,el,order}=state;
 injectStyles(doc);
-el.classList.add(NS);
 const root=doc.createElement('div');
 root.className=NS;
 const list=doc.createElement('div');

package/modules/tabs.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, tabs module
+ * Lattice Grid 1.68.0, tabs module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -54,12 +54,12 @@ Object.defineProperty(__exports,"frameBatched",{enumerable:true,get:function(){r
 Object.defineProperty(__exports,"settleDebounce",{enumerable:true,get:function(){return settleDebounce;}});
 Object.defineProperty(__exports,"whenIdle",{enumerable:true,get:function(){return whenIdle;}});
 Object.defineProperty(__exports,"uid",{enumerable:true,get:function(){return uid;}});
-const STAMPED_VERSION="1.66.0";
+const STAMPED_VERSION="1.68.0";
 async function resolveVersion(){
 if(STAMPED_VERSION!=='0.0.0-source')return STAMPED_VERSION;
 return STAMPED_VERSION;
 }
-const VERSION="1.66.0";
+const VERSION="1.68.0";
 const warned=new Set();
 const WARNED_LIMIT=2000;
 function rememberWarned(key){
@@ -501,7 +501,7 @@ const style=doc.createElement('style');
 style.id=`${NS}-styles`;
 style.setAttribute('id',`${NS}-styles`);
 style.textContent=`
-.${NS}{display:flex;flex-direction:column;height:100%;
+:where(.${NS}){display:flex;flex-direction:column;height:100%;
   font-family:var(--${NS}-font-family,var(--lattice-font-family,var(--lat-chrome-font-family,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif)));
   font-size:var(--${NS}-font-size,var(--lattice-font-size,var(--lat-chrome-font-size,13px)));
   line-height:var(--${NS}-line-height,var(--lattice-line-height,var(--lat-chrome-line-height,1.4)))}
@@ -514,12 +514,12 @@ style.textContent=`
   padding:var(--${NS}-pad-y,5px) var(--${NS}-pad-x,12px);cursor:pointer;color:var(--${NS}-muted,#586069)}
 .${NS} .${NS}__tab + .${NS}__tab{border-left:1px solid var(--${NS}-separator,#e7eaee)}
 .${NS} .${NS}__tab:hover{background:var(--${NS}-hover,#ebeef1)}
-.${NS} .${NS}__tab:focus-visible{outline:2px solid var(--${NS}-focus,#2563eb);outline-offset:var(--${NS}-focus-offset,-4px)}
+:where(.${NS} .${NS}__tab:focus-visible){outline:2px solid var(--${NS}-focus,#2563eb);outline-offset:var(--${NS}-focus-offset,-4px)}
 .${NS} .${NS}__tab[aria-selected="true"]{background:var(--${NS}-bg,#fff);color:var(--${NS}-active,#14171a);font-weight:600;
   margin-bottom:-1px;padding-bottom:calc(var(--${NS}-pad-y,5px) + 1px);
   box-shadow:inset 0 calc(-1 * var(--${NS}-accent-width,2px)) 0 0 var(--${NS}-accent,#1a6bc7)}
-.${NS} .${NS}__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
-.${NS} .${NS}__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+:where(.${NS} .${NS}__icon){flex:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
+:where(.${NS} .${NS}__label){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .${NS} .${NS}__badge{flex:none;display:inline-flex;align-items:center;justify-content:center;
   min-width:var(--${NS}-badge-size,1.5em);padding:0 var(--${NS}-badge-pad,0.4em);
   border-radius:var(--${NS}-badge-radius,999px);font-size:var(--${NS}-badge-font-size,0.85em);
@@ -530,19 +530,18 @@ style.textContent=`
 .${NS} .${NS}__badge[data-tone="bad"]{background:var(--${NS}-badge-bad-bg,#fbe0e0);color:var(--${NS}-badge-bad-fg,#8a1c1c)}
 .${NS} .${NS}__badge[data-tone="unknown"]{background:none;color:var(--${NS}-badge-unknown-fg,#586069);
   box-shadow:inset 0 0 0 1px var(--${NS}-badge-unknown-edge,#c3c9d0)}
-.${NS}__unit{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
-.${NS}__panels{position:relative;flex:1 1 auto;min-height:0}
-.${NS}__panel{position:absolute;inset:0}
-.${NS}__panel[hidden]{display:none}
-.${NS}__body{position:absolute;inset:0}
-.${NS}__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+:where(.${NS}__unit){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+:where(.${NS}__panels){position:relative;flex:1 1 auto;min-height:0}
+:where(.${NS}__panel){position:absolute;inset:0}
+:where(.${NS}__panel[hidden]){display:none}
+:where(.${NS}__body){position:absolute;inset:0}
+:where(.${NS}__live){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 `;
 (doc.head||doc.documentElement).appendChild(style);
 }
 function renderShell(state){
 const{doc,el,order}=state;
 injectStyles(doc);
-el.classList.add(NS);
 const root=doc.createElement('div');
 root.className=NS;
 const list=doc.createElement('div');

package/modules/vue.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.66.0, vue module type declarations
+ * Lattice Grid 1.68.0, vue module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */