@blueprintui/grid 2.1.7 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [@blueprintui/grid-v2.2.0](https://github.com/blueprintui/blueprintui/compare/@blueprintui/grid-v2.1.7...@blueprintui/grid-v2.2.0) (2025-01-11)
+
+
+### Features
+
+* **grid:** clipboard api support ([87008a4](https://github.com/blueprintui/blueprintui/commit/87008a42267f1e453865d14f3823de3686ddb0f5))
+* **grid:** column span api ([8145fd6](https://github.com/blueprintui/blueprintui/commit/8145fd62327e8d036c37e3a6ee47f8a6d06873dd))
+
 # [@blueprintui/grid-v2.1.7](https://github.com/blueprintui/blueprintui/compare/@blueprintui/grid-v2.1.6...@blueprintui/grid-v2.1.7) (2024-12-14)
 
 

package/dist/clipboard/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveController } from 'lit';
+import type { BpGrid } from '../grid/element.js';
+export declare class ClipboardController implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: BpGrid);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/clipboard/index.js

@@ -0,0 +1 @@
+class t{constructor(t){this.host=t,this.host.addController(this)}#t=this.#e.bind(this);hostConnected(){document.addEventListener("copy",this.#t)}hostDisconnected(){document.removeEventListener("copy",this.#t)}async#e(t){if(this.host.contains(t.target)){const t=this.host.outerHTML.replaceAll("bp-grid-column","th").replaceAll("bp-grid-row","tr").replaceAll("bp-grid-cell","td").replaceAll("bp-grid-header","thead").replaceAll("bp-grid-footer","tfoot").replaceAll("bp-grid","table");try{navigator.clipboard.write([new ClipboardItem({"text/plain":new Blob([this.host.innerText],{type:"text/plain"}),"text/html":new Blob([t],{type:"text/html"})})])}catch(t){console.error(t)}}}}export{t as ClipboardController};

package/dist/column-span/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveController } from 'lit';
+import type { BpGrid } from '../grid/element.js';
+export declare class ColumnSpanController implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: BpGrid);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/column-span/index.js

@@ -0,0 +1 @@
+class t{#t;constructor(t){this.host=t,this.host.addController(this)}hostConnected(){this.#e(),this.#s()}hostDisconnected(){this.#t.disconnect()}#e(){this.#t=new MutationObserver((t=>{t.filter((t=>"attributes"===t.type&&"aria-colspan"===t.attributeName)).forEach((t=>this.#o(t.target)))})),this.#t.observe(this.host,{characterData:!1,attributes:!0,childList:!0,subtree:!0})}#s(){[...this.host.gridLayoutControllerConfig.columns,...this.host.cells].forEach((t=>this.#o(t)))}#o(t){t.ariaColSpan&&(t.style.gridColumnEnd="span "+t.ariaColSpan)}}export{t as ColumnSpanController};

package/dist/custom-elements.json

@@ -112,6 +112,55 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/clipboard/index.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ClipboardController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#_listener",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "#listener",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "ClipboardEvent"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ClipboardController",
+          "declaration": {
+            "name": "ClipboardController",
+            "module": "/clipboard/index.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/column-resize/index.js",
@@ -137,6 +186,68 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/column-span/index.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ColumnSpanController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "#setupColSpanObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#updateAllColumnSpanStyles",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#updateColumnSpanStyles",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ColumnSpanController",
+          "declaration": {
+            "name": "ColumnSpanController",
+            "module": "/column-span/index.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/column/alignment.controller.js",
@@ -1224,7 +1335,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "privacy": "private",
+              "description": "enables range selection",
               "attribute": "range-selection",
               "reflects": true
             },
@@ -1264,6 +1375,30 @@
               },
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "BpGridColumn[]"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "cells",
+              "type": {
+                "text": "BpGridCell[]"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "BpGridRow[]"
+              },
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "keyNavGrid",
@@ -1395,6 +1530,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "enables range selection",
               "fieldName": "rangeSelection"
             },
             {
@@ -1688,6 +1824,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/include/clipboard.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "/include/column-alignment.js",
@@ -1706,6 +1848,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "/include/column-span.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "/include/core.js",
@@ -2181,7 +2329,8 @@
                 "text": "HTMLElement[]"
               }
             }
-          ]
+          ],
+          "description": "Given a list of cells, duplicate the cell 1 * n of the ariaColSpan\n\n1, 2, 3 (span 2), 4, 5, 6\n1, 2, 3, 3, 4, 5, 6"
         }
       ],
       "exports": [

package/dist/detail/element.js

@@ -1 +1 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as i,nothing as r}from"lit";import{property as s}from"lit/decorators/property.js";import{I18nService as o,baseStyles as n,typePopover as l,i18n as a,stateDirection as g,interactionResponsive as p}from"@blueprintui/components/internals";import d from"./element.css.js";let h=class extends e{constructor(){super(...arguments),this.i18n=o.keys.actions,this.position="inline-end"}get#t(){return this.parentElement}#e;get#i(){return"string"==typeof this.trigger?this.getRootNode().querySelector("#"+this.trigger):this.trigger}get#r(){return this.#i?.closest("bp-grid-row")}get#s(){return parseInt(getComputedStyle(this).getPropertyValue("--full-width-breakpoint"))}static{this.styles=[n,d]}render(){return i`<div part="internal" role="presentation">${this.closable?i`<bp-button-icon @click="${this.hidePopover}" aria-label="${this.i18n.close}" shape="close" action="flat" type="button"></bp-button-icon>`:r}<slot></slot></div>${this.trigger?i`<div part="pointer" role="presentation"></div>`:r}`}async connectedCallback(){super.connectedCallback(),this.slot="detail",this.#o()}firstUpdated(t){super.firstUpdated(t),this.#n(),this.addEventListener("toggle",(t=>{"open"===t.newState&&this.#n()}))}async updated(t){super.updated(t),await this.updateComplete,t.has("trigger")&&t.get("trigger")!==this.#i&&!this.hidden&&this.#l(t.get("trigger"))}disconnectedCallback(){super.disconnectedCallback(),this.#e.disconnect()}#l(t){t?.closest&&t?.closest("bp-grid-row")?.removeAttribute("_detail-row");const e=this.#i?.getBoundingClientRect()?.top-this.getBoundingClientRect().top;this.style.setProperty("--pointer-top",e-2+"px")}#o(){this.addEventListener("resize-layout",(t=>{t.detail.width<this.#s?this.setAttribute("full-width",""):t.detail.width>this.#s+parseInt(this.style.insetInlineStart)&&(this.removeAttribute("full-width"),this.#n())}))}async#n(){this.#t.scrollLock=!this.hidden,await this.updateComplete;const t=Array.from(this.#r?this.#r.querySelectorAll("bp-grid-cell"):[]).find((t=>"rowheader"===t.role));if(t){const e=this.#t?.getBoundingClientRect(),i=t.getBoundingClientRect();this.style.width="auto","inline-start"===this.position||"rtl"===this.#t?.getAttribute("dir")?this.style.insetInlineStart=Math.floor(e.right-i.left)+"px":this.style.insetInlineStart=Math.floor(i.right-e.left)+"px"}}};t([s({type:Object})],h.prototype,"i18n",void 0),t([s({type:String,reflect:!0})],h.prototype,"position",void 0),t([s({type:String})],h.prototype,"trigger",void 0),t([s({type:Boolean})],h.prototype,"closable",void 0),h=t([l((t=>({focusTrap:!0,trigger:t.trigger}))),a({key:"actions"}),g(),p()],h);export{h as BpGridDetail};
+import{__decorate as t}from"tslib";import{LitElement as e,html as i,nothing as r}from"lit";import{property as s}from"lit/decorators/property.js";import{I18nService as o,baseStyles as n,typePopover as l,i18n as a,stateDirection as g,interactionResponsive as p}from"@blueprintui/components/internals";import d from"./element.css.js";let h=class extends e{constructor(){super(...arguments),this.i18n=o.keys.actions,this.position="inline-end"}get#t(){return this.parentElement}#e;get#i(){return"string"==typeof this.trigger?this.getRootNode().querySelector("#"+this.trigger):this.trigger}get#r(){return this.#i?.closest("bp-grid-row")}get#s(){return parseInt(getComputedStyle(this).getPropertyValue("--full-width-breakpoint"))}static{this.styles=[n,d]}render(){return i`<div part="internal" role="presentation">${this.closable?i`<bp-button-icon @click="${this.hidePopover}" aria-label="${this.i18n.close}" shape="close" action="flat" type="button"></bp-button-icon>`:r}<slot></slot></div>${this.trigger?i`<div part="pointer" role="presentation"></div>`:r}`}async connectedCallback(){super.connectedCallback(),this.slot="detail",this.#o()}firstUpdated(t){super.firstUpdated(t),this.#n(),this.addEventListener("toggle",(t=>{"open"===t.newState&&this.#n()}))}async updated(t){super.updated(t),await this.updateComplete,t.has("trigger")&&t.get("trigger")!==this.#i&&!this.hidden&&this.#l(t.get("trigger"))}disconnectedCallback(){super.disconnectedCallback(),this.#e.disconnect()}#l(t){t?.closest&&t?.closest("bp-grid-row")?.removeAttribute("_detail-row");const e=this.#i?.getBoundingClientRect()?.top-this.getBoundingClientRect().top;this.style.setProperty("--pointer-top",e-2+"px")}#o(){this.addEventListener("resize-layout",(t=>{t.detail.width<this.#s?this.setAttribute("full-width",""):t.detail.width>this.#s+parseInt(this.style.insetInlineStart)&&(this.removeAttribute("full-width"),this.#n())}))}async#n(){this.#t.scrollLock=!this.hidden,await this.updateComplete;const t=Array.from(this.#r?this.#r.querySelectorAll("bp-grid-cell"):[]).find((t=>"rowheader"===t.role));if(t){const e=this.#t?.getBoundingClientRect(),i=t.getBoundingClientRect();this.style.width="auto","inline-start"===this.position||"rtl"===this.#t?.getAttribute("dir")?this.style.insetInlineStart=Math.floor(e.right-i.left)+"px":this.style.insetInlineStart=Math.floor(i.right-e.left)+"px"}}};t([s({type:Object})],h.prototype,"i18n",void 0),t([s({type:String,reflect:!0})],h.prototype,"position",void 0),t([s({type:String})],h.prototype,"trigger",void 0),t([s({type:Boolean})],h.prototype,"closable",void 0),h=t([l((()=>({focusTrap:!0}))),a({key:"actions"}),g(),p()],h);export{h as BpGridDetail};

package/dist/grid/element.d.ts

@@ -1,5 +1,8 @@
 import { LitElement } from 'lit';
 import type { Permutations } from '@blueprintui/grid/internals/types';
+import type { BpGridColumn } from '../column/element.js';
+import type { BpGridCell } from '../cell/element.js';
+import type { BpGridRow } from '../row/element.js';
 import { GridLayoutController } from './layout.controller.js';
 /**
  * Grid
@@ -68,7 +71,7 @@ export declare class BpGrid extends LitElement {
     scrollLock: boolean;
     /** determines the visual layer style (container vs flat for nesting) */
     layer: 'flat' | 'container';
-    /** @private enables range selection */
+    /** enables range selection */
     rangeSelection: boolean;
     /** @private enables range selection */
     _id: string;
@@ -76,11 +79,14 @@ export declare class BpGrid extends LitElement {
     static styles: CSSStyleSheet[];
     /** @private */
     get gridLayoutControllerConfig(): {
-        columns: import("../index.js").BpGridColumn[];
+        columns: BpGridColumn[];
         columnLayout: "fixed" | "flex";
         height: string;
     };
     get grid(): HTMLElement[][];
+    get columns(): BpGridColumn[];
+    get cells(): BpGridCell[];
+    get rows(): BpGridRow[];
     /** @private */
     get keyNavGrid(): HTMLElement;
     _internals: ElementInternals;

package/dist/grid/element.js

@@ -1 +1 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{property as r}from"lit/decorators/property.js";import{baseStyles as i,I18nService as l,createId as n,attachRootNodeStyles as s,dynamicControllers as a,i18n as h,typeMultiSelectable as c}from"@blueprintui/components/internals";import{interactionScrollVisibility as p}from"@blueprintui/grid/internals";import{GridLayoutController as d}from"./layout.controller.js";import{GridDOMController as u}from"./dom.controller.js";import m from"./element.css.js";import y from"./element.global.css.js";let C=class extends o{static{this.styles=[i,m]}get gridLayoutControllerConfig(){return{columns:this.#t.columns,columnLayout:this.columnLayout,height:this.height}}#t;get grid(){return this.#t.grid}get keyNavGrid(){return this.shadowRoot.querySelector(".scroll-container")}render(){return e`<div role="presentation" part="internal"><div role="presentation" class="scroll-container"><slot role="presentation" name="header"></slot><slot role="presentation" class="body-row-group"></slot></div><slot name="footer"></slot><slot name="detail"></slot></div>`}constructor(){super(),this.i18n=l.keys.actions,this.columnLayout="fixed",this.scrollLock=!1,this.layer="container",this.rangeSelection=!1,this._id=n(),this.gridLayoutController=new d(this),this._internals=this.attachInternals(),this.#t=new u(this),this._internals.role="grid",this._internals.states.add("bp-layer"),this.#o()}async connectedCallback(){super.connectedCallback(),s(this.parentNode,[y]),await this.updateComplete,this.shadowRoot.addEventListener("bp-slotchange",(()=>this.#e())),this.#e()}#o(){this.addEventListener("sort",(t=>{const o=t.composedPath().find((t=>"BP-GRID-COLUMN"===t.tagName));o&&(o.ariaSort=t.detail)}))}async#e(){this.#t.isStatic||(this.#r(),this.#i(),this.#l(),this.#n(),this.#s(),this.#a())}#r(){const t=Math.max(this.#t.rows?.length,1),o=this.#t.footer?1:0;this._internals.ariaRowCount=""+(1+t+o),this._internals.ariaColCount=""+this.#t.columns.length}#i(){this.#t.columns.forEach(((t,o)=>t.ariaColIndex=""+(o+1)))}#l(){this.#t.rows?.forEach(((t,o)=>t.ariaRowIndex=""+(o+2)))}#n(){this.#t.cells?.forEach(((t,o)=>t.ariaColIndex=""+(o%this.#t.columns.length+1)))}#s(){this.#t.placeholder&&(this.#t.placeholder.ariaRowCount=""+(this.#t.rows.length+1),this.#t.placeholder._colSpan=this._internals.ariaColCount)}#a(){this.#t.footer&&(this.#t.footer.ariaRowCount=""+(this.#t.rows.length+2),this.#t.footer._colSpan=this._internals.ariaColCount)}};t([r({type:Object})],C.prototype,"i18n",void 0),t([r({type:String,reflect:!0})],C.prototype,"height",void 0),t([r({type:String,reflect:!0,attribute:"column-layout"})],C.prototype,"columnLayout",void 0),t([r({type:String,reflect:!0,attribute:"row-style"})],C.prototype,"rowStyle",void 0),t([r({type:String,reflect:!0,attribute:"column-style"})],C.prototype,"columnStyle",void 0),t([r({type:String,reflect:!0})],C.prototype,"selectable",void 0),t([r({type:Boolean,reflect:!0,attribute:"scroll-lock"})],C.prototype,"scrollLock",void 0),t([r({type:String,reflect:!0})],C.prototype,"layer",void 0),t([r({type:Boolean,reflect:!0,attribute:"range-selection"})],C.prototype,"rangeSelection",void 0),t([r({type:String,reflect:!0})],C.prototype,"_id",void 0),C=t([a(),h({key:"actions"}),c(),p()],C);export{C as BpGrid};
+import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{property as r}from"lit/decorators/property.js";import{baseStyles as i,I18nService as l,createId as n,attachRootNodeStyles as s,dynamicControllers as a,i18n as h,typeMultiSelectable as c}from"@blueprintui/components/internals";import{interactionScrollVisibility as p}from"@blueprintui/grid/internals";import{GridLayoutController as d}from"./layout.controller.js";import{GridDOMController as u}from"./dom.controller.js";import m from"./element.global.css.js";import C from"./element.css.js";let y=class extends o{static{this.styles=[i,C]}get gridLayoutControllerConfig(){return{columns:this.#t.columns,columnLayout:this.columnLayout,height:this.height}}#t;get grid(){return this.#t.grid}get columns(){return this.#t.columns}get cells(){return this.#t.cells}get rows(){return this.#t.rows}get keyNavGrid(){return this.shadowRoot.querySelector(".scroll-container")}render(){return e`<div role="presentation" part="internal"><div role="presentation" class="scroll-container"><slot role="presentation" name="header"></slot><slot role="presentation" class="body-row-group"></slot></div><slot name="footer"></slot><slot name="detail"></slot></div>`}constructor(){super(),this.i18n=l.keys.actions,this.columnLayout="fixed",this.scrollLock=!1,this.layer="container",this.rangeSelection=!1,this._id=n(),this.gridLayoutController=new d(this),this._internals=this.attachInternals(),this.#t=new u(this),this._internals.role="grid",this._internals.states.add("bp-layer"),this.#o()}async connectedCallback(){super.connectedCallback(),s(this.parentNode,[m]),await this.updateComplete,this.shadowRoot.addEventListener("bp-slotchange",(()=>this.#e())),this.#e()}#o(){this.addEventListener("sort",(t=>{const o=t.composedPath().find((t=>"BP-GRID-COLUMN"===t.tagName));o&&(o.ariaSort=t.detail)}))}async#e(){this.#t.isStatic||(this.#r(),this.#i(),this.#l(),this.#n(),this.#s(),this.#a())}#r(){const t=Math.max(this.#t.rows?.length,1),o=this.#t.footer?1:0;this._internals.ariaRowCount=""+(1+t+o),this._internals.ariaColCount=""+this.#t.columns.length}#i(){this.#t.columns.forEach(((t,o)=>t.ariaColIndex=""+(o+1)))}#l(){this.#t.rows?.forEach(((t,o)=>t.ariaRowIndex=""+(o+2)))}#n(){this.#t.cells?.forEach(((t,o)=>t.ariaColIndex=""+(o%this.#t.columns.length+1)))}#s(){this.#t.placeholder&&(this.#t.placeholder.ariaRowCount=""+(this.#t.rows.length+1),this.#t.placeholder._colSpan=this._internals.ariaColCount)}#a(){this.#t.footer&&(this.#t.footer.ariaRowCount=""+(this.#t.rows.length+2),this.#t.footer._colSpan=this._internals.ariaColCount)}};t([r({type:Object})],y.prototype,"i18n",void 0),t([r({type:String,reflect:!0})],y.prototype,"height",void 0),t([r({type:String,reflect:!0,attribute:"column-layout"})],y.prototype,"columnLayout",void 0),t([r({type:String,reflect:!0,attribute:"row-style"})],y.prototype,"rowStyle",void 0),t([r({type:String,reflect:!0,attribute:"column-style"})],y.prototype,"columnStyle",void 0),t([r({type:String,reflect:!0})],y.prototype,"selectable",void 0),t([r({type:Boolean,reflect:!0,attribute:"scroll-lock"})],y.prototype,"scrollLock",void 0),t([r({type:String,reflect:!0})],y.prototype,"layer",void 0),t([r({type:Boolean,reflect:!0,attribute:"range-selection"})],y.prototype,"rangeSelection",void 0),t([r({type:String,reflect:!0})],y.prototype,"_id",void 0),y=t([a(),h({key:"actions"}),c(),p()],y);export{y as BpGrid};

package/dist/include/clipboard.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/include/clipboard.js

@@ -0,0 +1 @@
+import{DynamicControllers as r}from"@blueprintui/components/internals";import{BpGrid as o}from"../grid/element.js";import{ClipboardController as e}from"../clipboard/index.js";r.add(o,class extends e{constructor(r){super(r)}});

package/dist/include/column-span.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/include/column-span.js

@@ -0,0 +1 @@
+import{DynamicControllers as r}from"@blueprintui/components/internals";import{BpGrid as n}from"../grid/element.js";import{ColumnSpanController as o}from"../column-span/index.js";r.add(n,class extends o{constructor(r){super(r)}});

package/dist/internals/utils/traversal.d.ts

@@ -3,4 +3,10 @@ export declare function getFlattenedDOMTree(node: Node, depth?: number): HTMLEle
 export declare function getChildren(node: any): any;
 export declare function isObject(val: any): boolean;
 export declare function mergeObjects(...objs: object[]): object;
+/**
+ * Given a list of cells, duplicate the cell 1 * n of the ariaColSpan
+ *
+ * 1, 2, 3 (span 2), 4, 5, 6
+ * 1, 2, 3, 3, 4, 5, 6
+ */
 export declare function insertSpanningCells(cells: HTMLElement[]): HTMLElement[];

package/dist/vscode.html-custom-data.json

@@ -105,7 +105,11 @@
           "description": "determines the visual layer style (container vs flat for nesting)",
           "values": [{ "name": "flat" }, { "name": "container" }]
         },
-        { "name": "range-selection", "values": [] },
+        {
+          "name": "range-selection",
+          "description": "enables range selection",
+          "values": []
+        },
         { "name": "_id", "values": [] }
       ],
       "references": []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/grid",
-  "version": "2.1.7",
+  "version": "2.2.0",
   "type": "module",
   "files": [
     "package.json",
@@ -62,11 +62,11 @@
   "dependencies": {
     "lit": "^3.2.1",
     "tslib": "^2.8.1",
-    "@blueprintui/components": "^2.2.0",
+    "@blueprintui/components": "^2.3.0",
     "@blueprintui/icons": "^2.1.6",
     "@blueprintui/typewriter": "^2.1.11",
-    "@blueprintui/crane": "^2.1.8",
-    "@blueprintui/themes": "^2.1.10"
+    "@blueprintui/themes": "^2.1.10",
+    "@blueprintui/crane": "^2.1.8"
   },
   "devDependencies": {
     "@web/dev-server": "0.4.6",
@@ -81,8 +81,8 @@
     "playwright": "1.48.2",
     "publint": "0.2.10",
     "@blueprintui/layout": "^2.1.6",
-    "@blueprintui/test": "^0.0.0",
-    "@blueprintui/typography": "^2.1.6"
+    "@blueprintui/typography": "^2.1.6",
+    "@blueprintui/test": "^0.0.0"
   },
   "wireit": {
     "ci": {