@blueprintui/grid 2.1.3 → 2.1.5

package/{cell → dist/cell}/element.css.js

@@ -1 +1 @@
-const t=new CSSStyleSheet;t.replaceSync(':host{--border-right:var(--cell-border-width)solid var(--border-color);--border-left:0;--min-width:var(--bp-size-900);--min-height:var(--bp-size-900);--font-size:var(--bp-text-size-200);--justify-content:var(--cell-justify-content,start);--padding-block:var(--bp-size-400);--padding-inline:var(--bp-size-600);--color:var(--bp-text-color-500);height:100%;display:block;position:sticky;outline:0!important}:host(:state(alignment-start)){--justify-content:start}:host(:state(alignment-center)){--justify-content:center}:host(:state(alignment-end)){--justify-content:end}slot{background:color-mix(in oklab,var(--background),black var(--bp-interaction-offset,0%));justify-content:var(--justify-content);border-left:var(--border-left);box-shadow:var(--box-shadow);border-right:var(--border-right);min-width:var(--min-width);min-height:var(--min-height);font-size:var(--font-size);padding-inline:var(--padding-inline);padding-block:var(--padding-block);color:var(--color);text-align:left;gap:var(--bp-space-sm);align-items:center;width:100%;height:100%;line-height:1em;display:flex;position:relative}:host(:state(highlight)) slot:after{background:var(--bp-interaction-highlight-background);content:"";pointer-events:none;display:block;position:absolute;inset:0}:host{--highlight-border:var(--border-width)solid var(--bp-status-accent-background-100)}:host(:state(highlight-block-start)) slot:after{border-block-start:var(--highlight-border)}:host(:state(highlight-block-end)) slot:after{border-block-end:var(--highlight-border)}:host(:state(highlight-inline-start)) slot:after{border-inline-start:var(--highlight-border)}:host(:state(highlight-inline-end)) slot:after{border-inline-end:var(--highlight-border)}');export{t as default};
+const t=new CSSStyleSheet;t.replaceSync(':host{--border-right:var(--cell-border-width)solid var(--border-color);--border-left:0;--min-width:var(--bp-size-900);--min-height:var(--bp-size-900);--font-size:var(--bp-text-size-200);--justify-content:var(--cell-justify-content,start);--padding-block:var(--bp-size-400);--padding-inline:var(--bp-size-500);--color:var(--bp-text-color-500);height:100%;display:block;position:sticky;outline:0!important}:host(:state(alignment-start)){--justify-content:start}:host(:state(alignment-center)){--justify-content:center}:host(:state(alignment-end)){--justify-content:end}slot{background:color-mix(in oklab,var(--background),black var(--bp-interaction-offset,0%));justify-content:var(--justify-content);border-left:var(--border-left);box-shadow:var(--box-shadow);border-right:var(--border-right);min-width:var(--min-width);min-height:var(--min-height);font-size:var(--font-size);padding-inline:var(--padding-inline);padding-block:var(--padding-block);color:var(--color);text-align:left;gap:var(--bp-space-sm);align-items:center;width:100%;height:100%;line-height:1em;display:flex;position:relative}:host(:state(highlight)) slot:after{background:var(--bp-interaction-highlight-background);content:"";pointer-events:none;display:block;position:absolute;inset:0}:host{--highlight-border:var(--border-width)solid var(--bp-status-accent-background-100)}:host(:state(highlight-block-start)) slot:after{border-block-start:var(--highlight-border)}:host(:state(highlight-block-end)) slot:after{border-block-end:var(--highlight-border)}:host(:state(highlight-inline-start)) slot:after{border-inline-start:var(--highlight-border)}:host(:state(highlight-inline-end)) slot:after{border-inline-end:var(--highlight-border)}');export{t as default};

package/{cell → dist/cell}/element.d.ts

@@ -25,6 +25,6 @@ export declare class BpGridCell extends LitElement {
     static styles: CSSStyleSheet[];
     /** @private */
     _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
 }

package/{column → dist/column}/element.css.js

