@paperless/core 2.0.1-beta.19 → 2.0.1-beta.20

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: 'c96c2545e06c26b600caadf993fd11bf4febeb1c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'dd5b75b08c8b04ba4654e0f06b127dc9d9b51fe6', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'd6a0af2ce7e3f8998379739f43203626b829eabb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '12752baab48d2318e4b5fcf2b890a00ccab0eab9', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '4373a97b7f0fba9ecc6e1b096e21acc3a77d32db', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'c5278651b4d94345f41d03cdb1d8933cdd8861d5', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '1374de10d0a9b0eed06a8ed1732f473cbec568f3', name: 'company' })), h("div", { key: 'ee95a4e2648bcdc4940c455604ec8834e6213070', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '570627c80db6157ba6d6f3bbce616efb9958725c', name: 'content' })), h("div", { key: '9020d7a37d0f955ed575ad2cade7a31bfbd0dac8', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'e1f2f5ccc077581ae042befbd2af4eb38f5276f7', name: 'user' }))), h("div", { key: 'a305b04c90adc83e9ee7ab97ac6499d6d9e70328', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '1ec27cd864bbffb7d44bee38f4d57cad94e3062b', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'd42f864f33f07a09f558cf114ac429194088e718', name: 'topbar' }))));
+        return (h(Host, { key: '7f038a3c0ec76e24feec7e1cba133a18c68278f1', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '1c534d08af4851b7c775ed4ec931e1ef68748669', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '8bf242613c6704586eedb15b3576f2c531706b47', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '39aa317a7af6f0afb6fa827295797435db4968fa', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '2484d018cbc1aca11c00ae0621aa50172e89b940', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '6e1dc7fde01decb77fe83efa5b99e26a2bdcad48', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '51cd568fd5c5637761317944af974d9bf140c78c', name: 'company' })), h("div", { key: '44e4c7602fe5a188f9b02089b917e0c769e4addd', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'fe84a1f8a0e35b5a261d858c22135a761dc26735', name: 'content' })), h("div", { key: '2e788343efbfc6d0481d5f0449bc69c72c7dabc3', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '070e9aaea6502c2f9ac92e5738e5a021e2923bb8', name: 'user' }))), h("div", { key: '5b31449262ebad9a900f80288eda91a1ecb3f658', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'fb68bb0b590da2096d2721e27c016eeae53d6a3c', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '629a33f6522b2f8dd3c33119cd87eab80bc837ae', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -50,10 +50,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: 'dc6a80d283216f8646c7677451f50d1c43390cc0', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'f0ba4c2ba2c75b74b5576f535303a65c38ea6ec8', class: navigationItem({
+        return (h(Host, { key: '5d7a9016cd51653a7efc94aec1acb1dec95c1576', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '7e53d93d45d3620808a01cc4119c8ef1fcd58a8f', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '239bad8caedca7618b5799a4491c90baa0fe5b4c', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '2532bb9a5b6ec0dc21a3080f203dbffdbc838a79', variant: this.icon })), h("span", { key: 'ae8b5ed1e06c3d1d6ab58c5a422f886dd5db7287', class: this.counter && 'has-counter' }, h("slot", { key: '59654a1e6977f3c7e7f51c6fa555271ca1da5b48' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'd51f1a7e6e94bc38bd9706ff0bb1859b9e406887' }, this.counter)))));
+            }), href: this.href, target: this.target }, h("div", { key: 'eb652010934dd9863080e98d7715d088d7a30349', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '3b7b58d4c5b1af285ab66d06ca8ef388fe1d7032', variant: this.icon })), h("span", { key: '840d600c6a1d34872ba1437b38ba38a3f1cb08df', class: this.counter && 'has-counter' }, h("slot", { key: '6f6e3f814e0970d762f6c46991ec9f6634c73e7c' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'efbdb0e66ef6cc254ba6533e3bbc6a5225fbe894' }, this.counter)))));
     }
     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: 'f74f1f24284cb97c37ff570e459e5bdadfaf79bf', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '730722f18da9bb042e491fed8a6e3449d2eca414' }, this.header)), h("div", { key: '10c53fe565236d1f3aee100d1d506664311c05ec', class: 'flex flex-col' }, h("slot", { key: '217a3ed6d814681ead8aa39ead6e35756dacb85c' }))));
