@diwacopilot/components 1.0.0 → 1.1.0

package/dist/collection/components/diwa-table-cell/diwa-table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-table-cell.js","sourceRoot":"","sources":["../../../src/components/diwa-table-cell/diwa-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,yEAAyE;AAEzE,MAAM,OAAO,aAAa;IAD1B;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,cAAS,GAAY,KAAK,CAAC;KAUpC;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM;YACf,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,GAAI;YACrD,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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","sourceRoot":"","sources":["../../../src/components/diwa-table-cell/diwa-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,yEAAyE;AAEzE,MAAM,OAAO,aAAa;IAD1B;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,cAAS,GAAY,KAAK,CAAC;KAUpC;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM;YACf,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,GAAI;YACrD,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/diwa-table-head/diwa-table-head-styles.js

@@ -1,12 +1,17 @@
-export 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; }
+export 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; }
 `;
 //# sourceMappingURL=diwa-table-head-styles.js.map

package/dist/collection/components/diwa-table-head/diwa-table-head-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-table-head-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head/diwa-table-head-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;CAU5C,CAAC","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"]}
+{"version":3,"file":"diwa-table-head-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head/diwa-table-head-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;CAe5C,CAAC","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"]}

package/dist/collection/components/diwa-table-head/diwa-table-head.js

@@ -6,7 +6,7 @@ export class DiwaTableHead {
         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' })));
     }
     static get is() { return "diwa-table-head"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell-styles.js

@@ -1,51 +1,62 @@
-export 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);
-  }
-  ` : ''}
+export 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);
+  }
+  ` : ''}
 `;
 //# sourceMappingURL=diwa-table-head-cell-styles.js.map

package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-table-head-cell-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/diwa-table-head-cell-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAiB,EAAE,SAAkB,EAAU,EAAE,CAAC;;;;;;;;;;;mBAW/D,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;;;;;;;;;;;;;;IAkB9C,QAAQ,CAAC,CAAC,CAAC;;;;;;;;;;;;;;mBAcI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;GAK/C,CAAC,CAAC,CAAC,EAAE;CACP,CAAC","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"]}
+{"version":3,"file":"diwa-table-head-cell-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/diwa-table-head-cell-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAiB,EAAE,SAAkB,EAAU,EAAE,CAAC;;;;eAInE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,qEAAqE;mBAClF,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B9C,QAAQ,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;mBAkBI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;mBAK/B,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;GAK/C,CAAC,CAAC,CAAC,EAAE;CACP,CAAC","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"]}

package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell.js

@@ -27,15 +27,15 @@ export class DiwaTableHeadCell {
             : 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)));
     }
     static get is() { return "diwa-table-head-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-table-head-cell.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/diwa-table-head-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["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","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/diwa-table-head-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/diwa-table-row/diwa-table-row-styles.js

@@ -1,11 +1,12 @@
-export 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);
-  }
+export 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);
+  }
 `;
 //# sourceMappingURL=diwa-table-row-styles.js.map

package/dist/collection/components/diwa-table-row/diwa-table-row-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-table-row-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-row/diwa-table-row-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;CAS5C,CAAC","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"]}
+{"version":3,"file":"diwa-table-row-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-row/diwa-table-row-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;CAU5C,CAAC","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"]}

package/dist/collection/components/diwa-table-row/diwa-table-row.js

@@ -6,7 +6,7 @@ export class DiwaTableRow {
         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' })));
     }
     static get is() { return "diwa-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-tabs/diwa-tabs-styles.js

@@ -22,11 +22,11 @@ export const getComponentCss = () => `
     display: none;
   }
 