@@ -1 +1 @@
-const t=new CSSStyleSheet;t.replaceSync(':host{--bp-layer:0;--min-height:var(--column-height,var(--bp-interaction-touch-target));--min-width:fit-content;--justify-content:start;--padding-block:var(--bp-size-400);--padding-inline:var(--bp-size-600);--font-size:var(--bp-text-size-200);--color:var(--bp-text-color-500);z-index:998;min-height:var(--min-height);min-width:var(--min-width);align-items:center;display:flex;position:sticky;top:0;outline:0!important}:host(:state(alignment-start)){--justify-content:start}:host(:state(alignment-center)){--justify-content:center}:host(:state(alignment-end)){--justify-content:end}[part=internal]{background:var(--background);min-height:var(--min-height);justify-content:var(--justify-content);padding-inline:var(--padding-inline);padding-block:var(--padding-block);font-size:var(--font-size);color:var(--color);border-bottom:var(--border-width)solid var(--border-color);text-align:left;white-space:nowrap;text-overflow:ellipsis;gap:var(--bp-size-sm);align-items:center;width:100%;height:100%;margin:0;font-weight:500;line-height:1em;display:flex;overflow:visible;position:sticky!important}:host([position=fixed]),:host([position=sticky]){z-index:999}[part=internal]:after{background:var(--border-color);width:var(--border-width);content:"";height:50%;display:none;position:absolute;right:0}[focused]+[part=internal]:after{background:var(--bp-interaction-accent-background);height:100vh;right:0}.border{right:0;top:var(--bp-size-400);bottom:var(--bp-size-400);width:var(--border-width);background:var(--border-color);position:absolute}:host([draggable=true]){-webkit-user-drag:element;user-select:none}::slotted(bp-button-handle){--width:var(--bp-size-700);--height:var(--bp-size-700)}.line{top:var(--min-height);background:var(--bp-interaction-accent-background);width:var(--border-width);height:100vh;display:none;position:absolute;bottom:0;right:0}:host([bp-crane*=target]) .line{right:initial;display:block;left:0}:host(:state(resizing)) .line{display:block}:host(:state(hover)){--interaction-offset:var(--bp-interaction-hover-offset)}::slotted([tabindex="0"]),::slotted(button){margin-left:auto}::slotted(bp-button-sort){--icon-height:14px;position:absolute;right:8px;--bp-interaction-outline-webkit:none!important;--bp-interaction-outline-offset:none!important;outline:none!important}::slotted(bp-button-resize){--height:32px;--background:var(--border-color);--width:var(--border-width);position:absolute;right:0}:host(:state(ch-last)) .border,:host(:state(ch-last)) ::slotted(bp-button-resize){display:none}');export{t as default};
+const t=new CSSStyleSheet;t.replaceSync(':host{--bp-layer:0;--min-height:var(--column-height,var(--bp-interaction-touch-target));--min-width:fit-content;--justify-content:start;--padding-block:var(--bp-size-400);--padding-inline:var(--bp-size-500);--font-size:var(--bp-text-size-200);--color:var(--bp-text-color-500);z-index:998;min-height:var(--min-height);min-width:var(--min-width);align-items:center;display:flex;position:sticky;top:0;outline:0!important}:host(:state(alignment-start)){--justify-content:start}:host(:state(alignment-center)){--justify-content:center}:host(:state(alignment-end)){--justify-content:end}[part=internal]{background:var(--background);min-height:var(--min-height);justify-content:var(--justify-content);padding-inline:var(--padding-inline);padding-block:var(--padding-block);font-size:var(--font-size);color:var(--color);border-bottom:var(--border-width)solid var(--border-color);text-align:left;white-space:nowrap;text-overflow:ellipsis;gap:var(--bp-size-sm);align-items:center;width:100%;height:100%;margin:0;font-weight:500;line-height:1em;display:flex;overflow:visible;position:sticky!important}:host([position=fixed]),:host([position=sticky]){z-index:999}[part=internal]:after{background:var(--border-color);width:var(--border-width);content:"";height:50%;display:none;position:absolute;right:0}[focused]+[part=internal]:after{background:var(--bp-interaction-accent-background);height:100vh;right:0}.border{right:0;top:var(--bp-size-400);bottom:var(--bp-size-400);width:var(--border-width);background:var(--border-color);position:absolute}:host([draggable=true]){-webkit-user-drag:element;user-select:none}::slotted(bp-button-handle){--width:var(--bp-size-700);--height:var(--bp-size-700)}.line{top:var(--min-height);background:var(--bp-interaction-accent-background);width:var(--border-width);height:100vh;display:none;position:absolute;bottom:0;right:0}:host([bp-crane*=target]) .line{right:initial;display:block;left:0}:host(:state(resizing)) .line{display:block}:host(:state(hover)){--interaction-offset:var(--bp-interaction-hover-offset)}::slotted(bp-button-sort){--icon-height:14px;position:absolute;right:8px;--bp-interaction-outline-webkit:none!important;--bp-interaction-outline-offset:none!important;outline:none!important}::slotted(bp-button-resize){--height:32px;--background:var(--border-color);--width:var(--border-width);position:absolute;right:0}:host(:state(ch-last)) .border,:host(:state(ch-last)) ::slotted(bp-button-resize){display:none}::slotted([bp-layout~=inline:end]){margin-left:auto!important}');export{t as default};

