@prioticket/design-system-web 1.6.1 → 1.6.2

package/COMPONENT-DOCUMENTATION.md

@@ -1,6 +1,6 @@
 # @prioticket/design-system-web Components
 
-Version: 1.6.1
+Version: 1.6.2
 
 ### <pd-box> (PdBox)
 

package/component-documentation.json

@@ -1,11 +1,11 @@
 {
   "package": {
     "name": "@prioticket/design-system-web",
-    "version": "1.6.1",
+    "version": "1.6.2",
     "description": "",
     "installation": "npm install @prioticket/design-system-web"
   },
-  "generatedAt": "2026-02-16T14:49:33.635Z",
+  "generatedAt": "2026-02-16T15:41:23.540Z",
   "components": {
     "pd-box": {
       "tagName": "pd-box",

package/custom-elements.json

@@ -5221,6 +5221,15 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "scrollCleanups",
+              "type": {
+                "text": "Array<() => void>"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
             {
               "kind": "field",
               "name": "useCustomDropdown",
@@ -5268,6 +5277,22 @@
               "name": "closePopover",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getScrollableAncestors",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<Element | Document>"
+                }
+              },
+              "description": "Walk the composed (flat) tree to find every scrollable ancestor."
+            },
+            {
+              "kind": "method",
+              "name": "cleanupScrollListeners",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "updatePopoverPosition",

package/dist/components/pd-select.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lit"),o=require("lit/decorators.js");require("@material/web/select/filled-select.js");require("@material/web/select/outlined-select.js");require("@material/web/select/select-option.js");require("@material/web/icon/icon.js");require("@material/web/checkbox/checkbox.js");require("./pd-chip.cjs.js");var p=Object.defineProperty,c=Object.getOwnPropertyDescriptor,r=(a,e,t,i)=>{for(var l=i>1?void 0:i?c(e,t):e,n=a.length-1,d;n>=0;n--)(d=a[n])&&(l=(i?d(e,t,l):d(l))||l);return i&&l&&p(e,t,l),l};exports.PdSelect=class extends s.LitElement{constructor(){super(...arguments),this.variant="outlined",this.label="",this.value="",this.disabled=!1,this.required=!1,this.errorText="",this.error=!1,this.supportingText="",this.options=[],this.leadingIcon="",this.multiple=!1,this.showChips=!0,this.chipVariant="input",this.placeholder="",this.searchable=!1,this.isOpen=!1,this.searchQuery="",this.selectedValues=[],this.updatePopoverPosition=()=>{const e=this.popoverEl;if(!e||!this.trigger||!this.isOpen)return;const t=this.trigger.getBoundingClientRect();e.style.left=`${t.left}px`,e.style.top=`${t.bottom+4}px`,e.style.width=`${t.width}px`},this.handleTriggerClick=e=>{this.disabled||(e.stopPropagation(),this.searchQuery="",this.isOpen=!this.isOpen)},this.handleClickOutside=e=>{if(!this.isOpen)return;const t=e.composedPath();t.includes(this)||this.popoverEl&&t.includes(this.popoverEl)||(this.isOpen=!1)},this.handleKeyDown=e=>{e.key==="Escape"&&(this.isOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown),window.addEventListener("scroll",this.updatePopoverPosition,!0),window.addEventListener("resize",this.updatePopoverPosition)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("scroll",this.updatePopoverPosition,!0),window.removeEventListener("resize",this.updatePopoverPosition)}get useCustomDropdown(){return this.multiple||this.searchable}willUpdate(e){e.has("value")&&this.useCustomDropdown&&(this.selectedValues=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[])}updated(e){e.has("isOpen")&&(this.isOpen?this.openPopover():this.closePopover()),this.isOpen&&e.has("selectedValues")&&this.updateComplete.then(()=>{requestAnimationFrame(()=>this.updatePopoverPosition())})}getOptionLabel(e){return this.options.find(t=>t.value===e)?.label??e}get filteredOptions(){const e=this.searchQuery.trim().toLowerCase();return e?this.options.filter(t=>t.label.toLowerCase().includes(e)):this.options}openPopover(){const e=this.popoverEl;if(!(!e||!this.trigger)){try{e.showPopover()}catch{}this.updatePopoverPosition()}}closePopover(){const e=this.popoverEl;if(e)try{e.hidePopover()}catch{}}handleOptionClick(e,t){if(t.stopPropagation(),this.multiple){if(this.selectedValues.includes(e))this.selectedValues=this.selectedValues.filter(i=>i!==e);else{if(this.maxSelections&&this.selectedValues.length>=this.maxSelections)return;this.selectedValues=[...this.selectedValues,e]}this.value=[...this.selectedValues]}else this.selectedValues=[e],this.value=e,this.isOpen=!1;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleChipRemove(e,t){t.stopPropagation(),this.selectedValues=this.selectedValues.filter(i=>i!==e),this.value=[...this.selectedValues]}renderDropdown(){return s.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lit"),o=require("lit/decorators.js");require("@material/web/select/filled-select.js");require("@material/web/select/outlined-select.js");require("@material/web/select/select-option.js");require("@material/web/icon/icon.js");require("@material/web/checkbox/checkbox.js");require("./pd-chip.cjs.js");var p=Object.defineProperty,c=Object.getOwnPropertyDescriptor,r=(a,e,t,i)=>{for(var l=i>1?void 0:i?c(e,t):e,n=a.length-1,d;n>=0;n--)(d=a[n])&&(l=(i?d(e,t,l):d(l))||l);return i&&l&&p(e,t,l),l};exports.PdSelect=class extends s.LitElement{constructor(){super(...arguments),this.variant="outlined",this.label="",this.value="",this.disabled=!1,this.required=!1,this.errorText="",this.error=!1,this.supportingText="",this.options=[],this.leadingIcon="",this.multiple=!1,this.showChips=!0,this.chipVariant="input",this.placeholder="",this.searchable=!1,this.isOpen=!1,this.searchQuery="",this.selectedValues=[],this.scrollCleanups=[],this.updatePopoverPosition=()=>{const e=this.popoverEl;if(!e||!this.trigger||!this.isOpen)return;const t=this.trigger.getBoundingClientRect();e.style.left=`${t.left}px`,e.style.top=`${t.bottom+4}px`,e.style.width=`${t.width}px`},this.handleTriggerClick=e=>{this.disabled||(e.stopPropagation(),this.searchQuery="",this.isOpen=!this.isOpen)},this.handleClickOutside=e=>{if(!this.isOpen)return;const t=e.composedPath();t.includes(this)||this.popoverEl&&t.includes(this.popoverEl)||(this.isOpen=!1)},this.handleKeyDown=e=>{e.key==="Escape"&&(this.isOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown),window.addEventListener("resize",this.updatePopoverPosition)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("resize",this.updatePopoverPosition),this.cleanupScrollListeners()}get useCustomDropdown(){return this.multiple||this.searchable}willUpdate(e){e.has("value")&&this.useCustomDropdown&&(this.selectedValues=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[])}updated(e){e.has("isOpen")&&(this.isOpen?this.openPopover():this.closePopover()),this.isOpen&&e.has("selectedValues")&&this.updateComplete.then(()=>{requestAnimationFrame(()=>this.updatePopoverPosition())})}getOptionLabel(e){return this.options.find(t=>t.value===e)?.label??e}get filteredOptions(){const e=this.searchQuery.trim().toLowerCase();return e?this.options.filter(t=>t.label.toLowerCase().includes(e)):this.options}openPopover(){const e=this.popoverEl;if(!(!e||!this.trigger)){try{e.showPopover()}catch{}this.updatePopoverPosition(),this.cleanupScrollListeners();for(const t of this.getScrollableAncestors()){const i=()=>{this.isOpen=!1};t.addEventListener("scroll",i,{passive:!0}),this.scrollCleanups.push(()=>t.removeEventListener("scroll",i))}}}closePopover(){this.cleanupScrollListeners();const e=this.popoverEl;if(e)try{e.hidePopover()}catch{}}getScrollableAncestors(){const e=[];let t=this.trigger;for(;t;){if(t instanceof Element){const i=getComputedStyle(t);if(/(auto|scroll)/.test(i.overflow+i.overflowX+i.overflowY)&&e.push(t),t.assignedSlot){t=t.assignedSlot;continue}}t instanceof ShadowRoot?t=t.host:t=t.parentNode}return e.push(document),e}cleanupScrollListeners(){for(const e of this.scrollCleanups)e();this.scrollCleanups=[]}handleOptionClick(e,t){if(t.stopPropagation(),this.multiple){if(this.selectedValues.includes(e))this.selectedValues=this.selectedValues.filter(i=>i!==e);else{if(this.maxSelections&&this.selectedValues.length>=this.maxSelections)return;this.selectedValues=[...this.selectedValues,e]}this.value=[...this.selectedValues]}else this.selectedValues=[e],this.value=e,this.isOpen=!1;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleChipRemove(e,t){t.stopPropagation(),this.selectedValues=this.selectedValues.filter(i=>i!==e),this.value=[...this.selectedValues]}renderDropdown(){return s.html`
       <div class="dropdown" role="listbox" aria-multiselectable=${this.multiple?"true":"false"}>
         ${this.searchable?s.html`
           <div class="search">

package/dist/components/pd-select.es.js

@@ -1,19 +1,19 @@
-import { css as m, LitElement as v, nothing as d, html as i } from "lit";
-import { query as p, property as r, state as u, customElement as y } from "lit/decorators.js";
+import { css as m, LitElement as v, nothing as d, html as r } from "lit";
+import { query as p, property as a, state as u, customElement as y } from "lit/decorators.js";
 import "@material/web/select/filled-select.js";
 import "@material/web/select/outlined-select.js";
 import "@material/web/select/select-option.js";
 import "@material/web/icon/icon.js";
 import "@material/web/checkbox/checkbox.js";
 import "./pd-chip.es.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (e, t, a, l) => {
-  for (var n = l > 1 ? void 0 : l ? g(t, a) : t, c = e.length - 1, h; c >= 0; c--)
-    (h = e[c]) && (n = (l ? h(t, a, n) : h(n)) || n);
-  return l && n && f(t, a, n), n;
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (e, t, i, l) => {
+  for (var n = l > 1 ? void 0 : l ? g(t, i) : t, c = e.length - 1, h; c >= 0; c--)
+    (h = e[c]) && (n = (l ? h(t, i, n) : h(n)) || n);
+  return l && n && f(t, i, n), n;
 };
 let s = class extends v {
   constructor() {
-    super(...arguments), this.variant = "outlined", this.label = "", this.value = "", this.disabled = !1, this.required = !1, this.errorText = "", this.error = !1, this.supportingText = "", this.options = [], this.leadingIcon = "", this.multiple = !1, this.showChips = !0, this.chipVariant = "input", this.placeholder = "", this.searchable = !1, this.isOpen = !1, this.searchQuery = "", this.selectedValues = [], this.updatePopoverPosition = () => {
+    super(...arguments), this.variant = "outlined", this.label = "", this.value = "", this.disabled = !1, this.required = !1, this.errorText = "", this.error = !1, this.supportingText = "", this.options = [], this.leadingIcon = "", this.multiple = !1, this.showChips = !0, this.chipVariant = "input", this.placeholder = "", this.searchable = !1, this.isOpen = !1, this.searchQuery = "", this.selectedValues = [], this.scrollCleanups = [], this.updatePopoverPosition = () => {
       const e = this.popoverEl;
       if (!e || !this.trigger || !this.isOpen) return;
       const t = this.trigger.getBoundingClientRect();
@@ -29,10 +29,10 @@ let s = class extends v {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleClickOutside), document.addEventListener("keydown", this.handleKeyDown), window.addEventListener("scroll", this.updatePopoverPosition, !0), window.addEventListener("resize", this.updatePopoverPosition);
+    super.connectedCallback(), document.addEventListener("click", this.handleClickOutside), document.addEventListener("keydown", this.handleKeyDown), window.addEventListener("resize", this.updatePopoverPosition);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleClickOutside), document.removeEventListener("keydown", this.handleKeyDown), window.removeEventListener("scroll", this.updatePopoverPosition, !0), window.removeEventListener("resize", this.updatePopoverPosition);
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleClickOutside), document.removeEventListener("keydown", this.handleKeyDown), window.removeEventListener("resize", this.updatePopoverPosition), this.cleanupScrollListeners();
   }
   /** Whether to use the custom dropdown (overlay) instead of the native MD select */
   get useCustomDropdown() {
@@ -53,7 +53,7 @@ let s = class extends v {
     const e = this.searchQuery.trim().toLowerCase();
     return e ? this.options.filter((t) => t.label.toLowerCase().includes(e)) : this.options;
   }
-  /* -------------------- Popover logic -------------------- */
+  /* ------------------- Popover logic ------------------- */
   openPopover() {
     const e = this.popoverEl;
     if (!(!e || !this.trigger)) {
@@ -61,10 +61,17 @@ let s = class extends v {
         e.showPopover();
       } catch {
       }
-      this.updatePopoverPosition();
+      this.updatePopoverPosition(), this.cleanupScrollListeners();
+      for (const t of this.getScrollableAncestors()) {
+        const i = () => {
+          this.isOpen = !1;
+        };
+        t.addEventListener("scroll", i, { passive: !0 }), this.scrollCleanups.push(() => t.removeEventListener("scroll", i));
+      }
     }
   }
   closePopover() {
+    this.cleanupScrollListeners();
     const e = this.popoverEl;
     if (e)
       try {
@@ -72,10 +79,30 @@ let s = class extends v {
       } catch {
       }
   }
+  /** Walk the composed (flat) tree to find every scrollable ancestor. */
+  getScrollableAncestors() {
+    const e = [];
+    let t = this.trigger;
+    for (; t; ) {
+      if (t instanceof Element) {
+        const i = getComputedStyle(t);
+        if (/(auto|scroll)/.test(i.overflow + i.overflowX + i.overflowY) && e.push(t), t.assignedSlot) {
+          t = t.assignedSlot;
+          continue;
+        }
+      }
+      t instanceof ShadowRoot ? t = t.host : t = t.parentNode;
+    }
+    return e.push(document), e;
+  }
+  cleanupScrollListeners() {
+    for (const e of this.scrollCleanups) e();
+    this.scrollCleanups = [];
+  }
   handleOptionClick(e, t) {
     if (t.stopPropagation(), this.multiple) {
       if (this.selectedValues.includes(e))
-        this.selectedValues = this.selectedValues.filter((a) => a !== e);
+        this.selectedValues = this.selectedValues.filter((i) => i !== e);
       else {
         if (this.maxSelections && this.selectedValues.length >= this.maxSelections) return;
         this.selectedValues = [...this.selectedValues, e];
@@ -90,13 +117,13 @@ let s = class extends v {
     }));
   }
   handleChipRemove(e, t) {
-    t.stopPropagation(), this.selectedValues = this.selectedValues.filter((a) => a !== e), this.value = [...this.selectedValues];
+    t.stopPropagation(), this.selectedValues = this.selectedValues.filter((i) => i !== e), this.value = [...this.selectedValues];
   }
   /* -------------------- Rendering -------------------- */
   renderDropdown() {
-    return i`
+    return r`
       <div class="dropdown" role="listbox" aria-multiselectable=${this.multiple ? "true" : "false"}>
-        ${this.searchable ? i`
+        ${this.searchable ? r`
           <div class="search">
             <md-icon class="pd-icon">search</md-icon>
             <input
@@ -109,15 +136,15 @@ let s = class extends v {
 
         <div class="options">
           ${this.filteredOptions.map((e) => {
-      const t = this.selectedValues.includes(e.value), a = e.disabled ?? !1;
-      return i`
+      const t = this.selectedValues.includes(e.value), i = e.disabled ?? !1;
+      return r`
               <div
                 class="option"
                 data-selected=${t}
-                data-disabled=${a}
-                @click=${(l) => !a && this.handleOptionClick(e.value, l)}
+                data-disabled=${i}
+                @click=${(l) => !i && this.handleOptionClick(e.value, l)}
               >
-                ${this.multiple ? i`<md-checkbox ?checked=${t} ?disabled=${a}></md-checkbox>` : d}
+                ${this.multiple ? r`<md-checkbox ?checked=${t} ?disabled=${i}></md-checkbox>` : d}
                 <span>${e.label}</span>
               </div>
             `;
@@ -128,12 +155,12 @@ let s = class extends v {
   }
   renderCustomSelect() {
     const e = this.selectedValues.length > 0, t = e || this.isOpen;
-    return i`
+    return r`
       <div class="container">
         <div class="wrap">
-          ${this.label ? i`
+          ${this.label ? r`
             <label class="label" data-float=${t}>
-              ${this.label}${this.required ? i`<span class="required">*</span>` : d}
+              ${this.label}${this.required ? r`<span class="required">*</span>` : d}
             </label>
           ` : d}
 
@@ -144,19 +171,19 @@ let s = class extends v {
             role="combobox"
             @click=${this.handleTriggerClick}
           >
-            ${this.leadingIcon ? i`<md-icon class="pd-icon pd-icon--leading">${this.leadingIcon}</md-icon>` : d}
+            ${this.leadingIcon ? r`<md-icon class="pd-icon pd-icon--leading">${this.leadingIcon}</md-icon>` : d}
 
             <div class="content">
-              ${e ? this.multiple ? i`
+              ${e ? this.multiple ? r`
                       <div class="chips">
-                        ${this.selectedValues.map((a) => i`
+                        ${this.selectedValues.map((i) => r`
                           <pd-chip
-                            label=${this.getOptionLabel(a)}
-                            @chip-remove=${(l) => this.handleChipRemove(a, l)}
+                            label=${this.getOptionLabel(i)}
+                            @chip-remove=${(l) => this.handleChipRemove(i, l)}
                           ></pd-chip>
                         `)}
                       </div>
-                    ` : i`<span class="summary">${this.getOptionLabel(this.selectedValues[0])}</span>` : i`<span class="placeholder">${this.placeholder}</span>`}
+                    ` : r`<span class="summary">${this.getOptionLabel(this.selectedValues[0])}</span>` : r`<span class="placeholder">${this.placeholder}</span>`}
             </div>
 
             <md-icon class="pd-icon pd-icon--trailing" data-rotated=${this.isOpen}>
@@ -165,7 +192,7 @@ let s = class extends v {
           </div>
         </div>
 
-        ${this.supportingText ? i`<div class="supporting">${this.supportingText}</div>` : d}
+        ${this.supportingText ? r`<div class="supporting">${this.supportingText}</div>` : d}
       </div>
 
       <div
@@ -192,16 +219,16 @@ let s = class extends v {
     this.trailingIcon?.classList.remove("rotated");
   }
   renderSingleSelect() {
-    const e = i`
-      ${this.leadingIcon ? i`<md-icon slot="leading-icon" class="pd-icon">${this.leadingIcon}</md-icon>` : d}
+    const e = r`
+      ${this.leadingIcon ? r`<md-icon slot="leading-icon" class="pd-icon">${this.leadingIcon}</md-icon>` : d}
       <md-icon slot="trailing-icon" class="pd-icon">keyboard_arrow_down</md-icon>
-      ${this.options.map((t) => i`
+      ${this.options.map((t) => r`
         <md-select-option .value=${t.value} ?disabled=${t.disabled}>
           <div slot="headline">${t.label}</div>
         </md-select-option>
       `)}
     `;
-    return this.variant === "filled" ? i`
+    return this.variant === "filled" ? r`
           <md-filled-select
             .label=${this.label}
             .value=${this.value}
@@ -214,7 +241,7 @@ let s = class extends v {
             @opening=${this.handleSingleSelectOpen}
             @closed=${this.handleSingleSelectClose}
           >${e}</md-filled-select>
-        ` : i`
+        ` : r`
           <md-outlined-select
             .label=${this.label}
             .value=${this.value}
@@ -505,52 +532,52 @@ o([
   p(".field")
 ], s.prototype, "trigger", 2);
 o([
-  r({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], s.prototype, "variant", 2);
 o([
-  r({ type: String })
+  a({ type: String })
 ], s.prototype, "label", 2);
 o([
-  r({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], s.prototype, "value", 2);
 o([
-  r({ type: Boolean, reflect: !0 })
+  a({ type: Boolean, reflect: !0 })
 ], s.prototype, "disabled", 2);
 o([
-  r({ type: Boolean })
+  a({ type: Boolean })
 ], s.prototype, "required", 2);
 o([
-  r({ type: String, attribute: "error-text" })
+  a({ type: String, attribute: "error-text" })
 ], s.prototype, "errorText", 2);
 o([
-  r({ type: Boolean, reflect: !0 })
+  a({ type: Boolean, reflect: !0 })
 ], s.prototype, "error", 2);
 o([
-  r({ type: String, attribute: "supporting-text" })
+  a({ type: String, attribute: "supporting-text" })
 ], s.prototype, "supportingText", 2);
 o([
-  r({ type: Array })
+  a({ type: Array })
 ], s.prototype, "options", 2);
 o([
-  r({ type: String, attribute: "leading-icon" })
+  a({ type: String, attribute: "leading-icon" })
 ], s.prototype, "leadingIcon", 2);
 o([
-  r({ type: Boolean })
+  a({ type: Boolean })
 ], s.prototype, "multiple", 2);
 o([
-  r({ type: Number, attribute: "max-selections" })
+  a({ type: Number, attribute: "max-selections" })
 ], s.prototype, "maxSelections", 2);
 o([
-  r({ type: Boolean, attribute: "show-chips" })
+  a({ type: Boolean, attribute: "show-chips" })
 ], s.prototype, "showChips", 2);
 o([
-  r({ type: String, attribute: "chip-variant" })
+  a({ type: String, attribute: "chip-variant" })
 ], s.prototype, "chipVariant", 2);
 o([
-  r({ type: String })
+  a({ type: String })
 ], s.prototype, "placeholder", 2);
 o([
-  r({ type: Boolean })
+  a({ type: Boolean })
 ], s.prototype, "searchable", 2);
 o([
   u()

package/dist/types/components/pd-select.d.ts

@@ -35,6 +35,7 @@ export declare class PdSelect extends LitElement {
     private searchQuery;
     private selectedValues;
     private readonly popoverEl;
+    private scrollCleanups;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Whether to use the custom dropdown (overlay) instead of the native MD select */
@@ -45,6 +46,9 @@ export declare class PdSelect extends LitElement {
     private get filteredOptions();
     private openPopover;
     private closePopover;
+    /** Walk the composed (flat) tree to find every scrollable ancestor. */
+    private getScrollableAncestors;
+    private cleanupScrollListeners;
     private updatePopoverPosition;
     private handleTriggerClick;
     private handleClickOutside;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prioticket/design-system-web",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "type": "module",
   "packageManager": "yarn@3.6.4",
   "main": "./dist/prioticket-design-system-web.cjs.js",