+        return (h(Host, { key: 'a1288ee15877b06095300a26d2d49919b9d84810', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '24b733f6352c4d7421d8a70480ea97da3a82f7bd' }, this.header)), h("div", { key: '77f586a8bfe435186fafba63466f5975e2e2fe6d', class: 'flex flex-col' }, h("slot", { key: 'a472a5b3cdd52dbf016c0a3430039d74af8b1d8c' }))));
     }
     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: '89a6750fdfcdaf65e18a757ea3dbcf4a3568cca3', 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: '9873db1fac73ae3914b7d27caacfb0a8682909b4', 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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PRadio extends Components.PRadio, HTMLElement {}
+export const PRadio: {
+    prototype: PRadio;
+    new (): PRadio;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-radio.js

@@ -0,0 +1,134 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as cva } from './index2.js';
+
+const nonce = (length) => {
+    let result = '';
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    let counter = 0;
+    while (counter < length) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+        counter += 1;
+    }
+    return result;
+};
+
+const radioComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}.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}.h-2{height:.5rem!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!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-full{border-radius:9999px!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-transparent{background-color:transparent!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}.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}.after\\:h-2:after{content:var(--tw-content)!important;height:.5rem!important}.after\\:h-3:after{content:var(--tw-content)!important;height:.75rem!important}.after\\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.after\\:w-3:after{content:var(--tw-content)!important;width:.75rem!important}.checked\\:cursor-auto:checked{cursor:auto!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}.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}.peer:checked~.peer-checked\\:bg-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:ring-1{--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(1px + 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}.peer:checked~.peer-checked\\:ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}";
+const PRadioStyle0 = radioComponentCss;
+
+const radio = cva([
+    'peer appearance-none m-0 outline-none flex-shrink-0',
+    'rounded-full border border-inset border-solid ',
+], {
+    variants: {
+        size: {
+            sm: 'w-4 h-4 after:w-2 after:h-2',
+            base: 'w-6 h-6 after:w-3 after:h-3',
+        },
+        disabled: {
+            false: [
+                'cursor-pointer shadow-1',
+                'bg-white border-black-teal-100',
+                'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',
+                'checked:cursor-auto',
+                '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',
+            ],
+            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 circle = cva([
+    'block',
+    'rounded-full bg-transparent',
+    'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',
+], {
+    variants: {
+        size: {
+            sm: 'w-2 h-2',
+            base: 'w-3 h-3',
+        },
+        disabled: {
+            false: 'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',
+            true: 'peer-checked:bg-black-teal-200',
+        },
+    },
+});
+const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.checkedChange = createEvent(this, "checkedChange", 7);
+        this.value = undefined;
+        this.size = 'base';
+        this.disabled = false;
+        this.required = true;
+        this.id = undefined;
+        this.name = undefined;
+        this.checked = false;
+        this._nonce = nonce(5);
+    }
+    /**
+     * Event whenever the checked changes
+     */
+    checkedChange;
+    render() {
+        return (h(Host, { key: '698efa40dc903fc7f62fbe6627118851b4674c0d', class: 'p-radio' }, h("label", { key: '601a7b79a63ef0914fef089c88e984029326fa8e', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'e7e1df8384a3be709a09988ede46d1f7c7420ec5', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '1d73f1ab4f24ef4f83ce18d49f62695a4b239780', 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: 'fa13b7db3606b24ab380695b4e111ae853ab4ac3', class: circle({
+                size: this.size,
+                disabled: this.disabled,
+            }) })), h("slot", { key: 'aab4f0698c576a85fbda9e2f776aaea801d93bd8' }))));
+    }
+    _onChange(ev) {
+        if (this.disabled) {
+            ev.preventDefault();
+            return;
+        }
+        const checked = ev.target.checked;
+        this.checked = checked;
+        this.checkedChange.emit(checked);
+    }
+    static get style() { return PRadioStyle0; }
+}, [4, "p-radio", {
+        "value": [1],
+        "size": [1],
+        "disabled": [516],
+        "required": [516],
+        "id": [513],
+        "name": [513],
+        "checked": [516],
+        "_nonce": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-radio":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Radio);
+            }
+            break;
+    } });
+}
+
+const PRadio = Radio;
+const defineCustomElement = defineCustomElement$1;
+
+export { PRadio, defineCustomElement };
+
+//# sourceMappingURL=p-radio.js.map

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

