@paperless/core 2.0.1-beta.32 → 2.0.1-beta.34

package/dist/cjs/{p-checkbox_3.cjs.entry.js → p-checkbox_2.cjs.entry.js}

@@ -9,7 +9,7 @@ const floatingUi_dom_esm = require('./floating-ui.dom.esm-ef421825.js');
 const childOf = require('./child-of-8fbd3ebe.js');
 require('./clsx-fc789adc.js');
 
-const checkboxComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.w-4{width:1rem!important}.w-6{width:1.5rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";
+const checkboxComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.w-4{width:1rem!important}.w-6{width:1.5rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";
 const PCheckboxStyle0 = checkboxComponentCss;
 
 const checkbox = index$1.cva([
@@ -25,27 +25,17 @@ const checkbox = index$1.cva([
             false: [
                 'cursor-pointer shadow-1',
                 'bg-white border-black-teal-100',
-                'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',
+                'hover:bg-supportive-lilac-100 hover:border-black-teal-100',
                 'checked:bg-supportive-lilac checked:border-black-teal/20',
                 'checked:ring-2 checked:ring-supportive-lilac-100',
-                'checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20',
-                'indeterminate:bg-supportive-lilac indeterminate:border-black-teal/20',
+                'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',
+                'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',
                 'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',
                 'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',
             ],
             true: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',
         },
     },
-    compoundVariants: [
-        {
-            disabled: false,
-            class: [
-                'cursor-pointer shadow-1',
-                'bg-white border-black-teal-100',
-                'hover:bg-supportive-lilac-100 hover:border-black-teal-100',
-            ],
-        },
-    ],
 });
 const icon = index$1.cva([
     'hidden peer-indeterminate:flex peer-checked:flex',
@@ -81,12 +71,12 @@ const Checkbox = class {
      */
     indeterminateChange;
     render() {
-        return (index.h(index.Host, { key: '763757228cc34a2ad33d913ff61a612fd5e5955c', class: 'p-checkbox' }, index.h("label", { key: 'bfff8193dffe46ff7b20e42b98ef2e8468b3c7d3', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: 'b2d392f038e6eada52cad8048fa80aa9eb059482', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '46784ca50fd4815283f7bac2cfc9a28602ab8026', class: checkbox({
+        return (index.h(index.Host, { key: '86e48a4761975d08008dbe80286421f8ace94a14', class: 'p-checkbox' }, index.h("label", { key: '56e3ba1e34c1461046edfa6c236efe1866e4e165', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: 'ff66cb62635b55c344f64fe3b06581e02ff7ea04', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '5d7f5f220bc733dcd447af518394b88564e35a40', class: checkbox({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), index.h("div", { key: '300cdf6032a669bdb6745e106b626e22b527f527', class: icon({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), index.h("div", { key: 'e9687793559790686028ff6c0514dfd4a041ced0', class: icon({
                 disabled: this.disabled,
-            }) }, index.h("p-icon", { key: '949a7e8cdc7ebaa494f2892b6c3d0e73f9676d4b', size: this.size, class: 'drop-shadow-black-teal-10%', variant: !!this.indeterminate ? 'minus' : 'checkmark' }))), index.h("slot", { key: 'b68faa0a1f9232a425f918d7be9e4e47a93dfa03' }))));
+            }) }, index.h("p-icon", { key: '0797f5f8dfcd65840aa0df73fa0b3908961cc0f5', size: this.size, class: 'drop-shadow-black-teal-10%', variant: !!this.indeterminate ? 'minus' : 'checkmarkThick' }))), index.h("slot", { key: '6f038780fb2c1816048533d57e8704f69d0da552' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -107,7 +97,7 @@ const Checkbox = class {
 };
 Checkbox.style = PCheckboxStyle0;
 
-const dropdownComponentCss = "*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.flex{display:flex!important}.hidden{display:none!important}";
+const dropdownComponentCss = "*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}";
 const PDropdownStyle0 = dropdownComponentCss;
 
 const dropdownContainerClass = index$1.cva(['z-dropdown hidden'], {
@@ -122,6 +112,7 @@ const Dropdown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.isOpen = index.createEvent(this, "isOpen", 3);
+        this.variant = 'default';
         this.placement = 'bottom-start';
         this.offset = 8;
         this.strategy = 'absolute';
@@ -162,6 +153,7 @@ const Dropdown = class {
     }
     componentDidRender() {
         this._checkButtons();
+        this._checkItems();
     }
     render() {
         const dropdownContainerProps = {
@@ -176,12 +168,12 @@ const Dropdown = class {
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (index.h("p-portal", { key: '4ce9951ba9df565f0a3b482a34cb18e10ffa7dd3', ...dropdownContainerProps }, index.h("p-dropdown-menu-container", { key: '1b487d02d0a819f8cf41373e229361c7a0bbb6c0', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, index.h("slot", { key: '06aea6630be099ec81c99221aa13f637c5c4145b', name: 'items' }))));
+            dropdownContainer = (index.h("p-portal", { key: '2ef190e2cd48e5bb2c11ebb14dee78a2f00a10e9', ...dropdownContainerProps }, index.h("p-dropdown-menu-container", { key: '32a25346708daf087c4f63c3f3f8d68e2a3320f9', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, index.h("slot", { key: '165b0919ff2cae9b8f040d972b7fcae245341568', name: 'items' }))));
         }
         else {
-            dropdownContainer = (index.h("p-dropdown-menu-container", { key: 'a6c09ab73d9fecbf256c25a51bfd8f84649ac6ca', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, index.h("slot", { key: '00176ba6c4cccac8d18a35d50aa570da68b2c680', name: 'items' })));
+            dropdownContainer = (index.h("p-dropdown-menu-container", { key: '06169533cac303c1ad14f3eedd084120d0bc285d', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, index.h("slot", { key: 'f5e194cb30b783e4eacab149508adff0ed3a298e', name: 'items' })));
         }
-        return (index.h(index.Host, { key: '7e22ef22fc226b3e6d4981b71f782804de1d25d6', class: 'p-dropdown relative' }, index.h("div", { key: '46f0f7999a1a4581ee3e82be7d53c61adccb6874', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, index.h("slot", { key: '745a38cf876df9da4198aa906b5f813ed14c3b4f', name: 'trigger' })), dropdownContainer));
+        return (index.h(index.Host, { key: 'a0a1de42bd08376b659cff117b25c43f417fd36e', class: 'p-dropdown relative' }, index.h("div", { key: 'ed7e4461a36af81c2e3928c9f8b243444782c793', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, index.h("slot", { key: '26dd3a15c60b860c3cfe7dbac3c09976b62242c0', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {
@@ -199,6 +191,12 @@ const Dropdown = class {
             button.active = active;
         }
     }
+    _checkItems() {
+        const items = this._el.querySelectorAll('p-dropdown-menu-item');
+        for (let item of [...items]) {
+            item.variant = this.variant;
+        }
+    }
     onShowChange(show) {
         if (!this._loaded) {
             return;
@@ -254,7 +252,7 @@ const Dropdown = class {
         this._cleanup = floatingUi_dom_esm.autoUpdate(this._el, this._menu, () => this._update());
         this._menu.setAttribute('data-show', '');
         this._menu.classList.remove('hidden');
-        this._menu.classList.add('flex');
+        this._menu.classList.add('block');
         this.isOpen.emit(true);
         this._checkButtons(true);
     }
@@ -268,7 +266,7 @@ const Dropdown = class {
         }
         // Hide the popover
         this._menu.removeAttribute('data-show');
-        this._menu.classList.remove('flex');
+        this._menu.classList.remove('block');
         this._menu.classList.add('hidden');
         this.isOpen.emit(false);
         this._checkButtons(false);
@@ -295,150 +293,7 @@ const Dropdown = class {
 };
 Dropdown.style = PDropdownStyle0;
 
-const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{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-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-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/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-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/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}.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-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!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}";
-const PDropdownMenuItemStyle0 = dropdownMenuItemComponentCss;
-
-const dropdownMenuItem = index$1.cva([
-    'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',
-], {
-    variants: {
-        variant: {
-            default: null,
-            negative: null,
-        },
-        active: {
-            false: null,
-            true: null,
-        },
-        disabled: {
-            false: 'cursor-pointer',
-            true: 'cursor-not-allowed',
-        },
-        enableHover: {
-            false: null,
-            true: null,
-        },
-    },
-    compoundVariants: [
-        {
-            variant: 'default',
-            active: false,
-            enableHover: true,
-            disabled: false,
-            class: 'text-black-teal hover:bg-supportive-lilac-50',
-        },
-        {
-            variant: 'default',
-            active: true,
-            disabled: false,
-            class: 'bg-supportive-lilac-100',
-        },
-        {
-            variant: 'default',
-            disabled: true,
-            class: 'text-black-teal-200',
-        },
-        {
-            variant: 'default',
-            disabled: true,
-            active: true,
-            class: 'bg-supportive-lilac-100',
-        },
-        {
-            variant: 'negative',
-            active: false,
-            enableHover: true,
-            disabled: false,
-            class: 'text-negative-red hover:bg-negative-red-50',
-        },
-        {
-            variant: 'negative',
-            active: true,
-            disabled: false,
-            class: 'bg-negative-red-100 text-negative-red',
-        },
-        {
-            variant: 'negative',
-            disabled: true,
-            class: 'text-negative-red-100',
-        },
-        {
-            variant: 'negative',
-            disabled: true,
-            active: true,
-            class: 'bg-negative-red-50',
-        },
-        {
-            enableHover: true,
-            disabled: false,
-            class: 'cursor-pointer',
-        },
-    ],
-});
-const dropdownMenuItemIcon = index$1.cva(['text-base'], {
-    variants: {
-        variant: {
-            default: null,
-            negative: null,
-        },
-        active: {
-            false: null,
-            true: null,
-        },
-        disabled: {
-            false: null,
-            true: 'text-black-teal-100',
-        },
-    },
-    compoundVariants: [
-        {
-            variant: 'default',
-            active: false,
-            disabled: false,
-            class: 'text-black-teal-300 group-hover:text-black-teal',
-        },
-        {
-            variant: 'negative',
-            active: false,
-            disabled: false,
-            class: 'text-negative-red group-hover:text-negative-red-800',
-        },
-        {
-            variant: 'negative',
-            active: true,
-            disabled: false,
-            class: 'text-negative-red-800',
-        },
-    ],
-});
-const DropdownMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.active = false;
-        this.checkbox = false;
-        this.variant = 'default';
-        this.enableHover = true;
-        this.disabled = false;
-        this.icon = undefined;
-        this.useContainer = true;
-    }
-    render() {
-        return (index.h(index.Host, { key: '08d46e7573279d9cc222d1209d14b1488d70ff5e', class: dropdownMenuItem({
-                variant: this.variant,
-                active: this.active,
-                enableHover: this.enableHover,
-                disabled: this.disabled,
-            }) }, this.icon && (index.h("p-icon", { key: '56cf5ed28c52cc447db03bd1776d11bb23538197', class: dropdownMenuItemIcon({
-                variant: this.variant,
-                active: this.active,
-                disabled: this.disabled,
-            }), variant: this.icon })), this.checkbox && (index.h("p-checkbox", { key: 'db105260f7c292a11a8b4cbec38bddef960bf8bf', size: 'sm', checked: this.active, disabled: this.disabled })), this.useContainer ? (index.h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, index.h("slot", null))) : (index.h("slot", null))));
-    }
-};
-DropdownMenuItem.style = PDropdownMenuItemStyle0;
-
 exports.p_checkbox = Checkbox;
 exports.p_dropdown = Dropdown;
-exports.p_dropdown_menu_item = DropdownMenuItem;
 
-//# sourceMappingURL=p-checkbox_3.cjs.entry.js.map
+//# sourceMappingURL=p-checkbox_2.cjs.entry.js.map

package/dist/cjs/p-checkbox_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-checkbox.p-dropdown.entry.cjs.js","mappings":"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","names":["cva","nonce","h","Host","childOf","autoUpdate","computePosition","offset","flip","shift"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox","src/components/atoms/checkbox/checkbox.component.tsx","src/components/molecules/dropdown/dropdown.component.css?tag=p-dropdown","src/components/molecules/dropdown/dropdown.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'rounded w-4 h-4',\n\t\t\t\tbase: 'rounded-lg w-6 h-6',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * The size of the checkbox\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id ?? this._nonce}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={this.id ?? this._nonce}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\tclass='drop-shadow-black-teal-10%'\n\t\t\t\t\t\t\t\tvariant={!!this.indeterminate ? 'minus' : 'checkmarkThick'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tconst indeterminate = (ev.target as HTMLInputElement).indeterminate;\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\t}\n}\n","","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { childOf } from '../../../utils/child-of';\n\nconst dropdownContainerClass = cva(['z-dropdown hidden'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.css',\n})\nexport class Dropdown {\n\t/**\n\t * The variant of the dropdown\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = 'default';\n\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the dropdown container\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to automatically calculate the width of the menu based on the trigger\n\t */\n\t@Prop() calculateWidth: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\tprivate _loaded = false;\n\tprivate _trigger: HTMLElement;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\tthis._menu.remove();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis._checkButtons();\n\t\tthis._checkItems();\n\t}\n\n\trender() {\n\t\tconst dropdownContainerProps = {\n\t\t\tclass: dropdownContainerClass({\n\t\t\t\tstrategy: this.strategy,\n\t\t\t}),\n\t\t\tref: el => this._load(el),\n\t\t\tonClick: () => this._containerClickHandler(),\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\t'data-strategy': this.strategy,\n\t\t};\n\n\t\tlet dropdownContainer: HTMLElement;\n\n\t\tif (this.usePortal) {\n\t\t\tdropdownContainer = (\n\t\t\t\t<p-portal {...dropdownContainerProps}>\n\t\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name='items' />\n\t\t\t\t\t</p-dropdown-menu-container>\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\tdropdownContainer = (\n\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t{...dropdownContainerProps}\n\t\t\t\t>\n\t\t\t\t\t<slot name='items' />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tref={ref => (this._trigger = ref)}\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t{dropdownContainer}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButtons(active: boolean = false) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>(\n\t\t\t'p-button[slot=\"trigger\"]'\n\t\t);\n\n\t\tfor (let button of [...buttons]) {\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\n\t\t}\n\t}\n\n\tprivate _checkItems() {\n\t\tconst items = this._el.querySelectorAll<HTMLPDropdownMenuItemElement>(\n\t\t\t'p-dropdown-menu-item'\n\t\t);\n\n\t\tfor (let item of [...items]) {\n\t\t\titem.variant = this.variant;\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._menu.hasAttribute('data-show') || childOf(target, this._menu)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Make the popover visible\n\t\tif (this.calculateWidth) {\n\t\t\tthis._menu.style.width = `${this._trigger.clientWidth}px`;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis._menu.classList.remove('hidden');\n\t\tthis._menu.classList.add('block');\n\n\t\tthis.isOpen.emit(true);\n\t\tthis._checkButtons(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._menu.removeAttribute('data-show');\n\t\tthis._menu.classList.remove('block');\n\t\tthis._menu.classList.add('hidden');\n\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButtons(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}

package/dist/cjs/p-content-slider.cjs.entry.js

@@ -45,9 +45,9 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '32c284ee7901017eefbe8124029e1b1252cfa202', class: "p-content-slider" }, index.h("div", { key: 'a75ed8e3e600d0e19f71247e3fb1c9d97a9437b9', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (index.h(index.Host, { key: '8eb11bf3cc0a423f409e4be422bc6317da9781d3', class: "p-content-slider" }, index.h("div", { key: 'f8f2b83337877d30e99288c5dfe39fdd3c0d4836', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, index.h("div", { key: 'f6b5f3d9ef0f188c8a47afeb4ef026fa8d6499ac', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '365f3783b6a163ea40d72b645650c32c4c249c71' }))), index.h("div", { key: '994a8ed5c19b7c3dbb0ea210d69bee2c5c78dcd3', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, index.h("div", { key: 'a59469a94a13cca80542a65bed22c404b99b3ecb', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '5e00f801555b5df3b9246854d59ed1876286ebe5' }))), index.h("div", { key: '01cf555792aca6f36bec72acf123b0e398901cd6', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

package/dist/cjs/p-counter.cjs.entry.js

@@ -14,7 +14,7 @@ const Counter = class {
         this.size = 'default';
     }
     render() {
-        return (index.h(index.Host, { key: '9f55a1fa108d8a6704cdd1a3d9064b4658747ec0', class: `p-counter variant-${this.variant} size-${this.size}` }, index.h("slot", { key: 'f51ab888a6ad87a2639072cb8a13268a057ab496' })));
+        return (index.h(index.Host, { key: '0bcd879c285b9494e03599c77a0015519d7541db', class: `p-counter variant-${this.variant} size-${this.size}` }, index.h("slot", { key: '60cb85332859453927489da13981084db3cffd8d' })));
     }
 };
 Counter.style = PCounterStyle0;

package/dist/cjs/p-cropper.cjs.entry.js

@@ -2842,10 +2842,10 @@ const Cropper = class {
         }, 200);
     }
     render() {
-        return (index.h(index.Host, { key: '3e5aae3ee38ef7916782f0ef6b798a2e1c7bcb1f', class: 'p-cropper' }, this._loaded && (index.h("cropper-canvas", { key: 'c6a1cda7ae28e331b54cdd28b41048493f433a73', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, index.h("cropper-image", { key: '02e38a00de7a94ae9c0a9455204d4c552850c5f3', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '12001865905af4564b2cf5d0ef32a31e7dbbcd36', class: clsx.clsx({
+        return (index.h(index.Host, { key: 'c7ca3f48d21b7925b17f42ef5efeb66ceb814884', class: 'p-cropper' }, this._loaded && (index.h("cropper-canvas", { key: 'adf2a4302c2c7170924c5b433b8841964360f3ea', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, index.h("cropper-image", { key: 'd74a8a67b80699f6ffc16bb69ff55728bada0528', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '6a5b34376058b7e086e3061c5473da98f7ef64e9', class: clsx.clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), index.h("cropper-selection", { key: '1cc692662a02f29bccc67b9cbd9e2cb83c53880a', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: 'a782e50ae9a931de6ccd70591310092cc8d01e4b', action: 'move', plain: true }))), index.h("div", { key: 'd88de6e6012701e12fd7ffa0b856db55a27e1a5d', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, index.h("p-icon", { key: '3a0fa3ac2d8e44022370a25fff6c64ce9f09c523', variant: 'minus' }), index.h("input", { key: '0d4f8e6d028c44af3ee9e68b8bb90f4d5f6b20e9', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), index.h("p-icon", { key: '04f4ccffda0c52298d6e85cd3ec1093a3b1bccfd', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), index.h("cropper-selection", { key: '0f9d377be79c0077dfa219f129cc063d9ab50356', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: 'a58b78d26eb5ef59af523d9a656b96353d35011d', action: 'move', plain: true }))), index.h("div", { key: 'b3875252e85fa6c03f3b37b506a2671d08716046', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, index.h("p-icon", { key: 'ee09baf9f32e2740e7edab92b52a36c7d1ea34a3', variant: 'minus' }), index.h("input", { key: 'f02aeb58fec43835d116750c919bc320d5c55bbf', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), index.h("p-icon", { key: '653559c8eaeaa0ae0a677d1c3756b1439e45fcd9', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/cjs/p-datepicker.cjs.entry.js

@@ -2998,9 +2998,9 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd8072759e5110df91f88b5433ed1abd37b7a957b', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: '389b7ecebd6d34c14a128d4e25a6262ed4b471d6', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: 'ebc5b5fe902c5fa5e26fd821bafa0d0314f2fbab', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '0696f58898874fd807758cf6745cb675e9d56071', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (index$1.h(index$1.Host, { key: '53cefbcd435b31a304c14bcdf254981992f0300a', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'd76542b017edc53f22a438d5258d7af31f58554a', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '610e312ff7b0cfe15b9181e10cb4e6e1eedb0020', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '13223eded6fa5a099413ce69c12b2a5e6bc18b76', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: '42e5c115c7512321ee84a2b5e0c963d227c82889', slot: 'items' }, index$1.h("p-calendar", { key: 'f11987a548b1322752747c8aaa6fab55af740d95', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: 'e9e200360461dc61f401c4bea89714a70964b6a5', slot: 'items' }, index$1.h("p-calendar", { key: '47460a7acb1369d29b325bb92f9d464f2504905e', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf.childOf(target, this._el)) {

package/dist/cjs/p-divider.cjs.entry.js

@@ -15,7 +15,7 @@ const Divider = class {
     get _el() { return index.getElement(this); }
     render() {
         const hasSlotted = !!this._el.innerHTML?.length;
-        return (index.h(index.Host, { key: '8bc01a98862c6c97060ef52dc3bb1ed1af040e51', class: 'p-divider' }, index.h("div", { key: '15be02fc701029e4a5903dd0cd3d0cc37dae8f82', class: 'content' }, index.h("div", { key: '3a326034595c671ae8177480372e2ec5b41277b6', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, index.h("slot", { key: '1cd6af0b816d06dcc363cf2a6e679b80fbdac142' })))));
+        return (index.h(index.Host, { key: '2f5ece00b30f0983d8b45790bf5e3b80f20b639e', class: 'p-divider' }, index.h("div", { key: '51f28368c170afb7bf5cf427bc60c78ba87c3a9f', class: 'content' }, index.h("div", { key: '9afa0cb9998e81a3c4f42165ed358031b6808d19', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, index.h("slot", { key: '38434b8c2007d97e13eeb487a7af10bbb107945e' })))));
     }
 };
 Divider.style = PDividerStyle0;

package/dist/cjs/p-drawer-body_3.cjs.entry.js

@@ -13,7 +13,7 @@ const ModalBody = class {
         this.variant = 'default';
     }
     render() {
-        return (index.h(index.Host, { key: 'f64516662a47c6af37cd5252f680034303e5d53b', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: '12839b91a0a1c6f0f0ca17a3d1416ae99d9bdf6b' })));
+        return (index.h(index.Host, { key: 'e5d1cb239fcdf768cbee8d8e2535f96c3986ee39', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: 'fdd6be1de819accb8e62ad9d0379110782b2d41f' })));
     }
 };
 ModalBody.style = PDrawerBodyStyle0;
@@ -27,7 +27,7 @@ const ModalContainer = class {
         this.closing = false;
     }
     render() {
-        return (index.h(index.Host, { key: '6592422471e0dee3fcafa7f67f287aec507efadf', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: '6040e86276aa241295eff3c3015a124ce297a16c' })));
+        return (index.h(index.Host, { key: '1e83da125ac254f3f929492411f899504ede61b9', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: '5bbf994ddb8f3426dba93c28439d6ff7d913680d' })));
     }
 };
 ModalContainer.style = PDrawerContainerStyle0;
@@ -46,7 +46,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(index.Host, { key: '6851cefd3c95acfd5b61f6564c515eb92fbbc438', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: '3e22ec23f39ac10f2dd9610e769a201e0b2888b7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: 'c23369be2268f7fb5bb62219183fc1efb83001c4' })));
+        return (index.h(index.Host, { key: '52848fc893686c0e7e85e8b3d6cbe9731dfb03c8', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: 'ce2841335f8e03516a27996a60cd50cc4f747ffe', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '83f78bbf3fac9eca7755526e3f1c10f0bad8faac' })));
     }
 };
 ModalHeader.style = PDrawerHeaderStyle0;

package/dist/cjs/p-dropdown-menu-container.cjs.entry.js

@@ -6,16 +6,15 @@ const index = require('./index-3f9bbc0c.js');
 const index$1 = require('./index-b556e70f.js');
 require('./clsx-fc789adc.js');
 
-const dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+const dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-600{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}";
 const PDropdownMenuContainerStyle0 = dropdownMenuContainerComponentCss;
 
-const dropdownMenuContainer = index$1.cva([
-    'p-dropdown-menu-container',
-    'p-1',
-    'bg-white rounded-lg z-10 drop-shadow-2',
-    'border border-black-teal-100',
-], {
+const dropdownMenuContainer = index$1.cva(['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'], {
     variants: {
+        variant: {
+            default: 'bg-white border-black-teal-100 drop-shadow-2',
+            'dark-teal': 'bg-dark-teal-600 drop-shadow-3 border-dark-teal-600',
+        },
         fullWidth: {
             false: null,
             true: 'w-full',
@@ -39,6 +38,7 @@ const dropdownMenuContainer = index$1.cva([
 const DropdownMenuContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.variant = 'default';
         this.maxWidth = true;
         this.class = undefined;
         this.fullWidth = true;
@@ -51,13 +51,14 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (index.h(index.Host, { key: 'd20e54bf6ae67b8c235bd6db39226c90532e43bc', class: dropdownMenuContainer({
+        return (index.h(index.Host, { key: '04e1181dd9274ed1668002ddf4f63e4739cf5282', class: dropdownMenuContainer({
                 class: this.class,
+                variant: this.variant,
                 fullWidth: this.fullWidth,
                 allowOverflow: this.allowOverflow,
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, index.h("div", { key: '199e355596adf1c91c977490b0130e0dc5399bed', class: 'flex w-full flex-col gap-[1px]' }, index.h("slot", { key: '44d455cb277b45795ec17f79c5dfbba7bf65cc4c' }))));
+            }) }, index.h("div", { key: 'a8c270e32fd7b89953e923e99574d561e3bfdb21', class: 'flex w-full flex-col gap-[1px]' }, index.h("slot", { key: '520a112ce75a4dad3fafbbe233db1b87344bf480' }))));
     }
 };
 DropdownMenuContainer.style = PDropdownMenuContainerStyle0;

package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-dropdown-menu-container.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iCAAiC,GAAG,4sCAA4sC,CAAC;AACvvC,qCAAe,iCAAiC;;ACEhD,MAAM,qBAAqB,GAAGA,WAAG,CAChC;IACC,2BAA2B;IAC3B,KAAK;IACL,wCAAwC;IACxC,8BAA8B;CAC9B,EACD;IACC,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,QAAQ;SACd;QACD,aAAa,EAAE;YACd,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,IAAI;SACV;QACD,UAAU,EAAE;YACX,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,eAAe;SACvB;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,0BAA0B;SAChC;KACD;CACD,CACD,CAAC;MAMW,qBAAqB;;;wBAIL,IAAI;;yBAUH,IAAI;6BAKA,KAAK;0BAKyB,KAAK;;IAEpE,MAAM;QACL,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK,KAAK;cACtB,MAAM;cACN,IAAI,CAAC,UAAU,KAAK,IAAI;kBACxB,SAAS;kBACT,IAAI,CAAC,UAAU,CAAC;QAEpB,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,qBAAqB,CAAC;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC,IAEFD,kEAAK,KAAK,EAAC,gCAAgC,IAC1CA,oEAAQ,CACH,CACA,EACN;KACF;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container","src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'bg-white rounded-lg z-10 drop-shadow-2',\n\t\t'border border-black-teal-100',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-auto max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tfullWidth: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-dropdown-menu-container.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iCAAiC,GAAG,2mDAA2mD,CAAC;AACtpD,qCAAe,iCAAiC;;ACEhD,MAAM,qBAAqB,GAAGA,WAAG,CAChC,CAAC,2BAA2B,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EACjE;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,8CAA8C;YACvD,WAAW,EAAE,qDAAqD;SAClE;QACD,SAAS,EAAE;YACV,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,QAAQ;SACd;QACD,aAAa,EAAE;YACd,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,IAAI;SACV;QACD,UAAU,EAAE;YACX,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,eAAe;SACvB;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,0BAA0B;SAChC;KACD;CACD,CACD,CAAC;MAMW,qBAAqB;;;uBAIU,SAAS;wBAKxB,IAAI;;yBAUH,IAAI;6BAKA,KAAK;0BAKyB,KAAK;;IAEpE,MAAM;QACL,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK,KAAK;cACtB,MAAM;cACN,IAAI,CAAC,UAAU,KAAK,IAAI;kBACxB,SAAS;kBACT,IAAI,CAAC,UAAU,CAAC;QAEpB,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,qBAAqB,CAAC;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC,IAEFD,kEAAK,KAAK,EAAC,gCAAgC,IAC1CA,oEAAQ,CACH,CACA,EACN;KACF;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container","src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-white border-black-teal-100 drop-shadow-2',\n\t\t\t\t'dark-teal': 'bg-dark-teal-600 drop-shadow-3 border-dark-teal-600',\n\t\t\t},\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-auto max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = 'default';\n\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tfullWidth: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}