@paperless/core 2.0.1-beta.21 → 2.0.1-beta.22

package/dist/components/p-attachment.js

@@ -30,14 +30,14 @@ const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends HTM
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: '91f61402860b721f93e4d39092d1a7287c7d76be', variant: 'attachment' });
+        let prefix = h("p-icon", { key: '0f6fdd0e2d04701633d2159ec6dd3e7a6805d81f', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: '2d80997d3d7586bd94cacf836973d52bf1e5d33c' });
+            prefix = h("p-loader", { key: '13ab45a77fc4bef011ab08760539459e68df943e' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: '79811465cf29931d832ceb81ba11a3d0aad8987b', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: 'e8d352fe5293af4fa7704df89a55d1a22a86756f', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '159cf6563bbe844c1992605de10d1518e2087d77', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'a04aad61a2ea29086ffc2fcbee6dd2c2299fab3b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '5061aeaa9cc1884529a8b68a93f70180eca4cf8c', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '4a11f180fac573f1e5de447552f4f711e2d083d1' })), this.error?.length && h("p-input-error", { key: 'cad249378d27241da65d7c1c15a886f12e8adbf2', error: this.error })), h("p-button", { key: '1587915332cf3a281f88f8e0d28b525c37bafade', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (h(Host, { key: '5d94032752397283496ad42f3034be1dc41a70e3', class: 'p-attachment flex items-start gap-4' }, h("div", { key: '0abebda5e4f17d6a00e07fe4d5853a3083046bf9', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '179dd7e6c759bc6205e9d9e2521c945553d3a0cb', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '0b99553205320b53f5389a721cd4c993fd6da95a' })), this.error?.length && h("p-input-error", { key: '39d53a690670b83dc859a9a667aeada3182e7a35', error: this.error })), h("p-button", { key: 'a8a726acacae0c0e82d979e31a2de2afff34acf5', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get style() { return PAttachmentStyle0; }
 }, [1, "p-attachment", {

package/dist/components/p-button-group.js

@@ -12,7 +12,7 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '7d49236b6a489e5581670eb011a9743cf3edec50', class: 'p-button-group flex items-center' }, h("slot", { key: '40a1f245652f461c6c2619c3f2f3ceff9b11fd1f' })));
+        return (h(Host, { key: '2b21e710322939b988c56ec93315f294e141fd8b', class: 'p-button-group flex items-center' }, h("slot", { key: '8df0ce25df38771b78d6152368d00c45aec74dc4' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/components/p-content-slider.js

@@ -44,9 +44,9 @@ const ContentSlider = /*@__PURE__*/ proxyCustomElement(class ContentSlider exten
         }
     }
     render() {
-        return (h(Host, { key: 'e996c635c0cf4b6079e446ce63d73f1b9852726b', class: "p-content-slider" }, h("div", { key: '184859d7f3cc545fed4b2cd81ec40f1faf231a14', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: '75da799f01accf4047ac83242a1200509947c1f5', class: "p-content-slider" }, h("div", { key: '4146cd50da6e230f179612844beb835914a89632', 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) }, h("div", { key: 'cbeab030c9c898ee3f13b18c542673057113a74d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '3a750b867b7abd33b4ad25dd08b7e634fbddd957' }))), h("div", { key: '6fb3c9c1bfcaf67067858c71de4058be1e6fd8b8', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, 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) }, h("div", { key: 'fdbbd773f07938dd8906bb456e7739f6c717092c', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '7a3d5dd2a3234d27c8ab6acfc5a64f98cf52c1c8' }))), h("div", { key: '56cd4bdee286d29a469bf30ac842977c80ed6195', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

package/dist/components/p-cropper.js

@@ -2841,10 +2841,10 @@ const Cropper = /*@__PURE__*/ proxyCustomElement(class Cropper extends HTMLEleme
         }, 200);
     }
     render() {
-        return (h(Host, { key: 'afd5e10b35660436241cd4bf34804ff18d38e63c', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'b83a601fdc5e6dd0bdab4091dce8536dd8098abd', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '92f70e3d205a72e87c4454f6f2ffb3ecb7c2a2c4', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'cb819b4d9a2e28263555c888b4db913d6d8d9f45', class: clsx({
+        return (h(Host, { key: '7390aec5b5f81ffd67e54811ca821cc9772fddc5', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '95ecbd9acce466e81d90810cc7297dcf6ea5cdbe', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '76534002ee9c7dc3e8e073393b35235c187d7656', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '597dba1bcc2d306c4161b9a45bcb061d8acc9e2d', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '65e6df8e4166009cc27e83c173203c7dfe163bd8', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '2c7e8c3b91c7bf71ac9ab34f12d7533ac32686d1', action: 'move', plain: true }))), h("div", { key: 'f8bdfafaebb8ec4da34b01bbbefc8a56f34a9696', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '883df6ef54a39ab1fbc2b1d3e1940aaec0f0d97f', variant: 'minus' }), h("input", { key: '8d39562d4df89cf00479cc3ff97194c14622fd31', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '9b0ba4eae79add1f148a884013f8ad3f8d7d75cd', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: 'e00c6e0b5541edce749b7837769cb35b26b2e3b6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'adee5991926e23ed24349ca87b69f4e5002185a1', action: 'move', plain: true }))), h("div", { key: '76041ecf8ca26fd74b50acdc5543e94efc4326dd', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: 'e0ae20d0717c42c24a554527f032564ef62400c7', variant: 'minus' }), h("input", { key: 'e1f7facd9c9e6012e577688ba13b8119effce06d', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '25815296c58d77cc72a1d7de328e8f44c897b608', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/components/p-datepicker.js

@@ -2949,7 +2949,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '81d0ef25f8732896445b7e5cb89d8442cc0db02e', class: 'p-datepicker' }, h("p-dropdown", { key: 'ae2f387721b7b6799bf413e5f6622ab60ab0807f', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '263f9cada2705bcd9cd579f569aba59f49f69f8e', 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) }), h("div", { key: '5669a50474ab48cc77391ab17c4e3b72ce3b8a7f', slot: 'items' }, h("p-calendar", { key: 'db4da464f2e0a96fe6a7697c1107990202d1a102', 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 })))));
+        return (h(Host, { key: '0de36ac63a8498aa89896203a95b32990ff09005', class: 'p-datepicker' }, h("p-dropdown", { key: '03c3fd3666a07cafd8c972627637a335f4dbd31f', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '79f0be9fbc485923a05f884d7ab215d53d56ea46', 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) }), h("div", { key: '3f096013cc6cde840576d9a71cd8ff6bdbf5c0d7', slot: 'items' }, h("p-calendar", { key: 'e40c1f2a0c1458a836268f4d39e64bb3bb637b5a', 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(target, this._el)) {

package/dist/components/p-label.js

@@ -1,4 +1,86 @@
-import { L as Label, d as defineCustomElement$1 } from './label.component.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as cva } from './index2.js';
+import { c as cn } from './cn.js';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content: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-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/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-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/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}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/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-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
+const PLabelStyle0 = labelComponentCss;
+
+const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full'], {
+    variants: {
+        variant: {
+            positive: 'bg-positive-green-100 text-positive-green-800',
+            biased: 'bg-amber-100  text-amber-800',
+            negative: 'bg-negative-red-100 text-negative-red-800',
+            neutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',
+            unavailable: 'bg-white-700 text-dark-teal-800',
+        },
+        iconOnly: {
+            false: 'px-2',
+            true: 'p-2 w-6',
+        },
+        keepMobileContent: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            keepMobileContent: false,
+            iconOnly: false,
+            class: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',
+        },
+    ],
+});
+const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = 'neutral';
+        this.iconOnly = false;
+        this.icon = undefined;
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+        this.keepMobileContent = false;
+    }
+    render() {
+        return (h(Host, { key: 'f856eed050d7fa75c8cd48bb8f27bce27beb19c5', class: 'p-label' }, h("div", { key: '429ee34de3268f5a94e9996b1d4cde4f8165f67b', class: label({
+                variant: this.variant,
+                iconOnly: this.iconOnly,
+                keepMobileContent: this.keepMobileContent,
+            }) }, this.icon && (h("p-icon", { key: 'ed98f89a18751466d842f3c731aa253fa4a428b7', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'bc29f59321fa594bfa9925a0ec29c28ddedc7d4a', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+                hidden: !this.keepMobileContent,
+                'desktop-xs:block': !this.keepMobileContent,
+            }) }, h("slot", { key: '81cdfddd2f82d84a26b4c85311cd03171ac6e9a0' }))))));
+    }
+    static get style() { return PLabelStyle0; }
+}, [1, "p-label", {
+        "variant": [513],
+        "iconOnly": [516, "icon-only"],
+        "icon": [513],
+        "iconFlip": [1, "icon-flip"],
+        "iconRotate": [2, "icon-rotate"],
+        "keepMobileContent": [516, "keep-mobile-content"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-label", "p-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Label);
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
 
 const PLabel = Label;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-label.js.map

@@ -1 +1 @@
-{"file":"p-label.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"p-label.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,i9DAAi9D,CAAC;AAC5+D,qBAAe,iBAAiB;;ACKhC,MAAM,KAAK,GAAG,GAAG,CAChB,CAAC,wCAAwC,EAAE,kBAAkB,CAAC,EAC9D;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,QAAQ,EAAE,+CAA+C;YACzD,MAAM,EAAE,8BAA8B;YACtC,QAAQ,EAAE,2CAA2C;YACrD,OAAO,EAAE,mDAAmD;YAC5D,WAAW,EAAE,iCAAiC;SAC9C;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SACf;QACD,iBAAiB,EAAE;YAClB,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,iBAAiB,EAAE,KAAK;YACxB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,2CAA2C;SAClD;KACD;CACD,CACD,CAAC;MAOW,KAAK;;;;;uBASE,SAAS;wBAKiB,KAAK;;;;iCAoBI,KAAK;;IAE3D,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,SAAS,IACpB,4DACC,KAAK,EAAE,KAAK,CAAC;gBACZ,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;aACzC,CAAC,IAED,IAAI,CAAC,IAAI,KACT,+DACC,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EAEA,CAAC,IAAI,CAAC,QAAQ,KACd,4DACC,KAAK,EAAE,EAAE,CACR,gEAAgE,EAChE;gBACC,MAAM,EAAE,CAAC,IAAI,CAAC,iBAAiB;gBAC/B,kBAAkB,EAAE,CAAC,IAAI,CAAC,iBAAiB;aAC3C,CACD,IAED,8DAAQ,CACH,CACN,CACI,CACA,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/label/label.component.css?tag=p-label&encapsulation=shadow","src/components/molecules/label/label.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../utils/cn';\n\nconst label = cva(\n\t['flex items-center justify-center gap-2', 'h-6 rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tpositive: 'bg-positive-green-100 text-positive-green-800',\n\t\t\t\tbiased: 'bg-amber-100  text-amber-800',\n\t\t\t\tnegative: 'bg-negative-red-100 text-negative-red-800',\n\t\t\t\tneutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',\n\t\t\t\tunavailable: 'bg-white-700 text-dark-teal-800',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'p-2 w-6',\n\t\t\t},\n\t\t\tkeepMobileContent: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tkeepMobileContent: false,\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.css',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * Wether to only show the icon\n\t */\n\t@Prop({ reflect: true }) iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-label'>\n\t\t\t\t<div\n\t\t\t\t\tclass={label({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t\tkeepMobileContent: this.keepMobileContent,\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='flex-shrink-0'\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!this.iconOnly && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t\t'flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\thidden: !this.keepMobileContent,\n\t\t\t\t\t\t\t\t\t'desktop-xs:block': !this.keepMobileContent,\n\t\t\t\t\t\t\t\t}\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</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-layout.js

@@ -11,7 +11,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends HTMLElement
         this.variant = 'default';
     }
     render() {
-        return (h(Host, { key: '3831e9f213040c55cdaec97155df5489dff12170', class: `p-layout variant-${this.variant}` }, h("div", { key: 'ca7b6362566d1b3ca050c9e156c0c3fb6392c580', class: "content" }, h("div", { key: '560728eb60a95b855b09f91e925ec19044da413d', class: "inner-content" }, h("slot", { key: '2168f3f031cac9b805b4ad4ed7d7b5e500208baa', name: "content" }))), h("div", { key: '1cb5069c3e6bb1d2c90b678ec4a889c2724e4249', class: "sidebar" }, h("slot", { key: 'febf7d89e6cb24e63afb5c54edf0a59ca2de0136', name: "sidebar" })), h("div", { key: '714aaf2fb92091707671a8139bfc9c08591e8d5c', class: "topbar" }, h("slot", { key: '6fae7e137447d6ae699e277fabe7c76a7c34031d', name: "topbar" }))));
+        return (h(Host, { key: '87e6a518eeba1dae91acb44ca352f8d725dccbf7', class: `p-layout variant-${this.variant}` }, h("div", { key: '2a0cdea6708770b219d5f413f7aac5fe0e51e26b', class: "content" }, h("div", { key: '5db9b2431dd5ab288d21e37e99b03f07ffd27d26', class: "inner-content" }, h("slot", { key: '17b8e22d6793123555c6436f0f0be92928bcf4e1', name: "content" }))), h("div", { key: 'ebe171e640079f5232dce274f4160b74f0b96f23', class: "sidebar" }, h("slot", { key: 'ea85cf354e08378c815fe45838c647d53c7ee4b8', name: "sidebar" })), h("div", { key: '1998ccdec1e41b455fddbb7b3fad39dca3a87e21', class: "topbar" }, h("slot", { key: 'ed0296f4df62ce628ad0b66a97f7d557d228842d', name: "topbar" }))));
     }
     static get style() { return PLayoutStyle0; }
 }, [1, "p-layout", {

package/dist/components/p-navbar.js

@@ -55,7 +55,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends HTMLElement
         this._show = false;
     }
     render() {
-        return (h(Host, { key: 'd0fb08c272ed8209ba4b4eeb0e84db3af7f56b6c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '03c3f5a31cdb369c0fc9e2e2758c6124f8874323', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e436eb63373ce0460d04c1e6bf9d2a6d5dd77a22', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '5cc267234e3f93766244c241c896004f0312e7ab', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'a1cf06f679fe209a5d9fee1e3f59e4ab1e2b3628', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '3c2bc5439cfb75cc9d3134f987dc80ebd3971298', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '9fc8ab5a7648ee33fe8fd7aeadcc6f612b636971', name: 'company' })), h("div", { key: 'b7be3f50a653bb6ec6b175a0d5391555689f7b5d', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '941a9dea07c2270d9ccea702ed1bce4af6dda0a7', name: 'content' })), h("div", { key: 'd104fa1db346b0f6fcd09d55ba3d2cb474a725f2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'a20c417a192f6ec4c5eef06fe12118270fd299ac', name: 'user' }))), h("div", { key: '3a1d9b69bde033789e2e420e49f8702b8a0c92bf', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'bbb50411a3ce918bfbd33f1bacfc14a053f7d118', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a931c9bc1a090b004788693f2fea96d76d2c43bd', name: 'topbar' }))));
+        return (h(Host, { key: '0be6a9de7486fa500e6de008062c9a8cb345ac88', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '26c3e4e10a1ed323f8cba07afc85002e94620f5b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'fa2ab83012be477a0714bdf3fb9f98a3da5e47a7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '3754f4bc73857ff1c21a4e2d5c820645fe6b9e67', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '44721cf9d31a51779472c3b698008408d278414d', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'f254e6ad0ca2f3ee02c4144c49df97f051bedea1', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'a3e802ebefcdfbb08ecf4e2d15fafb17c258751f', name: 'company' })), h("div", { key: '7472e66d6805e61bfca371d571bec5ad6d319fcd', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '86792cec9f0c1b0d20d25eb3e33e750e8f465a29', name: 'content' })), h("div", { key: '14bc6301ce2bac663cfd7ab483e691e8e5221977', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '5d2b83b81e46753d083238b114f66cb9cd8a4a6b', name: 'user' }))), h("div", { key: '6b68cc070aa8fa98ff206cc86af3fb151e9dd74d', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'd5870fe60e4e4ea081b4f6cdd55989edb79496d9', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '5267db6c7f2fce402e318ca018bfd11035a8576c', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/p-navigation-item.js

@@ -52,10 +52,10 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: 'd87d8e76973078637e8c2d184b495d630f4fd556', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'db37312225ef973cb75c71b0b0b918ed2f8799c3', class: navigationItem({
+        return (h(Host, { key: '093b9c1c4c03c9b6d8bafe510ff7713f2cde758c', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '275b9172a1d3722d308065185b8c6f898e717bca', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '5f56c4395729260e25e6a71da5ac716b09193bd5', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '0cc4e9b0f0cdf1ad574ef8ba5b8b80f3ce376d3f', variant: this.icon })), h("span", { key: 'a52984e8227ec3af005d1b240944ff85ba58a37e', class: this.counter && 'has-counter' }, h("slot", { key: 'eaa1a3e88f0d7517fc383d96fae3194522e4efb1' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'eb7b69d6235d7f1c72ca1045255d70764a9b179d' }, this.counter)), !!this.loading && h("p-loader", { key: '081c5f8b49dfb3a80429815de87f717cd70e39ae', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: 'c2ca2fee661b6244bff144deaf9c8499ee0afa8b', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'c1974b11f7d21422880f61139c535f0099f91a67', variant: this.icon })), h("span", { key: '71b4f19042174fb8cbf2f0feb6be74bffe5c1303', class: this.counter && 'has-counter' }, h("slot", { key: '72fa6bd043213151eb3e22105102973ad8c7fbef' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'caa907ca2acf8451cfcecc1e8a43ce0ef5bf153b' }, this.counter)), !!this.loading && h("p-loader", { key: 'cf2a8eb51f5a7453b87b87aa44bb4823670ef714', class: 'ml-auto' }))));
     }
     static get style() { return PNavigationItemStyle0; }
 }, [4, "p-navigation-item", {

package/dist/components/p-navigation-section.js

@@ -11,7 +11,7 @@ const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSecti
         this.header = undefined;
     }
     render() {
-        return (h(Host, { key: '796e5ed44de63dc1f59630dad492272b6451ed0e', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '09d6b3680a110b5cd88d5cc9b5265c4b604c8ab3' }, this.header)), h("div", { key: '646ea16ad875dcfdf40aeb12657d946c39f44b3b', class: 'flex flex-col' }, h("slot", { key: 'c11b12a07b3a65b5ca1e8d61910d8a5160e32ea7' }))));
+        return (h(Host, { key: 'f4c9cbde8f0bf86e2cc1df10c7f4b2d50e3ac803', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '4be5133078abe4f0b20e75168c49faced844655e' }, this.header)), h("div", { key: 'dc04383133e2f7122bba8d8dbe18f7d6ed2bae0e', class: 'flex flex-col' }, h("slot", { key: '82a5fd7183090458ab036d915b0e0af562183ef4' }))));
     }
     static get style() { return PNavigationSectionStyle0; }
 }, [4, "p-navigation-section", {

package/dist/components/p-profile.js

@@ -35,7 +35,7 @@ const Profile = /*@__PURE__*/ proxyCustomElement(class Profile extends HTMLEleme
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '1ff9fb75ed53f1e4c9e53dd942f150fae77484d4', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: '72d7de1d18e2dc0aa96b05179df76bab5205b428', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/components/p-radio.js

@@ -73,13 +73,13 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
      */
     checkedChange;
     render() {
-        return (h(Host, { key: 'cadcfb2a903a3a9f70796770dc47f22caf199b5e', class: 'p-radio' }, h("label", { key: 'bad70100ebbf0d8635fb9a50c274aac56b74735a', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '87c8c6b485b23beb305450bb18416936425e000e', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '500655357e45b7ed47b651993b2a4e62aaae1818', class: radio({
+        return (h(Host, { key: 'ef48217704ef103668234d8b3b8da720b58d90ee', class: 'p-radio' }, h("label", { key: '29176e1a1f018a252f1c990d8ed02ab67b97297c', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '785cfc9c4f61069a37efd36f39ed948eb08ffea0', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '8ef43efad2ebd27ea62dbd3254279901b7dc2504', class: radio({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: '23b0de0ff8913ed6bc66bddd50eea9117063b880', class: circle({
+            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: 'fe41351c563e10018dfe02235faa98c1e883f153', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'bbf707984104b091871111ae1d1e79ea09f5e7b8' }))));
+            }) })), h("slot", { key: '9821b79310a24b03420be123009471ec4e99fefe' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

package/dist/components/p-select.js

@@ -195,7 +195,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
         }
     }
     render() {
-        return (h(Host, { key: '9090270a3b0048ffbe8e8c37cbbcca384daf5f4d', class: 'p-select' }, h("p-dropdown", { key: '6050a5d6358631b969c9675e5ae070def18b7f58', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-field-container", { key: '074697f053f77cd31719f4b892cdd329061f8d9f', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '0b5986bf4408654eba76d85a5d43988971af866b', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '6bb8b4780aca7a525377c55611fba654764deaf5', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (h(Host, { key: 'f3c79d4ae63334d7c1b71b379e9887c87c503eb6', class: 'p-select' }, h("p-dropdown", { key: 'd9405d2babe6f2a9b6ad2d08dd6c0526c5acb6eb', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-field-container", { key: '6666c587c140691644a90439025ab7bef45379ec', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '18ae68c1e1258979b75dfa158cac8b31873a3149', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '3682212bea35cca676bb5e26922590154c5d7c1a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/components/p-status.js

@@ -14,8 +14,8 @@ const Status = /*@__PURE__*/ proxyCustomElement(class Status extends HTMLElement
         this.iconRotate = undefined;
     }
     render() {
-        return (h(Host, { key: '1d4fc08551aaa41e7b1e6f5cffe6bc6dce88b417', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: '4b2d7a3a670c335b42905de63fb8aa1c8b0e34e3' })));
+        return (h(Host, { key: '9b538283ce0517c77e00bd51a9d683b24bb3d70c', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: 'fdadde949efb67b1f45314cb72ec048c437c1939' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

package/dist/components/p-stepper-item.js

@@ -16,7 +16,7 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '8da0538e191e3cbe2bc2ffd34235e29bf36c5c4b', class: "p-stepper-item" }, h("div", { key: '26ef593097c695a3944a7c50f941f566c2bada7b', class: "circle" }, this.finished && h("p-icon", { key: '648760041a32cd018e7e5a7b76d7cdb19220425e', variant: "checkmark" })), h("div", { key: 'fe3b931203de10909550032493c5d305187f9ef8', class: "content" }, h("slot", { key: '16627589013f17c494e482c98b7e96aaed2de5a4', name: "content" }))));
+        return (h(Host, { key: 'fdb8be45614926e6e49e020f37b2220b57fc4c4a', class: "p-stepper-item" }, h("div", { key: 'f6a682601cf37da44aba81c8c252657fa81fccee', class: "circle" }, this.finished && h("p-icon", { key: '6f255a564f8862711dc3d3617b8a52446e4c2aed', variant: "checkmark" })), h("div", { key: '7e87bad4eeeb5858efdba5fd03a02ad49d6fbf55', class: "content" }, h("slot", { key: '99076927549c510ae73bf7e0c1c248ab6f681a09', name: "content" }))));
     }
     static get style() { return PStepperItemStyle0; }
 }, [1, "p-stepper-item", {

package/dist/components/p-stepper.js

@@ -96,7 +96,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         this._generateSteps(true);
     }
     render() {
-        return (h(Host, { key: '08618e878d073d704ee23f62df4c855d4a0cb86d', class: 'p-stepper' }, h("slot", { key: 'd8dd06cb1ee5d662ea3b8aa4379b0d1e8877dbbd', onSlotchange: this._onSlotChange })));
+        return (h(Host, { key: '3893291f3ef56553b49ffdb21ecd024ce5cb279c', class: 'p-stepper' }, h("slot", { key: '2310b7f8cfec629c163393d97b75cf7d21b75005', onSlotchange: this._onSlotChange })));
     }
     _onActiveStepChange() {
         this._generateSteps();

package/dist/components/p-tab-group.js

@@ -8,7 +8,7 @@ const TabGroup = /*@__PURE__*/ proxyCustomElement(class TabGroup extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'f5db65ff43cf524cbbd2482ee29cf4e1d845e876', class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: '1f410d379e84904b6d658a82d9ccd43f7f863202', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: 'a50bbd0b25ade7ffcfb8fd066afc2f0b08c2a4cb' })), h("p-divider", { key: 'd814f2ad8339c98d524c522f2002cf9518ef603e', class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (h(Host, { key: 'aa88a446769f313f5efbc20661cb38b8540178a5', class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: '076cab05927dc55d65ff6bcefd9439ae35432c33', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: 'bbc31cf25e62f3a77d5ba08363ce1a8b28f00853' })), h("p-divider", { key: '617439542832dac0732b4d9f985e3d10b4a209b0', class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
 }, [1, "p-tab-group"]);
 function defineCustomElement$1() {

package/dist/components/p-tab-item.js

@@ -11,7 +11,7 @@ const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends HTMLEleme
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'd728170a44b3c2ed1a55aa9f90a2e333811b53c5', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: '5e528d172aaef412521f6c93a755bd0bf9f9864a' })));
+        return (h(Host, { key: 'fa6aea3812d850f94a74a6cf1f88bc86b6351fa8', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: 'b20e0b0695ec3a8e65506d004af650a6bee87d6b' })));
     }
     static get style() { return PTabItemStyle0; }
 }, [1, "p-tab-item", {

package/dist/components/p-table.js

@@ -3,20 +3,20 @@ import { f as isMobile, t as tableColumSizesOptions } from './screens.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
 import { a as defaultSize, b as defaultSizeOptions, d as defineCustomElement$d } from './page-size-select.component.js';
 import { c as cn } from './cn.js';
-import { d as defineCustomElement$s } from './button.component.js';
-import { d as defineCustomElement$r } from './checkbox.component.js';
-import { d as defineCustomElement$q } from './divider.component.js';
-import { d as defineCustomElement$p } from './dropdown.component.js';
-import { d as defineCustomElement$o } from './dropdown-menu-container.component.js';
-import { d as defineCustomElement$n } from './dropdown-menu-item.component.js';
-import { d as defineCustomElement$m } from './field.component.js';
-import { d as defineCustomElement$l } from './field-container.component.js';
-import { d as defineCustomElement$k } from './floating-menu-container.component.js';
-import { d as defineCustomElement$j } from './floating-menu-item.component.js';
-import { d as defineCustomElement$i } from './helper.component.js';
-import { d as defineCustomElement$h } from './icon.component.js';
-import { d as defineCustomElement$g } from './illustration.component.js';
-import { d as defineCustomElement$f } from './label.component.js';
+import { d as defineCustomElement$s } from './badge.component.js';
+import { d as defineCustomElement$r } from './button.component.js';
+import { d as defineCustomElement$q } from './checkbox.component.js';
+import { d as defineCustomElement$p } from './divider.component.js';
+import { d as defineCustomElement$o } from './dropdown.component.js';
+import { d as defineCustomElement$n } from './dropdown-menu-container.component.js';
+import { d as defineCustomElement$m } from './dropdown-menu-item.component.js';
+import { d as defineCustomElement$l } from './field.component.js';
+import { d as defineCustomElement$k } from './field-container.component.js';
+import { d as defineCustomElement$j } from './floating-menu-container.component.js';
+import { d as defineCustomElement$i } from './floating-menu-item.component.js';
+import { d as defineCustomElement$h } from './helper.component.js';
+import { d as defineCustomElement$g } from './icon.component.js';
+import { d as defineCustomElement$f } from './illustration.component.js';
 import { d as defineCustomElement$e } from './loader.component.js';
 import { d as defineCustomElement$c } from './pagination.component.js';
 import { d as defineCustomElement$b } from './pagination-item.component.js';
@@ -678,79 +678,79 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-table", "p-button", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-field", "p-field-container", "p-floating-menu-container", "p-floating-menu-item", "p-helper", "p-icon", "p-illustration", "p-label", "p-loader", "p-page-size-select", "p-pagination", "p-pagination-item", "p-portal", "p-segment-container", "p-segment-item", "p-table-cell", "p-table-container", "p-table-footer", "p-table-header", "p-table-row", "p-tooltip"];
+    const components = ["p-table", "p-badge", "p-button", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-field", "p-field-container", "p-floating-menu-container", "p-floating-menu-item", "p-helper", "p-icon", "p-illustration", "p-loader", "p-page-size-select", "p-pagination", "p-pagination-item", "p-portal", "p-segment-container", "p-segment-item", "p-table-cell", "p-table-container", "p-table-footer", "p-table-header", "p-table-row", "p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-table":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, Table);
             }
             break;
-        case "p-button":
+        case "p-badge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "p-checkbox":
+        case "p-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "p-divider":
+        case "p-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "p-dropdown":
+        case "p-divider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "p-dropdown-menu-container":
+        case "p-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "p-dropdown-menu-item":
+        case "p-dropdown-menu-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "p-field":
+        case "p-dropdown-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "p-field-container":
+        case "p-field":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "p-floating-menu-container":
+        case "p-field-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "p-floating-menu-item":
+        case "p-floating-menu-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "p-helper":
+        case "p-floating-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "p-icon":
+        case "p-helper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "p-illustration":
+        case "p-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "p-label":
+        case "p-illustration":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }

package/dist/components/p-toast-container.js

@@ -11,7 +11,7 @@ const ToastContainer = /*@__PURE__*/ proxyCustomElement(class ToastContainer ext
         this.placement = 'top-end';
     }
     render() {
-        return (h(Host, { key: 'ab81aa8f5275de30e45826d232f2c551aded8cbe', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '82cd3e00ce8242aaf2acdbe393fe4058949b73fe' })));
+        return (h(Host, { key: '58603ebc78b238e44f447f59c4f16c82de5ddcb6', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '1a3ba94eadae2d79b46ade86520284423324b2b7' })));
     }
     static get style() { return PToastContainerStyle0; }
 }, [1, "p-toast-container", {

package/dist/components/p-toast.js

@@ -25,7 +25,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
      */
     action;
     render() {
-        return (h(Host, { key: '5e4d83ec435671553c45eeda6da3e0eca5abd816', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'cb8b4792e9911b09a0a75dad80df62180029b6d7', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '058db9e698fbbffa1206c9b55251e8452008c9b5', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '4d52640787c919fa2d2b7e0c18a0443b0ab3a554', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '69c6b038b1ea91492d77fc55144ca7d95fc00116', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: 'ec97b89eb60767ff75a5acc793c7588cd6c08719', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '1144529fe0a6a37dba96dfe5643dfd216bd32ed9', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '4d8592b53691a2195bc7695c6ba8ac6b72d0ed4d', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '44336dee740ab921b96b9c2b5921b0591556b026', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '6f266f7d04b861998456078bf3438f8bd70b55d1', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/components/p-toggle.js

@@ -112,13 +112,13 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
      */
     indeterminateChange;
     render() {
-        return (h(Host, { key: '665a9617a9ab6f36f84bb2431a1aae0b873acfab', class: 'p-checkbox' }, h("label", { key: 'f9090b0b5cc6ca14c09a43e53f01bef33e411e5f', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '9a47bbc17f2efb2cf196c558b67837b73531f02f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'aead176166d2cc5799d3756076d9ed4085d67637', class: checkbox({
+        return (h(Host, { key: 'c0dabd76bf6665ffdd747f3418cc4e1a22f96a5f', class: 'p-checkbox' }, h("label", { key: 'ffd7c2d536568ba6a350ace76f731c2938bfd2de', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'e53e83e770f6ed573d5cadeb11d45b86f2a4ddce', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '5d8b6cb60decc05e162a68ead269f7b9d4890b72', 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) }), h("div", { key: 'f73eab7f22090288618a5e71f1a0ca9d7aa92733', class: circle({
+            }), 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) }), h("div", { key: 'd20d1ef90cf7cedc4b48ba44826f2d5ad22878ed', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'dbd72bce56cdad804076b3a51c921a877530ec8a' }))));
+            }) })), h("slot", { key: 'ce3e1ee30f727d6f941f93df26403257018ef7fc' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

package/dist/components/pagination-item.component.js

@@ -11,7 +11,7 @@ const PaginationItem = /*@__PURE__*/ proxyCustomElement(class PaginationItem ext
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '6a4e7f7bf424e158a087b7ba5e165f0f79293157', class: `p-pagination-item ${this.active && 'active'}` }, h("slot", { key: '5fc864a64664a7ea8d45228c25b6c3fb909515ad' })));
+        return (h(Host, { key: '7057240b7a1e8ad095e9c3414b03060f6f63bef2', class: `p-pagination-item ${this.active && 'active'}` }, h("slot", { key: 'd55228d72fcf51a6c7bf9f848c401553b86e40d6' })));
     }
     static get style() { return PPaginationItemStyle0; }
 }, [1, "p-pagination-item", {

package/dist/components/pagination.component.js

@@ -25,7 +25,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         this._generate();
     }
     render() {
-        return (h(Host, { key: '81016401bd076834a83260a0a081fc738867c08e', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (h(Host, { key: 'cf0e7ea63addab09f9cdd364ef4b0aa78bbf6e55', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
                 return (h("p-pagination-item", { onClick: () => p.type === 'previous'
                         ? this._previousClick()

package/dist/components/portal.component.js

@@ -17,7 +17,7 @@ const Portal = /*@__PURE__*/ proxyCustomElement(class Portal extends HTMLElement
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: '04f9a6ddfe5756fff19f51575ed4869d85c756d5' }, h("slot", { key: 'ad0bd91e83e2b35f2bdb10ed17a1d77be095782d' })));
+        return (h(Host, { key: 'ec6767f9ed9924ff88643c804db7c0e9687a9cc2' }, h("slot", { key: '21ebee452f0f173c88840da9a190e4a7b072cd48' })));
     }
 }, [4, "p-portal"]);
 function defineCustomElement() {

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

@@ -9,7 +9,7 @@ const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, h("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
+        return (h(Host, { key: 'a126f83ab98eedf6bf4bfcc894418ac2927fb1ec', class: "p-segment-container" }, h("slot", { key: '8fdb90a932a5d12e91c283cadf05aa8260a0664f' })));
     }
     static get style() { return PSegmentContainerStyle0; }
 }, [4, "p-segment-container"]);

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

@@ -22,7 +22,7 @@ const SegmentItem = /*@__PURE__*/ proxyCustomElement(class SegmentItem extends H
         this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
     }
     render() {
-        return (h(Host, { key: '0231e33d62667c6f6baf39907c52f1d05483b777', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), h("slot", { key: 'b150ba986fdaef2a98661a48796bf43ff77e8c24' }), this.size === 'big' && this._hasDescriptionSlot && (h("span", { key: '78017b51faf3a96f8fc8b8d59fc9a62bec694afd', class: "description" }, h("slot", { key: '6d36db486c92e1324260ba88e91fe6d5c709798a', name: "description" })))));
+        return (h(Host, { key: '1883a31af0f6e08cab2fbc21595405b7bea4c7b1', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), h("slot", { key: '2928aea3c142a89847851e9bae1d8e7c4dc80881' }), this.size === 'big' && this._hasDescriptionSlot && (h("span", { key: '5f579cb91b1961876a22a58f12c4e2e80a362d7e', class: "description" }, h("slot", { key: 'd7faac99c72f5965904079d9724a198511afcd2a', name: "description" })))));
     }
     _getIcon() {
         if (!this.icon) {

package/dist/components/slider-indicator.component.js

@@ -11,7 +11,7 @@ const SliderIndicator = /*@__PURE__*/ proxyCustomElement(class SliderIndicator e
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'b881e676d31e9db8b09093c2ad767467584194aa', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: '8023e6a85ee66918d86ab48398bf086129e04f9d', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return PSliderIndicatorStyle0; }
 }, [1, "p-slider-indicator", {