@@ -0,0 +1 @@
+{"file":"p-radio.js","mappings":"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","names":[],"sources":["src/utils/nonce.ts","src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["export const nonce = (length: number) => {\n\tlet result = '';\n\n\tconst characters =\n\t\t'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\tconst charactersLength = characters.length;\n\n\tlet counter = 0;\n\twhile (counter < length) {\n\t\tresult += characters.charAt(Math.floor(Math.random() * charactersLength));\n\t\tcounter += 1;\n\t}\n\n\treturn result;\n};\n",":host {\n  display: block;\n}\n","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 radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'w-4 h-4 after:w-2 after:h-2',\n\t\t\t\tbase: 'w-6 h-6 after:w-3 after:h-3',\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-supportivce-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:cursor-auto',\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 checked: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\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\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],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\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\tsize: {\n\t\t\t\tsm: 'w-2 h-2',\n\t\t\t\tbase: 'w-3 h-3',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',\n\t\t\t\ttrue: 'peer-checked:bg-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The size of the radio\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-radio'>\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={radio({\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='radio'\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\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\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={circle({\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/>\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\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t}\n}\n"],"version":3}

package/dist/components/p-select.js

@@ -194,7 +194,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
         }
     }
     render() {
-        return (h(Host, { key: 'd034677f7a002b1074382b0dd9c99b0793c508f5', class: 'p-select' }, h("p-dropdown", { key: '4610ffb1ee5188e40c667c0f5c0779126bbd9004', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-field-container", { key: 'e26fc6a789aa79b1e3b3256223470de45c4b0782', 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: '60abfc1382bd055356223f8e53873b3bf5c4a036', 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: '204679e9ca9d5756e75d0a6f9d9cff9155c568ed', 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: '3d62e70a5901677fb96a586ed0f065e16fd24256', class: 'p-select' }, h("p-dropdown", { key: 'ad83513056a1927d79fb18856fe75b65fb81c6be', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-field-container", { key: 'af3354916b5ef394694ad4d89a409abc5b71bd56', 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: '24021e3f6e15cf3a7fd1819699e608f771fb660d', 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: '2c902461aadd75eccd5818679a419b0c50d75c43', 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: '805134f7674989dcc8386f05bbc03d39b5486ad5', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: 'e89f9feb604ffae6e6ffb3c2c6fc3a95032e92f2' })));
+        return (h(Host, { key: 'c22a53f6a938b6b474cc0d3b48bafd1b86ac12ce', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: '488fd658de93d5f4a7a32cfea4407df0953eb092' })));
     }
     _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: '9964cd372fa52d4562807bf797cdd603c16d95c3', class: "p-stepper-item" }, h("div", { key: '00a1de8312d004f426381d968fd9b120426b3f4a', class: "circle" }, this.finished && h("p-icon", { key: 'b1f4fc556cb513da96a62021ce72536c27894a78', variant: "checkmark" })), h("div", { key: 'd423cb4c661075e07052ba882a01adcb9da6e332', class: "content" }, h("slot", { key: 'b7d43a365db5cd5337ba25748bef14fa19c4bef2', name: "content" }))));