-  .tab-btn {
-    display: inline-flex;
-    align-items: center;
-    min-height: var(--diwa-touch-target-min-size, 44px);
-    padding: var(--diwa-space-4) var(--diwa-space-7);
+  .tab-btn {
+    display: inline-flex;
+    align-items: center;
+    min-height: var(--diwa-touch-target-min-size, 44px);
+    padding: var(--diwa-space-4) var(--diwa-space-7);
     border: none;
     border-bottom: var(--diwa-border-width-base) solid transparent;
     background: transparent;
@@ -40,11 +40,11 @@ export const getComponentCss = () => `
     font-weight: var(--diwa-font-weight-medium);
   }
 
-  @media (hover: hover) and (pointer: fine) {
-    .tab-btn:hover {
-      color: var(--diwa-text-primary);
-    }
-  }
+  @media (hover: hover) and (pointer: fine) {
+    .tab-btn:hover {
+      color: var(--diwa-text-primary);
+    }
+  }
 
   .tab-btn[aria-selected="true"] {
     color: var(--diwa-accent);
@@ -55,7 +55,7 @@ export const getComponentCss = () => `
   ${getFocusStyle('.tab-btn')}
 
   .panels {
-    padding-top: var(--diwa-space-4);
+    padding: var(--diwa-space-4) var(--diwa-space-7);
   }
 
   ${getReducedMotionStyle('.tab-btn')}

package/dist/collection/components/diwa-tabs/diwa-tabs-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-tabs-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs/diwa-tabs-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDzC,aAAa,CAAC,UAAU,CAAC;;;;;;IAMzB,qBAAqB,CAAC,UAAU,CAAC;CACpC,CAAC","sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .bar {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 0;\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .bar::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .tab-btn {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px);\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n    border: none;\r\n    border-bottom: var(--diwa-border-width-base) solid transparent;\r\n    background: transparent;\r\n    font-size: var(--diwa-font-size-base);\r\n    font-family: inherit;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    margin-bottom: -1px;\r\n    transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\r\n    color: var(--diwa-text-secondary);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\n    .tab-btn:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\r\n  .tab-btn[aria-selected=\"true\"] {\r\n    color: var(--diwa-accent);\r\n    border-bottom-color: var(--diwa-accent);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n  }\r\n\r\n  ${getFocusStyle('.tab-btn')}\r\n\r\n  .panels {\r\n    padding-top: var(--diwa-space-4);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.tab-btn')}\r\n`;\r\n"]}
+{"version":3,"file":"diwa-tabs-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs/diwa-tabs-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDzC,aAAa,CAAC,UAAU,CAAC;;;;;;IAMzB,qBAAqB,CAAC,UAAU,CAAC;CACpC,CAAC","sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .bar {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 0;\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .bar::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .tab-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: var(--diwa-touch-target-min-size, 44px);\r\n    padding: var(--diwa-space-4) var(--diwa-space-7);\r\n    border: none;\r\n    border-bottom: var(--diwa-border-width-base) solid transparent;\r\n    background: transparent;\r\n    font-size: var(--diwa-font-size-base);\r\n    font-family: inherit;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    margin-bottom: -1px;\r\n    transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\r\n    color: var(--diwa-text-secondary);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .tab-btn:hover {\r\n      color: var(--diwa-text-primary);\r\n    }\r\n  }\r\n\r\n  .tab-btn[aria-selected=\"true\"] {\r\n    color: var(--diwa-accent);\r\n    border-bottom-color: var(--diwa-accent);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n  }\r\n\r\n  ${getFocusStyle('.tab-btn')}\r\n\r\n  .panels {\r\n    padding: var(--diwa-space-4) var(--diwa-space-7);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.tab-btn')}\r\n`;\r\n"]}

package/dist/collection/components/diwa-tabs/diwa-tabs.js

@@ -49,7 +49,7 @@ export class DiwaTabs {
     }
     render() {
         const items = this.getItems();
-        return (h(Host, { key: 'fc8d9535c8fc57e335842f9687e864679320a5ea', "data-theme": this.theme }, h("style", { key: '471a5b372635bef38e38198b5793b3e3f96cb17b', innerHTML: getComponentCss() }), h("div", { key: '0321394c0b6cdd768025d9fd7cee711a05197cfa', class: "bar", role: "tablist" }, items.map((item, i) => (h("button", { class: "tab-btn", key: i, role: "tab", type: "button", "aria-selected": i === this.activeTabIndex ? 'true' : 'false', "aria-controls": `panel-${i}`, tabindex: i === this.activeTabIndex ? 0 : -1, onClick: () => this.handleTabClick(i) }, item.label || `Tab ${i + 1}`)))), h("div", { key: 'a1480ac6ff722ffc09449141e79070801e5886c7', class: "panels" }, h("slot", { key: '98c11b57681a9e9831c233adcf2be283c5fdb0b7' }))));
+        return (h(Host, { key: '58e19e00620feeab361bb40e4b8ae53a5aae0bd4', "data-theme": this.theme }, h("style", { key: '3ff3a46b7df5caeaf1c670f72ca725f8218618c7', innerHTML: getComponentCss() }), h("div", { key: 'a1473f8f9bb7d88176d8825879985eed0a3fabba', class: "bar", role: "tablist" }, items.map((item, i) => (h("button", { class: "tab-btn", key: i, role: "tab", type: "button", "aria-selected": i === this.activeTabIndex ? 'true' : 'false', "aria-controls": `panel-${i}`, tabindex: i === this.activeTabIndex ? 0 : -1, onClick: () => this.handleTabClick(i) }, item.label || `Tab ${i + 1}`)))), h("div", { key: '49a664dd1f219421c05963cea3c4172e118b280a', class: "panels" }, h("slot", { key: '41c47202452a8de31d9e64c20cb4728047a53b5a' }))));
     }
     static get is() { return "diwa-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-tabs-bar/diwa-tabs-bar.js

@@ -136,7 +136,7 @@ export class DiwaTabsBar {
         });
     }
     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' }))));
     }
     static get is() { return "diwa-tabs-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-tabs-item/diwa-tabs-item.js

@@ -19,7 +19,7 @@ export class DiwaTabsItem {
         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' })));
     }
     static get is() { return "diwa-tabs-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-tag/diwa-tag-styles.js

@@ -50,7 +50,7 @@ export const getComponentCss = (variant, compact) => {
       font-family: var(--diwa-font-family-base);
       font-size: ${fontSize};
       font-weight: var(--diwa-font-weight-medium);
-      line-height: var(--diwa-line-height-tight);
+      line-height: 1;
       color: ${color};
       background: ${bg};
       border: var(--diwa-border-width-thin) solid ${border};

package/dist/collection/components/diwa-tag/diwa-tag-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-tag-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag/diwa-tag-styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAsE;IACrF,OAAO,EAAE;QACP,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE,0BAA0B;QACjC,MAAM,EAAE,oBAAoB;KAC7B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uBAAuB;QAC3B,KAAK,EAAE,oBAAoB;QAC3B,MAAM,EAAE,oBAAoB;KAC7B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,oCAAoC;QACxC,KAAK,EAAE,+BAA+B;QACtC,MAAM,EAAE,4BAA4B;KACrC;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uCAAuC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,MAAM,EAAE,aAAa;KACtB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uCAAuC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,MAAM,EAAE,aAAa;KACtB;IACD,KAAK,EAAE;QACL,EAAE,EAAE,qCAAqC;QACzC,KAAK,EAAE,gCAAgC;QACvC,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAEnF,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,QAAQ;;mBAElB,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;;GAUvD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from './types';\r\n\r\nconst VARIANT_MAP: Record<TagVariant, { bg: string; color: string; border: string }> = {\r\n  neutral: {\r\n    bg: 'var(--diwa-bg-surface)',\r\n    color: 'var(--diwa-text-primary)',\r\n    border: 'var(--diwa-border)',\r\n  },\r\n  primary: {\r\n    bg: 'var(--diwa-accent-bg)',\r\n    color: 'var(--diwa-accent)',\r\n    border: 'var(--diwa-accent)',\r\n  },\r\n  info: {\r\n    bg: 'var(--diwa-notification-info-soft)',\r\n    color: 'var(--diwa-notification-info)',\r\n    border: 'var(--diwa-color-info-300)',\r\n  },\r\n  success: {\r\n    bg: 'var(--diwa-notification-success-soft)',\r\n    color: 'var(--diwa-notification-success)',\r\n    border: 'transparent',\r\n  },\r\n  warning: {\r\n    bg: 'var(--diwa-notification-warning-soft)',\r\n    color: 'var(--diwa-notification-warning)',\r\n    border: 'transparent',\r\n  },\r\n  error: {\r\n    bg: 'var(--diwa-notification-error-soft)',\r\n    color: 'var(--diwa-notification-error)',\r\n    border: 'transparent',\r\n  },\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const { bg, color, border } = VARIANT_MAP[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\r\n  const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--diwa-space-1);\r\n      padding: ${paddingY} ${paddingX};\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: ${fontSize};\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: var(--diwa-line-height-tight);\r\n      color: ${color};\r\n      background: ${bg};\r\n      border: var(--diwa-border-width-thin) solid ${border};\r\n      border-radius: var(--diwa-radius-sm);\r\n      white-space: nowrap;\r\n      user-select: none;\r\n    }\r\n    .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-shrink: 0;\r\n    }\r\n  `;\r\n};\r\n"]}
+{"version":3,"file":"diwa-tag-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag/diwa-tag-styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAsE;IACrF,OAAO,EAAE;QACP,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE,0BAA0B;QACjC,MAAM,EAAE,oBAAoB;KAC7B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uBAAuB;QAC3B,KAAK,EAAE,oBAAoB;QAC3B,MAAM,EAAE,oBAAoB;KAC7B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,oCAAoC;QACxC,KAAK,EAAE,+BAA+B;QACtC,MAAM,EAAE,4BAA4B;KACrC;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uCAAuC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,MAAM,EAAE,aAAa;KACtB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uCAAuC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,MAAM,EAAE,aAAa;KACtB;IACD,KAAK,EAAE;QACL,EAAE,EAAE,qCAAqC;QACzC,KAAK,EAAE,gCAAgC;QACvC,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAEnF,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,QAAQ;;mBAElB,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;;GAUvD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from './types';\r\n\r\nconst VARIANT_MAP: Record<TagVariant, { bg: string; color: string; border: string }> = {\r\n  neutral: {\r\n    bg: 'var(--diwa-bg-surface)',\r\n    color: 'var(--diwa-text-primary)',\r\n    border: 'var(--diwa-border)',\r\n  },\r\n  primary: {\r\n    bg: 'var(--diwa-accent-bg)',\r\n    color: 'var(--diwa-accent)',\r\n    border: 'var(--diwa-accent)',\r\n  },\r\n  info: {\r\n    bg: 'var(--diwa-notification-info-soft)',\r\n    color: 'var(--diwa-notification-info)',\r\n    border: 'var(--diwa-color-info-300)',\r\n  },\r\n  success: {\r\n    bg: 'var(--diwa-notification-success-soft)',\r\n    color: 'var(--diwa-notification-success)',\r\n    border: 'transparent',\r\n  },\r\n  warning: {\r\n    bg: 'var(--diwa-notification-warning-soft)',\r\n    color: 'var(--diwa-notification-warning)',\r\n    border: 'transparent',\r\n  },\r\n  error: {\r\n    bg: 'var(--diwa-notification-error-soft)',\r\n    color: 'var(--diwa-notification-error)',\r\n    border: 'transparent',\r\n  },\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const { bg, color, border } = VARIANT_MAP[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\r\n  const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--diwa-space-1);\r\n      padding: ${paddingY} ${paddingX};\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: ${fontSize};\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: 1;\r\n      color: ${color};\r\n      background: ${bg};\r\n      border: var(--diwa-border-width-thin) solid ${border};\r\n      border-radius: var(--diwa-radius-sm);\r\n      white-space: nowrap;\r\n      user-select: none;\r\n    }\r\n    .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-shrink: 0;\r\n    }\r\n  `;\r\n};\r\n"]}

package/dist/collection/components/diwa-tag/diwa-tag.js

@@ -13,7 +13,7 @@ export class DiwaTag {
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: 'dfa84844b35c6b8235c98e808a9b9dd6d477d1fa', "data-theme": this.theme }, h("style", { key: '8e4f31a14ed706ab4ed23f29b1cc2e0f62ad2574', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: '6114522f5907c57eb3431943cd54d74cda2efc2b', class: "tag" }, this.icon && (h("span", { key: 'a5ab13a007c58c6ad70b3d50f3432513a6c50158', class: "icon" }, h("diwa-icon", { key: 'd8a27e315e5cd715bb6eddd17fe776d9ac2b04a2', name: this.icon, size: this.compact ? 12 : 14 }))), h("slot", { key: 'a0009c67eb1a12d3fb4de706b22d15cc68f17942' }))));
+        return (h(Host, { key: 'd42fb54eff16c99a228aadb0705555b46f12e32f', "data-theme": this.theme }, h("style", { key: '5a970176294cd830196d20211c3de04bafe432cb', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: 'cf96cb76fd620897df59dab8cd85c49b2905112c', class: "tag" }, this.icon && (h("span", { key: 'e5f269560d17a45c0072dadeab04018592b13f1a', class: "icon" }, h("diwa-icon", { key: '355758d40a0a2539b0ec7eba9710e57a308e510e', name: this.icon, size: this.compact ? 12 : 14 }))), h("slot", { key: '640ad0e5c11ecaebd98fe846f48b81938c7c9db2' }))));
     }
     static get is() { return "diwa-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.js

@@ -29,8 +29,8 @@ export const getComponentCss = (variant, compact) => {
     const border = VARIANT_BORDER[variant];
     const paddingY = compact ? '1px' : '2px';
     const paddingX = compact ? '6px' : '10px';
+    const paddingXRight = compact ? '4px' : '6px';
     const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';
-    const iconSize = compact ? '12px' : '14px';
     return `
     :host {
       display: inline-flex;
@@ -42,11 +42,11 @@ export const getComponentCss = (variant, compact) => {
       display: inline-flex;
       align-items: center;
       gap: var(--diwa-space-1);
-      padding: ${paddingY} ${paddingX};
+      padding: ${paddingY} ${paddingXRight} ${paddingY} ${paddingX};
       font-family: var(--diwa-font-family-base);
       font-size: ${fontSize};
       font-weight: var(--diwa-font-weight-medium);
-      line-height: var(--diwa-line-height-tight);
+      line-height: 1;
       color: ${color};
       background: ${bg};
       border: var(--diwa-border-width-thin) solid ${border};
@@ -58,9 +58,8 @@ export const getComponentCss = (variant, compact) => {
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      width: ${iconSize};
-      height: ${iconSize};
-      margin-left: var(--diwa-space-0-5);
+      width: 12px;
+      height: 12px;
       padding: 0;
       background: none;
       border: none;

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-tag-dismissible-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,UAAU,GAA+B;IAC7C,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAK,oCAAoC;IAC7C,OAAO,EAAE,uCAAuC;IAChD,OAAO,EAAE,uCAAuC;IAChD,KAAK,EAAI,qCAAqC;CAC/C,CAAC;AACF,MAAM,aAAa,GAA+B;IAChD,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,+BAA+B;IACxC,OAAO,EAAE,kCAAkC;IAC3C,OAAO,EAAE,kCAAkC;IAC3C,KAAK,EAAI,gCAAgC;CAC1C,CAAC;AACF,MAAM,cAAc,GAA+B;IACjD,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,4BAA4B;IACrC,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAI,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IACnF,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3C,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,QAAQ;;mBAElB,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;eAS3C,QAAQ;gBACP,QAAQ;;;;;;;;;;;;;;;MAelB,aAAa,CAAC,UAAU,CAAC;;MAEzB,qBAAqB,CAAC,UAAU,CAAC;GACpC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nconst VARIANT_BG: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-bg-surface)',\r\n  primary: 'var(--diwa-accent-bg)',\r\n  info:    'var(--diwa-notification-info-soft)',\r\n  success: 'var(--diwa-notification-success-soft)',\r\n  warning: 'var(--diwa-notification-warning-soft)',\r\n  error:   'var(--diwa-notification-error-soft)',\r\n};\r\nconst VARIANT_COLOR: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-text-primary)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-notification-info)',\r\n  success: 'var(--diwa-notification-success)',\r\n  warning: 'var(--diwa-notification-warning)',\r\n  error:   'var(--diwa-notification-error)',\r\n};\r\nconst VARIANT_BORDER: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-border)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-color-info-300)',\r\n  success: 'transparent',\r\n  warning: 'transparent',\r\n  error:   'transparent',\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const bg = VARIANT_BG[variant];\r\n  const color = VARIANT_COLOR[variant];\r\n  const border = VARIANT_BORDER[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\r\n  const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n  const iconSize = compact ? '12px' : '14px';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--diwa-space-1);\r\n      padding: ${paddingY} ${paddingX};\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: ${fontSize};\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: var(--diwa-line-height-tight);\r\n      color: ${color};\r\n      background: ${bg};\r\n      border: var(--diwa-border-width-thin) solid ${border};\r\n      border-radius: var(--diwa-radius-sm);\r\n      white-space: nowrap;\r\n      user-select: none;\r\n    }\r\n    .dismiss {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: ${iconSize};\r\n      height: ${iconSize};\r\n      margin-left: var(--diwa-space-0-5);\r\n      padding: 0;\r\n      background: none;\r\n      border: none;\r\n      border-radius: var(--diwa-radius-xs);\r\n      color: inherit;\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n      opacity: var(--diwa-opacity-muted);\r\n      transition: opacity var(--diwa-transition-base);\r\n    }\r\n    .dismiss:hover {\r\n      opacity: 1;\r\n    }\r\n    ${getFocusStyle('.dismiss')}\r\n\r\n    ${getReducedMotionStyle('.dismiss')}\r\n  `;\r\n};\r\n"]}
+{"version":3,"file":"diwa-tag-dismissible-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,UAAU,GAA+B;IAC7C,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAK,oCAAoC;IAC7C,OAAO,EAAE,uCAAuC;IAChD,OAAO,EAAE,uCAAuC;IAChD,KAAK,EAAI,qCAAqC;CAC/C,CAAC;AACF,MAAM,aAAa,GAA+B;IAChD,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,+BAA+B;IACxC,OAAO,EAAE,kCAAkC;IAC3C,OAAO,EAAE,kCAAkC;IAC3C,KAAK,EAAI,gCAAgC;CAC1C,CAAC;AACF,MAAM,cAAc,GAA+B;IACjD,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,4BAA4B;IACrC,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAI,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAEnF,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,aAAa,IAAI,QAAQ,IAAI,QAAQ;;mBAE/C,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;;;;;;;;;;;;;;;;MAwBpD,aAAa,CAAC,UAAU,CAAC;;MAEzB,qBAAqB,CAAC,UAAU,CAAC;GACpC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nconst VARIANT_BG: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-bg-surface)',\r\n  primary: 'var(--diwa-accent-bg)',\r\n  info:    'var(--diwa-notification-info-soft)',\r\n  success: 'var(--diwa-notification-success-soft)',\r\n  warning: 'var(--diwa-notification-warning-soft)',\r\n  error:   'var(--diwa-notification-error-soft)',\r\n};\r\nconst VARIANT_COLOR: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-text-primary)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-notification-info)',\r\n  success: 'var(--diwa-notification-success)',\r\n  warning: 'var(--diwa-notification-warning)',\r\n  error:   'var(--diwa-notification-error)',\r\n};\r\nconst VARIANT_BORDER: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-border)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-color-info-300)',\r\n  success: 'transparent',\r\n  warning: 'transparent',\r\n  error:   'transparent',\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const bg = VARIANT_BG[variant];\r\n  const color = VARIANT_COLOR[variant];\r\n  const border = VARIANT_BORDER[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\r\n  const paddingXRight = compact ? '4px' : '6px';\r\n  const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--diwa-space-1);\r\n      padding: ${paddingY} ${paddingXRight} ${paddingY} ${paddingX};\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: ${fontSize};\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: 1;\r\n      color: ${color};\r\n      background: ${bg};\r\n      border: var(--diwa-border-width-thin) solid ${border};\r\n      border-radius: var(--diwa-radius-sm);\r\n      white-space: nowrap;\r\n      user-select: none;\r\n    }\r\n    .dismiss {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 12px;\r\n      height: 12px;\r\n      padding: 0;\r\n      background: none;\r\n      border: none;\r\n      border-radius: var(--diwa-radius-xs);\r\n      color: inherit;\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n      opacity: var(--diwa-opacity-muted);\r\n      transition: opacity var(--diwa-transition-base);\r\n    }\r\n    .dismiss:hover {\r\n      opacity: 1;\r\n    }\r\n    ${getFocusStyle('.dismiss')}\r\n\r\n    ${getReducedMotionStyle('.dismiss')}\r\n  `;\r\n};\r\n"]}

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible.js

