@paperless/core 2.0.1-beta.63 → 2.0.1-beta.65

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

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { asBoolean } from "../../../../utils/as-boolean";
 const dropdownMenuItem = cva([
@@ -64,12 +64,12 @@ const dropdownMenuItem = cva([
             active: false,
             enableHover: true,
             disabled: false,
-            class: 'hover:bg-dark-teal-400',
+            class: 'hover:bg-dark-teal-500',
         },
         {
             variant: 'dark-teal',
             active: true,
-            class: 'text-white bg-dark-teal-400',
+            class: 'text-white bg-dark-teal-600',
         },
         {
             variant: 'dark-teal',
@@ -180,16 +180,16 @@ export class DropdownMenuItem {
      */
     useContainer = true;
     render() {
-        return (h(Host, { key: '9988f9820d29da62faa86e699b579bd1f0182dd3' }, h("div", { key: '572c2fb6e83f3b16442f1d632a0670d2ba597818', class: dropdownMenuItem({
+        return (h("div", { key: '5d781748ff7e24bd1db86225ba17f496537942ce', class: dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true, true),
                 disabled: asBoolean(this.disabled),
-            }) }, this.icon && (h("p-icon", { key: 'b8ea66b55ebc40d2335b4111d35168c652ebcc88', class: dropdownMenuItemIcon({
+            }) }, this.icon && (h("p-icon", { key: '5c1446131c8b0b45a85e5ea7260b4743bc3177d5', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: 'c3d848b1ac7bb769fed2a504cc7f07213d27ac97', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null)))));
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '2791f6fc1a2366dba4a8af5bd4591b80bc48fed3', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null))));
     }
     static get is() { return "p-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\t'dark-teal': null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-supportive-lilac-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-black-teal-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-negative-red hover:bg-negative-red-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-negative-red-100 text-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\t'dark-teal': null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-100 group-hover:text-white',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div\n\t\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div class='block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start'>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"dropdown-menu-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\t'dark-teal': null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-supportive-lilac-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-black-teal-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-negative-red hover:bg-negative-red-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-negative-red-100 text-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\t'dark-teal': null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-100 group-hover:text-white',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.checkbox && (\n\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t<div class='block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

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

@@ -73,10 +73,10 @@ export class FloatingMenuItem {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '3ef3d546e4935bb5e8d7869e059a53352ed28c20', class: item({
+        return (h(Host, { key: 'deace63755f5100ca60c518b062c8626ce1088d8', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: 'f3f2afe092dbf59117576e25634dd24588b446d3', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '187d4b148f1a8c8299262b1713e6437920f956d8' }))));
+            }) }, this._getIcon(), h("p", { key: '4b30fd925f7890a7a23e854af080589c01263dbb', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: 'f3e582baddd191417c30da09dbc77833fce7c0b3' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

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

@@ -9,7 +9,7 @@ export class Helper {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: 'e34ef3cf17fbaf8e34187cc04e2dd70b733bc15e', class: 'p-helper' }, h("p-tooltip", { key: '584b53eb4935c0e2e6c1f05c64355bb975ec073c', placement: this.placement, strategy: this.strategy }, h("div", { key: '45cef81d85e6c7cbf8b3551cb05301f96b584d45', slot: 'content' }, h("slot", { key: 'e9f0ee0db5f8acaa87f8b80311daa7783900426f' })), h("p-icon", { key: 'ae7a0a5de07501bc6a47b452cfb0dab0c7de93dc', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (h(Host, { key: '70a6dc59dc7c4367c091fa1cb69a6f9ab7936108', class: 'p-helper' }, h("p-tooltip", { key: '58bf78f9c19fa5724e8488dbcc40e84be724649a', placement: this.placement, strategy: this.strategy }, h("div", { key: '75fe3d4c3571b4034e8561510b44cb4335a03869', slot: 'content' }, h("slot", { key: '2b28897ed7b15eabfd7f74905e75a08be446bded' })), h("p-icon", { key: 'c70b4daa963262ccc596a252ae100c6d0eb5f57d', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class IbanIcon {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (h(Host, { key: '09a55e1cab7d1f89d1929d4d1f9467641a7af8bc', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (h(Host, { key: 'b9a849436e4b7cc425c80643bd9f9afeab43c880', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

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

@@ -22,10 +22,10 @@ export class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: '245ca00373550d46435d4d94e6ce057196827cc0', class: body({
+        return (h("div", { key: 'b8954019e9c370a9fade4ef7a90b54b5afd3db20', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: 'da8d9ad1be38ecdb4596fd3fcbbc219b59de0669' })));
+            }) }, h("slot", { key: 'e9a92be0127906a358b75ea0ee2d94aac0ccf188' })));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,10 +31,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h("div", { key: '8ded1d67155fb117f94008ef1699160d69bca523', class: container({
+        return (h("div", { key: '983f38b0406b16a993e4de1e7cd7dbd4f150d872', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '6b8dab4204171b31e79b4951105f25dc2496110b' })));
+            }) }, h("slot", { key: '1445ce5ea1038d51532e9666a410837acaedb276' })));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ModalFooter {
     render() {
-        return (h("div", { key: '297a22e286ff7d80cea94bfdbd934e7cd1918c28', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'b3abfeefbc033d06e3bc2336ab13a64db9e3d204', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: 'f1171bafd44d460bc00968cc2c33e2aff658eddc', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'd6f31b6a024b40f5fc2d759e892f4a73e28eb4c8' }))));
+        return (h("div", { key: '802e0ad9d49d5b6f0c1320a7a39c0ee0d91d85ea', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'e48e575453d8ec83fc3d82854b3da594970323da', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '08f305bd1d7761784234414a564f33e21b4af4c1', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '77fbc714f68ab2a7aec5b92dd8dbad2b7dba5912' }))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h("div", { key: '35537185c1df8e75d88c745cfc7085d94bb5ace2', class: header() }, h("div", { key: 'e681fa5e87bcb0f00cb86c7f095af92609a86374', class: content() }, h("div", { key: '442f12759e04559cbbb85dcc0fc731012f45405b', class: title() }, h("slot", { key: '2aa0b1a8ed5c6e9cdefb324c9521568a9d4e91e6' })), this.showClose && (h("p-button", { key: 'f2a6d115f98e146631e2f46155be2e033167545e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '2b49a666d8f9d84cf20e50649c1d7e389d065d10' })));
+        return (h("div", { key: 'fa7d65ee0b6e3c258139dc03884a72ffc21cb8f4', class: header() }, h("div", { key: '063bcaa9a7109e5f0a8949afa1c4b2d1a0dd75f4', class: content() }, h("div", { key: 'bfee4a3b9c6e230b2b6c888bb73845580559d07b', class: title() }, h("slot", { key: '95bcb6be54d86be0b84bd60328017539ce063b15' })), this.showClose && (h("p-button", { key: 'b1c0d135268f2ac2503ef84f40f9d8b511c6f4dc', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'd7cb386320f56929310674f5e8add9e21121c082' })));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     render() {
-        return (h(Host, { key: '8dff1f21fc4702f62522bcee7d6bb34532d65b05', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '42eaab0169b94b59df690e53eb7c2941297a64e4' })));
+        return (h(Host, { key: '1673e0585dbdd07cfab2d1c118db14a498148006', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '77db6034a744c3b0b28a76815cd076fbad8bb59c' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}.hover\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.focus\:bg-dark-teal-800:focus{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}
+*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.focus\:bg-dark-teal-600:focus{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}

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

@@ -44,18 +44,18 @@ const item = cva([
         {
             variant: 'carousel',
             disabled: false,
-            class: 'bg-dark-teal-600',
+            class: 'bg-dark-teal-400',
         },
         {
             variant: 'carousel',
             disabled: false,
             hover: true,
-            class: 'hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer',
+            class: 'hover:bg-dark-teal-500 focus:bg-dark-teal-600 cursor-pointer',
         },
         {
             variant: 'carousel',
             disabled: true,
-            class: 'bg-dark-teal-600 opacity-20',
+            class: 'bg-dark-teal-400 opacity-20',
         },
     ],
 });
@@ -77,12 +77,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: '425619bc3e67a537c12ec15a4c52c3b2f2563b66', class: item({
+        return (h(Host, { key: 'b951bd1e9fc7fb023827243894155fd0f865cc78', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: 'e0cde9991e9ca4b735ac449a70b41383b09f77ea' })));
+            }) }, h("slot", { key: 'a45fdccc3574cd3034f80e247d5f491494b2404d' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"pagination-pages-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CACf;IACC,mBAAmB;IACnB,UAAU;IACV,SAAS;IACT,8CAA8C;CAC9C,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,6BAA6B;YACtC,QAAQ,EAAE,yBAAyB;SACnC;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,oBAAoB;SAC1B;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,uCAAuC;SAC9C;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,gCAAgC;SACvC;QAED;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,8DAA8D;SACrE;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,6BAA6B;SACpC;KACD;CACD,CACD,CAAC;AAMF,MAAM,OAAO,mBAAmB;IAC/B;;OAEG;IACK,OAAO,GAA2B,SAAS,CAAC;IAEpD;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,KAAK,GAAY,IAAI,CAAC;IAE9B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC;YAEF,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-black-teal-500',\n\t\t\t\tcarousel: 'rounded-full text-white',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-dark-teal-600 opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\thover: this.hover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"pagination-pages-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CACf;IACC,mBAAmB;IACnB,UAAU;IACV,SAAS;IACT,8CAA8C;CAC9C,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,6BAA6B;YACtC,QAAQ,EAAE,yBAAyB;SACnC;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,oBAAoB;SAC1B;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,uCAAuC;SAC9C;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,gCAAgC;SACvC;QAED;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,8DAA8D;SACrE;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,6BAA6B;SACpC;KACD;CACD,CACD,CAAC;AAMF,MAAM,OAAO,mBAAmB;IAC/B;;OAEG;IACK,OAAO,GAA2B,SAAS,CAAC;IAEpD;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,KAAK,GAAY,IAAI,CAAC;IAE9B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC;YAEF,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-black-teal-500',\n\t\t\t\tcarousel: 'rounded-full text-white',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-dark-teal-500 focus:bg-dark-teal-600 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-dark-teal-400 opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\thover: this.hover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

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

@@ -76,11 +76,11 @@ export class Radio {
     checkedChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '25db80e8fa850651efbdbea8c397f9a275e771fc', class: 'p-radio' }, h("label", { key: 'c6b551c9a7624442f18a7fb53aa9db77f538ade5', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'b76f5f9d0e8583fab2f609bd79916d0f90574ef2', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '8081a9a85b6d099e1eaa0bcf7203d8c9a25b96b5', class: radio({
+        return (h(Host, { key: '626fde36ff40f6985bfa380023288845dc5b053e', class: 'p-radio' }, h("label", { key: 'f3c16bc543800d9f8fd3af7c8909c6a0db7e3823', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'f4dfb883c3b61d4e0f5853032b735bae12b3c4df', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c42e5e0fc0bb1622971a51f97754266572e7ca0e', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '8b202fb2921d11f11df7f7e9a4c9cfd8a887fd39', class: circle({
+            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '792778c5ff960548528c41d76de739d6b2e66ee5', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'ad7995ad6c97616ae2c1469487ec5d9093644cf1' }))));
+            }) })), h("slot", { key: 'bba9e3adbda677dcacfbb96fc08141d06d72e83a' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SegmentContainer {
     render() {
-        return (h(Host, { key: '286965a6a38065c7cc9c57d41849a6e1ee0ed5f1', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'f48e724d5669e7c6d38d3f4afbc8e82fdf3963a9' })));
+        return (h(Host, { key: 'eec5b238f3e1096566204e6795167c54e3ced911', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'b1a60feb1f4ffc761401f323270e194937ae74cf' })));
     }
     static get is() { return "p-segment-container"; }
     static get originalStyleUrls() {

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

@@ -49,11 +49,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(Host, { key: '14a5e6e51e57e27718a24b1dc03361c0c5dcca6c', class: segmentItem({
+        return (h(Host, { key: '805af8d153977915bae6aaee07f32e02c4f9f999', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '52ec655ad2160000eda0608a492bbc85dee7f843', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (h("p-icon", { key: 'ccd663d4754891a0510fbf82082ef72f59dfd779', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get is() { return "p-segment-item"; }
     static get originalStyleUrls() {

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

@@ -15,7 +15,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '0539830bb64e3097124546c62f5c07432531f5fc', class: smile({ variant: this.variant }) }, h("div", { key: '5569aeba74c7470ad56544de6da9fef787222fb0', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: '5b59c91f7a8185516bf18a8192df30e63f0216a3', class: smile({ variant: this.variant }) }, h("div", { key: 'b92b3d41b4c022af61e5e797ac64e98089949c58', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: '403bd202fbeb175bf091514c055a8aa34daffe30', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '6822be4febf0fdc7b4ee4de673bcf6e20594379f', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: 'efbbf8c4be7fe764d0094f415836ffa8ba24159a' })), h("p-divider", { key: '8af4c83ea2807f13d43045c3a76a83ec674c1cc2', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: '8c0dd218f0a595a2822b368814eb44009ad82e46', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '29f65c3c1c5ceccbe1805098b7a98a27750e0c0d', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '3127b28c98e1b89f84e60b2f5768d8152ee44557' })), h("p-divider", { key: 'd41c6b8a3f3d947b3543f81d2b3321f98c18e4c3', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h("div", { key: '85980b6472e93336aaca439c2e8017978f734578', class: item({ active: this.active }) }, h("slot", { key: 'a158cfa583f4df7bc658e3c402301a3e6b4824e1' })));
+        return (h("div", { key: '1ec28d8e3fa3d13224247d561f10460c6ead3298', class: item({ active: this.active }) }, h("slot", { key: '8fb91e0c4f822895709d2856115f8fc570048b21' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -78,11 +78,11 @@ export class Toggle {
     indeterminateChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: 'd00f7afb7489a5e9725b4367681439bd60b66c9c', class: 'p-checkbox' }, h("label", { key: '24a02a596109a827d8b11935a15cdb5a538de91f', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '259511c4fe62cac8316ab422e2600e953b146d57', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'f42b93313b67b427797557b24743fcb9bba82634', class: checkbox({
+        return (h(Host, { key: 'cc18ab9b736b7b9f988928a63f6c5a0ba1c54b1d', class: 'p-checkbox' }, h("label", { key: 'e2094a2717dcd042d163443a79104a4a26dd9806', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '6d80056de23eb7b5f963a07caf34eb7b489d83fe', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'c218919cc052a3fe31d84f033f735f954bbf1d1a', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'd18e1b1994ebd80410736505ac4196b3051af318', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '9f6fe7e1ba6cf111db571c61f2d8f3af6fa30a7f', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: '0b6a5be5bc91c1d92d74fa08d9b177e2654e5900' }))));
+            }) })), h("slot", { key: '05c354affb2702d43214e83543add591853fb641' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -108,19 +108,19 @@ export class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '09567e2aa539b9b47244dd2cfc437ccff9853ce4', class: popover({
+        const tooltipElement = (h("div", { key: '964d08f12cd4b08114dc3873e17cca96ce4fb3c0', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '118c92dbfe5894ee65f7807b5138c9588bb5ec1f', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '8632db4559fe1c95c616168f2534f7b57ba3d0e7', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '684fbb0cb4ba63decb6064edb973660a0fd66be8', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'fb0dcc801a5dd16e7aa314463a682e1dfcf87654', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '93042bcd7d9e79af41590268f4d47aa00deb57d4', class: portal({
+            tooltip = (h("p-portal", { key: 'cc04657d297ff62df0bd0ffe649299d1904ad0c5', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: 'e469949a970a63bf548695cbb10d29baa98c017d', class: 'p-popover flex cursor-pointer' }, h("div", { key: '063111088ab1fe86436eaaa5fe4d36fa2ba5a168', class: 'relative h-inherit w-inherit' }, h("slot", { key: '02494bcb239df0ef870dc1ccf9973e22fce50fb9', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '087eb065cece95a021feefa03f3382c78e7d420e', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0ed8dd7933c461a4767669e3007ebcadfe67e530', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: 'fbdb4661aac46d4535899fc8cff83f3c22773ef8', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"]}
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"]}

package/dist/collection/components/deprecated/atoms/counter/counter.component.js

@@ -9,7 +9,7 @@ export class Counter {
      */
     size = 'default';
     render() {
-        return (h(Host, { key: '266fe751a76fb5d09ec17c6d603fd42c57b72a9e', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: 'fe59674536a567ed2f13bcc9f09687249048f2ea' })));
+        return (h(Host, { key: 'c7ba578506ee54636d7526bc359ec071ce6d7bf2', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: '1b8ef072130d4daf41677988fa9b6e93668f0111' })));
     }
     static get is() { return "p-counter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/drawer/body/drawer-body.component.js

@@ -5,7 +5,7 @@ export class ModalBody {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: 'b14770e55baf8ef08ae5cd0e85c632d4727a71c1', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: 'a77ebeaeab52e2e40e49ac01d129f1fa3293c9c6' })));
+        return (h(Host, { key: '2520795b8635b88fd4689805c93f724e98090c1c', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: '3ac28d7812ce85a34c4a59b19e25fc444c7d37ef' })));
     }
     static get is() { return "p-drawer-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/drawer/container/drawer-container.component.js

@@ -10,7 +10,7 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h(Host, { key: 'fae533191795704d2108b9d88d4b4edc9beb1ff9', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'eea573364d17fae20be36aa033b6eaa8c48f7854' })));
+        return (h(Host, { key: '0e327d7518acec308ff91585147416bb7fcf6f6d', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'ee496c398318f1b604f86042b96980a2319a6bfa' })));
     }
     static get is() { return "p-drawer-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/deprecated/atoms/drawer/header/drawer-header.component.js

@@ -9,7 +9,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(Host, { key: '9396dbd468be9096319d21581b9b82908d37cb8c', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: 'bf29999fb0580d8500e8668e5e7653a86ef1df19', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '10e69f6ac0947fb41eac347b536d6a7ec12641fb' })));
+        return (h(Host, { key: 'ee62292c64b405694277ab012e03a1375e7e7b17', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: 'c35b79735bfe18188d3105f8336eaae908036a5e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: 'd734ec1fcdd792cf3867953e2598f9fa954144a9' })));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class InfoPanel {
      */
     _el;
     render() {
-        return (h(Host, { key: 'ab8f13c3f5601f5d8097e9aaa742c3c95ea8d32a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: '3bcbe559a884fa946352bbfaffcb67aa2cc036bc', class: 'header' }, h("slot", { key: '7bc952d645a06e6bc40233e7649c5b3b2573de97', name: 'header' })), h("div", { key: 'e0bb94db74c1065845b54981ce79b63928361108', class: 'content' }, h("slot", { key: 'c12fa512d9ea0fa44e9cde8220be79b3ea0f100d', name: 'content' })), this.closeable && (h("div", { key: '7998b6ec920b7f9e5b36878400835d8b9edaab67', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '8a781defb36fb68334dcc021af7716cf26e7bb90', variant: 'negative' })))));
+        return (h(Host, { key: '9eb262cfcdbbc7c81884559f22efb9d4b670b75a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'b30b7f2e842e75874b62c461cd75e18533c3bf5a', class: 'header' }, h("slot", { key: '9af70b307f1d81b79dc2b273a9e621e06c1bd114', name: 'header' })), h("div", { key: 'ad69ae0d77d63b78c7f52614e47bbad4fdd25c38', class: 'content' }, h("slot", { key: '950b5647d6c65065fd87166796a07f6ee828cf80', name: 'content' })), this.closeable && (h("div", { key: 'bb12dab296d4248e49036e8d57ad3c86634bcd83', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '9c32de9ae095efb917fd4e7a0300242dc0bdef79', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -5,7 +5,7 @@ export class Layout {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: 'bce1c6a2665ad9cb28125040af90a73794319697', class: `p-layout variant-${this.variant}` }, h("div", { key: '31d12250c685148078b691a2d478dae4433af081', class: 'content' }, h("div", { key: 'fb03c308de39a06ef73cd7f55b1def9462fc084b', class: 'inner-content' }, h("slot", { key: 'b04ed2d9098ec0f84f1b1cd1595f8f295dd123da', name: 'content' }))), h("div", { key: 'b1c64961b0e5d407d0e56f2598512f4178b2694c', class: 'sidebar' }, h("slot", { key: 'f2f2c85d4fa08234281702a2929a3b1cf6260132', name: 'sidebar' })), h("div", { key: 'c19d50c9839b4a45f7eb0f4d59120533135a93b5', class: 'topbar' }, h("slot", { key: 'c274b3d61f3e66b976d56eb2e4b99a34593b8ed7', name: 'topbar' }))));
+        return (h(Host, { key: '83bf2d744371af578658fab1d60bdc99ba219283', class: `p-layout variant-${this.variant}` }, h("div", { key: '683fb2c8b73ba2b9b32762e860bc9c0a7164c47b', class: 'content' }, h("div", { key: '920ec6b59fbcd19a98f8384915ea266e0ebec0d6', class: 'inner-content' }, h("slot", { key: 'd1760fc61e715e1a6966e11ed9db730ccb72d7ef', name: 'content' }))), h("div", { key: 'a9e52f6b1a7905340ce8d749e088192a88fe8da5', class: 'sidebar' }, h("slot", { key: '36ad035653a8f49788db9651c5b0ae62ef660b32', name: 'sidebar' })), h("div", { key: '3b3ab5e7ec6a114296b8e699567cb41631ffedd2', class: 'topbar' }, h("slot", { key: 'cfae23c07360d1a6a9c49830239761e334212320', name: 'topbar' }))));
     }
     static get is() { return "p-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/slider-indicator/slider-indicator.component.js

@@ -5,7 +5,7 @@ export class SliderIndicator {
      */
     active = false;
     render() {
-        return (h(Host, { key: '3f11c4d9a7b07dd5a6085c6709ae7d86ef85adb5', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: 'cbcda587cd65ad2fd9d52013336a9e4a46fae855', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get is() { return "p-slider-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/status/status.component.js

@@ -17,8 +17,8 @@ export class Status {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '60a3cc33a0f738201737cddc99407b183d63d5bf', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: 'c7e65bed9acc39e28479ca0ff017e85d363f80a6' })));
+        return (h(Host, { key: '56166f20d5b90b89ded4570d0671978f15a79d69', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: '91b5a16cb729b8f538b8c31964b1ec0094360643' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

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

@@ -21,7 +21,7 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(Host, { key: 'dd68f8886ddc03f86e24be72035d423bcf26b500', class: "p-stepper-item" }, h("div", { key: 'ee3e8a77b5fb1caaeb4076f278884dbacbe1f94c', class: "circle" }, this.finished && h("p-icon", { key: 'd0ba3edc6085a3abeaabff6bfd300cc428a8567a', variant: "checkmark" })), h("div", { key: '622b320238f5351b9b5b163ad768b1e85bb5bf0d', class: "content" }, h("slot", { key: 'a30cf0de02db8e2485a34f5accf457d1ec1288bc', name: "content" }))));
+        return (h(Host, { key: '5530f6c741575ff1d139f5ecaf7c843ce5fb319a', class: "p-stepper-item" }, h("div", { key: '0b34dc9d11a253db66cd4caff2cecb37e9a52d23', class: "circle" }, this.finished && h("p-icon", { key: 'a1f32db164e705ee95bb4f53470132c5e633c297', variant: "checkmark" })), h("div", { key: 'f4055e42d9ab92299ff14680c14b5d600cc2142f', class: "content" }, h("slot", { key: '6080dea3f48628d7695fa637388c42b5af5b0a94', name: "content" }))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return h(Host, { key: 'cd1992c82188321e593bccaac0e65f1bf2b154c5', class: "p-stepper-line" });
+        return h(Host, { key: 'ffc0cbfb4c34dfd63323ec045e915b78e2a1fc27', class: "p-stepper-line" });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class TableContainer {
      */
     shadow = true;
     render() {
-        return (h(Host, { key: 'f2d2684a14a158c8af47cf5daecd2ae48365a8b7', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '55538a53644fc3d398bef27ac210d56ca7d0c9da' })));
+        return (h(Host, { key: '6f3f3c1d957438e6ee63262f7d6c0710956ef61b', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '3d639a3534b7edf3ff5953ca4d6ceb06245d4794' })));
     }
     static get is() { return "p-table-container"; }
     static get encapsulation() { return "shadow"; }