+        return (h(Host, { key: '1920bc6191385c5b1bcb32ffecfded7f7c1a3f40', class: "p-stepper-item" }, h("div", { key: '743a51150e95b15bfd194498d9568821c50b4311', class: "circle" }, this.finished && h("p-icon", { key: '876d225ca1f3c974c4f5c0cebd8d7eabff7a8336', variant: "checkmark" })), h("div", { key: '42dfe103a364e5c8183bced9825f7d899fd7c01f', class: "content" }, h("slot", { key: 'a9db4797ad8649458649df53a4edb91c46a8199e', 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: 'a1c306e0137ecb032edc17a65c5abeed4a0e6d5a', class: 'p-stepper' }, h("slot", { key: 'c16a63c08124ed42a2a2796d1038dcf8709a8bd0', onSlotchange: this._onSlotChange })));
+        return (h(Host, { key: 'bee777255a5677807f3766962e71de3d1844ad85', class: 'p-stepper' }, h("slot", { key: '1542d047cad7994574e97dab83ba09290fe2ca8d', 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: '4bb702357dfb622c0d0a7a23bc455817b5cd110c', class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: '30c8e2f86a465a9b49f707ab3d33cec9a7c41a01', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: '0df0099653361ce74e6e0db97db6e81c8affe64f' })), h("p-divider", { key: '3df37fb02279eee8e8980f3bf7c3dc77fea401b9', class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (h(Host, { key: 'c2373e9bf105402dcb9fcdea9f00e96c3d22234f', class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: 'b5cd3a1a953b63d00ef2e5ab6ccb3a8dae482905', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: '27402e28fe9d870007ce31601a0b5512df1f8e56' })), h("p-divider", { key: '0abf3dd0edd40ec56abb9781d28a28d8336fc816', 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: '26302030263c63236789141adea09ffe822ecf00', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: 'cbae2374697ffa32a217717ccc398b5731948c6a' })));
+        return (h(Host, { key: '5bd9aae0c6b920150ab95027e301519ffdfa9b5c', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: '221acbe500445e4f104f7f26dc7a0d37c4818a99' })));
     }
     static get style() { return PTabItemStyle0; }
 }, [1, "p-tab-item", {

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: '9fe86d855b8014a1c53dc48eecc810d99c7d1ab1', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '3ed25188ffffefd5283ab0ac141d3f7b617e94d6' })));
+        return (h(Host, { key: '7ca829b625cb054e8d78fefdf89ecb42fc0b16e1', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '8f2bbca37514fbb8db6e60e24c96e32320ebee8d' })));
     }
     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: 'd537f5eba3d6d059e3b5d0867aa359f11598a754', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'd36199588428e5faf3624354ff965bcfb94b4ede', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '29652e0f3950548f5fcbcf5e44a76bd77d555bd2', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '354441a8d4e586cbd51686902afe85e916025b06', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: 'effb3ecf0d9acf68f4dfca4a9b1a7d2d29e8475a', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: '4bc513861b7f1687f0b20a1ffc5c11a979746a1e', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'e70cb930078a8754a31ec379fd3cbd5b5e038f81', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'f6baba92757e45a55cad9eef4dc42e31ec3a0420', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'c592683d5979cf644a155927ea13a52b054d0b0e', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: 'd969215288354140c431b1c8a9f417bc2f40afd8', 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/pagination.component.js

