@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-RC6

package/dist/esm/z-toggle-switch.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ByN2sYu6.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-fIt9Ytc6.js';
 import { k as LabelPosition } from './index-BKCj6NR2.js';
-import { r as randomId } from './utils-0PByxJyN.js';
+import { r as randomId } from './utils-BEzZQwOB.js';
 import './breakpoints-Q-tWjk7P.js';
 
 const stylesCss = () => `.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}`;
@@ -32,14 +32,14 @@ const ZToggleSwitch = class {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: 'a71496b0436b37aaf6b0af879bae53be6a627efa' }, h("input", { key: '716eec97479d25139fe00b144a58d26941ded2a3', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '8907147d34ed7b1c944936e1c3e73519ef77f00b', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: '56f9d8ff6eb13dfa9c113cbf6c0938e141d55c67' }, h("input", { key: '3417b90e089286fad9bccb61a5f4b39ae4168f91', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'ddd2fe347095d9551d8881c83a9a88f2a76baa75', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: 'c3a9dc659fee0c089799a011568b2df707f62c34' }, h("slot", { key: '68be5cec64b7d973bd40d59be54580170bd7ec5e' })), h("span", { key: '206640ff4c480d2923f8c99b80093b8bf08ee68a', class: {
+            } }, h("span", { key: '8532e35c90ac967e7bd5ba19b6cfb427e30a8a9e' }, h("slot", { key: '013eb019d7033bdf49fc2ca79ec647dc47aa5516' })), h("span", { key: '4aa4b5abb12d819bb253c68f8315baf89935dd70', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: '31d158040dfc2cb2e605ee5271cd1b992016c1e2', class: "circle" }, this.checked && (h("z-icon", { key: '2d45f7c22746d2db091e0ee2096b3f580064e8aa', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '1379aa626ccb15cc65337fd09063865051078dfb', class: "circle" }, this.checked && (h("z-icon", { key: 'c69f5f85fd886ae9ab30a559a6db66c1ad4f1db7', width: 12, height: 12, name: "checkmark" })))))));
     }
 };
 ZToggleSwitch.style = stylesCss();

package/dist/esm/z-tool.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-ByN2sYu6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-fIt9Ytc6.js';
 import { P as PopoverPosition, g as KeyboardCode } from './index-BKCj6NR2.js';
-import { a as containsElement } from './utils-0PByxJyN.js';
+import { a as containsElement } from './utils-BEzZQwOB.js';
 import './breakpoints-Q-tWjk7P.js';
 
 const stylesCss = () => `:host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);position:relative;display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host(:is([active],[open])) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{background:var(--color-primary03)}@media (hover: hover){:host(:hover),:host(.z-tool-tooltip-open){z-index:1}:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}.z-tool:focus:focus-visible{background-color:var(--color-primary03);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-tooltip-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-tooltip-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));position:relative;z-index:2;font-family:var(--font-family-sans);white-space:nowrap}.z-tool-submenu{z-index:3;border-radius:calc(var(--border-radius) + var(--border-size-small))}.z-tool-submenu ::slotted(z-color-picker){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}@media (max-width: 767px) and (hover: none){.z-tool-tooltip{display:none !important}}`;
