@diwacopilot/components 1.0.0 → 1.1.0

package/dist-custom-elements/diwa-stepper-horizontal-item.js

@@ -106,7 +106,7 @@ const DiwaStepperHorizontalItem$1 = /*@__PURE__*/ proxyCustomElement(class DiwaS
         return h("span", { class: "circle-inner" }, this.stepNumber);
     }
     render() {
-        return (h(Host, { key: 'f607bb4a3025642270b9fa62f32053f1f66cd7d5', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'eb24b7bb547f8b388e58203797047c9496d91c44', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'b40a388ae0a301cdd79d110a102318f9c053afec', class: "item" }, h("div", { key: '39470f2d8d52af9c7bd51bc4b628a2be85afeff1', class: "circle" }, this.renderIcon()), h("div", { key: '18f6fe713a9957b51131d34bb9feba346691efcf', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: '18cf0195b215688c238c9ca69fdeea790ea927fd', class: "label" }, this.label), this.sublabel && h("span", { key: '8841a928b2bf64c5055ad9ec9aad04bbe5251b8a', class: "sublabel" }, this.sublabel))));
+        return (h(Host, { key: '1bd4bdda83dd199b36592765be08ae2e25707589', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'd40d2b5fe94ba5c056cab3d01b1c43d4c9a55c5e', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'b5fddb4aef4467af7a902bc4d41431f744b10dbc', class: "item" }, h("div", { key: '6382f98df1fb9eca76507b0741c39959ba8ea63c', class: "circle" }, this.renderIcon()), h("div", { key: 'f950e7b8b8463312c72ccee15394914b0d24dbf4', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: '9d38f213ba5cf9b4c390b674247ac42b5ebef455', class: "label" }, this.label), this.sublabel && h("span", { key: '14a4c997f533e697cc58ee8d9b1a997e306e9bec', class: "sublabel" }, this.sublabel))));
     }
     get host() { return this; }
 }, [1, "diwa-stepper-horizontal-item", {

package/dist-custom-elements/diwa-stepper-horizontal.js

@@ -63,7 +63,7 @@ const DiwaStepperHorizontal$1 = /*@__PURE__*/ proxyCustomElement(class DiwaStepp
         });
     }
     render() {
-        return (h(Host, { key: '1757e9375f388f949957317c856cc8607f941b04', "data-theme": this.theme }, h("style", { key: 'e5aa89e60aa678cd2d607aee67c4c8bc81058a0c', innerHTML: getComponentCss() }), h("div", { key: 'e5ca0a96129a84534d286781b80036ce9c3033db', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: '157ae71fb67eeab4979cf7c0eb441e83e0c35cc6' }))));
+        return (h(Host, { key: '52f3578b5ad1f46b649ff00de8fd081451c9df70', "data-theme": this.theme }, h("style", { key: '493175498aa8d24ba2744853e951a26569e3372f', innerHTML: getComponentCss() }), h("div", { key: 'f143d785d7934b688102764de95c4c5a77aa9a87', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: 'ff914a761531cadf1f56cbdfde003e9a230ed4f7' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist-custom-elements/diwa-switch.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
 import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
-import { d as defineCustomElement$2 } from './p-ed901570.js';
+import { d as defineCustomElement$2 } from './p-b7255dc4.js';
 
 const getComponentCss = (checked, disabled, loading, alignLabel, compact) => {
     // Subtract border-width from inset: `top` on an absolutely-positioned child
@@ -123,7 +123,7 @@ const DiwaSwitch$1 = /*@__PURE__*/ proxyCustomElement(class DiwaSwitch extends H
         };
     }
     render() {
-        return (h(Host, { key: 'd91f87b0a1cd45f78de0dec583a052d9f93b2aac', "data-theme": this.theme }, h("style", { key: '5aa877ca115f4d29fccaac75187d7c7f2faa66d0', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '7d4a5a790a354f725d116fa97e995c9de9892164', class: "wrapper", onClick: this.handleClick }, h("span", { key: 'be6c39efaf203cd93c2490e12a77f4f42f3b41a0', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: '93864d7af34c4ff03563b02d869c0e8cc3fd3d27', class: "thumb" }), this.loading && (h("span", { key: '97e033c8c8eb3ba7d31256fb4adea4a145b8f3ff', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '90ee1fdaf77186f249bc4d5afc54e49dbbfc491f', size: "sm" })))), h("span", { key: '17b3ded00758d0a11649d811f2ab78c90302326d', class: "label" }, h("slot", { key: 'a7793c1eafea2282b0ca212ee05a072723b5f9e6' })))));
+        return (h(Host, { key: '0e96affd5a3e280b06eb48e7feb2a0df542a19c9', "data-theme": this.theme }, h("style", { key: '3aa55f784774591f5f85a3655af25e2f664b634e', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '427803e1b7d578ed2a7be907ce2220ea19a4f497', class: "wrapper", onClick: this.handleClick }, h("span", { key: '34eafe8af538941ac7957f44360ccfec84c452a8', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: 'e03e1e78d4002ab82a87d80ba68f173b0d576df9', class: "thumb" }), this.loading && (h("span", { key: '467b9b651be875cf9b4be6c06dc491071e50f455', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '6f2510961e02ada5f837a8251ce2219d3e71ad3b', size: "sm" })))), h("span", { key: 'e9fabaed9eb4fe909d073967a46216c249eb59e3', class: "label" }, h("slot", { key: '681bbbf5c64154f5c846869286544959ca4aa7e7' })))));
     }
     static get delegatesFocus() { return true; }
 }, [17, "diwa-switch", {

package/dist-custom-elements/diwa-table-body.js

@@ -16,7 +16,7 @@ const DiwaTableBody$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableBody ext
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: 'a024d6ad7c17f14455ab25b23b700c2f63098d14', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '33868e52817f6d9e238d86074e27876a619f8e6f', innerHTML: getComponentCss() }), h("slot", { key: 'd5306abf932c93ef0d8c760d4f546a4175f8472c' })));
+        return (h(Host, { key: '4a79b101f25908a4c8d952a6cabeba242d361d45', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '2fe92018084cd53e3eecfa6fa7cfcd314609d383', innerHTML: getComponentCss() }), h("slot", { key: 'f9d45fc32ddc9eb5532dd8e85fadac06df35cfb3' })));
     }
 }, [1, "diwa-table-body", {
         "theme": [513]

package/dist-custom-elements/diwa-table-cell.js

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
 
-const getComponentCss = (multiline) => `
-  :host {
-    display: table-cell;
-    padding: var(--diwa-table-padding, var(--diwa-space-fluid-md));
-    font-size: var(--diwa-font-size-sm);
-    color: var(--diwa-text-primary);
-    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-table-border-color, var(--diwa-border));
-    border-right: var(--diwa-table-column-border, none);
-    vertical-align: middle;
-    line-height: var(--diwa-line-height-normal);
-    white-space: ${multiline ? 'normal' : 'nowrap'};
-  }
-  :host(:last-child) { border-right: none; }
-  :host([hidden]) { display: none; }
+const getComponentCss = (multiline) => `
+  :host {
+    display: table-cell;
+    margin: 0 !important;
+    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;
+    font-size: var(--diwa-font-size-sm);
+    color: var(--diwa-text-primary);
+    border-right: var(--diwa-table-column-border, none) !important;
+    vertical-align: middle;
+    line-height: var(--diwa-line-height-normal);
+    white-space: ${multiline ? 'normal' : 'nowrap'} !important;
+  }
+  :host(:last-child) { border-right: none; }
+  :host([hidden]) { display: none; }
 `;
 
 const DiwaTableCell$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableCell extends H {
@@ -25,7 +25,7 @@ const DiwaTableCell$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableCell ext
         this.multiline = false;
     }
     render() {
-        return (h(Host, { key: '6940c2ca96ade3969829050cd472541073e14e10', role: "cell" }, h("style", { key: '9268605b392a8e0d63c036a94aaf06b1f8921d19', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: 'ce6ec575f27242e9bb5892a9b4417bbcf31a7dd1' })));
+        return (h(Host, { key: '06e9e7b9644a399b4bf3392cafd2ce1906034c56', role: "cell" }, h("style", { key: '2aec2e9dda9ee32ec47628dd7eb7aa9d378e91be', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '9391683948fd415551ae1ae08dc53b1801380a69' })));
     }
 }, [1, "diwa-table-cell", {
         "theme": [513],

package/dist-custom-elements/diwa-table-cell.js.map

@@ -1 +1 @@
-{"file":"diwa-table-cell.js","mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,SAAkB,KAAa;;;;;;;;;;mBAU5C,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;CAIjD;;MCRYA,eAAa;IAD1B;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,cAAS,GAAY,KAAK,CAAC;KAUpC;IARC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM,IACf,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,GAAI,EACrD,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableCell"],"sources":["src/components/diwa-table-cell/diwa-table-cell-styles.ts","src/components/diwa-table-cell/diwa-table-cell.tsx"],"sourcesContent":["export const getComponentCss = (multiline: boolean): string => `\r\n  :host {\r\n    display: table-cell;\r\n    padding: var(--diwa-table-padding, var(--diwa-space-fluid-md));\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-primary);\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-table-border-color, var(--diwa-border));\r\n    border-right: var(--diwa-table-column-border, none);\r\n    vertical-align: middle;\r\n    line-height: var(--diwa-line-height-normal);\r\n    white-space: ${multiline ? 'normal' : 'nowrap'};\r\n  }\r\n  :host(:last-child) { border-right: none; }\r\n  :host([hidden]) { display: none; }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-cell-styles';\r\n\r\n/** @component diwa-table-cell — Maps to <td> inside a diwa-table-row. */\r\n@Component({ tag: 'diwa-table-cell', shadow: true })\r\nexport class DiwaTableCell {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n  @Prop() multiline: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"cell\">\r\n        <style innerHTML={getComponentCss(this.multiline)} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"diwa-table-cell.js","mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,SAAkB,KAAa;;;;;;;;;;mBAU5C,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;CAIjD;;MCRYA,eAAa;IAD1B;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,cAAS,GAAY,KAAK,CAAC;KAUpC;IARC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM,IACf,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,GAAI,EACrD,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableCell"],"sources":["src/components/diwa-table-cell/diwa-table-cell-styles.ts","src/components/diwa-table-cell/diwa-table-cell.tsx"],"sourcesContent":["export const getComponentCss = (multiline: boolean): string => `\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    vertical-align: middle;\n    line-height: var(--diwa-line-height-normal);\n    white-space: ${multiline ? 'normal' : 'nowrap'} !important;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { Theme } from '../../utils/styles';\nimport { getComponentCss } from './diwa-table-cell-styles';\n\n/** @component diwa-table-cell — Maps to <td> inside a diwa-table-row. */\n@Component({ tag: 'diwa-table-cell', shadow: true })\nexport class DiwaTableCell {\n  @Prop({ reflect: true }) theme: Theme = 'dark';\n  @Prop() multiline: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"cell\">\n        <style innerHTML={getComponentCss(this.multiline)} />\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist-custom-elements/diwa-table-head-cell.js