package/{column → dist/column}/element.d.ts

@@ -29,6 +29,6 @@ export declare class BpGridColumn extends LitElement {
     static styles: CSSStyleSheet[];
     /** @private */
     _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
 }

package/dist/column/element.js

@@ -0,0 +1 @@
+import{__decorate as t}from"tslib";import{LitElement as r,html as e}from"lit";import{property as o}from"lit/decorators/property.js";import{baseStyles as i,dynamicControllers as s}from"@blueprintui/components/internals";import n from"../internals/styles/focus.css.js";import{GridColumnWidthController as l}from"./width.controller.js";import p from"./element.css.js";let a=class extends r{static{this.styles=[i,p,n]}render(){return e`<div role="group" part="internal" focusable><slot> </slot><slot name="resize"><div class="border"></div></slot><div class="line"></div></div>`}constructor(){super(),this._internals=this.attachInternals(),new l(this),this._internals.role="columnheader",this._internals.ariaSort="none"}};t([o({type:String})],a.prototype,"width",void 0),t([o({type:String,reflect:!0})],a.prototype,"position",void 0),t([o({type:String,reflect:!0})],a.prototype,"alignment",void 0),a=t([s()],a);export{a as BpGridColumn};

package/dist/column/width.controller.js

@@ -0,0 +1 @@
+import{isNumericString as t}from"@blueprintui/components/internals";class s{#t;constructor(t){this.host=t,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.#t=this.host.parentElement.parentElement,this.#s()}async hostUpdated(){await this.host.updateComplete,this.#s()}async#s(){if(await new Promise((t=>setTimeout(t,0))),"max-content"===this.host.width){const t=this.#t.grid[0].indexOf(this.host),s=this.#t.grid[1][t],{width:i}=getComputedStyle(s);this.#t.style.setProperty("--ch"+(t+1),i)}else if(this.host.width){const s=t(this.host.width)?this.host.width+"px":this.host.width;this.#t.style.setProperty("--ch"+this.host.ariaColIndex,s)}}}export{s as GridColumnWidthController};

package/{detail → dist/detail}/element.d.ts

@@ -54,7 +54,7 @@ export declare class BpGridDetail extends LitElement {
     protected typePopoverController: TypePopoverController<this>;
     _internals: ElementInternals;
     static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): Promise<void>;
     firstUpdated(props: PropertyValues<this>): void;
     updated(props: PropertyValues): Promise<void>;

package/dist/detail/element.js

@@ -0,0 +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};

package/{footer → dist/footer}/element.d.ts

