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

package/dist/esm/p-helper_2.entry.js.map

@@ -1 +1 @@
-{"file":"p-helper.p-tooltip.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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":"p-helper.p-tooltip.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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"],"version":3}

package/dist/esm/p-iban-icon.entry.js

@@ -19,7 +19,7 @@ const IbanIcon = class {
             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/esm/p-info-panel.entry.js

@@ -29,7 +29,7 @@ const InfoPanel = class {
     closed;
     get _el() { return getElement(this); }
     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/esm/p-input-error.entry.js

@@ -14,7 +14,7 @@ const InputError = class {
     forceShowTooltip = false;
     _showTooltip = false;
     render() {
-        return (h(Host, { key: '93f5e97e760f8f71d190128d030417f6022ff646', class: 'p-input-error' }, h("p-tooltip", { key: 'cd0e27c3e79bf3e6fb3e24d383620617c04c6faf', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '5f7adcb2bce4ca7704b3d5a44ddc849871908eee', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '9a4a7ce1e1f2896ac29e28d6fe579523c36e0583', class: 'p-input-error' }, h("p-tooltip", { key: 'd814ead32e454f066b47dcd5611be326793f2868', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '718d3fc0be9a532bb5a75745adcbce99c62b283c', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

package/dist/esm/p-input-group.entry.js

@@ -81,11 +81,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'cb58c460301e45e1a0b612fa72bd10016d4fba6b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '57040a0fdc8af97730eba9d0836accf4f32b1ebd', class: 'flex items-end justify-between' }, label && (h("div", { key: '4c54a2f6af88e0ad9da6b6b8ba0cf32d17b3830b', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: 'a1e06c2b0bcf1a41e6e9b40092b84bc0e34b392c', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c401d7d52e15360173986f922b3610ff6a716e1a', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '71c03facbb151f30b71f4c3f03ef2ce3cd32c142', name: 'header' }), helper && (h("p-helper", { key: '3c01fcea64f1aa78cd0bcf6b40d4221a523d3447', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'ed1a4b89784b5cf170d98b57de42a97c49d6f203', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: 'cd5c981afb24ed35d88d336a9453c9978f43210b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '7c6f6c840d4da940053432b62aae9ce6b45086a1', class: 'flex items-end justify-between' }, label && (h("div", { key: '2dd1a251b54bfcb644d2e4adcd67c40bb7949360', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '65cbea2d0ea418e68ec828edec2a1844f9af288b', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c793e8afa5b854d866628a4a5fd3cfe189da1df2', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '595760f0fd4f0625dea40d3a3d8d74e4c3f09cff', name: 'header' }), helper && (h("p-helper", { key: '831272e23636747f8fa7650c6def7b216b30e175', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '4727a2fe32651d088cf36336d18a6710e651baae', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '753af8b94714c2a9cdc1e056b7101fa1cb5554e1', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cb796c664b94500d996a3d0f437efab6a5386eac', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '42aa18a95659386cce232fd4df5ae983e03b8082', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '0e0dc2aa768193a0e742ea812a1d908bd46fef5e', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'b72c503fbf3d7de51a49d11897b1b9ffb4f7f39f', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: '5b495dc855e6f246f7d5a8814bfbbba2880ea4fa', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '47d5833f618ae15aff5ee3ecdb3b8f24f2e1ed22', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: '4cc972e56a638da234ecb604a41c484f4d934ff4', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/esm/p-label.entry.js

@@ -60,14 +60,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '7adbe963d2ce1ba93a8324210ee8486b8338b787', class: 'p-label' }, h("div", { key: '4967788bebaf29509cd6a2b5c446d7d47c606610', class: label({
+        return (h(Host, { key: '333bfe3308dfd28fbde9eead28bd716b65bdab3a', class: 'p-label' }, h("div", { key: 'a505d935c6370ee4589e27fff87bee555ccb30d1', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: 'e270e8ef3b29c0b58ba25338fa8ad6e9c6313b2b', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '6c03819667fa2976dabc99a6c93afa004beb1eb5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '88afb10147769c335c6347170c18e23d9314fbd8', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'a897ec81e8b5d903e8b6f8cbbdb0128ee2568079', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '7f40a5f685e2d8729050c5588f9b15927c18f615' }))))));
+            }) }, h("slot", { key: '521a85507f7c84a30b118e013e2464ac45ba269b' }))))));
     }
 };
 Label.style = labelComponentCss;

package/dist/esm/p-layout.entry.js

@@ -11,7 +11,7 @@ const Layout = class {
      */
     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' }))));
     }
 };
 Layout.style = layoutComponentCss;

package/dist/esm/p-modal-body_4.entry.js

@@ -30,10 +30,10 @@ const ModalBody = class {
      */
     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' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -73,10 +73,10 @@ const ModalContainer = class {
      */
     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' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -88,7 +88,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     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' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -119,7 +119,7 @@ const ModalHeader = class {
      */
     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' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

package/dist/esm/p-navbar.entry.js

@@ -49,7 +49,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '1089baa509795310aa9e9c4b4c1a54624a7ef31c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '2c415cc864f3d338b987b41429f98b090ddf53b7', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '55761ceaea587deb639a7a00a21ce4b1de8d1077', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '73550d0731b0cd8f16176031bec6b22b222cf6d3', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '40296bbaf4062f58668be3a9678eeee72e384bdc', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '7e9e3ccc2e67346753f5857627f14177927190f1', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '93eee53bb316df4b4e1979ca2305538b93f9dad7', name: 'company' })), h("div", { key: '101a6607ac9fa0404c478132db8d6dc187941d0e', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '40f3116758e9dcb1b9cd95a3ea0abfe63f556df5', name: 'content' })), h("div", { key: '9eda09f5fe5723f3e4a2275dbc12e93e1f017a21', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '2f56fa2058cd4769f1bd494d688ac4005bc91ff4', name: 'user' }))), h("div", { key: 'bdc8cd868d4a1c144d3808d7b9387a50d630deb3', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '78d95e0d63fd0f1e7831d4fbbaa2638129473f90', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'd234f98d3764d1c23e75bd50b4a44152c8f8a401', name: 'topbar' }))));
+        return (h(Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), h("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), h("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), h("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navigation-item.entry.js

@@ -73,10 +73,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: 'a87f509578f0ce6740dd69fc69e0fa04ed0ee2b2', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '4609e8924e72646b9802e869c50c80e47a78ac30', class: navigationItem({
+        return (h(Host, { key: '1ad80ae2b706394621ce400e512102c6f58dca62', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '18ef0de5fb43b2a4df2906a596f71f9bc94fec53', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '468f0196ea467f1dd47b3afc56abff04b76036da', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'a868bd9dda5e0b2f45a5519a0b91b00c7fb69411', variant: this.icon })), h("span", { key: '6de006baa0a070f31f1c3dae2a12c13a45161df3', class: this.counter && 'has-counter' }, h("slot", { key: 'cb79f483fe8571267edc88b0d5ba3714b058ab69' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7984ff9391669ab92375d11756dc320a099ac412' }, this.counter)), !!this.loading && h("p-loader", { key: '7f9b7682218b062de8cafd6999c3d4739cdebd28', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '420fba6122acb8124a575ab451d6032c63ac3637', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'cc692a21e8255f8b2311953caff2aa47360d6910', variant: this.icon })), h("span", { key: 'a470ac1ef752d5a5c0a288d599293b72ab346a9b', class: this.counter && 'has-counter' }, h("slot", { key: '36df8b97383b2299b9dc8be1973d4c94c085fe3f' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a47d820811b600af6346fd7eb513456284e55128' }, this.counter)), !!this.loading && h("p-loader", { key: '10b762e8853875400c2638cf2d04b2701cafcea1', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

package/dist/esm/p-navigation-section.entry.js

@@ -11,7 +11,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (h(Host, { key: '656b8844f21a7487d1988f82ef95e6f7f8071b6f', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '13774787edcc7fb4056c2b6b8780827407535dd0' }, this.header)), h("div", { key: 'b9a92a246a30ce332c6a754136cfcd2ab3f74a9a', class: 'flex flex-col' }, h("slot", { key: '090c9b6453469778bce1291541f326edac343fe9' }))));
+        return (h(Host, { key: '83fe6815ae210f3cb3553db0f70ffa9b0de573d3', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'aa63ecef3acec7af1bf9b2121d9925375bfe7140' }, this.header)), h("div", { key: '7b7ca422760a5bedfa46c760de804239f3f7ce0f', class: 'flex flex-col' }, h("slot", { key: '58c30d76b2554cd81b0811af2b78de2b54bb8b1d' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

package/dist/esm/p-navigation-title.entry.js

@@ -7,7 +7,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     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' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/esm/p-pagination.entry.js

@@ -64,12 +64,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'd621942e09c5c48e4fa43a01ebff160a9e80b62b', class: pagination({
+        return (h(Host, { key: 'e40a41d97489eabca9b913dbe4d11be7ea4a6d4e', class: pagination({
                 hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '93ee58473f0494ee0201af1ccff452de809fac9c' }, h("p-pagination-size", { key: '4655daf55b5a42d7e06486582c668ec61f52bd1d', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '00b7a74be896de5b105d5e844d2a9afb657bde14' }, h("p-pagination-size", { key: 'b9b71d6d9bb9b94505b66c6260a5248e05d858f9', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '3ed490e233d902ad86f4d718beee5f64c826dbb5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '3307cb66009c30099b6fa236aec627600196229f', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this._hasPaginationPages && (h("p-divider", { key: '6a12505908e4d1d36c5aeb535b9e506fcb099d58', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'bf5ff04c1c9f6fc93d556695022954e829324b76', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/esm/p-portal.entry.js

@@ -16,7 +16,7 @@ const Portal = class {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: 'd1932f08bcd675a36f4ab38f80b0600b3be37837' }, h("slot", { key: '6c6d36bb258590934c5b7a7f6498f5a7a548f6ff' })));
+        return (h(Host, { key: '7bb00af33aa3d9f2ce92c74b3ba8733b5aa207ca' }, h("slot", { key: '4ca5ee281205812eed199bb1dbeff4f4b9374f16' })));
     }
 };
 

package/dist/esm/p-profile.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, g as getElement, h, H as Host } from './index-I9
 import { c as cva } from './index-CO0T2jO4.js';
 import './clsx-ChV9xqsO.js';
 
-const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
 
 const profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {
     variants: {
@@ -31,7 +31,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '3429f2c599ed9a16edcb44bffb7bf937dcdfe028', 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: '799c7d8d9169f78f417f8673a73e0303f7aa8b0f', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { 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/esm/p-profile.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-profile.entry.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block w-inherit'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tclass='block'\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-profile.entry.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block w-inherit'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,2gCAA2gC;;ACWviC,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,wCAAwC,CAAC,EAAE;AACtE,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAMW,OAAO,GAAA,MAAA;;;;AACnB;;AAEG;IACK,gBAAgB,GAA6B,YAAY;;IAOhD,aAAa,GAAG,KAAK;IACrB,gBAAgB,GAAG,KAAK;IAEzC,iBAAiB,GAAA;QAChB,IAAI,CAAC,kBAAkB,EAAE;;IAG1B,mBAAmB,GAAA;QAClB,IAAI,CAAC,aAAa,EAAE;;IAGrB,MAAM,GAAA;AACL,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;AAElC,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,kCAAkC,EAC5C,EAAA,IAAI,CAAC,gBAAgB,IACrB,CACC,CAAA,YAAA,EAAA,EAAA,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC,EAAA,EAEhD,CAAA,CAAA,UAAA,EAAA,EACC,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,MAAM,EAC3C,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,QAAQ,EAAA,EAEb,OAAO,CACE,EACX,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAA,EAChB,CACC,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAC5C,CAAA,CACG,CACM,KAEb,OAAO,CACP,CACK;;IAKT,UAAU,GAAA;QACT,IAAI,CAAC,kBAAkB,EAAE;;IAGlB,kBAAkB,GAAA;AACzB,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC/C,4BAA4B,CAC5B;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,aAAa,EAAE;AACjD,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;;IAIpB,WAAW,GAAA;QAClB,QACC,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,cAAc,CAAC;gBACrB,QAAQ,EAAE,IAAI,CAAC,gBAAgB;AAC/B,aAAA,CAAC,EAAA,EAEF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpD,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,uFAAuF,EAAA,EAC/F,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAClB,EACJ,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,+FAA+F,EAAA,EACvG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAG,CACrB,CACC,EAEN,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,YAAY,EAAG,CAAA,CACrB;;IAIA,aAAa,GAAA;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACpC,yBAAyB,CACH;QAEvB,IAAI,CAAC,MAAM,EAAE;YACZ;;AAGD,QAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,GAAG,MAAM,CAAC,IAAI;;;;;;;"}

package/dist/esm/p-radio.entry.js

@@ -84,11 +84,11 @@ const Radio = class {
     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/esm/p-select.entry.js

@@ -281,7 +281,7 @@ const Select = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ff43aa586a6ea21661882466be86ae01d7ee30ae', class: 'p-select' }, h("p-dropdown", { key: '37f3195b9c4b1ad3a13a3037bc3360eb13756ed0', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: 'ecec7c0a970b95a289f0429db859b0e83a336b3d', slot: 'trigger', variant: 'write', 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: '7d9211431dfd440efae432a234488fb8d135324a', 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: '4ca1f6b776d3461cd1edfe3da7d97b6404690cc8', 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: '9b75b0c135a183f22d6fe53163a91100d2e6cd93', class: 'p-select' }, h("p-dropdown", { key: '9bbefcf151af76314f2d03e3337b41cf37098125', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: 'fa548baf91fdb04f447888586f24f3ffb48fd0e9', slot: 'trigger', variant: 'write', 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: '79101c93dbcd621723a6e0a1ce5d3dd99f76e665', 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: 'a900742105e7a6c2f8484505682b3ddb3561b07d', 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/esm/p-slider-indicator.entry.js

@@ -11,7 +11,7 @@ const SliderIndicator = class {
      */
     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'}` }));
     }
 };
 SliderIndicator.style = sliderIndicatorComponentCss;

package/dist/esm/p-smile.entry.js

@@ -27,7 +27,7 @@ const Smile = class {
      */
     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 })));
     }
 };
 Smile.style = smileComponentCss;

package/dist/esm/p-status.entry.js

@@ -23,8 +23,8 @@ const Status = class {
      */
     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/esm/p-stepper-item.entry.js

@@ -27,7 +27,7 @@ const StepperItem = class {
      */
     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" }))));
     }
 };
 StepperItem.style = stepperItemComponentCss;

package/dist/esm/p-stepper-line.entry.js

@@ -15,7 +15,7 @@ const StepperLine = class {
      */
     direction = 'horizontal';
     render() {
-        return h(Host, { key: 'cd1992c82188321e593bccaac0e65f1bf2b154c5', class: "p-stepper-line" });
+        return h(Host, { key: 'ffc0cbfb4c34dfd63323ec045e915b78e2a1fc27', class: "p-stepper-line" });
     }
 };
 StepperLine.style = stepperLineComponentCss;

package/dist/esm/p-stepper.entry.js

@@ -129,7 +129,7 @@ const Stepper = class {
         }
     }
     render() {
-        return (h(Host, { key: '0b8269c5f35b289292d6ac440989fbb88c9cec58', class: 'p-stepper' }, h("slot", { key: 'f9aa77e19f2bdcb0ce1e0abef93c0942c6d5d43a', onSlotchange: () => this._generateStepsOnce() })));
+        return (h(Host, { key: 'f80dff601db0c373f46a4eeb258b8a5e584807c1', class: 'p-stepper' }, h("slot", { key: 'bcdbd79194ba1742fc80b0076bcec37f8c778b4f', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();

package/dist/esm/p-tab-container.entry.js

@@ -7,7 +7,7 @@ const TabContainer = class {
         registerInstance(this, hostRef);
     }
     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' })));
     }
 };
 TabContainer.style = tabContainerComponentCss;

package/dist/esm/p-tab-item.entry.js

@@ -25,7 +25,7 @@ const TabItem = class {
      */
     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' })));
     }
 };
 TabItem.style = tabItemComponentCss;

package/dist/esm/p-toast-container.entry.js

@@ -11,7 +11,7 @@ const ToastContainer = class {
      */
     placement = 'top-end';
     render() {
-        return (h(Host, { key: '823f2e09c27734c94b3b97abc0549a49cb4dce73', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '40a0af150c31efaffc0c9c7997de70f7e22ddb63' })));
+        return (h(Host, { key: '79297fc7b92c3f6b339bfc29250c9b099cccacad', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '8641033db3759449c4153890f5a5f2596331d3e6' })));
     }
 };
 ToastContainer.style = toastContainerComponentCss;

package/dist/esm/p-toast.entry.js

@@ -40,7 +40,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (h(Host, { key: '2281bed5ceb6fd1bd75e1d4052911b931df5c19a', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '9c32222544f01d3eb1218749c8456b165593b371', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '35e4ccdec5e79538b1ee337040a5e0243da52cae', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '729a55e03e1933eb17ef0193f4d164b9519d6bd6', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '3c0dfe15bb1cd42ecc4787a3fbdab57f3a1724dc', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: '487b43615637dc1fb54cd5d5868e08de6ce262f3', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '6a5b4105e9f59db8af4fe48151d5a58d4ddebf4f', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'b41b592791fed6a2aef9a6abbb63005574d5e355', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '775a806ae49147691a4417a7e2056fc67a09dc6a', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '19de0f2d585db0e53ff122a192c55523c04d95b9', 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/esm/p-toggle.entry.js

@@ -87,11 +87,11 @@ const Toggle = class {
     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)) {