@@ -187,10 +187,10 @@ const ZTool = class {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (h(Host, { key: '1a87f70e20dca23bc4207f03aa1cd933c5fa668e', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: 'df7f4ad8a47dee955b9c4c249354fa114410409d', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, h("z-icon", { key: '43bd668b9d58377caa755e7eeaf68e3381b036f0', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: 'a86766b86ee4cf878f5a48f48e135b8cd3092f3a', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: '91ddd32599a6a6a3b4fbf34fb69fdabff0dbbda9', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: 'ec7b937f451db4a1b206b386d6f199b5cf71117d', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (h(Host, { key: '5adf35d9c14bc55415a5f333f032d07e70c679ce', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: '9042104162bc039b37f109bac99f3213a3865f7f', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, h("z-icon", { key: '21f9a4e4a429b3d4a8cc294195ebcec03baebdff', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: '98d553c4bc74b15b5762284dd3f973086a5dc39c', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: 'ae88d5b59fe21ec1df190c3599042740c3a76634', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '796d9040bbf935d87b0981d64d6e0404a36189b0', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
             /* disable auto-close to prevent unwanted close behaviors on mobile,
             when the bound element is the main toolbar */
-            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: '85e016cb92ce6c7356afa7f93bbdd278ab3ff88e' })))));
+            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: 'a16a3b105a1488373193752b3c9eeb2eab0dc0c2' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-toolbar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-ByN2sYu6.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-fIt9Ytc6.js';
 import { g as KeyboardCode } from './index-BKCj6NR2.js';
 
 const stylesCss = () => `:host,*{box-sizing:border-box}:host{display:flex;width:fit-content;align-items:center;padding:0;border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:calc(var(--border-radius) + var(--border-size-small));box-shadow:var(--shadow-4);gap:calc(var(--space-unit) / 2)}::slotted(z-divider){height:calc(var(--space-unit) * 4.5) !important}@media (max-width: 767px){:host{--z-toolbar-columns:6;position:relative;display:grid;max-width:100%;background:repeating-linear-gradient(         to bottom,         transparent 0,         transparent calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5 + 1px)       )       center / calc(100% - var(--space-unit)) 100% no-repeat var(--color-surface01);gap:var(--border-size-small) calc(var(--space-unit) / 2);grid-template-columns:repeat(var(--z-toolbar-columns, auto-fill), minmax(44px, auto))}::slotted(z-divider){display:none !important}}`;
@@ -129,7 +129,7 @@ const ZToolbar = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd766b9377953f92994c693221a9ea7c5104cd1c6', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: '37d3079836475575d0267725589798a39025a517', onSlotchange: () => {
+        return (h(Host, { key: 'da37a1abe86b6c96aaabdc4f5714716ea3ce7281', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: '73b950e1efb794a75930915ccb39cf58dc524fb0', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));

package/dist/esm/z-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-ByN2sYu6.js';
+import { r as registerInstance, c as createEvent, h } from './index-fIt9Ytc6.js';
 import { P as PopoverPosition } from './index-BKCj6NR2.js';
 
 const stylesCss = () => `:host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));--z-tooltip-padding:var(--space-unit)}z-popover{--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-padding:var(--z-tooltip-padding);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}`;
@@ -26,7 +26,7 @@ const ZTooltip = class {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '21236ca0162a4ce1c7d1c6adfd052332e8a566b8', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'fb78016230d9246043c60bd22e1ed7c6baa4d78d' })));
+        return (h("z-popover", { key: '33f8d0a6de0f95f3218736b57451d80cd3cc9506', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: '3608136c1675f0f8823a216ab622af272685e8dc' })));
     }
 };
 ZTooltip.style = stylesCss();

package/dist/esm/z-tr.entry.js

@@ -1,11 +1,13 @@
-import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-ByN2sYu6.js';
-import { r as randomId } from './utils-0PByxJyN.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-fIt9Ytc6.js';
+import { r as randomId } from './utils-BEzZQwOB.js';
 import './z-td.entry.js';
 import './z-th.entry.js';
 import './index-BKCj6NR2.js';
 import './breakpoints-Q-tWjk7P.js';
 