@@ -25,7 +25,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         this._generate();
     }
     render() {
-        return (h(Host, { key: '51aeb4b75ff43982969a79d715a57f85f7e6388c', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (h(Host, { key: '69fc6fbdb1e075358090556d764d51fe8c03953c', 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

@@ -4,25 +4,22 @@ const Portal = /*@__PURE__*/ proxyCustomElement(class Portal extends HTMLElement
     constructor() {
         super();
         this.__registerHost();
-        this.containerClass = undefined;
     }
-    get _element() { return this; }
+    get _el() { return this; }
     _moved = false;
     createPortal() {
-        document.body.append(this._element);
+        document.body.append(this._el);
     }
     componentDidLoad() {
         this.createPortal();
     }
     disconnectedCallback() {
-        this._moved ? this._element.remove() : (this._moved = true);
+        this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: 'a8f8b6731f20ea358b6c9bf1b32906bea4c2da84' }, h("slot", { key: 'bf00f218895604ee0d63378c9c692e5d696b8989' })));
+        return (h(Host, { key: '7604d2cbdf309fb03b9a051d737f2b92fa57a354' }, h("slot", { key: 'f4edec28f68504e7622f7fcffe9a80cf55501af9' })));
     }
-}, [4, "p-portal", {
-        "containerClass": [1, "container-class"]
-    }]);
+}, [4, "p-portal"]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/portal.component.js.map

@@ -1 +1 @@
-{"file":"portal.component.js","mappings":";;MAKa,MAAM;;;;;;;IAKV,MAAM,GAAY,KAAK,CAAC;IAExB,YAAY;QACnB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACpC;IAED,gBAAgB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;KACpB;IAED,oBAAoB;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KAC5D;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/portal/portal.component.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-portal',\n})\nexport class Portal {\n\t@Prop() containerClass: string;\n\n\t@Element() _element: HTMLElement;\n\n\tprivate _moved: boolean = false;\n\n\tprivate createPortal() {\n\t\tdocument.body.append(this._element);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.createPortal();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis._moved ? this._element.remove() : (this._moved = true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"portal.component.js","mappings":";;MAKa,MAAM;;;;;;IAMV,MAAM,GAAY,KAAK,CAAC;IAExB,YAAY;QACnB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC/B;IAED,gBAAgB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;KACpB;IAED,oBAAoB;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KACvD;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/portal/portal.component.tsx"],"sourcesContent":["import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-portal',\n})\nexport class Portal {\n\t/**\n\t * The host element\n\t */\n\t@Element() _el: HTMLElement;\n\n\tprivate _moved: boolean = false;\n\n\tprivate createPortal() {\n\t\tdocument.body.append(this._el);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.createPortal();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis._moved ? this._el.remove() : (this._moved = true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -9,7 +9,7 @@ const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'ad2ab930aab5c3cb01e39e1157a82ea1584bd38e', class: "p-segment-container" }, h("slot", { key: '4829e6ee91639ac8561e5e95ca0e943a74d1d451' })));
+        return (h(Host, { key: 'ec428b10ad23a3fff5e4aa1e1d1cd99d548a8cc8', class: "p-segment-container" }, h("slot", { key: '2d1dde7e35c55a7c3598212291d89181793e0d2a' })));
     }
     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: '6061c214f2b1b0b44eb066de209cee91e924d143', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), h("slot", { key: 'dfb7ced2d692d7fbd4c0471275fb516b734b071d' }), this.size === 'big' && this._hasDescriptionSlot && (h("span", { key: '427019285f95d2c8ab97ef91565653897f27adee', class: "description" }, h("slot", { key: 'ab73fd126828028136af925df9bed5eb896ce1ab', name: "description" })))));