@@ -18,8 +18,7 @@ export class DiwaTagDismissible {
         };
     }
     render() {
-        const iconSize = this.compact ? 12 : 14;
-        return (h(Host, { key: 'c8ec3a53f5d72a1a8c3f7395287261167408263c', "data-theme": this.theme }, h("style", { key: 'b89acb19c8df5f132aa1a4eeeca2f81333340fdd', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: '6a82c4cb61b84eb631b7cc441314929ab2ab2496', class: "tag" }, h("slot", { key: '4236c4d1ac0f0579804b0a1994ced421670b685c' }), h("button", { key: '831e2295cbd23372f7ba0daa114bef27e0d8c25a', class: "dismiss", type: "button", "aria-label": this.label, onClick: this.handleDismiss }, h("svg", { key: '8172fd785be3d5cea0a0b38243aac3a1e9f2afa8', xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { key: '632af21cd22791194ffdd4a3127b699b359191b6', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '45285993ae6ae899a06dab3d903c883632ef262a', x1: "6", y1: "6", x2: "18", y2: "18" }))))));
+        return (h(Host, { key: 'e38cfaa8ab96522f4fe516b64efcadd9a8c12661', "data-theme": this.theme }, h("style", { key: '3e8c178617ab71f172ee6878ad8f1260f6389aa7', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: '5b3f671bdb71327e7f2fb227ce29b6d9c8dea36f', class: "tag" }, h("slot", { key: 'e8372472821b469f1e3a262415595c3bd58345c5' }), h("button", { key: '093dfd628497cac1a886543eeb48927e68753822', class: "dismiss", type: "button", "aria-label": this.label, onClick: this.handleDismiss }, h("svg", { key: 'd56cdca4db4fbd9144a9c06eb4d12c44478fa3af', xmlns: "http://www.w3.org/2000/svg", width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { key: '047c1338afb7d612853d76c468ab926d810e77de', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'f2576ea09474cb17cb4dbe74b878ccf62debf03e', x1: "6", y1: "6", x2: "18", y2: "18" }))))));
     }
     static get is() { return "diwa-tag-dismissible"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-tag-dismissible.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE;;GAEG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE,4BAA4B;QACH,YAAO,GAAe,SAAS,CAAC;QAEzD,sDAAsD;QAC7B,YAAO,GAAY,KAAK,CAAC;QAElD,+CAA+C;QACvC,UAAK,GAAY,QAAQ,CAAC;QAElC,gEAAgE;QACvC,UAAK,GAAU,MAAM,CAAC;QAKvC,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,CAAC;KAoCH;IAlCC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAExC,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YACjE,6DAAM,KAAK,EAAC,KAAK;gBACf,8DAAQ;gBACR,+DACE,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,aAAa;oBAE3B,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,iBACX,MAAM;wBAElB,6DAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;wBACtC,6DAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACC,CACJ,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TagVariant } from './types';\r\nimport { getComponentCss } from './diwa-tag-dismissible-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n  tag: 'diwa-tag-dismissible',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaTagDismissible {\r\n  /** Visual style variant. */\r\n  @Prop({ reflect: true }) variant: TagVariant = 'neutral';\r\n\r\n  /** Renders a compact (smaller) version of the tag. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Accessible label for the dismiss button. */\r\n  @Prop() label?: string = 'Remove';\r\n\r\n  /** Adapts the color when used on a light or dark background. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Emitted when the dismiss button is clicked. */\r\n  @Event({ bubbles: false, composed: false }) dismiss!: EventEmitter<void>;\r\n\r\n  private handleDismiss = (): void => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    const iconSize = this.compact ? 12 : 14;\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.variant, this.compact)} />\r\n        <span class=\"tag\">\r\n          <slot />\r\n          <button\r\n            class=\"dismiss\"\r\n            type=\"button\"\r\n            aria-label={this.label}\r\n            onClick={this.handleDismiss}\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width={iconSize}\r\n              height={iconSize}\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\r\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\r\n            </svg>\r\n          </button>\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"diwa-tag-dismissible.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE;;GAEG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE,4BAA4B;QACH,YAAO,GAAe,SAAS,CAAC;QAEzD,sDAAsD;QAC7B,YAAO,GAAY,KAAK,CAAC;QAElD,+CAA+C;QACvC,UAAK,GAAY,QAAQ,CAAC;QAElC,gEAAgE;QACvC,UAAK,GAAU,MAAM,CAAC;QAKvC,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,CAAC;KAkCH;IAhCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YACjE,6DAAM,KAAK,EAAC,KAAK;gBACf,8DAAQ;gBACR,+DACE,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,aAAa;oBAE3B,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,iBACX,MAAM;wBAElB,6DAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;wBACtC,6DAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACC,CACJ,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TagVariant } from './types';\r\nimport { getComponentCss } from './diwa-tag-dismissible-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n  tag: 'diwa-tag-dismissible',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaTagDismissible {\r\n  /** Visual style variant. */\r\n  @Prop({ reflect: true }) variant: TagVariant = 'neutral';\r\n\r\n  /** Renders a compact (smaller) version of the tag. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Accessible label for the dismiss button. */\r\n  @Prop() label?: string = 'Remove';\r\n\r\n  /** Adapts the color when used on a light or dark background. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Emitted when the dismiss button is clicked. */\r\n  @Event({ bubbles: false, composed: false }) dismiss!: EventEmitter<void>;\r\n\r\n  private handleDismiss = (): void => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.variant, this.compact)} />\r\n        <span class=\"tag\">\r\n          <slot />\r\n          <button\r\n            class=\"dismiss\"\r\n            type=\"button\"\r\n            aria-label={this.label}\r\n            onClick={this.handleDismiss}\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width={12}\r\n              height={12}\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\r\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\r\n            </svg>\r\n          </button>\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-text/diwa-text.js