-const stylesCss = () => `:host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}:host(:hover) ::slotted(z-td),:host(:hover) ::slotted(z-th){border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04);background-color:var(--color-surface02)}:host(:focus){position:relative;z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;right:0;left:0;width:100%;border-radius:4px;box-shadow:none;inset:0;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),     var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}`;
+const stylesCss$1 = () => `:host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{box-sizing:border-box}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-top:var(--border-size-small) solid var(--color-surface03);border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){border-left:0 !important;background-color:var(--color-background)}:host(:hover):has([tabIndex]) ::slotted(z-td),:host(:hover):has([tabIndex]) ::slotted(z-th){border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04);background-color:var(--color-surface02)}:host(:focus){position:relative;z-index:20;border:none !important;box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;right:0;left:0;width:100%;border-radius:4px;box-shadow:none;inset:0;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),     var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}`;
+
+const stylesCss = () => `z-table,table.z-table{background-color:var(--color-surface01);--z-table--cells-padding:calc(var(--space-unit) * 2)}table.z-table{border-collapse:collapse}z-thead,table.z-table thead{background-color:var(--color-background);--z-table--cells-bottom-border-size:var(--border-size-medium)}z-tfoot,table.z-table tfoot{border-top:var(--border-size-medium) solid var(--color-surface03);border-bottom:var(--border-size-medium) solid var(--color-surface03)}z-tfoot z-tr,table.z-table tfoot tr{border-bottom:calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important}z-tr,table.z-table tr{border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}z-td,z-th,table.z-table td,table.z-table th{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));text-align:left}z-th:not(:first-child),z-td:not(:first-child),table.z-table th:not(:first-child),table.z-table td:not(:first-child){border-left:var(--z-table--cell-left-border, none)}z-table[bordered],table.z-table.z-table-bordered{--z-table--cell-left-border:1px solid var(--color-surface03)}table.z-table-hover tr:hover>td,table.z-table-hover tr:hover>th{background-color:var(--color-surface02);box-shadow:inset 0 var(--border-size-small) 0 var(--color-surface04),     inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04)}`;
 
 const ZTr = class {
     constructor(hostRef) {
@@ -69,7 +71,7 @@ const ZTr = class {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: '22e2a75bc63f96ec1f293ecfd818f16e0aa9eb96', role: "row", tabIndex: 0, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '7d71cd5da22b1e921a53831316fa1cf0a90b4178', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '707e10ebfe2df07fd6f151af992d7289d76ab43c', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '375fe42258137e52520556487cccb2bcf2378833', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '5e478114e1ba9d7982995acefa52f8ffc1b51831', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '56f1c4bad517ee41792f500bd56408a42da440bb', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '6675f95eeb22b498594fba6534c4c827febecc73', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '587ff79c6259984e7cbff6fae284a454152d1cf7', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: 'fa283ba74f8b62c16b37853031f01d278bb6e707', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'e009923873641b3cecf5f6736e56c7136134f226', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '403d4e5d99c796af9887c8d8f2b4ec8a9de7f9bd', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'afc75a162e1782b9aeb746961f0f51686e8c9213', onSlotchange: this.updateColumns.bind(this) })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -78,6 +80,6 @@ const ZTr = class {
             }]
     }; }
 };
-ZTr.style = stylesCss();
+ZTr.style = stylesCss$1() + stylesCss();
 
 export { ZTr as z_tr };

package/dist/esm/z-tree-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-ByN2sYu6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-fIt9Ytc6.js';
 import { g as KeyboardCode } from './index-BKCj6NR2.js';
 
 const stylesCss = () => `:host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:""}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:"";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}`;