+        return (h(Host, { key: 'e97f6340c0d5ae8c03e307f7de8e62bc47d9fdbe', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), h("slot", { key: '579eb8460666e7c9777da7ed991fb9c68e6e139b' }), this.size === 'big' && this._hasDescriptionSlot && (h("span", { key: '46e5d72d9499462f7059a6df288a3d16bdd3d02e', class: "description" }, h("slot", { key: '830d7e3e592a8d023eebbf1a995a23235851f0ed', 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: 'ef7b639341a2a1b5f9e6cf3ece2e25f24abea9e1', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: '4525154d8a2fa45a67c9194601c038ce4d68d93c', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return PSliderIndicatorStyle0; }
 }, [1, "p-slider-indicator", {

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

@@ -12,7 +12,7 @@ const StepperLine = /*@__PURE__*/ proxyCustomElement(class StepperLine extends H
         this.direction = 'horizontal';
     }
     render() {
-        return h(Host, { key: '3a627d4ea39a78a7aab0a0edcacad88395961058', class: "p-stepper-line" });
+        return h(Host, { key: '9c523b4c1c77f12e65b9e8e97e447682089c6259', class: "p-stepper-line" });
     }
     static get style() { return PStepperLineStyle0; }
 }, [1, "p-stepper-line", {

package/dist/components/table-cell.component.js

@@ -33,7 +33,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         };
     }
     render() {
-        return (h(Host, { key: '2c919edfbb5ac3965b1ec8626130a9cc8742c0e3', class: {
+        return (h(Host, { key: '3cc18c25df90e5ef83bc43a9a05e167691efe61f', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),

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

@@ -11,7 +11,7 @@ const TableContainer = /*@__PURE__*/ proxyCustomElement(class TableContainer ext
         this.shadow = true;
     }
     render() {
-        return (h(Host, { key: '942bdf3fe1a719f411f506ea84379a6030d40b0c', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: 'c5742174351e444c392b7f579f2fe3ec28fb6a9c' })));
+        return (h(Host, { key: '8400210ea3f34d240b032c875ef5e86dc218e7d5', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '6abc0755ec890cd9001aef58ac24acb3f2e4f529' })));
     }
     static get style() { return PTableContainerStyle0; }
 }, [1, "p-table-container", {

package/dist/components/table-footer.component.js

@@ -51,7 +51,7 @@ const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends H
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'aa3db9ec283332d4feb5f1dc23403b52843bfb2b', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: '9c493a81a2abc974e4932df69091662bee8ad8f5', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '74de7ef3dcff000fa3c799987aa4d0e8343cec34', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: '0b69e7d60f0c42ca086274fd0bbb93b6d3803aa5', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: '5c4f982af1fc6dc204aa91e523e2d5bbfe48ae18', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: 'de0fed44b08f46efdc56b51498c355fb2d973d5b', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: 'f2d5f4773759a2715bb62a85a7ecc2bb70e421fa', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '1e95a000af05e30496d48b3f57639de954d0d83d', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: 'f493f90308042214b5e078f194a7c61cb26fdedb', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: '4908aa789d7acce5bd4e8d88ae748c0bf3094fc0', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/components/table-row.component.js

@@ -13,9 +13,9 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         this.enableHover = true;
     }
     render() {
-        return (h(Host, { key: '75238955d7f1aa79373bc5fdea5c3cab8e8bc19e', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: '106cbaf558245629401e4cc50c197a358b50a3af', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: 'db8d0a41a72e09ae0117cdbede6e1dec62bb205a', class: "content" }, h("slot", { key: 'fc641ebb26cf9db3e0dc2111fffdd015d8c80123' })), this.variant === 'default' && h("p-divider", { key: '671bbf3263a7e1561d976dc2b7d5cf1c2e1b5618', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: 'c4558d465f1ff97509ca009f465b667aeb647e63', class: "content" }, h("slot", { key: '76e1c489fe7510b7c61c66362592cffff77d9fc6' })), this.variant === 'default' && h("p-divider", { key: '5eab74db0145d5c5af95e27a2057e3e7c6ca9348', class: "m-0" })));
     }
     static get style() { return PTableRowStyle0; }
 }, [1, "p-table-row", {

package/dist/components/tooltip.component.js

@@ -89,19 +89,19 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '7593488c3f391576b3b887126e672a2645bdbff9', class: popover({
+        const tooltipElement = (h("div", { key: '012701d2371f41206de7a3a921abc11ef50aced1', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'b684f4ee1a8457fedb625d0b8d4bda557afee7f9', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '8b7b98bf05446a4aefbcfc2194aeb7739123fdd2', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '70d51ec9a805c3155c0a09371966603de463d9f6', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '28fce86e2c1bcf42519ab9f3849bc9483397ee4f', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '747ee0bfa525715b3061a5c68a1669b3f28c71d0', class: portal({
+            tooltip = (h("p-portal", { key: '02a965ebe380080c6eef501a2b121b0a5ab4dc2f', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '6dac841888d10783b061a1f807562b2567ea19c4', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'b0f2d0a14a9ebe94e75e71c0f05f5cb884404cdf', class: 'relative h-inherit w-inherit' }, h("slot", { key: '33253adf5caabce01a94dbc02f71402af6994e42', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: 'ba454a3140c52b57a66b5e46ae6fddf33ed52721', class: 'p-popover flex cursor-pointer' }, h("div", { key: '319cf2bc0723ca7e31472649c30119b943af0bcf', class: 'relative h-inherit w-inherit' }, h("slot", { key: 'c0a2e40f70b1c5f4654fc8e822caf9572853e327', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/esm/index-2ef94580.js

@@ -137,6 +137,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './p-profile.entry.js').then(processMod, consoleError);
+                case 'p-radio':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './p-radio.entry.js').then(processMod, consoleError);
                 case 'p-select':
                     return import(
                       /* webpackMode: "lazy" */