@@ -44,7 +44,7 @@ export class DiwaText {
     // ──────────────────────────────────────────────────────────────
     render() {
         const Tag = this.tag; // eslint-disable-line @typescript-eslint/no-explicit-any
-        return (h(Host, { key: '9f5fd3cbc2cd12f7fef7b55c095aff9cddbbfe30', "data-theme": this.theme }, h("style", { key: 'a83a6f78e4bc7474ce28cf1d3010a021e1bbf099', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: '24f5ac5e6bcbeaad882089d9a4a996184e712b7d', class: "text" }, h("slot", { key: '027dc2c754f75aa59d4616565c53599051497748' }))));
+        return (h(Host, { key: '78b4446a7e87098e2b5c91eeafa452af9746b3f4', "data-theme": this.theme }, h("style", { key: '4d35e7cd05ba8b6169481a3e29562e606eb11504', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: '0c9634ebb578a91e3abf14957ad588f3350070cf', class: "text" }, h("slot", { key: '1a173a8d617c7f903da682122dbd96767d3af2b3' }))));
     }
     static get is() { return "diwa-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-text-list/diwa-text-list.js

@@ -28,7 +28,7 @@ export class DiwaTextList {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h(Host, { key: '3ccc05828614ee75fb0bace58508d9868a609945', "data-theme": this.theme }, h("style", { key: '1109012ff5b89b6224909a63cba6d0645132816e', innerHTML: getComponentCss(this.type) }), h(Tag, { key: '9e406cd57d961661f10e68f2c4b18a7dfbed8abe', class: "list" }, h("slot", { key: '3e6efc18da3aa512cc1eac696ed6619aef4f39e5' }))));
+        return (h(Host, { key: '46a42d0fad4e36c43294095336094028eba05e28', "data-theme": this.theme }, h("style", { key: 'fac6f5dfc2f131e718e808465e7bac609cf46665', innerHTML: getComponentCss(this.type) }), h(Tag, { key: '40e9fc80b433d58834b3b1465a49c53ed968f171', class: "list" }, h("slot", { key: '25af80ba0ae2f8dc8ff98e5fc5321fa271b52ebb' }))));
     }
     static get is() { return "diwa-text-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-text-list-item/diwa-text-list-item.js

@@ -19,7 +19,7 @@ export class DiwaTextListItem {
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: '47380c135fb14278e005d237c7dfc0ae1e8d2982', "data-theme": this.theme }, h("style", { key: '61e2d7744729759cad4eb82f1af96d033a817a3f', innerHTML: getItemCss() }), h("slot", { key: '916a0c9ebd931b61ae4d76ab172ab437cd2cbd3d' })));
+        return (h(Host, { key: 'ca389afc2ee236afaf0ef1aa73da52621300309c', "data-theme": this.theme }, h("style", { key: '0b89865d665c4abc37ed2d6e044b7160480acf79', innerHTML: getItemCss() }), h("slot", { key: 'd49ee74ef96e916912a16889b33b05a08fd4027b' })));
     }
     static get is() { return "diwa-text-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-textarea/diwa-textarea.js

@@ -53,7 +53,7 @@ export class DiwaTextarea {
         const taId = 'textarea';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'd4f47cf2f3be23a0df6c1f2dc24c8f11647fadc4', "data-theme": this.theme }, h("style", { key: '66ab29c8d8633795ed2fbc8403486496c36a356d', innerHTML: getComponentCss(this.state, this.disabled, this.readOnly, this.resize, this.compact) }), h("div", { key: '5a28099aa65e5b3b4588007479203360949c2dcf', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'a292c7d30962fc7db056cf9dca05552196b4532d', class: "label-row" }, h("label", { key: '38a4700dc55d557ef437efe0e54c0121bb0f172c', class: "label", htmlFor: taId }, this.label, this.required && h("span", { key: '8bef937a0727b2c51dabe30b9b74927053f7840f', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '36169954033c2e1abcba95ccb445f7cb9f6460c0', name: "label-after" }))), h("div", { key: '05de702c20d30ff01af79245daf06e72bc013025', class: "textarea-wrapper" }, h("textarea", { key: 'ac18d6a3a4b2d724f1bd78f16e17f72dccc751f7', class: "ta", id: taId, name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readOnly, rows: this.rows, maxLength: this.maxLength, minLength: this.minLength, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur })), !this.message && this.description && (h("p", { key: '973b18b1bafa587c7d98684d73a80e8357434c0e', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'dc389f318bfc3e674e1cb4c8ca6d8e2ffe348480', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'bc8c28e4261d600dcd7279fbf83f3c69598bede9', "data-theme": this.theme }, h("style", { key: '6424b2957223222e398afbd46110e7da11e074d0', innerHTML: getComponentCss(this.state, this.disabled, this.readOnly, this.resize, this.compact) }), h("div", { key: 'f99c09858acafd13e43389f0fdeef23352016658', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '19062e869778b9f486c110a8a501fbdd77c7a629', class: "label-row" }, h("label", { key: '6b7e15fd5794920731f84abb408f4c73c212a03a', class: "label", htmlFor: taId }, this.label, this.required && h("span", { key: '2fce6e00c084737d175057e6d0fe291962152f9f', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '20de835c3283696e786370a8b9e667ad14811f65', name: "label-after" }))), h("div", { key: '5ce3c0798d9085266c19623aec5c84809e8abe2f', class: "textarea-wrapper" }, h("textarea", { key: '76b21ac80b5f7609692af0dd78badc4bbdc1c8c2', class: "ta", id: taId, name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readOnly, rows: this.rows, maxLength: this.maxLength, minLength: this.minLength, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur })), !this.message && this.description && (h("p", { key: '8b8914744e47cedda2ceeea9dc004cfb8712fa15', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'f3678d9d8eeb81e12bd98aac8186df07c7b17369', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-textarea"; }
     static get encapsulation() { return "shadow"; }