@@ -19,6 +19,6 @@ export declare class BpGridFooter extends LitElement {
     #private;
     static styles: CSSStyleSheet[];
     _colSpan: string;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/footer/element.js

@@ -0,0 +1 @@
+import{__decorate as t}from"tslib";import{LitElement as r,html as o}from"lit";import{state as s}from"lit/decorators/state.js";import{baseStyles as e}from"@blueprintui/components/internals";import l from"./element.css.js";class n extends r{constructor(){super(...arguments),this._colSpan="",this.#t=this.attachInternals()}static{this.styles=[e,l]}#t;render(){return o`<slot role="gridcell" part="internal" .ariaColSpan="${this._colSpan}"></slot>`}connectedCallback(){super.connectedCallback(),this.slot="footer",this.#t.role="row"}}t([s()],n.prototype,"_colSpan",void 0);export{n as BpGridFooter};

package/{grid → dist/grid}/element.d.ts

@@ -84,7 +84,7 @@ export declare class BpGrid extends LitElement {
     /** @private */
     get keyNavGrid(): HTMLElement;
     _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
     connectedCallback(): Promise<void>;
 }

package/dist/grid/element.js

@@ -0,0 +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};

package/{header → dist/header}/element.d.ts

@@ -19,7 +19,7 @@ export declare class BpGridHeader extends LitElement {
     static styles: CSSStyleSheet[];
     /** @private */
     _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
     connectedCallback(): void;
 }

package/{placeholder → dist/placeholder}/element.d.ts

@@ -46,6 +46,6 @@ export declare class BpGridPlaceholder extends LitElement {
     _colSpan: string;
     private bpDraggableItem?;
     static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/placeholder/element.js

@@ -0,0 +1 @@
+import{__decorate as t}from"tslib";import{LitElement as r,html as o}from"lit";import{property as e}from"lit/decorators/property.js";import{state as s}from"lit/decorators/state.js";import{I18nService as i,baseStyles as n,i18n as l}from"@blueprintui/components/internals";import a from"./element.css.js";let p=class extends r{constructor(){super(...arguments),this.i18n=i.keys.actions,this._colSpan="0",this.#t=this.attachInternals()}static{this.styles=[n,a]}#t;render(){return o`<slot role="gridcell" part="internal" .ariaColSpan="${this._colSpan}">${"dropzone"===this.bpDraggableItem?o`<p sr-only>${this.i18n.dropTarget}</p>`:""}</slot>`}connectedCallback(){super.connectedCallback(),this.#t.role="row"}};t([e({type:Object})],p.prototype,"i18n",void 0),t([s()],p.prototype,"_colSpan",void 0),t([s()],p.prototype,"bpDraggableItem",void 0),p=t([l({key:"actions"})],p);export{p as BpGridPlaceholder};

package/{row → dist/row}/element.d.ts

@@ -23,6 +23,6 @@ export declare class BpGridRow extends LitElement {
     static styles: CSSStyleSheet[];
     /** @private */
     _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
 }

package/dist/row/element.js

@@ -0,0 +1 @@
+import{__decorate as t}from"tslib";import{LitElement as r,html as e}from"lit";import{property as o}from"lit/decorators/property.js";import{baseStyles as s,dynamicControllers as i}from"@blueprintui/components/internals";import l from"./element.css.js";let n=class extends r{static{this.styles=[s,l]}render(){return e`<slot></slot>`}constructor(){super(),this._internals=this.attachInternals(),this._internals.role="row"}};t([o({type:Boolean,reflect:!0})],n.prototype,"selected",void 0),t([o({type:String,reflect:!0})],n.prototype,"position",void 0),n=t([i()],n);export{n as BpGridRow};

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

@@ -0,0 +1,55 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "properties": [
+    { "name": "--border-right", "values": [] },
+    { "name": "--border-left", "values": [] },
+    { "name": "--min-height", "values": [] },
+    { "name": "--min-width", "values": [] },
+    { "name": "--font-size", "values": [] },
+    { "name": "--justify-content", "values": [] },
+    { "name": "--padding-block", "values": [] },
+    { "name": "--padding-inline-start", "values": [] },
+    { "name": "--padding-inline-end", "values": [] },
+    { "name": "--color", "values": [] },
+    { "name": "--border-width", "values": [] },
+    { "name": "--min-height", "values": [] },
+    { "name": "--min-width", "values": [] },
+    { "name": "--justify-content", "values": [] },
+    { "name": "--padding-block", "values": [] },
+    { "name": "--padding-inline", "values": [] },
+    { "name": "--background", "values": [] },
+    { "name": "--font-size", "values": [] },
+    { "name": "--color", "values": [] },
+    { "name": "--border-width", "values": [] },
+    { "name": "--full-width-breakpoint", "values": [] },
+    { "name": "--background", "values": [] },
+    { "name": "--min-height", "values": [] },
+    { "name": "--background", "values": [] },
+    { "name": "--padding-block", "values": [] },
+    { "name": "--padding-inline", "values": [] },
+    { "name": "--border-width", "values": [] },
+    { "name": "--background", "values": [] },
+    { "name": "--body-height", "values": [] },
+    { "name": "--scrollbar-background", "values": [] },
+    { "name": "--scrollbar-thumb-background", "values": [] },
+    { "name": "--column-height", "values": [] },
+    { "name": "--row-height", "values": [] },
+    { "name": "--scroll-padding-top", "values": [] },
+    { "name": "--row-content-visibility", "values": [] },
+    { "name": "--border-width", "values": [] },
+    { "name": "--border-top", "values": [] },
+    { "name": "--border-bottom", "values": [] },
+    { "name": "--background", "values": [] },
+    { "name": "--min-height", "values": [] },
+    { "name": "--border-width", "values": [] },
+    { "name": "--border-color", "values": [] },
+    { "name": "--border-top", "values": [] },
+    { "name": "--border-bottom", "values": [] },
+    { "name": "--background", "values": [] },
+    { "name": "--min-height", "values": [] },
+    { "name": "--border-width", "values": [] },
+    { "name": "--border-color", "values": [] }
+  ],
+  "pseudoElements": [{ "name": "::part(pointer)" }, { "name": "::part(close)" }]
+}

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

@@ -0,0 +1,153 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "bp-grid-cell",
+      "description": "Grid Cell\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n\n\n### **Slots:**\n - _default_ - cell content\n\n### **CSS Properties:**\n - **--border-right** - undefined _(default: undefined)_\n- **--border-left** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--justify-content** - undefined _(default: undefined)_\n- **--padding-block** - undefined _(default: undefined)_\n- **--padding-inline-start** - undefined _(default: undefined)_\n- **--padding-inline-end** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "bp-grid-column",
+      "description": "Grid Column\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n\n\n### **Slots:**\n - _default_ - column content\n\n### **CSS Properties:**\n - **--min-height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--justify-content** - undefined _(default: undefined)_\n- **--padding-block** - undefined _(default: undefined)_\n- **--padding-inline** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "width",
+          "description": "control width of grid column via numeric or CSS value types",
+          "values": []
+        },
+        {
+          "name": "position",
+          "description": "position individual column relative to the grid scroll container",
+          "values": [{ "name": "sticky" }, { "name": "fixed" }]
+        },
+        {
+          "name": "alignment",
+          "description": "align column content and corresponding column cells",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "bp-grid-detail",
+      "description": "Grid Detail\n\n```typescript\nimport '@blueprintui/grid/include/detail.js';\n```\n---\n\n\n### **Events:**\n - **close**\n\n### **CSS Properties:**\n - **--full-width-breakpoint** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **pointer** - undefined\n- **close** - undefined",
+      "attributes": [
+        { "name": "i18n", "values": [] },
+        {
+          "name": "position",
+          "values": [{ "name": "inline-start" }, { "name": "inline-end" }]
+        },
+        { "name": "trigger", "values": [{ "name": "HTMLElement" }] },
+        { "name": "closable", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "bp-grid-footer",
+      "description": "Grid Footer\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n\n\n### **Slots:**\n - _default_ - footer content\n\n### **CSS Properties:**\n - **--min-height** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--padding-block** - undefined _(default: undefined)_\n- **--padding-inline** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "bp-grid",
+      "description": "Grid\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--body-height** - undefined _(default: undefined)_\n- **--scrollbar-background** - undefined _(default: undefined)_\n- **--scrollbar-thumb-background** - undefined _(default: undefined)_\n- **--column-height** - undefined _(default: undefined)_\n- **--row-height** - undefined _(default: undefined)_\n- **--scroll-padding-top** - undefined _(default: undefined)_\n- **--row-content-visibility** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "i18n",
+          "description": "set default aria/i18n strings",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "max height for grid container",
+          "values": []
+        },
+        {
+          "name": "column-layout",
+          "description": "column layout determines initial column width calculation",
+          "values": [{ "name": "fixed" }, { "name": "flex" }]
+        },
+        {
+          "name": "row-style",
+          "description": "determines the visual style for rows",
+          "values": [
+            { "name": "Permutations<\n    'hover'" },
+            { "name": "stripe" },
+            { "name": "'border'\n  >" }
+          ]
+        },
+        {
+          "name": "column-style",
+          "description": "determines the visual style for columns",
+          "values": [
+            { "name": "Permutations<'hover'" },
+            { "name": "'border'>" }
+          ]
+        },
+        {
+          "name": "selectable",
+          "description": "initializes grid to appropriate aria/a11y settings for selections",
+          "values": [{ "name": "multi" }, { "name": "single" }]
+        },
+        {
+          "name": "scroll-lock",
+          "description": "disables scroll container",
+          "values": []
+        },
+        {
+          "name": "layer",
+          "description": "determines the visual layer style (container vs flat for nesting)",
+          "values": [{ "name": "flat" }, { "name": "container" }]
+        },
+        { "name": "range-selection", "values": [] },
+        { "name": "_id", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "bp-grid-header",
+      "description": "Grid Row\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n\n\n### **CSS Properties:**\n - **--border-top** - undefined _(default: undefined)_\n- **--border-bottom** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_\n- **--border-color** - undefined _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "bp-grid-placeholder",
+      "description": "Grid Placeholder\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n",
+      "attributes": [
+        {
+          "name": "i18n",
+          "description": "set default aria/i18n strings",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "bp-grid-row",
+      "description": "Grid Row\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n---\n\n\n### **CSS Properties:**\n - **--border-top** - undefined _(default: undefined)_\n- **--border-bottom** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_\n- **--border-color** - undefined _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "selected visual state",
+          "values": []
+        },
+        {
+          "name": "position",
+          "description": "position individual row relative to the grid scroll container",
+          "values": [
+            { "name": "fixed" },
+            { "name": "sticky" },
+            { "name": "''" }
+          ]
+        }
+      ],
+      "references": []
+    }
+  ]
+}