@@ -1,54 +1,65 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
 
-const getComponentCss = (sortable, multiline) => `
-  :host {
-    display: table-cell;
-    padding: var(--diwa-table-padding, var(--diwa-space-fluid-md));
-    background: var(--diwa-table-header-bg, var(--diwa-bg-elevated));
-    text-align: start;
-    font-size: var(--diwa-font-size-sm);
-    font-weight: var(--diwa-font-weight-semibold);
-    color: var(--diwa-text-secondary);
-    border-bottom: var(--diwa-border-width-base) solid var(--diwa-table-border-color, var(--diwa-border));
-    border-right: var(--diwa-table-column-border, none);
-    white-space: ${multiline ? 'normal' : 'nowrap'};
-    vertical-align: middle;
-  }
-  :host(:last-child) { border-right: none; }
-  :host([hidden]) { display: none; }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-
-  ${sortable ? `
-  .sort-btn {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--diwa-space-1);
-    background: transparent;
-    border: 0;
-    cursor: pointer;
-    font: inherit;
-    color: inherit;
-    padding: 0;
-    text-align: start;
-    outline-offset: 2px;
-    transition: color var(--diwa-transition-base);
-    white-space: ${multiline ? 'normal' : 'nowrap'};
-  }
-  .sort-btn:hover {
-    color: var(--diwa-text-primary);
-  }
-  ` : ''}
+const getComponentCss = (sortable, multiline) => `
+  :host {
+    display: table-cell;
+    margin: 0 !important;
+    padding: ${sortable ? '0' : 'var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)'} !important;
+    white-space: ${multiline ? 'normal' : 'nowrap'} !important;
+    background: var(--diwa-table-header-bg, transparent);
+    text-align: start;
+    font-size: var(--diwa-font-size-sm);
+    font-weight: var(--diwa-font-weight-semibold);
+    letter-spacing: 0.04em;
+    color: var(--diwa-text-secondary);
+    border-right: var(--diwa-table-column-border, none) !important;
+    line-height: var(--diwa-line-height-normal);
+    vertical-align: bottom;
+  }
+  :host(:last-child) { border-right: none; }
+  :host([hidden]) { display: none; }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  ${sortable ? `
+  .sort-btn {
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: var(--diwa-space-1);
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    margin: 0;
+    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);
+    text-align: start;
+    outline-offset: 2px;
+    transition: color var(--diwa-transition-base);
+    white-space: ${multiline ? 'normal' : 'nowrap'};
+  }
+  .sort-label {
+    display: inline-flex;
+    min-width: 0;
+    white-space: ${multiline ? 'normal' : 'nowrap'};
+  }
+  .sort-btn:hover {
+    color: var(--diwa-text-primary);
+  }
+  ` : ''}
 `;
 
 const DiwaTableHeadCell$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableHeadCell extends H {
@@ -80,15 +91,15 @@ const DiwaTableHeadCell$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableHead
             : sort.active
                 ? sort.direction === 'asc' ? 'ascending' : 'descending'
                 : 'none';
-        const labelEl = (h("span", { key: '3763494f5c22dc12b37dcac58c213597c84e6711', class: hideLabel ? 'sr-only' : undefined }, h("slot", { key: '0b5b5c768b9c225e73c45a257ce26d4521777266' })));
-        const sortIcon = (h("svg", { key: '12e03df96dcd7ba962cdd00a6d013833e23a86b0', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", style: {
+        const labelEl = h("span", { key: '40a5b63a8d14852144b04f50f5de06f18c3cb7a5', class: hideLabel ? 'sr-only' : undefined }, h("slot", { key: 'f765ee500707bfdd4c720aff27ef9f0eb33111fe' }));
+        const sortIcon = (h("svg", { key: '99c9b4265ce25ea53e3c31109be2da6741d44c48', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", style: {
                 opacity: (sort === null || sort === void 0 ? void 0 : sort.active) ? '1' : '0.4',
                 transform: (sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' ? 'rotate(180deg)' : 'none',
                 transition: 'opacity 150ms ease, transform 150ms ease',
                 flexShrink: '0',
                 display: 'block',
-            } }, h("path", { key: 'd2ecf59d26781da72b37a4be364aa293531c79cd', d: "M4 10L8 6L12 10", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-        return (h(Host, { key: 'd34447c382406fccd6da18cd313524c0fa7572ae', role: "columnheader", "aria-sort": ariaSort }, h("style", { key: '867bd55aad47be3565ac1393f02d5e8473293c99', innerHTML: getComponentCss(isSortable, multiline) }), isSortable ? (h("button", { type: "button", class: "sort-btn", onClick: this.handleSort }, labelEl, sortIcon)) : (labelEl)));
+            } }, h("path", { key: '7fbf420dbc69c8e13d5d99f28d2271ccab2a48b9', d: "M4 10L8 6L12 10", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h(Host, { key: '9e37a53dda74f54f91a90519b8feda3a24d75fb1', role: "columnheader", "aria-sort": ariaSort }, h("style", { key: '85fd59f90284e4b6daf740f21b687f564f5cc7d7', innerHTML: getComponentCss(isSortable, multiline) }), isSortable ? (h("button", { type: "button", class: "sort-btn", onClick: this.handleSort }, h("span", { class: "sort-label" }, labelEl), sortIcon)) : (labelEl)));
     }
     get host() { return this; }
 }, [1, "diwa-table-head-cell", {

package/dist-custom-elements/diwa-table-head-cell.js.map

@@ -1 +1 @@
-{"file":"diwa-table-head-cell.js","mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,QAAiB,EAAE,SAAkB,KAAa;;;;;;;;;;;mBAW/D,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;;;;;;;;;;;;;;;IAkB9C,QAAQ,GAAG;;;;;;;;;;;;;;mBAcI,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;;GAK/C,GAAG,EAAE;CACP;;MC1CYA,mBAAiB;IAD9B;;;;QAI2B,UAAK,GAAU,MAAM,CAAC;QAEvC,cAAS,GAAY,KAAK,CAAC;QAC3B,cAAS,GAAY,KAAK,CAAC;QAE3B,eAAU,GAAG;YACnB,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,OAAO;YACvB,MAAM,IAAI,GAAc,IAAI,CAAC,IAAI,CAAC,MAAM;kBACpC,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK;kBAC9C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAyB,iBAAiB,EAAE;gBACzD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE;aAC5D,CAAC,CACH,CAAC;SACH,CAAC;KAwDH;IAtDC,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC;QAC1B,MAAM,QAAQ,GAAG,CAAC,UAAU;cACxB,SAAS;cACT,IAAI,CAAC,MAAM;kBACT,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,WAAW,GAAG,YAAY;kBACrD,MAAM,CAAC;QAEb,MAAM,OAAO,IACX,6DAAM,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,IAC5C,8DAAQ,CACH,CACR,CAAC;QAEF,MAAM,QAAQ,IACZ,4DACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAE;gBACL,OAAO,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,GAAG,GAAG,KAAK;gBACnC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,MAAM,GAAG,gBAAgB,GAAG,MAAM;gBACjE,UAAU,EAAE,0CAA0C;gBACtD,UAAU,EAAE,GAAG;gBACf,OAAO,EAAE,OAAO;aACjB,IAED,6DACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CAAC;QAEF,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,cAAc,eAAY,QAAQ,IAC3C,8DAAO,SAAS,EAAE,eAAe,CAAC,UAAU,EAAE,SAAS,CAAC,GAAI,EAC3D,UAAU,IACT,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC5D,OAAO,EACP,QAAQ,CACF,KAET,OAAO,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableHeadCell"],"sources":["src/components/diwa-table-head-cell/diwa-table-head-cell-styles.ts","src/components/diwa-table-head-cell/diwa-table-head-cell.tsx"],"sourcesContent":["export const getComponentCss = (sortable: boolean, multiline: boolean): string => `\r\n  :host {\r\n    display: table-cell;\r\n    padding: var(--diwa-table-padding, var(--diwa-space-fluid-md));\r\n    background: var(--diwa-table-header-bg, var(--diwa-bg-elevated));\r\n    text-align: start;\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    color: var(--diwa-text-secondary);\r\n    border-bottom: var(--diwa-border-width-base) solid var(--diwa-table-border-color, var(--diwa-border));\r\n    border-right: var(--diwa-table-column-border, none);\r\n    white-space: ${multiline ? 'normal' : 'nowrap'};\r\n    vertical-align: middle;\r\n  }\r\n  :host(:last-child) { border-right: none; }\r\n  :host([hidden]) { display: none; }\r\n\r\n  .sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n  }\r\n\r\n  ${sortable ? `\r\n  .sort-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-1);\r\n    background: transparent;\r\n    border: 0;\r\n    cursor: pointer;\r\n    font: inherit;\r\n    color: inherit;\r\n    padding: 0;\r\n    text-align: start;\r\n    outline-offset: 2px;\r\n    transition: color var(--diwa-transition-base);\r\n    white-space: ${multiline ? 'normal' : 'nowrap'};\r\n  }\r\n  .sort-btn:hover {\r\n    color: var(--diwa-text-primary);\r\n  }\r\n  ` : ''}\r\n`;\r\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { Direction, TableHeadCellSort, TableUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-table-head-cell-styles';\r\n\r\n/** @component diwa-table-head-cell — Maps to <th> inside a diwa-table-head row. */\r\n@Component({ tag: 'diwa-table-head-cell', shadow: true })\r\nexport class DiwaTableHeadCell {\r\n  @Element() host!: HTMLElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n  @Prop() sort?: TableHeadCellSort;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() multiline: boolean = false;\r\n\r\n  private handleSort = (): void => {\r\n    if (!this.sort) return;\r\n    const next: Direction = this.sort.active\r\n      ? this.sort.direction === 'asc' ? 'desc' : 'asc'\r\n      : this.sort.direction;\r\n    this.host.dispatchEvent(\r\n      new CustomEvent<TableUpdateEventDetail>('diwaTableUpdate', {\r\n        bubbles: true,\r\n        composed: true,\r\n        detail: { id: this.sort.id, active: true, direction: next },\r\n      }),\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { sort, hideLabel, multiline } = this;\r\n    const isSortable = !!sort;\r\n    const ariaSort = !isSortable\r\n      ? undefined\r\n      : sort.active\r\n        ? sort.direction === 'asc' ? 'ascending' : 'descending'\r\n        : 'none';\r\n\r\n    const labelEl = (\r\n      <span class={hideLabel ? 'sr-only' : undefined}>\r\n        <slot />\r\n      </span>\r\n    );\r\n\r\n    const sortIcon = (\r\n      <svg\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 16 16\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n        style={{\r\n          opacity: sort?.active ? '1' : '0.4',\r\n          transform: sort?.direction === 'desc' ? 'rotate(180deg)' : 'none',\r\n          transition: 'opacity 150ms ease, transform 150ms ease',\r\n          flexShrink: '0',\r\n          display: 'block',\r\n        }}\r\n      >\r\n        <path\r\n          d=\"M4 10L8 6L12 10\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.5\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    );\r\n\r\n    return (\r\n      <Host role=\"columnheader\" aria-sort={ariaSort}>\r\n        <style innerHTML={getComponentCss(isSortable, multiline)} />\r\n        {isSortable ? (\r\n          <button type=\"button\" class=\"sort-btn\" onClick={this.handleSort}>\r\n            {labelEl}\r\n            {sortIcon}\r\n          </button>\r\n        ) : (\r\n          labelEl\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"diwa-table-head-cell.js","mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,QAAiB,EAAE,SAAkB,KAAa;;;;eAInE,QAAQ,GAAG,GAAG,GAAG,qEAAqE;mBAClF,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B9C,QAAQ,GAAG;;;;;;;;;;;;;;;;;;mBAkBI,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;;mBAK/B,SAAS,GAAG,QAAQ,GAAG,QAAQ;;;;;GAK/C,GAAG,EAAE;CACP;;MCrDYA,mBAAiB;IAD9B;;;;QAI2B,UAAK,GAAU,MAAM,CAAC;QAEvC,cAAS,GAAY,KAAK,CAAC;QAC3B,cAAS,GAAY,KAAK,CAAC;QAE3B,eAAU,GAAG;YACnB,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,OAAO;YACvB,MAAM,IAAI,GAAc,IAAI,CAAC,IAAI,CAAC,MAAM;kBACpC,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK;kBAC9C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAyB,iBAAiB,EAAE;gBACzD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE;aAC5D,CAAC,CACH,CAAC;SACH,CAAC;KAoDH;IAlDC,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC;QAC1B,MAAM,QAAQ,GAAG,CAAC,UAAU;cACxB,SAAS;cACT,IAAI,CAAC,MAAM;kBACT,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,WAAW,GAAG,YAAY;kBACrD,MAAM,CAAC;QAEb,MAAM,OAAO,GAAG,6DAAM,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,IAAE,8DAAQ,CAAO,CAAC;QAEhF,MAAM,QAAQ,IACZ,4DACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAE;gBACL,OAAO,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,GAAG,GAAG,KAAK;gBACnC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,MAAM,GAAG,gBAAgB,GAAG,MAAM;gBACjE,UAAU,EAAE,0CAA0C;gBACtD,UAAU,EAAE,GAAG;gBACf,OAAO,EAAE,OAAO;aACjB,IAED,6DACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CAAC;QAEF,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,cAAc,eAAY,QAAQ,IAC3C,8DAAO,SAAS,EAAE,eAAe,CAAC,UAAU,EAAE,SAAS,CAAC,GAAI,EAC3D,UAAU,IACT,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC7D,YAAM,KAAK,EAAC,YAAY,IAAE,OAAO,CAAQ,EACxC,QAAQ,CACF,KAET,OAAO,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableHeadCell"],"sources":["src/components/diwa-table-head-cell/diwa-table-head-cell-styles.ts","src/components/diwa-table-head-cell/diwa-table-head-cell.tsx"],"sourcesContent":["export const getComponentCss = (sortable: boolean, multiline: boolean): string => `\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: ${sortable ? '0' : 'var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)'} !important;\n    white-space: ${multiline ? 'normal' : 'nowrap'} !important;\n    background: var(--diwa-table-header-bg, transparent);\n    text-align: start;\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    letter-spacing: 0.04em;\n    color: var(--diwa-text-secondary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    line-height: var(--diwa-line-height-normal);\n    vertical-align: bottom;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  ${sortable ? `\n  .sort-btn {\n    display: flex;\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: var(--diwa-space-1);\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    margin: 0;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);\n    text-align: start;\n    outline-offset: 2px;\n    transition: color var(--diwa-transition-base);\n    white-space: ${multiline ? 'normal' : 'nowrap'};\n  }\n  .sort-label {\n    display: inline-flex;\n    min-width: 0;\n    white-space: ${multiline ? 'normal' : 'nowrap'};\n  }\n  .sort-btn:hover {\n    color: var(--diwa-text-primary);\n  }\n  ` : ''}\n`;\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { Direction, TableHeadCellSort, TableUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-table-head-cell-styles';\r\n\r\n/** @component diwa-table-head-cell — Maps to <th> inside a diwa-table-head row. */\r\n@Component({ tag: 'diwa-table-head-cell', shadow: true })\r\nexport class DiwaTableHeadCell {\r\n  @Element() host!: HTMLElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n  @Prop() sort?: TableHeadCellSort;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() multiline: boolean = false;\r\n\r\n  private handleSort = (): void => {\r\n    if (!this.sort) return;\r\n    const next: Direction = this.sort.active\r\n      ? this.sort.direction === 'asc' ? 'desc' : 'asc'\r\n      : this.sort.direction;\r\n    this.host.dispatchEvent(\r\n      new CustomEvent<TableUpdateEventDetail>('diwaTableUpdate', {\r\n        bubbles: true,\r\n        composed: true,\r\n        detail: { id: this.sort.id, active: true, direction: next },\r\n      }),\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { sort, hideLabel, multiline } = this;\r\n    const isSortable = !!sort;\r\n    const ariaSort = !isSortable\r\n      ? undefined\r\n      : sort.active\r\n        ? sort.direction === 'asc' ? 'ascending' : 'descending'\r\n        : 'none';\r\n\r\n    const labelEl = <span class={hideLabel ? 'sr-only' : undefined}><slot /></span>;\r\n\r\n    const sortIcon = (\r\n      <svg\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 16 16\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n        style={{\r\n          opacity: sort?.active ? '1' : '0.4',\r\n          transform: sort?.direction === 'desc' ? 'rotate(180deg)' : 'none',\r\n          transition: 'opacity 150ms ease, transform 150ms ease',\r\n          flexShrink: '0',\r\n          display: 'block',\r\n        }}\r\n      >\r\n        <path\r\n          d=\"M4 10L8 6L12 10\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.5\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    );\r\n\r\n    return (\r\n      <Host role=\"columnheader\" aria-sort={ariaSort}>\r\n        <style innerHTML={getComponentCss(isSortable, multiline)} />\r\n        {isSortable ? (\r\n          <button type=\"button\" class=\"sort-btn\" onClick={this.handleSort}>\r\n            <span class=\"sort-label\">{labelEl}</span>\r\n            {sortIcon}\r\n          </button>\r\n        ) : (\r\n          labelEl\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-table-head.js

@@ -1,15 +1,20 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
 
-const getComponentCss = () => `
-  :host {
-    display: table-header-group;
-    background: var(--diwa-table-header-bg, var(--diwa-bg-elevated));
-    font-size: var(--diwa-font-size-sm);
-    font-weight: var(--diwa-font-weight-semibold);
-    color: var(--diwa-text-secondary);
-    --diwa-table-hover-color: transparent;
-  }
-  :host([hidden]) { display: none; }
+const getComponentCss = () => `
+  :host {
+    display: table-header-group;
+    background: var(--diwa-table-header-bg, transparent);
+    font-size: var(--diwa-font-size-sm);
+    line-height: var(--diwa-line-height-normal);
+    font-weight: var(--diwa-font-weight-semibold);
+    color: var(--diwa-text-secondary);
+    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;
+  }
+  ::slotted(*) {
+    --diwa-table-row-border-width: 0px;
+    --diwa-table-hover-color: transparent;
+  }
+  :host([hidden]) { display: none; }
 `;
 
 const DiwaTableHead$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableHead extends H {
@@ -20,7 +25,7 @@ const DiwaTableHead$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableHead ext
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: '4a79b101f25908a4c8d952a6cabeba242d361d45', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '2fe92018084cd53e3eecfa6fa7cfcd314609d383', innerHTML: getComponentCss() }), h("slot", { key: 'f9d45fc32ddc9eb5532dd8e85fadac06df35cfb3' })));
+        return (h(Host, { key: '8b9ea28317fea6188af61dad423fe63058910913', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '70d40b87e2b9a76d20424845492cd6d2addb775a', innerHTML: getComponentCss() }), h("slot", { key: 'af8f4b4e1e404c7c23a3d6d35b8b961167047c3c' })));
     }
 }, [1, "diwa-table-head", {
         "theme": [513]

package/dist-custom-elements/diwa-table-head.js.map

@@ -1 +1 @@
-{"file":"diwa-table-head.js","mappings":";;AAAO,MAAM,eAAe,GAAG,MAAc;;;;;;;;;;CAU5C;;MCJYA,eAAa;IAD1B;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,gBAAa,IAAI,CAAC,KAAK,IAC1C,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI,EACvC,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableHead"],"sources":["src/components/diwa-table-head/diwa-table-head-styles.ts","src/components/diwa-table-head/diwa-table-head.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host {\r\n    display: table-header-group;\r\n    background: var(--diwa-table-header-bg, var(--diwa-bg-elevated));\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    color: var(--diwa-text-secondary);\r\n    --diwa-table-hover-color: transparent;\r\n  }\r\n  :host([hidden]) { display: none; }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-head-styles';\r\n\r\n/** @component diwa-table-head — Maps to <thead> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-head', shadow: true })\r\nexport class DiwaTableHead {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"rowgroup\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"diwa-table-head.js","mappings":";;AAAO,MAAM,eAAe,GAAG,MAAc;;;;;;;;;;;;;;;CAe5C;;MCTYA,eAAa;IAD1B;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,gBAAa,IAAI,CAAC,KAAK,IAC1C,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI,EACvC,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableHead"],"sources":["src/components/diwa-table-head/diwa-table-head-styles.ts","src/components/diwa-table-head/diwa-table-head.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, transparent);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n  }\n  ::slotted(*) {\n    --diwa-table-row-border-width: 0px;\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-head-styles';\r\n\r\n/** @component diwa-table-head — Maps to <thead> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-head', shadow: true })\r\nexport class DiwaTableHead {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"rowgroup\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-table-row.js

@@ -1,14 +1,15 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
 
-const getComponentCss = () => `
-  :host {
-    display: table-row;
-    transition: background var(--diwa-transition-base);
-  }
-  :host([hidden]) { display: none; }
-  :host(:hover) {
-    background: var(--diwa-table-hover-color, transparent);
-  }
+const getComponentCss = () => `
+  :host {
+    display: table-row;
+    border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;
+    transition: background var(--diwa-transition-base);
+  }
+  :host([hidden]) { display: none; }
+  :host(:hover) {
+    background: var(--diwa-table-hover-color, transparent);
+  }
 `;
 
 const DiwaTableRow$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableRow extends H {
@@ -19,7 +20,7 @@ const DiwaTableRow$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableRow exten
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: 'f931d12bc8db13a256549d53e08596154fe99633', role: "row", "data-theme": this.theme }, h("style", { key: '5492581027421a4455b3831766e0f6126cc32a30', innerHTML: getComponentCss() }), h("slot", { key: 'e66bff1a9c8d1661227bcefa9f6fa835c2109df8' })));
+        return (h(Host, { key: '7f50afcd2d670ddfce8c868977c8662984e8a92d', role: "row", "data-theme": this.theme }, h("style", { key: '95d0cc4eb479e1ad4e3e03b87c82e8c7f99be540', innerHTML: getComponentCss() }), h("slot", { key: '8d02b0f44a1b06304bcfa7e1b7d582c0ec2b2db8' })));
     }
 }, [1, "diwa-table-row", {
         "theme": [513]

package/dist-custom-elements/diwa-table-row.js.map

@@ -1 +1 @@
-{"file":"diwa-table-row.js","mappings":";;AAAO,MAAM,eAAe,GAAG,MAAc;;;;;;;;;CAS5C;;MCHYA,cAAY;IADzB;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,IAAI,CAAC,KAAK,IACrC,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI,EACvC,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableRow"],"sources":["src/components/diwa-table-row/diwa-table-row-styles.ts","src/components/diwa-table-row/diwa-table-row.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host {\r\n    display: table-row;\r\n    transition: background var(--diwa-transition-base);\r\n  }\r\n  :host([hidden]) { display: none; }\r\n  :host(:hover) {\r\n    background: var(--diwa-table-hover-color, transparent);\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-row-styles';\r\n\r\n/** @component diwa-table-row — Maps to <tr> inside diwa-table-head or diwa-table-body. */\r\n@Component({ tag: 'diwa-table-row', shadow: true })\r\nexport class DiwaTableRow {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"row\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"diwa-table-row.js","mappings":";;AAAO,MAAM,eAAe,GAAG,MAAc;;;;;;;;;;CAU5C;;MCJYA,cAAY;IADzB;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,IAAI,CAAC,KAAK,IACrC,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI,EACvC,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTableRow"],"sources":["src/components/diwa-table-row/diwa-table-row-styles.ts","src/components/diwa-table-row/diwa-table-row.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\n  :host {\n    display: table-row;\n    border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n    transition: background var(--diwa-transition-base);\n  }\n  :host([hidden]) { display: none; }\n  :host(:hover) {\n    background: var(--diwa-table-hover-color, transparent);\n  }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-row-styles';\r\n\r\n/** @component diwa-table-row — Maps to <tr> inside diwa-table-head or diwa-table-body. */\r\n@Component({ tag: 'diwa-table-row', shadow: true })\r\nexport class DiwaTableRow {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"row\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-table.js

@@ -1,47 +1,86 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
 
-const getComponentCss = (compact, layout, bordered, striped) => `
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-    width: 100%;
-    overflow-x: auto;
-    background: var(--diwa-bg-surface);
-    border-radius: var(--diwa-radius-lg);
-    --diwa-table-padding: ${compact ? 'var(--diwa-space-fluid-xs)' : 'var(--diwa-space-fluid-md)'};
-    --diwa-table-hover-color: var(--diwa-bg-hover);
-    --diwa-table-border-color: var(--diwa-border);
-    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin) solid var(--diwa-border)' : 'none'};
-    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated)' : 'transparent'};
-    --diwa-table-header-bg: var(--diwa-bg-elevated);
-    ${bordered ? `
-    border: var(--diwa-border-width-thin) solid var(--diwa-border);
-    overflow: hidden;
-    ` : ''}
-  }
-
-  :host([hidden]) { display: none; }
-
-  .table {
-    width: 100%;
-    border-collapse: collapse;
-    background: var(--diwa-bg-surface);
-    font-size: var(--diwa-font-size-base);
-    color: var(--diwa-text-primary);
-    ${layout === 'fixed' ? 'table-layout: fixed;' : ''}
-  }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
+const getComponentCss = (compact, layout, bordered, striped) => `
+  ${compact
+    ? `
+  :host {
+    --diwa-table-padding-y: 6px;
+    --diwa-table-padding-y: var(--diwa-space-2, 6px);
+    --diwa-table-padding-x: 12px;
+    --diwa-table-padding-x: var(--diwa-space-5, 12px);
+  }
+  `
+    : `
+  :host {
+    --diwa-table-padding-y: 12px;
+    --diwa-table-padding-y: var(--diwa-space-5, 12px);
+    --diwa-table-padding-x: 16px;
+    --diwa-table-padding-x: var(--diwa-space-7, 16px);
+  }
+  `}
+
+  :host {
+    display: block;
+    font-family: var(--diwa-font-family-base);
+    width: 100%;
+    overflow-x: auto;
+    background: var(--diwa-bg-surface);
+    border-radius: var(--diwa-radius-lg);
+    color: var(--diwa-text-primary);
+    text-align: start;
+    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);
+    --diwa-table-border-color: var(--diwa-border, currentColor);
+    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);
+    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};
+    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};
+    --diwa-table-header-bg: transparent;
+    ${bordered ? `
+    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor) !important;
+    overflow: hidden;
+    ` : ''}
+  }
+
+  :host([hidden]) { display: none; }
+
+  ::slotted(*) {
+    --diwa-table-padding-y: ${compact ? '6px' : '12px'} !important;
+    --diwa-table-padding-y: ${compact ? 'var(--diwa-space-2, 6px)' : 'var(--diwa-space-5, 12px)'} !important;
+    --diwa-table-padding-x: ${compact ? '12px' : '16px'} !important;
+    --diwa-table-padding-x: ${compact ? 'var(--diwa-space-5, 12px)' : 'var(--diwa-space-7, 16px)'} !important;
+    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);
+    --diwa-table-border-color: var(--diwa-border, currentColor);
+    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);
+    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};
+    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};
+    --diwa-table-header-bg: transparent;
+  }
+
+  .table {
+    display: table;
+    border-collapse: collapse;
+    background: var(--diwa-bg-surface);
+    font-size: var(--diwa-font-size-base);
+    color: var(--diwa-text-primary);
+    white-space: nowrap;
+    ${layout === 'fixed'
+    ? `
+    table-layout: fixed;
+    min-width: 100%;
+    `
+    : 'width: 100%;'}
+  }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
 `;
 
 const DiwaTable$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTable extends H {
@@ -62,7 +101,8 @@ const DiwaTable$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTable extends H {
         this.update.emit(e.detail);
     }
     render() {
-        return (h(Host, { key: 'f44c979bd3fe3e5dac8c82d74519f433ae6617f3', "data-theme": this.theme }, h("style", { key: '864a46be2b5682fc4876bb392b6e85484fed3a92', innerHTML: getComponentCss(this.compact, this.layout, this.bordered, this.striped) }), h("table", { key: 'f79f51a9cccc9df05c92b16b013a5e7400d30012', class: "table" }, this.caption && h("caption", { key: 'd7bc36ebb05f3e452c953fc772dfb3988705c04a', class: "sr-only" }, this.caption), h("slot", { key: '4586f22dd7b51da6ec44ca11773297db6a75e1e6' }))));
+        const tableLabel = this.caption || undefined;
+        return (h(Host, { key: 'dcecc9c66f8edbe62c2f7d705ffda0a1f2d76f97', "data-theme": this.theme }, h("style", { key: '183ada7a6f59ba400c6c6132dfb7685718ee2a40', innerHTML: getComponentCss(this.compact, this.layout, this.bordered, this.striped) }), h("div", { key: '707f325328eba674677122a67f737bb47843d6ed', class: "table", role: "table", "aria-label": tableLabel }, h("slot", { key: '00a709c094a8a06a85dff9ad388cfdf8c5a8a7cf' }))));
     }
 }, [1, "diwa-table", {
         "theme": [513],

package/dist-custom-elements/diwa-table.js.map

@@ -1 +1 @@
-{"file":"diwa-table.js","mappings":";;AAAO,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,MAAwB,EACxB,QAAiB,EACjB,OAAgB,KACL;;;;;;;;4BAQe,OAAO,GAAG,4BAA4B,GAAG,4BAA4B;;;kCAG/D,QAAQ,GAAG,wDAAwD,GAAG,MAAM;iCAC7E,OAAO,GAAG,yBAAyB,GAAG,aAAa;;MAE9E,QAAQ,GAAG;;;KAGZ,GAAG,EAAE;;;;;;;;;;;MAWJ,MAAM,KAAK,OAAO,GAAG,sBAAsB,GAAG,EAAE;;;;;;;;;;;;;;CAcrD;;MCnCYA,WAAS;IADtB;;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,YAAO,GAAW,EAAE,CAAC;QACrB,YAAO,GAAY,KAAK,CAAC;QACzB,WAAM,GAAqB,MAAM,CAAC;QAClC,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;KAsBlC;IAhBW,iBAAiB,CAAC,CAAsC;QAChE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK,IAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,EAC7F,8DAAO,KAAK,EAAC,OAAO,IACjB,IAAI,CAAC,OAAO,IAAI,gEAAS,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAW,EAClE,8DAAQ,CACF,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTable"],"sources":["src/components/diwa-table/diwa-table-styles.ts","src/components/diwa-table/diwa-table.tsx"],"sourcesContent":["export const getComponentCss = (\r\n  compact: boolean,\r\n  layout: 'auto' | 'fixed',\r\n  bordered: boolean,\r\n  striped: boolean,\r\n): string => `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    background: var(--diwa-bg-surface);\r\n    border-radius: var(--diwa-radius-lg);\r\n    --diwa-table-padding: ${compact ? 'var(--diwa-space-fluid-xs)' : 'var(--diwa-space-fluid-md)'};\r\n    --diwa-table-hover-color: var(--diwa-bg-hover);\r\n    --diwa-table-border-color: var(--diwa-border);\r\n    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin) solid var(--diwa-border)' : 'none'};\r\n    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated)' : 'transparent'};\r\n    --diwa-table-header-bg: var(--diwa-bg-elevated);\r\n    ${bordered ? `\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n    overflow: hidden;\r\n    ` : ''}\r\n  }\r\n\r\n  :host([hidden]) { display: none; }\r\n\r\n  .table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    background: var(--diwa-bg-surface);\r\n    font-size: var(--diwa-font-size-base);\r\n    color: var(--diwa-text-primary);\r\n    ${layout === 'fixed' ? 'table-layout: fixed;' : ''}\r\n  }\r\n\r\n  .sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n  }\r\n`;\r\n","import { Component, Event, type EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TableUpdateEventDetail } from '../diwa-table-head-cell/types';\r\nimport { getComponentCss } from './diwa-table-styles';\r\n\r\n/**\r\n * @component diwa-table\r\n * Wrapper for a data table. Uses native HTML table layout via display CSS.\r\n * Structure: diwa-table > diwa-table-head > diwa-table-row > diwa-table-head-cell\r\n *                       > diwa-table-body > diwa-table-row > diwa-table-cell\r\n */\r\n@Component({ tag: 'diwa-table', shadow: true })\r\nexport class DiwaTable {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n  @Prop() caption: string = '';\r\n  @Prop() compact: boolean = false;\r\n  @Prop() layout: 'auto' | 'fixed' = 'auto';\r\n  @Prop() bordered: boolean = false;\r\n  @Prop() striped: boolean = false;\r\n\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<TableUpdateEventDetail>;\r\n\r\n  @Listen('diwaTableUpdate')\r\n  protected handleTableUpdate(e: CustomEvent<TableUpdateEventDetail>): void {\r\n    e.stopPropagation();\r\n    this.update.emit(e.detail);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.compact, this.layout, this.bordered, this.striped)} />\r\n        <table class=\"table\">\r\n          {this.caption && <caption class=\"sr-only\">{this.caption}</caption>}\r\n          <slot />\r\n        </table>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"diwa-table.js","mappings":";;AAAO,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,MAAwB,EACxB,QAAiB,EACjB,OAAgB,KACL;IACT,OAAO;MACL;;;;;;;GAOH;MACG;;;;;;;GAOH;;;;;;;;;;;;;;kCAc+B,QAAQ,GAAG,2EAA2E,GAAG,MAAM;iCAChG,OAAO,GAAG,sCAAsC,GAAG,aAAa;;MAE3F,QAAQ,GAAG;;;KAGZ,GAAG,EAAE;;;;;;8BAMoB,OAAO,GAAG,KAAK,GAAG,MAAM;8BACxB,OAAO,GAAG,0BAA0B,GAAG,2BAA2B;8BAClE,OAAO,GAAG,MAAM,GAAG,MAAM;8BACzB,OAAO,GAAG,2BAA2B,GAAG,2BAA2B;;;;kCAI/D,QAAQ,GAAG,2EAA2E,GAAG,MAAM;iCAChG,OAAO,GAAG,sCAAsC,GAAG,aAAa;;;;;;;;;;;MAW3F,MAAM,KAAK,OAAO;MAChB;;;KAGH;MACG,cAAc;;;;;;;;;;;;;;CAcrB;;MC1EYA,WAAS;IADtB;;;;;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,YAAO,GAAW,EAAE,CAAC;QACrB,YAAO,GAAY,KAAK,CAAC;QACzB,WAAM,GAAqB,MAAM,CAAC;QAClC,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;KAuBlC;IAjBW,iBAAiB,CAAC,CAAsC;QAChE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;QAE7C,QACE,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK,IAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,EAC7F,4DAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,gBAAa,UAAU,IACpD,8DAAQ,CACJ,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaTable"],"sources":["src/components/diwa-table/diwa-table-styles.ts","src/components/diwa-table/diwa-table.tsx"],"sourcesContent":["export const getComponentCss = (\n  compact: boolean,\n  layout: 'auto' | 'fixed',\n  bordered: boolean,\n  striped: boolean,\n): string => `\n  ${compact\n    ? `\n  :host {\n    --diwa-table-padding-y: 6px;\n    --diwa-table-padding-y: var(--diwa-space-2, 6px);\n    --diwa-table-padding-x: 12px;\n    --diwa-table-padding-x: var(--diwa-space-5, 12px);\n  }\n  `\n    : `\n  :host {\n    --diwa-table-padding-y: 12px;\n    --diwa-table-padding-y: var(--diwa-space-5, 12px);\n    --diwa-table-padding-x: 16px;\n    --diwa-table-padding-x: var(--diwa-space-7, 16px);\n  }\n  `}\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    width: 100%;\n    overflow-x: auto;\n    background: var(--diwa-bg-surface);\n    border-radius: var(--diwa-radius-lg);\n    color: var(--diwa-text-primary);\n    text-align: start;\n    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);\n    --diwa-table-border-color: var(--diwa-border, currentColor);\n    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);\n    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};\n    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};\n    --diwa-table-header-bg: transparent;\n    ${bordered ? `\n    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor) !important;\n    overflow: hidden;\n    ` : ''}\n  }\n\n  :host([hidden]) { display: none; }\n\n  ::slotted(*) {\n    --diwa-table-padding-y: ${compact ? '6px' : '12px'} !important;\n    --diwa-table-padding-y: ${compact ? 'var(--diwa-space-2, 6px)' : 'var(--diwa-space-5, 12px)'} !important;\n    --diwa-table-padding-x: ${compact ? '12px' : '16px'} !important;\n    --diwa-table-padding-x: ${compact ? 'var(--diwa-space-5, 12px)' : 'var(--diwa-space-7, 16px)'} !important;\n    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);\n    --diwa-table-border-color: var(--diwa-border, currentColor);\n    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);\n    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};\n    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};\n    --diwa-table-header-bg: transparent;\n  }\n\n  .table {\n    display: table;\n    border-collapse: collapse;\n    background: var(--diwa-bg-surface);\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    white-space: nowrap;\n    ${layout === 'fixed'\n      ? `\n    table-layout: fixed;\n    min-width: 100%;\n    `\n      : 'width: 100%;'}\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n","import { Component, Event, type EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TableUpdateEventDetail } from '../diwa-table-head-cell/types';\r\nimport { getComponentCss } from './diwa-table-styles';\r\n\r\n/**\n * @component diwa-table\n * Wrapper for a data table. Uses CSS table layout with ARIA roles.\n * Structure: diwa-table > diwa-table-head > diwa-table-row > diwa-table-head-cell\n *                       > diwa-table-body > diwa-table-row > diwa-table-cell\n */\n@Component({ tag: 'diwa-table', shadow: true })\nexport class DiwaTable {\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n  @Prop() caption: string = '';\r\n  @Prop() compact: boolean = false;\r\n  @Prop() layout: 'auto' | 'fixed' = 'auto';\r\n  @Prop() bordered: boolean = false;\r\n  @Prop() striped: boolean = false;\r\n\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<TableUpdateEventDetail>;\r\n\r\n  @Listen('diwaTableUpdate')\r\n  protected handleTableUpdate(e: CustomEvent<TableUpdateEventDetail>): void {\r\n    e.stopPropagation();\r\n    this.update.emit(e.detail);\r\n  }\r\n\r\n  render() {\n    const tableLabel = this.caption || undefined;\n\n    return (\n      <Host data-theme={this.theme}>\n        <style innerHTML={getComponentCss(this.compact, this.layout, this.bordered, this.striped)} />\n        <div class=\"table\" role=\"table\" aria-label={tableLabel}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist-custom-elements/diwa-tabs-bar.js

@@ -216,7 +216,7 @@ const DiwaTabsBar$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTabsBar extends
         });
     }
     render() {
-        return (h(Host, { key: '5d85c7ca55c93cf266fb1f9469f602c8d17194b4', role: "tablist", "data-theme": this.theme }, h("style", { key: 'd4e17c0bcdd6d656990ac95f72bec8bd2a33ce46', innerHTML: getComponentCss() }), h("div", { key: '5850b9e2b9551db5b1c7651c167d4a0927d94ffb', class: "bar" }, h("slot", { key: '01727b6bf42cce8dfdca1d886ca717d154babdb3' }))));
+        return (h(Host, { key: '0dc13736a3b995d469880639e2af554544c5e5ea', role: "tablist", "data-theme": this.theme }, h("style", { key: '7792f75ccf668f4ab60ad8817bd504507b025797', innerHTML: getComponentCss() }), h("div", { key: '728725f33c758c38a6e99335d4b7741ea4064b76', class: "bar" }, h("slot", { key: '87f09b4877890425b2b2c5187d62f9fc41ecd5d7' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist-custom-elements/diwa-tabs-item.js

@@ -25,7 +25,7 @@ const DiwaTabsItem$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTabsItem exten
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'f6ec3970642fee656b67bd7af43c37121ebf4c93', role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', "data-theme": this.theme }, h("style", { key: '2ab72810f41d6680c657f375186f03839f5a9d78', innerHTML: getComponentCss(this.active) }), h("slot", { key: '7508c2bd4a5e797400b26446f9531b80ee38cc2a' })));
+        return (h(Host, { key: '28fc39ff87fcb65a40522bf64eb5a0e9e2c0ed2b', role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', "data-theme": this.theme }, h("style", { key: '3cc6d2b31959fd573f8abde754b66ee99824f298', innerHTML: getComponentCss(this.active) }), h("slot", { key: 'b71bbd0c4836013b48c588e6c74670292fa2c36c' })));
     }
     get host() { return this; }
 }, [1, "diwa-tabs-item", {