@zanichelli/albe-web-components 7.4.3 → 7.6.0-RC1

package/dist/collection/components/z-book-card/styles.css

@@ -0,0 +1,337 @@
+/* stylelint-disable value-no-vendor-prefix */
+
+/* COMMON STYLES */
+
+:host {
+  --z-book-card-ribbon-background-color: var(--avatar-C08);
+  --z-book-card-ribbon-shadow-color: var(--green950);
+
+  display: block;
+  width: 100%;
+  max-width: 360px;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > article {
+  box-sizing: border-box;
+  border: var(--border-size-medium) solid var(--color-surface03);
+  background-color: var(--color-surface01);
+  border-radius: var(--border-radius);
+}
+
+:host div.cover {
+  position: relative;
+  display: flex;
+}
+
+:host div.cover img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  max-height: 100%;
+  align-self: flex-end;
+}
+
+:host div.cover div.ribbon {
+  position: absolute;
+  top: calc(var(--space-unit) * 2);
+  display: flex;
+  height: calc(var(--space-unit) * 4);
+  box-sizing: border-box;
+  align-items: center;
+  padding: 0 calc(var(--space-unit) * 2);
+  border: var(--border-size-medium) solid var(--color-surface01);
+  margin-left: calc(var(--space-unit) * -2);
+  background: var(--z-book-card-ribbon-background-color);
+  border-radius: 0 var(--border-radius) var(--border-radius) 0;
+  color: var(--color-text04);
+  font-size: var(--font-size-2);
+  font-weight: var(--font-sb);
+  line-height: initial;
+}
+
+:host div.cover div.ribbon::before {
+  position: absolute;
+  bottom: -12px;
+  left: 0;
+  width: 0;
+  height: 0;
+  border-top: 10px solid var(--z-book-card-ribbon-shadow-color);
+  border-left: 14px solid transparent;
+  content: "";
+}
+
+:host div.title {
+  color: var(--color-text01);
+  font-size: var(--font-size-4);
+  font-weight: var(--font-sb);
+  line-height: 1.5;
+}
+
+:host div.title * {
+  all: unset;
+}
+
+:host div.subtitle {
+  color: var(--color-text01);
+  font-size: var(--font-size-2);
+  font-weight: var(--font-rg);
+  line-height: 1.4;
+}
+
+:host div.authors {
+  color: var(--color-text01);
+  font-size: var(--font-size-1);
+  font-weight: var(--font-rg);
+  line-height: 1.33;
+}
+
+:host div.isbn {
+  color: var(--color-text01);
+  font-size: var(--font-size-2);
+  line-height: 1.33;
+}
+
+:host div.isbn > .code {
+  font-weight: var(--font-sb);
+}
+
+:host div.tags {
+  display: flex;
+  overflow: hidden;
+  max-height: 32px;
+  flex-flow: row wrap;
+  align-content: stretch;
+  align-items: stretch;
+  justify-content: flex-start;
+  gap: calc(var(--space-unit) / 2);
+}
+
+:host ::slotted([slot="tags"]) {
+  margin-bottom: var(--space-unit);
+}
+
+:host ::slotted([slot="header-cta"]) {
+  --z-icon-width: 20px;
+  --z-icon-height: 20px;
+
+  padding: var(--space-unit);
+  cursor: pointer;
+  fill: var(--color-icon01);
+}
+
+:host > article.expanded div.content,
+:host > article.search div.content {
+  margin: var(--space-unit) 0;
+}
+
+:host > article.expanded div.cover,
+:host > article.search div.cover {
+  border: var(--border-size-small) solid var(--color-surface03);
+  border-radius: var(--border-radius);
+  line-height: 0;
+}
+
+/* EXPANDED STYLES */
+
+:host > article.expanded {
+  width: 100%;
+  min-width: 328px;
+  padding: calc(var(--space-unit) * 2);
+  padding-bottom: 0;
+}
+
+:host > article.expanded div.header {
+  display: flex;
+  flex-flow: row nowrap;
+  align-content: stretch;
+  align-items: top;
+  justify-content: space-between;
+  margin-bottom: var(--space-unit);
+  white-space: nowrap;
+}
+
+:host > article.expanded div.cover img {
+  width: 100%;
+}
+
+:host > article.expanded .title,
+:host > article.expanded .subtitle,
+:host > article.expanded .authors {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: initial;
+}
+
+:host > article.expanded div.footer {
+  border-top: var(--border-size-small) solid var(--color-surface03);
+  margin-bottom: calc(var(--space-unit) * 1.5);
+}
+
+:host > article.expanded div.footer.open {
+  padding-top: calc(var(--space-unit) * 1.5);
+}
+
+:host > article.expanded div.footer.open div.resources {
+  display: initial;
+}
+
+:host > article.expanded div.footer.close div.resources {
+  display: none;
+}
+
+:host > article.expanded z-link.show-resources {
+  --font-size-link: var(--font-size-2);
+  --font-weight-link: var(--font-sb);
+
+  display: flex;
+  width: 100%;
+  flex-flow: row nowrap;
+  align-content: center;
+  align-items: center;
+  justify-content: center;
+  padding-top: var(--space-unit);
+}
+
+/* SEARCH STYLES */
+
+:host > article.search {
+  width: 262px;
+  height: 536px;
+  padding: calc(var(--space-unit) * 2);
+  padding-bottom: 0;
+}
+
+:host > article.search .wrapper-container {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+:host > article.search .wrapper-container .wrapper {
+  height: 451px;
+}
+
+:host > article.search .wrapper-container .action-container {
+  padding-bottom: calc(var(--space-unit) * 2);
+  margin: auto;
+  margin-bottom: 0;
+}
+
+:host > article.search div.header {
+  display: flex;
+  height: 24px;
+  flex-flow: row nowrap;
+  align-content: stretch;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: calc(var(--space-unit) * 1.5);
+  white-space: nowrap;
+}
+
+:host > article.search div.cover {
+  height: 314px;
+}
+
+:host > article.search div.title {
+  font-size: var(--font-size-3);
+}
+
+:host > article.search .title,
+:host > article.search .subtitle,
+:host > article.search .authors {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: nowrap;
+}
+
+/* Tablet breakpoint */
+@media (min-width: 768px) {
+  :host {
+    width: initial;
+    max-width: initial;
+  }
+
+  /* EXPANDED STYLES */
+
+  :host > article.expanded {
+    width: 635px;
+    min-width: initial;
+    max-width: initial;
+    height: 360px;
+    padding: 0;
+  }
+
+  :host > article.expanded div.wrapper {
+    display: flex;
+    flex-flow: row nowrap;
+    align-content: stretch;
+    align-items: stretch;
+    justify-content: flex-start;
+  }
+
+  :host > article.expanded div.cover {
+    width: 262px;
+    height: 356px;
+    border: 0;
+    background: var(--color-surface01);
+    border-radius: 0;
+  }
+
+  :host > article.expanded div.cover img {
+    width: auto;
+  }
+
+  :host > article.expanded div.cover div.ribbon::before {
+    border-left: 12px solid transparent;
+  }
+
+  :host > article.expanded div.content {
+    display: flex;
+    overflow: hidden;
+    width: 369px;
+    height: 356px;
+    flex-flow: column nowrap;
+    align-content: stretch;
+    align-items: stretch;
+    justify-content: space-between;
+    margin: 0;
+    background: var(--color-surface01);
+  }
+
+  :host > article.expanded div.content div.top {
+    padding: calc(var(--space-unit) * 2);
+    padding-bottom: 0;
+  }
+
+  :host > article.expanded div.content div.top div.info {
+    display: flex;
+    flex-flow: row nowrap;
+    align-content: stretch;
+    align-items: stretch;
+    justify-content: space-between;
+    margin-bottom: calc(var(--space-unit) / 2);
+  }
+
+  :host > article.expanded div.content div.top div.info > div.left {
+    width: 100%;
+  }
+
+  :host > article.expanded div.content div.bottom {
+    padding: calc(var(--space-unit) * 2);
+    padding-bottom: 0;
+  }
+}
+
+/* Desktop breakpoint
+@media (min-width: 1152px) {}
+*/
+
+/* Wide breakpoint
+@media (min-width: 1366px) {}
+*/

package/dist/collection/components/z-card/index.js

@@ -8,25 +8,14 @@ import { CardVariant } from "../../beans";
  * @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`
  */
 export class ZCard {
   constructor() {
-    /** Enable click interactions on the card. Default: false */
-    this.clickable = false;
     /** Enable shadow. Default: false. */
-    this.showshadow = false;
-  }
-  onClick(ev) {
-    // Do nothing for clicks on actions.
-    if (ev.target.closest("[slot=action]")) {
-      return;
-    }
-    if (!this.clickable) {
-      ev.preventDefault();
-      ev.stopPropagation();
-      return;
-    }
-    this.cardClicked.emit();
+    this.showShadow = false;
+    /** Enable 'clickable' style like hover and focus style. */
+    this.clickable = false;
   }
   componentWillLoad() {
     this.hasCoverImage = this.host.querySelector('[slot="cover"]') !== null;
@@ -112,7 +101,7 @@ export class ZCard {
         "attribute": "cover-icon",
         "reflect": false
       },
-      "clickable": {
+      "showShadow": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -124,13 +113,13 @@ export class ZCard {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Enable click interactions on the card. Default: false"
+          "text": "Enable shadow. Default: false."
         },
-        "attribute": "clickable",
+        "attribute": "show-shadow",
         "reflect": true,
         "defaultValue": "false"
       },
-      "showshadow": {
+      "clickable": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -142,9 +131,9 @@ export class ZCard {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Enable shadow. Default: false."
+          "text": "Enable 'clickable' style like hover and focus style."
         },
-        "attribute": "showshadow",
+        "attribute": "clickable",
         "reflect": true,
         "defaultValue": "false"
       }
@@ -155,32 +144,5 @@ export class ZCard {
       "hasCoverImage": {}
     };
   }
-  static get events() {
-    return [{
-        "method": "cardClicked",
-        "name": "cardClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Card click event.\nFired only if `clickable` is true."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
   static get elementRef() { return "host"; }
-  static get listeners() {
-    return [{
-        "name": "click",
-        "method": "onClick",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
 }

package/dist/collection/components/z-card/styles.css

@@ -9,6 +9,7 @@ respecting the grid indications of the design. */
   --z-card--text-background: var(--color-surface01);
   --z-card--text-border-radius: none;
   --z-card--text-border: none;
+  --z-card--text-padding: calc(var(--space-unit) * 2) var(--space-unit);
 
   position: relative;
   display: flex;
@@ -86,9 +87,14 @@ Unfortunately the `aspect-ratio` property is still experimental */
   margin-bottom: var(--space-unit);
 }
 
-::slotted([slot="text"]),
-::slotted([slot="actions"]) {
-  margin: 0;
+::slotted([slot="title"])::before {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
 }
 
 ::slotted([slot="metadata"]:not(:last-child)) {
@@ -99,45 +105,46 @@ Unfortunately the `aspect-ratio` property is still experimental */
 
 ::slotted([slot="title"]) {
   margin: 0;
+  color: inherit;
+  font-size: inherit;
   font-weight: var(--font-sb);
   -webkit-line-clamp: 2;
+  text-decoration: none;
 }
 
 ::slotted([slot="text"]) {
+  margin: 0;
   -webkit-line-clamp: 3;
 }
 
 .actions {
+  position: relative;
+  z-index: 2;
   display: flex;
+  width: fit-content;
   flex-direction: row;
   align-items: center;
 }
 
 ::slotted([slot="action"]:not(:last-child)) {
-  margin-right: calc(var(--space-unit) * 1.5);
+  margin-right: calc(var(--space-unit) * 2);
 }
 
-/* VARIANTS */
-:host([clickable]) {
-  cursor: pointer;
+:host([clickable]) ::slotted([slot="title"]:focus:focus-visible)::before {
+  box-shadow: var(--shadow-focus-primary);
 }
 
-:host([clickable]:focus:focus-visible) {
+:host([clickable]) ::slotted([slot="title"]:focus:focus-visible) {
   outline: none;
 }
 
-:host(:not([variant])[clickable]:focus:focus-visible) {
-  padding: calc(var(--space-unit) * 0.5);
-  box-shadow: var(--shadow-focus-primary);
-}
-
 :host([variant="text"]) {
   border: var(--z-card--text-border);
   background-color: var(--z-card--text-background);
   border-radius: var(--z-card--text-border-radius);
 }
 
-:host([showshadow]) > .content,
+:host([show-shadow]) > .content,
 :host([variant="border"]) > .content,
 :host([variant="shadow"]) > .content {
   height: 100%;
@@ -145,7 +152,7 @@ Unfortunately the `aspect-ratio` property is still experimental */
 }
 
 :host([variant="text"]) > .content {
-  padding: calc(var(--space-unit) * 2) var(--space-unit);
+  padding: var(--z-card--text-padding);
 }
 
 :host([variant="border"]) .actions,
@@ -172,22 +179,22 @@ Unfortunately the `aspect-ratio` property is still experimental */
 
 /* Shadow */
 :host([variant="shadow"]),
-:host([showshadow]) {
+:host([show-shadow]) {
   box-shadow: var(--shadow-2);
 }
 
 :host([variant="shadow"][clickable]:hover),
-:host([clickable][showshadow]:hover) {
+:host([clickable][show-shadow]:hover) {
   box-shadow: var(--shadow-4);
 }
 
 :host([variant="shadow"][clickable]:focus:focus-visible),
-:host([clickable][showshadow]:focus:focus-visible) {
+:host([clickable][show-shadow]:focus:focus-visible) {
   box-shadow: var(--shadow-focus-primary);
 }
 
 :host([variant="shadow"][clickable]:active),
-:host([clickable][showshadow]:active) {
+:host([clickable][show-shadow]:active) {
   box-shadow: none;
 }
 

package/dist/collection/components/z-contextual-menu/index.js

@@ -17,19 +17,19 @@ export class ZContextualMenu {
     }
   }
   componentDidLoad() {
-    this.popover.bindTo = this.triggerButton;
+    this.popoverEl.bindTo = this.triggerButton;
   }
   showIcon() {
     return !this.jsonElements.some((element) => !element.icon);
   }
   togglePopover() {
-    if (!this.popover.open) {
-      this.popover.open = true;
+    if (!this.popoverEl.open) {
+      this.popoverEl.open = true;
     }
   }
   render() {
     var _a, _b;
-    return (h(Host, null, h("button", { ref: (el) => (this.triggerButton = el), "aria-label": ((_a = this.popover) === null || _a === void 0 ? void 0 : _a.open) ? "chiudi menu contestuale" : "apri menu contestuale", onClick: () => this.togglePopover() }, h("z-icon", { name: "contextual-menu", fill: this.color })), h("z-popover", { ref: (el) => (this.popover = el), position: this.popoverPosition }, h("div", { class: "popover-content-container" }, h("z-list", null, h("z-list-group", { "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, index) => (h("z-list-element", { clickable: !element.disabled, class: "my-z-list-element", "align-button": "left", "expandable-style": "accordion", color: element.disabled ? `color-disabled03` : this.color, isContextualMenu: true, listElementId: index, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, h("div", { class: element.disabled ? "disabled-element-container" : "element-container" }, this.showIcon() && (h("div", { class: "element-icon" }, h("z-icon", { name: element.icon, width: 16, height: 16 }))), h("div", { class: "element-text" }, h("span", null, element.text))))))))))));
+    return (h(Host, null, h("button", { ref: (el) => (this.triggerButton = el), "aria-label": ((_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.open) ? "chiudi menu contestuale" : "apri menu contestuale", onClick: () => this.togglePopover() }, h("z-icon", { name: "contextual-menu", fill: this.color })), h("z-popover", { ref: (el) => (this.popoverEl = el), position: this.popoverPosition }, h("div", { class: "popover-content-container" }, h("z-list", null, h("z-list-group", { "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, index) => (h("z-list-element", { clickable: !element.disabled, class: "my-z-list-element", "align-button": "left", "expandable-style": "accordion", color: element.disabled ? `color-disabled03` : this.color, isContextualMenu: true, listElementId: index, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, h("div", { class: element.disabled ? "disabled-element-container" : "element-container" }, this.showIcon() && (h("div", { class: "element-icon" }, h("z-icon", { name: element.icon, width: 16, height: 16 }))), h("div", { class: "element-text" }, h("span", null, element.text))))))))))));
   }
   static get is() { return "z-contextual-menu"; }
   static get encapsulation() { return "shadow"; }

package/dist/esm/index-a2ca4b97.js

@@ -1912,6 +1912,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './z-body.entry.js').then(processMod, consoleError);
+        case 'z-book-card':
+          return import(
+            /* webpackMode: "lazy" */
+            './z-book-card.entry.js').then(processMod, consoleError);
         case 'z-breadcrumb':
           return import(
             /* webpackMode: "lazy" */
@@ -2168,10 +2172,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './z-table-header.entry.js').then(processMod, consoleError);
-        case 'z-link':
-          return import(
-            /* webpackMode: "lazy" */
-            './z-link.entry.js').then(processMod, consoleError);
         case 'z-myz-list-item':
           return import(
             /* webpackMode: "lazy" */
@@ -2180,6 +2180,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './z-typography.entry.js').then(processMod, consoleError);
+        case 'z-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './z-link.entry.js').then(processMod, consoleError);
         case 'z-popover':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/{index-7e4df1be.js → index-c53ca6bc.js}

@@ -334,5 +334,11 @@ var BreadcrumbHomepageVariant;
   BreadcrumbHomepageVariant["TEXT"] = "text";
   BreadcrumbHomepageVariant["ICON"] = "icon";
 })(BreadcrumbHomepageVariant || (BreadcrumbHomepageVariant = {}));
+var BookCardVariant;
+(function (BookCardVariant) {
+  BookCardVariant["EXPANDED"] = "expanded";
+  BookCardVariant["COMPACT"] = "compact";
+  BookCardVariant["SEARCH"] = "search";
+})(BookCardVariant || (BookCardVariant = {}));
 
-export { AvatarSize as A, ButtonVariant as B, CardVariant as C, DividerSize as D, ExpandableListStyle as E, ZDatePickerMode as F, ZDatePickerModeValue as G, ZDatePickerPosition as H, InputType as I, ZRangePickerMode as J, KeyboardKeyCode as K, LicenseType as L, InfoRevealPosition as M, NavigationTabsOrientation as N, OffCanvasVariant as O, PopoverPosition as P, CoverHeroVariant as Q, CoverHeroContentPosition as R, SortDirection as S, ThemeVariant as T, CarouselArrowsPosition as U, CarouselProgressMode as V, BreadcrumbPathStyle as W, BreadcrumbHomepageVariant as X, ZTableRowExpandedType as Z, NavigationTabsSize as a, NavigationTabsKeyboardEvents as b, ButtonType as c, ButtonSize as d, ControlSize as e, InputStatus as f, KeyboardCode as g, DividerOrientation as h, ListSize as i, Size as j, ExpandableListButtonAlign as k, LabelPosition as l, ListDividerType as m, ListType as n, NotificationType as o, AlertType as p, Device as q, PocketStatus as r, ToastNotification as s, ToastNotificationTransition as t, ToastNotificationPosition as u, ZAriaAlertMode as v, TransitionDirection as w, ZFileUploadType as x, ZChipType as y, ZSectionTitleDividerPosition as z };
+export { AvatarSize as A, ButtonVariant as B, CardVariant as C, DividerSize as D, ExpandableListStyle as E, ZDatePickerMode as F, ZDatePickerModeValue as G, ZDatePickerPosition as H, InputType as I, ZRangePickerMode as J, KeyboardKeyCode as K, LicenseType as L, InfoRevealPosition as M, NavigationTabsOrientation as N, OffCanvasVariant as O, PopoverPosition as P, CoverHeroVariant as Q, CoverHeroContentPosition as R, SortDirection as S, ThemeVariant as T, CarouselArrowsPosition as U, CarouselProgressMode as V, BreadcrumbPathStyle as W, BreadcrumbHomepageVariant as X, BookCardVariant as Y, ZTableRowExpandedType as Z, NavigationTabsSize as a, NavigationTabsKeyboardEvents as b, ButtonType as c, ButtonSize as d, ControlSize as e, InputStatus as f, KeyboardCode as g, DividerOrientation as h, ListSize as i, Size as j, ExpandableListButtonAlign as k, LabelPosition as l, ListDividerType as m, ListType as n, NotificationType as o, AlertType as p, Device as q, PocketStatus as r, ToastNotification as s, ToastNotificationTransition as t, ToastNotificationPosition as u, ZAriaAlertMode as v, TransitionDirection as w, ZFileUploadType as x, ZChipType as y, ZSectionTitleDividerPosition as z };

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-import { c as colorFromId } from './utils-825aed23.js';
-export { p as AlertType, A as AvatarSize, X as BreadcrumbHomepageVariant, W as BreadcrumbPathStyle, d as ButtonSize, c as ButtonType, B as ButtonVariant, C as CardVariant, U as CarouselArrowsPosition, V as CarouselProgressMode, e as ControlSize, R as CoverHeroContentPosition, Q as CoverHeroVariant, q as Device, h as DividerOrientation, D as DividerSize, k as ExpandableListButtonAlign, E as ExpandableListStyle, M as InfoRevealPosition, f as InputStatus, I as InputType, g as KeyboardCode, K as KeyboardKeyCode, l as LabelPosition, L as LicenseType, m as ListDividerType, i as ListSize, n as ListType, b as NavigationTabsKeyboardEvents, N as NavigationTabsOrientation, a as NavigationTabsSize, o as NotificationType, O as OffCanvasVariant, r as PocketStatus, P as PopoverPosition, j as Size, S as SortDirection, T as ThemeVariant, s as ToastNotification, u as ToastNotificationPosition, t as ToastNotificationTransition, w as TransitionDirection, v as ZAriaAlertMode, y as ZChipType, F as ZDatePickerMode, G as ZDatePickerModeValue, H as ZDatePickerPosition, x as ZFileUploadType, J as ZRangePickerMode, z as ZSectionTitleDividerPosition, Z as ZTableRowExpandedType } from './index-7e4df1be.js';
+import { c as colorFromId } from './utils-4db4ed1f.js';
+export { p as AlertType, A as AvatarSize, Y as BookCardVariant, X as BreadcrumbHomepageVariant, W as BreadcrumbPathStyle, d as ButtonSize, c as ButtonType, B as ButtonVariant, C as CardVariant, U as CarouselArrowsPosition, V as CarouselProgressMode, e as ControlSize, R as CoverHeroContentPosition, Q as CoverHeroVariant, q as Device, h as DividerOrientation, D as DividerSize, k as ExpandableListButtonAlign, E as ExpandableListStyle, M as InfoRevealPosition, f as InputStatus, I as InputType, g as KeyboardCode, K as KeyboardKeyCode, l as LabelPosition, L as LicenseType, m as ListDividerType, i as ListSize, n as ListType, b as NavigationTabsKeyboardEvents, N as NavigationTabsOrientation, a as NavigationTabsSize, o as NotificationType, O as OffCanvasVariant, r as PocketStatus, P as PopoverPosition, j as Size, S as SortDirection, T as ThemeVariant, s as ToastNotification, u as ToastNotificationPosition, t as ToastNotificationTransition, w as TransitionDirection, v as ZAriaAlertMode, y as ZChipType, F as ZDatePickerMode, G as ZDatePickerModeValue, H as ZDatePickerPosition, x as ZFileUploadType, J as ZRangePickerMode, z as ZSectionTitleDividerPosition, Z as ZTableRowExpandedType } from './index-c53ca6bc.js';
 import './breakpoints-9b81eb1b.js';
 
 const UTILS = {