@paperless/core 2.13.9 → 2.14.0

package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.hover\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\:bg-storm-500:hover{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:bg-indigo-600\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.2)!important}.dark\:bg-negative-red-500\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.15)!important}.dark\:bg-storm-500\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)!important}.dark\:bg-white\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)!important}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\:text-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:hover\:bg-indigo-600\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)!important}.dark\:hover\:bg-negative-red-500\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.1)!important}.dark\:hover\:bg-storm-500\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\:group-hover\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:bg-indigo-600\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.2)!important}.dark\:bg-negative-red-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.15)!important}.dark\:bg-storm-500\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)!important}.dark\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)!important}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\:text-storm-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:hover\:bg-indigo-600\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)!important}.dark\:hover\:bg-negative-red-500\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.1)!important}.dark\:hover\:bg-storm-500\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\:group-hover\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
+*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.hover\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\:bg-storm-500:hover{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:bg-indigo-600\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.2)!important}.dark\:bg-negative-red-500\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.15)!important}.dark\:bg-storm-500\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)!important}.dark\:bg-white\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)!important}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\:text-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:hover\:bg-indigo-600\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)!important}.dark\:hover\:bg-negative-red-500\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.1)!important}.dark\:hover\:bg-storm-500\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\:group-hover\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:bg-indigo-600\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.2)!important}.dark\:bg-negative-red-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.15)!important}.dark\:bg-storm-500\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)!important}.dark\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)!important}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\:text-storm-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:hover\:bg-indigo-600\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)!important}.dark\:hover\:bg-negative-red-500\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.1)!important}.dark\:hover\:bg-storm-500\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\:group-hover\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\:group-hover\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}

package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.js