@@ -98,7 +98,7 @@ const ZTreeList = class {
     }
     render() {
         const hasClickableItems = this.parsedItems.some((item) => !!item.url);
-        return (h(Host, { key: 'ca5b846e86140efd7a98028001e646349cc5683a', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: 'eac955c253173abb6e5f0992d356311dc52f9ee6', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
+        return (h(Host, { key: '68d06fd53ad0f4bce01853b95aef0f7482f3304a', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: '6b8010ae9caf73ec0a43b09f5d9610247110d1a6', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-visually-hidden.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-ByN2sYu6.js';
+import { r as registerInstance, h } from './index-fIt9Ytc6.js';
 
 const stylesCss = () => `:host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}`;
 
@@ -7,7 +7,7 @@ const ZVisuallyHidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: '7ddc72b3dc926a0205188bf75d5e42c15f913771' });
+        return h("slot", { key: 'e1a4d7e8ec823326ce9decd1bcbf5ffc3e2987bf' });
     }
 };
 ZVisuallyHidden.style = stylesCss();

package/dist/types/components/book-card/z-book-card/index.d.ts

@@ -7,13 +7,6 @@ import { BookCardVariant } from "../../../beans";
  * @slot data - External link and pill, default empty
  * @slot apps - List of card-related apps, default empty
  * @slot coverOverlay - Content to be displayed in the `z-book-cover` component slot
- * @cssprop --z-book-card-portrait-cover-height - Set custom cover height for portrait variant - Default: `378px`
- * @cssprop --z-book-card-title-lines - Set title avilable lines - Default: `2`
- * @cssprop --z-book-card-title-word-break - Set title word-break rule - Default: `initial`
- * @cssprop --z-book-card-subtitle-lines - Set subtitle available lines - Default: `1`
- * @cssprop --z-book-card-subtitle-word-break - Set subtitle word-break rule - Default: `break-all`
- * @cssprop --z-book-card-authors-lines - Set authors available lines - Default: `1`
- * @cssprop --z-book-card-authors-word-break - Set authors word-break rule - Default: `break-all`
  */
 export declare class ZBookCard implements ComponentInterface {
     hostElement: HTMLZBookCardElement;

package/dist/types/components/book-card/z-book-card-app/index.d.ts

@@ -1,8 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 /**
  * ZBookCardApp component
- * @cssprop --z-book-card-app-padding-x - set left and right padding
- * @cssprop --z-book-card-app-padding-y - set top and bottom padding
  */
 export declare class ZBookCardApp implements ComponentInterface {
     hostElement: HTMLZBookCardAppElement;

package/dist/types/components/deprecated/z-app-header-deprecated/index.d.ts

@@ -4,59 +4,6 @@ import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtim
  * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.
  * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.
  * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.
- * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.
- * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.
- * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.
- * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.
- * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.
- * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.
- * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.
- * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.
- * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.
- * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.
- * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.
- * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.
- * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.
- * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.
- * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
- * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
- * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
- * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
- * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
- * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
- * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
- * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
- * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
- * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
- * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.
- * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.
- * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.
- * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.
- * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.
- * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.
- * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.
- * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.
- * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.
- * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.
- * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.
- * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.
- * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.
- * @cssprop --app-header-height - Defaults to `auto`.
- * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).
- * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.
- * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.
- * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.
- * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-default-text`.
- * @cssprop --app-header-title-font-size - Variable to customize the title's font size.
- * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.
- * Defaults to `--app-header-typography-3-size`.
- * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.
- * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.
- * Defaults to `--app-header-typography-3-lineheight`.
- * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.
- * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.
- * Defaults to `--app-header-typography-3-tracking`.
- * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.
  */
 export declare class ZAppHeaderDeprecated implements ComponentInterface {
     hostElement: HTMLZAppHeaderDeprecatedElement;

package/dist/types/components/deprecated/z-book-card-deprecated/index.d.ts

@@ -5,10 +5,6 @@ import { BookCardDeprecatedVariant } from "../../../beans";
  * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)
  * @slot tags - card tags (extended and search variant only)
  * @slot footer-cta - footer cta button (search and compact variant only)
- * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color
- * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color
- * @cssprop --z-book-card-compact-width - compact card custom width
- * @cssprop --z-book-card-compact-height - compact card custom height
  */
 export declare class ZBookCardDeprecated implements ComponentInterface {
     hostElement: HTMLZBookCardDeprecatedElement;

package/dist/types/components/deprecated/z-menu-deprecated/index.d.ts

@@ -3,7 +3,6 @@ import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtim
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.
- * @cssprop --z-menu-label-color - Color of the label's text.
  */
 export declare class ZMenuDeprecated implements ComponentInterface {
     hostElement: HTMLZMenuDeprecatedElement;

package/dist/types/components/deprecated/z-section-title/index.d.ts

@@ -7,7 +7,6 @@ import { ZSectionTitleDividerPosition } from "../../../beans";
  * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
  * following its width and removing the one for the primary title.
  * @slot primary-title - Slot for the primary title.
- * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
  */
 export declare class ZSectionTitle implements ComponentInterface {
     /**

package/dist/types/components/table/z-table/index.d.ts

@@ -6,7 +6,6 @@ import "../z-tr/index";
 /**
  * ZTable component.
  * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).
- * @cssprop --z-table--cells-padding - Padding of the cells.
  */
 export declare class ZTable implements ComponentInterface {
     host: HTMLZTableElement;

package/dist/types/components/z-accordion/index.d.ts

@@ -5,16 +5,8 @@ import { AccordionVariant, ControlSize } from "../../beans";
  *
  * @slot - Slot for the main content.
  * @slot tag - Slot for tags.
- * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.
- * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.
- * @cssprop --z-accordion-label-color - Label color. Default: `--color-default-text`.
- * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.
- * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.
- * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-default-text`.
- * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.
- * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.
- * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.
- * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.
+ * @part summary - The summary element that is always visible and acts as the accordion's toggle.
+ * @part content - The content element that is shown or hidden when the accordion is toggled.
  */
 export declare class ZAccordion implements ComponentInterface {
     host: HTMLZAccordionElement;

package/dist/types/components/z-anchor-navigation/index.d.ts

@@ -33,7 +33,7 @@ export declare class ZAnchorNavigation implements ComponentInterface {
     collapsedLabel: string;
     /**
      * Explicitly collapse anchor navigation.
-     * If false will collapse automatically only on mobile.
+     * If false, it will collapse automatically only on mobile.
      */
     isCollapsed: boolean;
     /**

package/dist/types/components/z-app-header/index.d.ts

@@ -5,12 +5,6 @@ import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
  * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.
  * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.
  * @slot product-logo - To insert the product logo, it should be used with an img tag.
- * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.
- * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).
- * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.
- * @cssprop --app-header-text-color - Header text color. Defaults to `--color-default-text`.
- * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.
- * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.
  */
 export declare class ZAppHeader implements ComponentInterface {
     hostElement: HTMLZAppHeaderElement;
@@ -27,10 +21,18 @@ export declare class ZAppHeader implements ComponentInterface {
      * Enable the search bar.
      */
     enableSearch: boolean;
+    /**
+     * Visible label for the search bar.
+     */
+    searchLabel?: string;
     /**
      * Placeholder text for the search bar.
      */
     searchPlaceholder: string;
+    /**
+     * Label of the search button.
+     */
+    searchButtonLabel?: string;
     /**
      * Search string for the search bar.
      */

package/dist/types/components/z-book-cover/index.d.ts

@@ -6,10 +6,6 @@ import { ComponentInterface } from "../../stencil-public-runtime";
  * Alignment of the image inside the container can be customized via CSS properties.
  *
  * @slot coverOverlay - Content to be displayed over the cover image (e.g. a label). The overlay is positioned at the bottom of the cover. Has some default styling (such as the colored background) that can be customized via CSS.
- * @cssprop --z-book-cover-height - height of the book cover (default: `378px`). The width is calculated automatically to maintain an aspect ratio of 1.33.
- * @cssprop --z-book-cover-border-radius - border radius of the book cover (default: `var(--border-radius)`)
- * @cssprop --z-book-cover-stack-shift-x - the horizontal shift of each stacked cover when `multiple` is `true` (default: `8px`)
- * @cssprop --z-book-cover-stack-shift-y - the vertical shift of each stacked cover when `multiple` is `true` (default: `12px`)
  */
 export declare class ZBookCover implements ComponentInterface {
     /** URL of the cover image. */

package/dist/types/components/z-button/index.d.ts

@@ -8,7 +8,7 @@ export declare class ZButton implements ComponentInterface {
     /** defines a string value that labels the internal interactive element. Used for accessibility. */
     ariaLabel: string | undefined;
     /**
-     * **Deprecated:** Use `htmlrole` instead.
+     * Use `htmlrole` instead.
      * @deprecated This prop has been deprecated in favor of `htmlrole` for better accessibility.
      */
     role: string;

package/dist/types/components/z-card/index.d.ts

@@ -4,13 +4,6 @@ import { CardVariant } from "../../beans";
  * ZCard component.
  * The width of the card must be set by its container, following the grid indications of the design.
  *
- * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`
- * @cssprop --z-card--border-color - Default: `var(--gray200)`
- * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`
- * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`
- * @cssprop --z-card--text-border-radius - Default: `none`
- * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`
- * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`
  * @slot cover - Image cover
  * @slot metadata - Metadata
  * @slot title - Using an `<a>` tag here will make the whole card clickable as if the link was wrapping it.
@@ -23,7 +16,7 @@ export declare class ZCard implements ComponentInterface {
      * Can be one of "text", "border", "shadow", "overlay".
      * Leave it undefined for the default card.
      */
-    variant: CardVariant;
+    variant?: CardVariant;
     /** Name of the icon to place over the image cover */
     coverIcon: string;
     /** Enable shadow. Default: false. */

package/dist/types/components/z-carousel/index.d.ts

@@ -2,8 +2,6 @@ import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { CarouselArrowsPosition, CarouselProgressMode } from "../../beans";
 /**
  * ZCarousel component.
- * @cssprop --z-carousel-gutter - The gutter between items.
- * @cssprop --z-carousel-items-shadow - The shadow around the items.
  * @slot - Carousel items. Use `<li>` elements inside this slot.
  */
 export declare class ZCarousel implements ComponentInterface {

package/dist/types/components/z-combobox/index.d.ts

@@ -66,6 +66,7 @@ export declare class ZCombobox implements ComponentInterface {
     private filterItems;
     private closeFilterItems;
     private toggleComboBox;
+    private getHeaderAriaLabel;
     private getComboboxA11yAttributes;
     private renderHeader;
     private renderContent;

package/dist/types/components/z-cover-hero/index.d.ts

@@ -7,9 +7,6 @@ import { CoverHeroContentPosition, CoverHeroVariant } from "../../beans";
  * @slot cover - slot for the cover image.
  * @slot content - slot for the content.
  * @slot info-reveal - slot for the info reveal.
- * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.
- * @cssprop --cover-hero-text-color - color of the text.
- * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.
  */
 export declare class ZCoverHero implements ComponentInterface {
     host: HTMLZCoverHeroElement;

package/dist/types/components/z-icon/index.d.ts

@@ -25,6 +25,19 @@ export declare class ZIcon implements ComponentInterface {
      * @param iconValue The SVG path data or polygon points from the ICONS set.
      */
     private selectPathOrPolygon;
+    private get hasColorIndicator();
+    private get needsTransparentIndicator();
+    /**
+     * For icons with a color indicator, if `indicatorColor` is set to transparent, use a specific icon version without the color indicator.
+     * Using the icon without the color indicator prevents visual ambiguity between a transparent indicator and one filled with the background color.
+     * @returns The name of the corresponding icon without the indicator, or the original icon name if no transparent version is needed or available.
+     */
+    private getTransparentIndicatorIconIfNeeded;
+    /**
+     * Render the icon with the color indicator.
+     * The indicator is rendered as a separate SVG element behind the main icon, filled with the `indicatorColor`.
+     */
+    private renderColorIndicator;
     private renderBaseIcon;
     render(): HTMLZIconElement;
 }

package/dist/types/components/z-info-reveal/index.d.ts

@@ -4,10 +4,6 @@ import { ControlSize, InfoRevealPosition } from "../../beans";
  * Info reveal component.
  *
  * @slot - content of the info panel.
- * @cssprop --z-info-reveal-panel-width - Width of the info panel.
- * @cssprop --trigger-icon-size - Size of the trigger icon for big size.
- * @cssprop --trigger-icon-size-small - Size of the trigger icon for small size.
- * @cssprop --trigger-icon-size-x-small - Size of the trigger icon for x-small size.
  */
 export declare class ZInfoReveal implements ComponentInterface {
     /** Name of the icon for the trigger button */

package/dist/types/components/z-input/index.d.ts

@@ -20,6 +20,10 @@ export declare class ZInput implements ComponentInterface {
     htmlAriaAutocomplete?: string;
     /** the input aria-activedescendant (optional): available for text, password, number, email */
     htmlAriaActivedescendant?: string;
+    /** the input aria-describedby (optional) */
+    htmlAriaDescribedBy?: string;
+    /** the input aria-labelledby (optional) */
+    htmlAriaLabelledby?: string;
     /** the input value */
     value?: string;
     /** the input is disabled */
@@ -38,8 +42,6 @@ export declare class ZInput implements ComponentInterface {
     status?: InputStatus;
     /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
     message?: string | boolean;
-    /** input helper message id (optional): available for text, password, number, email, textarea - if set, it will be used to populate the aria-describedby attribute, otherwise the attribute (if present) will be populated with an auto-generated value */
-    htmlAriaDescribedBy?: string;
     /** the input label position: available for checkbox, radio */
     labelPosition?: LabelPosition;
     /** the input has autocomplete option (optional): available for text, password, number, email */
@@ -94,9 +96,9 @@ export declare class ZInput implements ComponentInterface {
     private getTextAttributes;
     private getNumberAttributes;
     private getPatternAttribute;
-    private getRoleAttribute;
     private inputHasMessage;
-    private getAriaAttrubutes;
+    private getAriaAttributes;
+    private getTextAriaAttributes;
     private getFocusBlurAttributes;
     private renderInputText;
     private renderLabel;

package/dist/types/components/z-menu/index.d.ts

@@ -3,7 +3,6 @@ import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.
- * @cssprop --z-menu-label-color - Color of the label's text.
  */
 export declare class ZMenu implements ComponentInterface {
     host: HTMLZMenuElement;

package/dist/types/components/z-modal/index.d.ts

@@ -2,7 +2,6 @@ import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot modalCloseButton - slot for custom close button
  * @slot modalContent - slot for the content of the modal
- * @cssprop --z-modal-content-padding - padding of the modal's content. The default is 16px (--space-unit * 2)
  */
 export declare class ZModal implements ComponentInterface {
     /** unique id */

package/dist/types/components/z-navigation-tabs/index.d.ts

@@ -4,8 +4,6 @@ import { NavigationTabsOrientation, NavigationTabsSize } from "../../beans";
  * Navigation tabs component.
  * To select a specific tab programmatically, set the `aria-selected` attribute to `true` on the desired tab.
  * @slot - Main slot. Use `<button>` or `<a>` tags as children.
- * @cssprop --z-navigation-tabs-nav-buttons-bg - Navigation buttons background color.
- * @cssprop --z-navigation-tabs-nav-buttons-fg - Navigation buttons foreground color.
  */
 export declare class ZNavigationTabs implements ComponentInterface {
     /**

package/dist/types/components/z-notification/index.d.ts

@@ -3,8 +3,6 @@ import { NotificationType } from "../../beans";
 /**
  * Notification bar component.
  * @slot - The text of the notification.
- * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.
- * @cssprop --z-notification--content-max-width - The max width of the notification content.
  */
 export declare class ZNotification implements ComponentInterface {
     /** Name of the icon on the left of the content */

package/dist/types/components/z-offcanvas/index.d.ts

@@ -2,9 +2,6 @@ import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { OffCanvasVariant, TransitionDirection } from "../../beans";
 /**
  * @slot canvasContent - Slot for the offcanvas content.
- * @cssprop --z-offcanvas--top-space - Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`.
- * @cssprop --z-offcanvas--container-width - Width of the offcanvas for `left` and `right` direction. Default: `375px`.
- * @cssprop --z-offcanvas--container-height - Height of the offcanvas for `up` direction. Default: `90%`.
  */
 export declare class ZOffcanvas implements ComponentInterface {
     /**

package/dist/types/components/z-pagination/index.d.ts

@@ -1,8 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 /**
  * Pagination bar component.
- * @cssprop --z-pagination-background-color - background of the pagination's tabs. The default is --color-background
- * @cssprop --z-pagination-background-color-hover - background of the pagination's tabs on hover. The default is --color-surface01
  */
 export declare class ZPagination implements ComponentInterface {
     host: HTMLZPaginationElement;

package/dist/types/components/z-popover/index.d.ts

@@ -7,11 +7,6 @@ import { PopoverPosition } from "../../beans";
  *
  * Notes:
  * - If positioning has an odd behavior, consider manually adjusting the size of the slotted elements (using `width`, `height`, `max-width`, `max-height`, etc...) when its content is "fluid" (like text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think the popover doesn't fits).
- *
- * @cssprop --z-popover-theme--surface - background color of the popover.
- * @cssprop --z-popover-theme--text - foreground color of the popover.
- * @cssprop --z-popover-padding - padding of the popover.
- * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.
  */
 export declare class ZPopover implements ComponentInterface {
     /**