@@ -4,13 +4,14 @@ import { asBoolean } from "../../../../utils/as-boolean";
 import { cn } from "../../../../utils";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 const dropdownMenuItem = cva([
-    'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full',
+    'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',
 ], {
     variants: {
         variant: {
             default: null,
             storm: null,
             negative: null,
+            pagination: 'text-xs px-2 text-storm-300 h-6',
         },
         active: {
             false: null,
@@ -25,13 +26,31 @@ const dropdownMenuItem = cva([
             true: null,
         },
         enableTextWrap: {
-            true: 'min-h-8',
-            false: 'h-8',
+            true: null,
+            false: null,
+        },
+        autoHeight: {
+            true: null,
+            false: null,
         },
     },
     compoundVariants: [
         {
-            variant: 'default',
+            autoHeight: false,
+            enableTextWrap: true,
+            class: 'min-h-8',
+        },
+        {
+            autoHeight: false,
+            enableTextWrap: false,
+            class: 'h-8',
+        },
+        {
+            variant: ['default', 'storm', 'negative'],
+            class: 'px-2 py-1 font-medium',
+        },
+        {
+            variant: ['default', 'pagination'],
             active: false,
             enableHover: true,
             disabled: false,
@@ -119,6 +138,7 @@ const dropdownMenuItemIcon = cva(['text-base'], {
             default: null,
             storm: null,
             negative: null,
+            pagination: null,
         },
         active: {
             false: null,
@@ -208,18 +228,19 @@ export class DropdownMenuItem {
      */
     autoHeight = false;
     render() {
-        return (h(ThemedHost, { key: '58bbbc673cdb2dad01519d55710fdb303b0c41d9' }, h("div", { key: 'c0a64aff627fd6dc188f19efb2c41db91b5e8aef', class: cn(dropdownMenuItem({
+        return (h(ThemedHost, { key: 'bd02b419750fd41c92e4508042c541eca53e21d3' }, h("div", { key: 'd4d80a953fcf379a0f8b8498a528a7489737b392', class: cn(dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true),
+                autoHeight: asBoolean(this.autoHeight ?? false),
                 enableTextWrap: this.enableTextWrap,
                 disabled: asBoolean(this.disabled),
-            }), { 'h-8': !this.autoHeight }) }, this.icon && (h("p-icon", { key: 'aa74fd80bd1108e997ba610bd6214b969820441f', class: dropdownMenuItemIcon({
+            })) }, this.icon && (h("p-icon", { key: '9b2e87b3f8cb61642404acacc0300591802749b8', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
                 wave: asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '5e790fa4479aa471ed62b241cc25a529d4370e8b', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: 'e7634995855d4c7d32fbc7513a43db2980387edb', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
                 'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
             }) }, h("slot", null))) : (h("slot", null)))));
     }
@@ -282,8 +303,8 @@ export class DropdownMenuItem {
                 "attribute": "variant",
                 "mutable": false,
                 "complexType": {
-                    "original": "'default' | 'storm' | 'negative'",
-                    "resolved": "\"default\" | \"negative\" | \"storm\"",
+                    "original": "'default' | 'storm' | 'negative' | 'pagination'",
+                    "resolved": "\"default\" | \"negative\" | \"pagination\" | \"storm\"",
                     "references": {}
                 },
                 "required": false,
@@ -363,7 +384,7 @@ export class DropdownMenuItem {
                 "mutable": false,
                 "complexType": {
                     "original": "IconVariant",
-                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"enter-key\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
                     "references": {
                         "IconVariant": {
                             "location": "import",

package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAExE,MAAM,gBAAgB,GAAG,GAAG,CAC3B;IACC,wGAAwG;CACxG,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI;SACd;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,oBAAoB;SAC1B;QACD,WAAW,EAAE;YACZ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,cAAc,EAAE;YACf,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,KAAK;SACZ;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gDAAgD;SACvD;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,qCAAqC;SAC5C;QACD;YACC,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gCAAgC;SACvC;QACD;YACC,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,wCAAwC;SAC/C;QACD;YACC,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,8BAA8B;SACrC;QAED;YACC,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,IAAI;YACjB,KAAK,EAAE,gCAAgC;SACvC;QACD;YACC,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,+CAA+C;SACtD;QACD;YACC,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,IAAI;YACZ,KAAK,EACJ,kEAAkE;SACnE;QACD;YACC,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,YAAY;SACnB;QAED;YACC,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,KAAK;YACf,KAAK,EACJ,kFAAkF;SACnF;QACD;YACC,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EACJ,uEAAuE;SACxE;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,uBAAuB;SAC9B;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,oBAAoB;SAC3B;QAED;YACC,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gBAAgB;SACvB;KACD;CACD,CACD,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,WAAW,CAAC,EAAE;IAC/C,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI;SACd;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,gBAAgB;SACtB;QACD,IAAI,EAAE;YACL,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,IAAI;SACX;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACN,2CAA2C;gBAC3C,qDAAqD;aACrD;SACD;QAED;YACC,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACN,uCAAuC;gBACvC,qDAAqD;aACrD;SACD;QAED;YACC,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,KAAK,EACJ,mIAAmI;SACpI;QACD;YACC,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,kDAAkD;SACzD;KACD;CACD,CAAC,CAAC;AAOH,MAAM,OAAO,gBAAgB;IAC5B;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,OAAO,GAAqC,SAAS,CAAC;IAE9D;;OAEG;IACK,WAAW,GAAa,IAAI,CAAC;IAErC;;OAEG;IACK,cAAc,GAAa,KAAK,CAAC;IAEzC;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,IAAI,CAAc;IAE1B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,YAAY,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACK,UAAU,GAAG,KAAK,CAAC;IAE3B,MAAM;QACL,OAAO,CACN,EAAC,UAAU;YACV,4DACC,KAAK,EAAE,EAAE,CACR,gBAAgB,CAAC;oBAChB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;oBAC9B,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;oBAChD,cAAc,EAAE,IAAI,CAAC,cAAc;oBACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;iBAClC,CAAC,EACF,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAC3B;gBAEA,IAAI,CAAC,IAAI,IAAI,CACb,+DACC,KAAK,EAAE,oBAAoB,CAAC;wBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;wBAC9B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAClC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;qBAC9B,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,IAAI,GACjB,CACF;gBAEA,IAAI,CAAC,QAAQ,IAAI,CACjB,mEACC,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACtB,CACF;gBAEA,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,WACC,KAAK,EAAE,EAAE,CAAC,yCAAyC,EAAE;wBACpD,iCAAiC,EAAE,CAAC,IAAI,CAAC,cAAc;qBACvD,CAAC;oBAEF,eAAQ,CACH,CACN,CAAC,CAAC,CAAC,CACH,eAAQ,CACR,CACI,CACM,CACb,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: 'min-h-8',\n\t\t\t\tfalse: 'h-8',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100 dark:bg-indigo-600/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800 dark:text-negative-red-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\t/**\n\t *  wether to auto adjust the height\n\t */\n\t@Prop() autoHeight = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tdropdownMenuItem({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true),\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t}),\n\t\t\t\t\t\t{ 'h-8': !this.autoHeight }\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"dropdown-menu-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t\tpagination: 'text-xs px-2 text-storm-300 h-6',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tautoHeight: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: true,\n\t\t\t\tclass: 'min-h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: false,\n\t\t\t\tclass: 'h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'storm', 'negative'],\n\t\t\t\tclass: 'px-2 py-1 font-medium',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'pagination'],\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100 dark:bg-indigo-600/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t\tpagination: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800 dark:text-negative-red-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' | 'pagination' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\t/**\n\t *  wether to auto adjust the height\n\t */\n\t@Prop() autoHeight = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tdropdownMenuItem({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true),\n\t\t\t\t\t\t\tautoHeight: asBoolean(this.autoHeight ?? false),\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js

@@ -81,10 +81,10 @@ export class FloatingMenuItem {
      */
     iconRotate;
     render() {
-        return (h(ThemedHost, { key: '1dc1ee440e55f23a0e5ee2945d8bd0dcaec52356', class: item({
+        return (h(ThemedHost, { key: 'b578f9874b8d3abead851be50dc8bd6339e64006', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: 'f74086e58e14796c0ee0f06fa3453ee9aedb9b6b', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, h("slot", { key: '24b6d926d732832b39a4da3f5e4bbc76d9b7ee1d' }))));
+            }) }, this._getIcon(), h("p", { key: 'b9852098c1581a32d588ad154ab2701d42072604', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, h("slot", { key: '99def7edc1fdf2e139ae6a6e6fc8c6e739174829' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -177,7 +177,7 @@ export class FloatingMenuItem {
                 "mutable": false,
                 "complexType": {
                     "original": "IconVariant",
-                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"enter-key\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
                     "references": {
                         "IconVariant": {
                             "location": "import",

package/dist/collection/components/atoms/helper/helper.component.js

@@ -10,7 +10,7 @@ export class Helper {
      */
     placement = 'top';
     render() {
-        return (h(ThemedHost, { key: 'd3a40c5af74fc8e3f28697c1ccd4475301e12549' }, h("p-tooltip", { key: '63df3454660bc331eae4003a54b8e30ea838b6d2', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '31d06ebddc78d26159a948f787f41f88725d5a5d', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500 dark:text-hurricane-300 dark:hover:text-hurricane-200', variant: 'question-circle', slot: 'trigger' }), h("div", { key: '107353c687412a90890901f9a37743fa222bdba5', slot: 'content' }, h("slot", { key: '3c2bdb76f2d6a8a86c3d2d0869c9bc257c6cbdc3' })))));
+        return (h(ThemedHost, { key: '6d7bb2b82b17d63cd68c4684bda18ac804eebd0d' }, h("p-tooltip", { key: '69b1052d9ccebcc619da7e2a1bc732469ca90efe', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '9a7cf7bd259568b23f5df19d2d6ea2155cc849c8', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500 dark:text-hurricane-300 dark:hover:text-hurricane-200', variant: 'question-circle', slot: 'trigger' }), h("div", { key: 'f33a936c61c14c701e40d375e4dfc4c554b8293c', slot: 'content' }, h("slot", { key: '99daac036d504576595f6af311d81f9aa02970f1' })))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/icon/icon.component.js

@@ -84,7 +84,7 @@ export class Icon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconVariant",
-                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"enter-key\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
                     "references": {
                         "IconVariant": {
                             "location": "local",

package/dist/collection/components/atoms/info-panel/info-panel.component.js

@@ -62,10 +62,10 @@ export class InfoPanel {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h(ThemedHost, { key: '031770b3ab3dd6134b035586165fa4d5316bc104' }, h("div", { key: '3e8d9c31ef54d49376948b2a5dff658f6a17aa32', class: infopanel({
+        return (h(ThemedHost, { key: '12e4623e5f97872ec5080a9419d1efbb9e2675b1' }, h("div", { key: '32c578f13886cf360a4ff21e81157c9f6c50fc08', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'd9a3e1178531fbf2ec74c4a87c02368f49dde25d', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '56906355c5aac7fff078b6fd515003350a574eba', class: 'h-inherit text-sm font-normal text-storm-800/60 dark:text-white/70' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: 'ad0463a3c67a0899eb8d6b08a39af20b2f9c6dbe', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'd41020d3a4c7aa4d362cace859c45bc6035b8ec6', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '0e790195cce90e3c9cf1da280a7c54f00240187b', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '13b4a5b512d9ae27914fd5ea6eec0d346eb8d135', class: 'h-inherit text-sm font-normal text-storm-800/60 dark:text-white/70' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: 'c183b312e1724bad9cc949122382092d2916080c', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'd306b198c93cf323d8aebed8a2ee4a8151cc0e03', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();

package/dist/collection/components/atoms/layout/layout.component.js

@@ -9,7 +9,7 @@ export class Layout {
      */
     scroll;
     render() {
-        return (h(Host, { key: 'a41a023ad1bd87d83106a739803526cc055db37d', class: `p-layout variant-${this.variant}` }, h("div", { key: '0b29f793c4dcbc30ea05f607b79e7c9e933cffd7', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: 'd819168e65fe9477ee77a6c8dbebd12078f92175', class: 'inner-content' }, h("slot", { key: '9ac751ef8feb8849d5a195045de4971b4f4b1c11', name: 'content' }))), h("div", { key: '5d44c6ef604c8014a9164e41874dd4fca12175c0', class: 'sidebar' }, h("slot", { key: '855c39756c0f77fc89d52baa005e3b4ca3132918', name: 'sidebar' })), h("div", { key: 'c72a49f80378723be96086f0bb660d0e5d073660', class: 'topbar' }, h("slot", { key: '57727fc426ffe002da07b50986162599bfddccaa', name: 'topbar' }))));
+        return (h(Host, { key: 'e3b483bb24e305914144448f81531d58f6dd829a', class: `p-layout variant-${this.variant}` }, h("div", { key: '16d2681d444b554d3d9ca36a83ee559fa770e041', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '06ad569a41ea6ca7fdc2ac5ce8946d201982715f', class: 'inner-content' }, h("slot", { key: 'e1a9280008ece9ca605b26050acd56152dc6183b', name: 'content' }))), h("div", { key: 'd9100d85435c75ccf7b7256c5854aaa58cc26284', class: 'sidebar' }, h("slot", { key: '1d86ae46ee7208e9809c0dd6cd6c44e98d9d37dd', name: 'sidebar' })), h("div", { key: '6c2caec168d65ea1b01b29020a5865b47a7b8836', class: 'topbar' }, h("slot", { key: 'c55d9abbf08de89657aaf4a2610667eef74135b3', name: 'topbar' }))));
     }
     static get is() { return "p-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/listing/item/listing-item.component.js

@@ -6,7 +6,7 @@ export class ListingItem {
      */
     icon = 'placeholder';
     render() {
-        return (h(ThemedHost, { key: 'f85bf9a6843cabdc1fe5640aefb5f65f0727eb92' }, h("div", { key: 'e3309da8ac78628b85fcaee18bbaff668273cd45', class: 'flex items-center gap-2 text-storm-500 dark:text-white' }, h("p-icon", { key: '45ae7f06e20e71237eadda509a728b5f9286d5ff', variant: this.icon }), h("div", { key: '0f347d6782b360f666dc90bb28342d6ce59eb226', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '8d6fb58950c3a466a58b35486084c93565a2763f' })))));
+        return (h(ThemedHost, { key: '603f664b7e05451996f6fca34d5eca5c08bc68e5' }, h("div", { key: '1b2ddae4bee80e708f3b5166a5fe004bef22892b', class: 'flex items-center gap-2 text-storm-500 dark:text-white' }, h("p-icon", { key: 'b43182b79958d031786c70ae3c710e4fc8778a9e', variant: this.icon }), h("div", { key: 'd86df5546ad12787dbdfb0d972ea1b04d816b9d7', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '6993362836adc8770b6b464530dd60b3f1c02f38' })))));
     }
     static get is() { return "p-listing-item"; }
     static get encapsulation() { return "shadow"; }
@@ -28,7 +28,7 @@ export class ListingItem {
                 "mutable": false,
                 "complexType": {
                     "original": "IconVariant",
-                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"enter-key\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
                     "references": {
                         "IconVariant": {
                             "location": "import",

package/dist/collection/components/atoms/listing/line/listing-line.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class ListingLine {
     render() {
-        return h(ThemedHost, { key: 'c6eff794fe02ea2e8bf30b7baf7d20ac8ba5c1e0' });
+        return h(ThemedHost, { key: 'bee7d2647bb473e74332c4ba85f4e520d6bf4aa9' });
     }
     static get is() { return "p-listing-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/body/modal-body.component.js

@@ -23,10 +23,10 @@ export class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (h(ThemedHost, { key: '430d6efeb008bc03fc188fb045d46e10d5fbece6' }, h("div", { key: 'f0586974b5b8b2bd8a3680faa190dfa71de794dd', class: body({
+        return (h(ThemedHost, { key: '1c582458434d7d4861aa9299803438f9af40aa46' }, h("div", { key: '61f40c76535de7610156a627dfe21f2a3476a0c9', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '03378e7d36da5fd8da613454139967c230760865' }))));
+            }) }, h("slot", { key: '376eb946a3ddb214db227d5697a49b216622be5b' }))));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/container/modal-container.component.js

@@ -34,10 +34,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '2bcc006cc69768f1d22cf8a838bc64ef8aad8ff4' }, h("div", { key: '77026114720c272f3f060abed2752014fc090613', class: container({
+        return (h(ThemedHost, { key: '9354167bc301d5eda001e37d4316f10aac02bb75' }, h("div", { key: '3eec1cc00587a252c616d5ba9a045e028405824c', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '03f281ef3802c57668bf424d8a17b58e5807f16f' }))));
+            }) }, h("slot", { key: '048d2f05a08a655901ea248fb9891064eaac6ea7' }))));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/footer/modal-footer.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class ModalFooter {
     render() {
-        return (h(ThemedHost, { key: '224d37e5b88f22c4d320ae2a6aaac9b5fa9c402f' }, h("div", { key: '49cc91268a85131d485b4fc739f84fd428932c72', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, h("p-divider", { key: '1b4adaada66a2bf0196d827ac5f71b62f53753eb', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), h("div", { key: 'ddd3d26e3538b2d04169d78f0451c8e9e1777af6', class: 'flex flex-col gap-4 tablet:flex-row' }, h("slot", { key: 'f04c1d1f97ea47644de785f0a7e2bcccee0d916a' })))));
+        return (h(ThemedHost, { key: 'e4d4e61f8b6f1835a7acf6b7fe10b5b790e24fc8' }, h("div", { key: '726a77f99d88f58802e5f348bdb608e92b30384d', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, h("p-divider", { key: '3a0158a36eeca75bf03c72a172f3afb37c954aa0', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), h("div", { key: '90017192bd84143bbe5d406494a00f0347c9c769', class: 'flex flex-col gap-4 tablet:flex-row' }, h("slot", { key: 'c9895dbdc643d5888fa971331dcaf7198978dcb2' })))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -22,7 +22,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'e1333b589d91aa287a238a6ec2247dc38d5fbc0d' }, h("div", { key: '93de864291d6bf6f881286b6ed2e70afb9b0b329', class: header() }, h("div", { key: '3b6b5600bb4541ac2b19928858044683f7139d1a', class: content() }, h("div", { key: '2e42d2f02647b97bf76f363805d76ed8805e0255', class: title() }, h("slot", { key: 'fa88c81de30529ca7d06c95abaf304104a90a584' })), this.showClose && (h("p-button", { key: '782517e9f144230ed3063278bbedb7eeb70a7b39', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'd30bd2d9c837fd0b49eaee7a32bbe62ddc07db19', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: 'ead42171c46d09d2c3decbe28633948f4bf59b12' }, h("div", { key: '0fc4faf73a5f84fd81ffdeefe1c162f86b38ff2d', class: header() }, h("div", { key: '751e9bdea519bbd76c53cf660d723c1d2d3ef472', class: content() }, h("div", { key: 'f8c2fd3805a8eb41edda5fa72929220b2fc87026', class: title() }, h("slot", { key: 'eccc13406bcf77001e937295c3dbe466106b4b3f' })), this.showClose && (h("p-button", { key: 'e26b2d628041333f1c0de50ecd78f226ded0d66f', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '87d874bb210e13fe71cfb1a853b729f59c7577c3', class: 'dark:text-hurricane-400' }))));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../internal/themed-host.component";
 export class NavigationTitle {
     render() {
-        return (h(ThemedHost, { key: '8bd3f47ac1320f48f32a095a9b956802c8ebe41b', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, h("slot", { key: '10d0d20f74e93d280a5710acf968ba0ebfebe725' })));
+        return (h(ThemedHost, { key: 'c8308458e5c5b2b056aff4359395f79bbf53f1ce', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, h("slot", { key: 'fc635b819bace498a5c34ef4bc88c9d2e97d7908' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -88,12 +88,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: '555a0fa51eade8039be2c42060999de6117aaeb2' }, h("div", { key: '2406dbdf07c77775429beb5c30dac387ab22ee95', class: item({
+        return (h(ThemedHost, { key: '6103faba648355937dd1c9b3146c56a5d3b2f77e' }, h("div", { key: 'fc052a08fad1343827f03bf4dbbeee1565279428', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: 'bbbf3cbffbbe6464dbab35bcc4b09d12cd983984' }))));
+            }) }, h("slot", { key: '0f1f2c99de238357805489150482887fafbdf0d5' }))));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/radio/radio.component.js

@@ -91,11 +91,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: 'f9b9a3ad55850a67e2a286f3f761fb5d614025e9' }, h("label", { key: '0d00004f5c295b4e9505a6b695432f005324ba4e', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: 'c2bdcc86dcb8e9a37a72f9ddb3917de59b72757f', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '99a60dc75b42a201a7555262f6f5b25777b2d15b', class: radio({
+        return (h(ThemedHost, { key: '9b8b8a4f034fcfa7ebce756889ddc1d50b7e9915' }, h("label", { key: '6e1ba755f512d25029513c4c19402032895e61d7', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '93e33833e952e0d6d3b409708d1b74378a030402', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'd6036c40d7ddcc1c33b30525f49b3d5c898440e5', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'e42e2c008829fda3b56df89b3bff82c7b913a68e', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'dce93ca07958f9f6018689061275e297ed3c294e', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '48d408a5e1f2eb1eb6d84abf1d00a64c6a8887e0', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'afc723f6916b1b2ef2eaf7619b35190b60ecb85d' })))));
+            }) })), h("div", { key: '16b962b7a99e0dce91ad64fdcaa79a8d8e58e342', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'd8b2c229f65ff2ce3605479ffa861eda6de142a1' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/segment/container/segment-container.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class SegmentContainer {
     render() {
-        return (h(ThemedHost, { key: 'c6366b66f66240dcf3784d46a88b246dbc454619' }, h("div", { key: '0bf8489902ffda1fe015cd62c71dab495d4a7999', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: 'f30d77f94d7c9b67a7fd51b4549a501bba992e53' }))));
+        return (h(ThemedHost, { key: 'dab5d5d96e7ed903d1cef478e98ebeb5f6db6615' }, h("div", { key: 'a71cdb96735bc9ff45a42b7bcfa2c5b53acf6fd0', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '5c206670a9863398f8bf26f839c0e570ac745d2c' }))));
     }
     static get is() { return "p-segment-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -62,11 +62,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: 'c747a62a93953da4018da318723f4731b0fb2975' }, h("div", { key: 'b849c0d0341b19438404f08db1141a6f731246f4', class: segmentItem({
+        return (h(ThemedHost, { key: '6b106fc3a5c61380583e1901baa170e681803f9e' }, h("div", { key: '517135eebc40eff36806aecbd535c16bf009af0a', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '00f62be640bf6cae10633b6b9b8d8f3850df9d84', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: 'bd5b29cb645dba157fca7d3bc26c6a63d785538a', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
@@ -154,7 +154,7 @@ export class SegmentItem {
                 "mutable": false,
                 "complexType": {
                     "original": "IconVariant",
-                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"turn\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"apple\" | \"google\" | \"ideal\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"copy\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"enter-key\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
                     "references": {
                         "IconVariant": {
                             "location": "import",

package/dist/collection/components/atoms/smile/smile.component.js

@@ -37,7 +37,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '3064c59cec6290ebbed66c176b8cce2b40319b7e', class: smile({ variant: this.variant }) }, h("div", { key: '4cd443a43af0b3c95a449338261314587adcba9f', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '4a84d723aa104604444b292f01a6b4e342945992', class: smile({ variant: this.variant }) }, h("div", { key: '437b7370a3177f0d9266fd7f3595df703a035312', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/stepper/item/stepper-item.component.js

@@ -135,19 +135,19 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'a0cdb6170da994966fa0b5e974c6726ed79fedfe' }, h("div", { key: 'd044e8ff0e75e2b84701172b8ab009e67e852e42', class: item({
+        return (h(ThemedHost, { key: '8e424ffe99b687e8babf743413ece5409f014a58' }, h("div", { key: '564fe1cf48bfbd7eccb3e88b7dcf20a155e2ef2b', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '3338b84b066d0914e7bc4a957978d67a7d5a0f71', class: circle({
+            }) }, h("div", { key: '56b244095a3345212ab1e9343eca4f3c4dc58078', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '9d1bd3507e2d27eba1f72d719d17a7d823a9aac1', class: content({
+            }) }, this.number), h("div", { key: '01c3f2a226bc72cba5101ff6595a5dd7461ade34', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'f38c3877088ec7ab48580292269e5d6462ac3d14' })))));
+            }) }, h("slot", { key: 'e76421280e39a606d05626fee8ab6319e2241538' })))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/stepper/line/stepper-line.component.js

@@ -10,7 +10,7 @@ export class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return h(ThemedHost, { key: '2d5e91e9457c9dd485bb959fd8df29f9a3fed3d7' });
+        return h(ThemedHost, { key: 'a1967747daf4d5db35a8d437be434098fb484fff' });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/container/tab-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: '53c12718391c1a31581beb5c3a4ffc9818fe454e', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '58abfa25f651a4071cf3ae7b5de2bb4893036faf', class: 'scrollbar-hide flex w-full gap-5 overflow-x-auto' }, h("slot", { key: 'db7bea51d2c769fbe65c171f7d34573efad14805' })), h("p-divider", { key: '4e0edf1a71591775bda26a8c3d7dc59d34afb9db', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
+        return (h("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'scrollbar-hide flex w-full gap-5 overflow-x-auto' }, h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), h("p-divider", { key: '994c5d428c65eaf22f2d720a586809f888a567e9', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/item/tab-item.component.js

@@ -22,7 +22,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'fdf24e0ba395fe0b5ca7328403e51a3d3793fbba' }, h("div", { key: '6ef7c87520ffe3638c958140cf9c022016d8994f', class: item({ active: this.active }) }, h("slot", { key: '79e35cec4779852e59cbe8f36487fb7f0a349a3e' }))));
+        return (h(ThemedHost, { key: 'c900479cdc93ddce42fa8847ce81f3dc1c9a0bb1' }, h("div", { key: 'de7396433b8bc2a67421243e7f29b9ff0605f755', class: item({ active: this.active }) }, h("slot", { key: '2e9ec7cf0919d27d2782b0644e87e411ba84b4bf' }))));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/table/actions-container/table-container.component.js

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const container = cva('flex flex-col relative');
 export class TableContainer {
     render() {
-        return (h(Host, { key: '0aecc4fd136c891a69c1e73aa57a440a64431103', class: container() }, h("slot", { key: '83ea53a3483c1096954d4abafbf71e998411adde' })));
+        return (h(Host, { key: '60a213b1b9d9fdd01e4ead844cc0c45f97492474', class: container() }, h("slot", { key: '533b69a0e5118d466159c106cfbf6ae058b9a7f2' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {