@paperless/core 2.1.0 → 2.2.0

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

@@ -1 +1 @@
-{"file":"p-content-slider.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col overflow-hidden;\n\n\t@apply p-16 -m-16;\n\n\t.slider {\n\t\t@apply overflow-visible relative box-content;\n\n\t\t&.draggable {\n\t\t\t@apply cursor-grab desktop-xs:cursor-auto;\n\n\t\t\t&.dragging {\n\t\t\t\t@apply cursor-grabbing desktop-xs:cursor-auto;\n\n\t\t\t\t.inner-slider {\n\t\t\t\t\t@apply transition-none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.inner-slider {\n\t\t\t@apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n\t\t\t@apply will-change-transform transform-gpu translate-x-0;\n\n\t\t\t@apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n\t\t\t@apply transition-all;\n\t\t\ttransition-duration: 0.5s;\n\n\t\t\t> ::slotted(*) {\n\t\t\t\t@apply w-full;\n\t\t\t\t@apply flex-shrink-0 z-10;\n\n\t\t\t\t@screen tablet {\n\t\t\t\t\twidth: calc(50% - 0.5rem);\n\t\t\t\t}\n\n\t\t\t\t@screen desktop-xs {\n\t\t\t\t\t@apply w-0 flex-1;\n\t\t\t\t}\n\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t}\n\n\t.indicator {\n\t\t@apply flex justify-center items-center desktop-xs:hidden;\n\n\t\t.item {\n\t\t\t@apply mt-3 pt-1 px-1;\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-content-slider',\n\tstyleUrl: 'content-slider.component.scss',\n\tshadow: true,\n})\nexport class ContentSlider {\n\t/**\n\t * Wether to hide the indicator on mobile\n\t */\n\t@Prop() hideMobileIndicator: boolean = false;\n\n\t/**\n\t * Wether to disable dragging the content\n\t */\n\t@Prop() disableDrag: boolean = false;\n\n\t/**\n\t * Wether to disable auto centering the content\n\t */\n\t@Prop() disableAutoCenter: boolean = false;\n\n\t/**\n\t * Wether to disable clicking the indicator scrolls content\n\t */\n\t@Prop() disableIndicatorClick: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _visibleIndex: number;\n\t@State() private _outerHeight = 0;\n\t@State() private _totalWidth = 0;\n\tprivate _sliderRef: HTMLElement;\n\tprivate _innerSliderRef: HTMLElement;\n\tprivate _items: HTMLElement[] = [];\n\tprivate _innerSliderResizeObserver: ResizeObserver;\n\n\t// mouse movement stuff\n\tprivate _startX: number;\n\tprivate _startMouseX: number;\n\tprivate _lastMouseX: number;\n\tprivate _lastIndex: number;\n\tprivate _shouldCheckLocation = false;\n\t@State() private _dragging = false;\n\n\tget _filteredItems() {\n\t\treturn this._items.filter(item => item.checkVisibility());\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._innerSliderResizeObserver) {\n\t\t\tthis._innerSliderResizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-content-slider'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`slider ${!this.disableDrag && 'draggable'} ${\n\t\t\t\t\t\tthis._dragging && 'dragging'\n\t\t\t\t\t}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${this._outerHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t\tref={el => (this._sliderRef = el)}\n\t\t\t\t\tonMouseDown={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonTouchStart={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonMouseMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t\tonTouchMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='inner-slider'\n\t\t\t\t\t\tref={ref => this._setInnerSliderReft(ref)}\n\t\t\t\t\t\tonTransitionEnd={() => this._transitionEndHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot onSlotchange={() => this._slotChange()} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={`indicator ${this.hideMobileIndicator && 'hidden'}`}>\n\t\t\t\t\t{this._filteredItems.map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._scrollTo(i, true)}\n\t\t\t\t\t\t\tclass={`item ${!this.disableIndicatorClick && 'cursor-pointer'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={cn('block h-2 w-2 rounded-full', {\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-600': i === this._visibleIndex,\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-400': i !== this._visibleIndex,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _mouseDownHandler(e) {\n\t\tif (this.disableDrag || this._dragging) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tif (innerSliderStyle.flexWrap === 'wrap') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._startMouseX = e.x;\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tif (e.type === 'touchstart') {\n\t\t\tthis._startMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst offsetLeft = innerSliderRect.x - sliderRect.x;\n\n\t\tthis._startX = this._startMouseX - sliderRect.x - offsetLeft;\n\t\tthis._lastIndex = this._visibleIndex;\n\t\tthis._dragging = true;\n\t}\n\n\tprivate _mouseMoveHandler(e) {\n\t\tif (!e || !this._dragging || this.disableDrag) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._shouldCheckLocation = true;\n\n\t\tif (this._innerSliderRef.style.getPropertyValue('pointer-events') === '') {\n\t\t\tthis._innerSliderRef.style.pointerEvents = 'none';\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tlet x = e.clientX - sliderRect.left;\n\t\tthis._lastMouseX = e.x;\n\t\tif (e.type === 'touchmove') {\n\t\t\tx = e.touches?.[0].clientX - sliderRect.left;\n\t\t\tthis._lastMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`${x - this._startX}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _transitionEndHandler() {\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _slotChange() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\n\t\tsetTimeout(() => {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}, 100);\n\t}\n\n\t@Listen('mouseup', { target: 'window' })\n\t@Listen('touchend', { target: 'window' })\n\tmouseUpHandler() {\n\t\tthis._dragging = false;\n\t\tthis._innerSliderRef.style.removeProperty('pointer-events');\n\n\t\tthis._checkLocation();\n\t}\n\n\t@Listen('resize', { target: 'window' })\n\tresizeHandler() {\n\t\tif (this._innerSliderRef) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}\n\t}\n\n\tprivate _setInnerSliderReft(ref) {\n\t\tthis._innerSliderRef = ref;\n\t\tthis._innerSliderResizeObserver = new ResizeObserver(() =>\n\t\t\tthis._calculateHeight()\n\t\t);\n\t\tthis._innerSliderResizeObserver.observe(this._innerSliderRef);\n\t}\n\n\tprivate _scrollTo(i: number, manual = false) {\n\t\tif (this.disableIndicatorClick && manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst el = this._items[i];\n\n\t\tif (i === 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst elRect = el.getBoundingClientRect();\n\n\t\tconst offsetLeft = elRect.x - innerSliderRect.x;\n\n\t\tconst centerOffset = offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`-${centerOffset}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _checkBoundary() {\n\t\tlet outer = this._sliderRef.getBoundingClientRect();\n\n\t\tconst left = parseInt(\n\t\t\tthis._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n\t\t);\n\t\tif (left > 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t}\n\n\t\tconst maxLeft = (this._totalWidth - outer.width) * -1;\n\t\tif (left < maxLeft) {\n\t\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t\t'--tw-translate-x',\n\t\t\t\t`${maxLeft}px`\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate _calculateIndicator() {\n\t\tfor (let i = 0; i < this._filteredItems.length; i++) {\n\t\t\tconst item = this._filteredItems[i];\n\t\t\tconst visible = this._isVisible(item);\n\n\t\t\tif (visible) {\n\t\t\t\tthis._visibleIndex = i;\n\t\t\t}\n\n\t\t\tif (i === 0 && visible) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _checkLocation() {\n\t\tif (!this._shouldCheckLocation) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet scrollToIndex = null;\n\t\tif (this._lastIndex !== this._visibleIndex) {\n\t\t\tscrollToIndex = this._visibleIndex;\n\t\t}\n\n\t\tif (this._lastIndex === this._visibleIndex) {\n\t\t\tif (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n\t\t\t\tscrollToIndex = this._lastIndex - 1;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tthis._lastMouseX < this._startMouseX &&\n\t\t\t\tthis._lastIndex !== this._items?.length - 1\n\t\t\t) {\n\t\t\t\tscrollToIndex = this._lastIndex + 1;\n\t\t\t}\n\t\t}\n\n\t\tif (scrollToIndex !== null) {\n\t\t\tthis._shouldCheckLocation = false;\n\t\t\tsetTimeout(() => this._scrollTo(scrollToIndex), 100);\n\t\t}\n\t}\n\n\tprivate _isVisible(el: HTMLElement) {\n\t\tif (!this._el || !el) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn (\n\t\t\t(elRect.left >= sliderRect.left && elRect.right <= sliderRect.right) ||\n\t\t\t(this._isMobile(el) &&\n\t\t\t\telRect.left + elRect.width / 2 >= sliderRect.left &&\n\t\t\t\telRect.left + elRect.width / 2 <= sliderRect.right)\n\t\t);\n\t}\n\n\tprivate _calculateWidth() {\n\t\tlet totalWidth = 0;\n\n\t\tfor (let item of this._filteredItems) {\n\t\t\tconst rect = item.getBoundingClientRect();\n\t\t\ttotalWidth += rect.width;\n\t\t}\n\n\t\tconst sliderStyle = getComputedStyle(this._sliderRef);\n\t\tconst padding = parseInt(sliderStyle.padding) * 2;\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tconst gap =\n\t\t\tparseInt(innerSliderStyle.gap) * (this._filteredItems.length - 1);\n\n\t\ttotalWidth += padding + gap;\n\n\t\tthis._totalWidth = totalWidth;\n\t}\n\n\tprivate _calculateHeight() {\n\t\tconst items = this._filteredItems;\n\t\tif (!items.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst outerHeight = this._filteredItems\n\t\t\t.at(0)\n\t\t\t.getBoundingClientRect().height;\n\t\tif (outerHeight != this._outerHeight) {\n\t\t\tthis._outerHeight = outerHeight;\n\t\t}\n\t}\n\n\tprivate _isMobile(el?: HTMLElement) {\n\t\tif (!el) {\n\t\t\tel = this._filteredItems.at(0);\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn sliderRect.width - elRect.width < 10;\n\t}\n}\n"],"version":3}
+{"file":"p-content-slider.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col overflow-hidden;\n\n\t@apply p-16 -m-16;\n\n\t.slider {\n\t\t@apply overflow-visible relative box-content;\n\n\t\t&.draggable {\n\t\t\t@apply cursor-grab desktop-xs:cursor-auto;\n\n\t\t\t&.dragging {\n\t\t\t\t@apply cursor-grabbing desktop-xs:cursor-auto;\n\n\t\t\t\t.inner-slider {\n\t\t\t\t\t@apply transition-none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.inner-slider {\n\t\t\t@apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n\t\t\t@apply will-change-transform transform-gpu translate-x-0;\n\n\t\t\t@apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n\t\t\t@apply transition-all;\n\t\t\ttransition-duration: 0.5s;\n\n\t\t\t> ::slotted(*) {\n\t\t\t\t@apply w-full;\n\t\t\t\t@apply flex-shrink-0 z-10;\n\n\t\t\t\t@screen tablet {\n\t\t\t\t\twidth: calc(50% - 0.5rem);\n\t\t\t\t}\n\n\t\t\t\t@screen desktop-xs {\n\t\t\t\t\t@apply w-0 flex-1;\n\t\t\t\t}\n\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t}\n\n\t.indicator {\n\t\t@apply flex justify-center items-center desktop-xs:hidden;\n\n\t\t.item {\n\t\t\t@apply mt-3 pt-1 px-1;\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-content-slider',\n\tstyleUrl: 'content-slider.component.scss',\n\tshadow: true,\n})\nexport class ContentSlider {\n\t/**\n\t * Wether to hide the indicator on mobile\n\t */\n\t@Prop() hideMobileIndicator: boolean = false;\n\n\t/**\n\t * Wether to disable dragging the content\n\t */\n\t@Prop() disableDrag: boolean = false;\n\n\t/**\n\t * Wether to disable auto centering the content\n\t */\n\t@Prop() disableAutoCenter: boolean = false;\n\n\t/**\n\t * Wether to disable clicking the indicator scrolls content\n\t */\n\t@Prop() disableIndicatorClick: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _visibleIndex: number;\n\t@State() private _outerHeight = 0;\n\t@State() private _totalWidth = 0;\n\tprivate _sliderRef: HTMLElement;\n\tprivate _innerSliderRef: HTMLElement;\n\tprivate _items: HTMLElement[] = [];\n\tprivate _innerSliderResizeObserver: ResizeObserver;\n\n\t// mouse movement stuff\n\tprivate _startX: number;\n\tprivate _startMouseX: number;\n\tprivate _lastMouseX: number;\n\tprivate _lastIndex: number;\n\tprivate _shouldCheckLocation = false;\n\t@State() private _dragging = false;\n\n\tget _filteredItems() {\n\t\treturn this._items.filter(item => item.checkVisibility());\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._innerSliderResizeObserver) {\n\t\t\tthis._innerSliderResizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-content-slider'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`slider ${!this.disableDrag && 'draggable'} ${\n\t\t\t\t\t\tthis._dragging && 'dragging'\n\t\t\t\t\t}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${this._outerHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t\tref={el => (this._sliderRef = el)}\n\t\t\t\t\tonMouseDown={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonTouchStart={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonMouseMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t\tonTouchMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='inner-slider'\n\t\t\t\t\t\tref={ref => this._setInnerSliderReft(ref)}\n\t\t\t\t\t\tonTransitionEnd={() => this._transitionEndHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot onSlotchange={() => this._slotChange()} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={`indicator ${this.hideMobileIndicator && 'hidden'}`}>\n\t\t\t\t\t{this._filteredItems.map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._scrollTo(i, true)}\n\t\t\t\t\t\t\tclass={`item ${!this.disableIndicatorClick && 'cursor-pointer'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={cn('block h-2 w-2 rounded-full', {\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-600': i === this._visibleIndex,\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-400': i !== this._visibleIndex,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _mouseDownHandler(e) {\n\t\tif (this.disableDrag || this._dragging) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tif (innerSliderStyle.flexWrap === 'wrap') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._startMouseX = e.x;\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tif (e.type === 'touchstart') {\n\t\t\tthis._startMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst offsetLeft = innerSliderRect.x - sliderRect.x;\n\n\t\tthis._startX = this._startMouseX - sliderRect.x - offsetLeft;\n\t\tthis._lastIndex = this._visibleIndex;\n\t\tthis._dragging = true;\n\t}\n\n\tprivate _mouseMoveHandler(e) {\n\t\tif (!e || !this._dragging || this.disableDrag) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._shouldCheckLocation = true;\n\n\t\tif (this._innerSliderRef.style.getPropertyValue('pointer-events') === '') {\n\t\t\tthis._innerSliderRef.style.pointerEvents = 'none';\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tlet x = e.clientX - sliderRect.left;\n\t\tthis._lastMouseX = e.x;\n\t\tif (e.type === 'touchmove') {\n\t\t\tx = e.touches?.[0].clientX - sliderRect.left;\n\t\t\tthis._lastMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`${x - this._startX}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _transitionEndHandler() {\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _slotChange() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\n\t\tsetTimeout(() => {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}, 100);\n\t}\n\n\t@Listen('mouseup', { target: 'window' })\n\t@Listen('touchend', { target: 'window' })\n\tmouseUpHandler() {\n\t\tthis._dragging = false;\n\t\tthis._innerSliderRef.style.removeProperty('pointer-events');\n\n\t\tthis._checkLocation();\n\t}\n\n\t@Listen('resize', { target: 'window' })\n\tresizeHandler() {\n\t\tif (this._innerSliderRef) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}\n\t}\n\n\tprivate _setInnerSliderReft(ref) {\n\t\tthis._innerSliderRef = ref;\n\t\tthis._innerSliderResizeObserver = new ResizeObserver(() =>\n\t\t\tthis._calculateHeight()\n\t\t);\n\t\tthis._innerSliderResizeObserver.observe(this._innerSliderRef);\n\t}\n\n\tprivate _scrollTo(i: number, manual = false) {\n\t\tif (this.disableIndicatorClick && manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst el = this._items[i];\n\n\t\tif (i === 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst elRect = el.getBoundingClientRect();\n\n\t\tconst offsetLeft = elRect.x - innerSliderRect.x;\n\n\t\tconst centerOffset = offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`-${centerOffset}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _checkBoundary() {\n\t\tlet outer = this._sliderRef.getBoundingClientRect();\n\n\t\tconst left = parseInt(\n\t\t\tthis._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n\t\t);\n\t\tif (left > 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t}\n\n\t\tconst maxLeft = (this._totalWidth - outer.width) * -1;\n\t\tif (left < maxLeft) {\n\t\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t\t'--tw-translate-x',\n\t\t\t\t`${maxLeft}px`\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate _calculateIndicator() {\n\t\tfor (let i = 0; i < this._filteredItems.length; i++) {\n\t\t\tconst item = this._filteredItems[i];\n\t\t\tconst visible = this._isVisible(item);\n\n\t\t\tif (visible) {\n\t\t\t\tthis._visibleIndex = i;\n\t\t\t}\n\n\t\t\tif (i === 0 && visible) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _checkLocation() {\n\t\tif (!this._shouldCheckLocation) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet scrollToIndex = null;\n\t\tif (this._lastIndex !== this._visibleIndex) {\n\t\t\tscrollToIndex = this._visibleIndex;\n\t\t}\n\n\t\tif (this._lastIndex === this._visibleIndex) {\n\t\t\tif (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n\t\t\t\tscrollToIndex = this._lastIndex - 1;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tthis._lastMouseX < this._startMouseX &&\n\t\t\t\tthis._lastIndex !== this._items?.length - 1\n\t\t\t) {\n\t\t\t\tscrollToIndex = this._lastIndex + 1;\n\t\t\t}\n\t\t}\n\n\t\tif (scrollToIndex !== null) {\n\t\t\tthis._shouldCheckLocation = false;\n\t\t\tsetTimeout(() => this._scrollTo(scrollToIndex), 100);\n\t\t}\n\t}\n\n\tprivate _isVisible(el: HTMLElement) {\n\t\tif (!this._el || !el) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn (\n\t\t\t(elRect.left >= sliderRect.left && elRect.right <= sliderRect.right) ||\n\t\t\t(this._isMobile(el) &&\n\t\t\t\telRect.left + elRect.width / 2 >= sliderRect.left &&\n\t\t\t\telRect.left + elRect.width / 2 <= sliderRect.right)\n\t\t);\n\t}\n\n\tprivate _calculateWidth() {\n\t\tlet totalWidth = 0;\n\n\t\tfor (let item of this._filteredItems) {\n\t\t\tconst rect = item.getBoundingClientRect();\n\t\t\ttotalWidth += rect.width;\n\t\t}\n\n\t\tconst sliderStyle = getComputedStyle(this._sliderRef);\n\t\tconst padding = parseInt(sliderStyle.padding) * 2;\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tconst gap =\n\t\t\tparseInt(innerSliderStyle.gap) * (this._filteredItems.length - 1);\n\n\t\ttotalWidth += padding + gap;\n\n\t\tthis._totalWidth = totalWidth;\n\t}\n\n\tprivate _calculateHeight() {\n\t\tconst items = this._filteredItems;\n\t\tif (!items.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst outerHeight = this._filteredItems\n\t\t\t.at(0)\n\t\t\t.getBoundingClientRect().height;\n\t\tif (outerHeight != this._outerHeight) {\n\t\t\tthis._outerHeight = outerHeight;\n\t\t}\n\t}\n\n\tprivate _isMobile(el?: HTMLElement) {\n\t\tif (!el) {\n\t\t\tel = this._filteredItems.at(0);\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn sliderRect.width - elRect.width < 10;\n\t}\n}\n"],"version":3}

package/dist/components/p-cropper.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
 import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$2 } from './p-O9xsMEHA.js';
+import { d as defineCustomElement$2 } from './p-B4CTQ-9e.js';
 
 const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 const WINDOW = IS_BROWSER ? window : {};

package/dist/components/p-datepicker.js

@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js
 import { c as childOf } from './p-BFSNj6hu.js';
 import { i as isMobileBrowser } from './p-DVCJlilm.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$b } from './p-C2Ee3Hd1.js';
-import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay, y as isWeekend } from './p-nnmodWg4.js';
-import { d as defineCustomElement$9 } from './p-CYKQOTjm.js';
-import { d as defineCustomElement$8 } from './p-DP-tFaYu.js';
-import { d as defineCustomElement$7 } from './p-Bhh0ZTCL.js';
-import { d as defineCustomElement$6 } from './p-mXEV4VQF.js';
-import { d as defineCustomElement$5 } from './p-Ctpo7EfP.js';
+import { d as defineCustomElement$b } from './p-CrWSVtho.js';
+import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay, y as isWeekend } from './p-Bns3xDMA.js';
+import { d as defineCustomElement$9 } from './p-DMriM32U.js';
+import { d as defineCustomElement$8 } from './p-Dc8e00Zd.js';
+import { d as defineCustomElement$7 } from './p-BNaOqJgo.js';
+import { d as defineCustomElement$6 } from './p-C_BNkkNm.js';
+import { d as defineCustomElement$5 } from './p-BZ8j-d8K.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$3 } from './p-DXMAnvYE.js';
-import { d as defineCustomElement$2 } from './p-BxS6HpH7.js';
+import { d as defineCustomElement$3 } from './p-B45wCDRo.js';
+import { d as defineCustomElement$2 } from './p-hfbPyfbz.js';
 
 /**
  * Days in 1 week.

package/dist/components/{p-ByyuLpa5.js → p-ddPhcRIf.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
 
-const stepperLineComponentCss = ".mx-\\[calc\\(0\\.75rem-1px\\)\\]{margin-left:calc(.75rem - 1px)!important;margin-right:calc(.75rem - 1px)!important}.block{display:block!important}.h-\\[1px\\]{height:1px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto}:host([direction=horizontal]){height:1px}:host([direction=vertical]){margin-left:calc(.75rem - 1px);margin-right:calc(.75rem - 1px);min-height:1rem;width:1px}:host([active=true]),:host([active]:not([active=false])){--tw-bg-opacity:1;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))}.static{position:static!important}";
+const stepperLineComponentCss = ".mx-\\[calc\\(0\\.75rem-1px\\)\\]{margin-left:calc(.75rem - 1px)!important;margin-right:calc(.75rem - 1px)!important}.block{display:block!important}.h-\\[1px\\]{height:1px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto}:host([direction=horizontal]){height:1px}:host([direction=vertical]){margin-left:calc(.75rem - 1px);margin-right:calc(.75rem - 1px);min-height:1rem;width:1px}:host([active=true]),:host([active]:not([active=false])){--tw-bg-opacity:1;background-color:rgb(255 192 203/var(--tw-bg-opacity,1))}.static{position:static!important}";
 
 const StepperLine = /*@__PURE__*/ proxyCustomElement(class StepperLine extends H {
     constructor() {
@@ -40,6 +40,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { StepperLine as S, defineCustomElement as d };
-//# sourceMappingURL=p-ByyuLpa5.js.map
+//# sourceMappingURL=p-ddPhcRIf.js.map
 
-//# sourceMappingURL=p-ByyuLpa5.js.map
+//# sourceMappingURL=p-ddPhcRIf.js.map

package/dist/components/{p-ByyuLpa5.js.map → p-ddPhcRIf.js.map}

@@ -1 +1 @@
-{"file":"p-ByyuLpa5.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,6sBAA6sB;;MCOhuB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;QACL,OAAO,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/line/stepper-line.component.css?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply block;\n\t@apply bg-off-white-700;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-[1px];\n}\n\n:host([direction='vertical']) {\n\t@apply mx-[calc(0.75rem-1px)] min-h-[1rem] w-[1px];\n}\n\n:host([active='true']),\n:host([active]:not([active='false'])) {\n\t@apply bg-dark-teal-400;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.css',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host />;\n\t}\n}\n"],"version":3}
+{"file":"p-ddPhcRIf.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,8sBAA8sB;;MCOjuB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;QACL,OAAO,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/line/stepper-line.component.css?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply block;\n\t@apply bg-off-white-700;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-[1px];\n}\n\n:host([direction='vertical']) {\n\t@apply mx-[calc(0.75rem-1px)] min-h-[1rem] w-[1px];\n}\n\n:host([active='true']),\n:host([active]:not([active='false'])) {\n\t@apply bg-dark-teal-400;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.css',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host />;\n\t}\n}\n"],"version":3}

package/dist/components/p-divider.js

@@ -1,4 +1,4 @@
-import { D as Divider, d as defineCustomElement$1 } from './p-D_ztNHgr.js';
+import { D as Divider, d as defineCustomElement$1 } from './p-Dl2d_IWC.js';
 
 const PDivider = Divider;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-drawer-header.js

@@ -1,4 +1,4 @@
-import { D as DrawerHeader, d as defineCustomElement$1 } from './p-DAgPwO8b.js';
+import { D as DrawerHeader, d as defineCustomElement$1 } from './p-B0JPVSSp.js';
 
 const PDrawerHeader = DrawerHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-drawer.js

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$9 } from './p-D-ugvlau.js';
-import { d as defineCustomElement$8 } from './p-C2Ee3Hd1.js';
+import { d as defineCustomElement$9 } from './p-BjsPeqGD.js';
+import { d as defineCustomElement$8 } from './p-CrWSVtho.js';
 import { d as defineCustomElement$7 } from './p-DTd14qQm.js';
 import { d as defineCustomElement$6 } from './p-B40DmfaL.js';
-import { d as defineCustomElement$5 } from './p-DAgPwO8b.js';
+import { d as defineCustomElement$5 } from './p-B0JPVSSp.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$3 } from './p-DXMAnvYE.js';
+import { d as defineCustomElement$3 } from './p-B45wCDRo.js';
 import { d as defineCustomElement$2 } from './p-BFghMvAR.js';
 
 const drawerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";

package/dist/components/p-dropdown-menu-container.js

@@ -1,4 +1,4 @@
-import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './p-DP-tFaYu.js';
+import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './p-Dc8e00Zd.js';
 
 const PDropdownMenuContainer = DropdownMenuContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-dropdown-menu-item.js

@@ -1,4 +1,4 @@
-import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-DdSMoNLK.js';
+import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-DJRszd89.js';
 
 const PDropdownMenuItem = DropdownMenuItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-dropdown.js

@@ -1,4 +1,4 @@
-import { D as Dropdown, d as defineCustomElement$1 } from './p-CYKQOTjm.js';
+import { D as Dropdown, d as defineCustomElement$1 } from './p-DMriM32U.js';
 
 const PDropdown = Dropdown;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-empty-state.js

@@ -1,4 +1,4 @@
-import { E as EmptyState, d as defineCustomElement$1 } from './p-BIGYZJyT.js';
+import { E as EmptyState, d as defineCustomElement$1 } from './p-CL38sZQy.js';
 
 const PEmptyState = EmptyState;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { F as FieldContainer, d as defineCustomElement$1 } from './p-mXEV4VQF.js';
+import { F as FieldContainer, d as defineCustomElement$1 } from './p-C_BNkkNm.js';
 
 const PFieldContainer = FieldContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-field.js

@@ -1,4 +1,4 @@
-import { F as Field, d as defineCustomElement$1 } from './p-Bhh0ZTCL.js';
+import { F as Field, d as defineCustomElement$1 } from './p-BNaOqJgo.js';
 
 const PField = Field;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-floating-menu-container.js

@@ -1,4 +1,4 @@
-import { F as FloatingMenuContainer, d as defineCustomElement$1 } from './p-C9mJcxUF.js';
+import { F as FloatingMenuContainer, d as defineCustomElement$1 } from './p-CBWZtmq5.js';
 
 const PFloatingMenuContainer = FloatingMenuContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-floating-menu-item.js

@@ -1,4 +1,4 @@
-import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-BzJqkPQq.js';
+import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-CzcSyN0w.js';
 
 const PFloatingMenuItem = FloatingMenuItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-helper.js

@@ -1,4 +1,4 @@
-import { H as Helper, d as defineCustomElement$1 } from './p-Ctpo7EfP.js';
+import { H as Helper, d as defineCustomElement$1 } from './p-BZ8j-d8K.js';
 
 const PHelper = Helper;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-BxS6HpH7.js → p-hfbPyfbz.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './p-DGLCmOXW.js';
 import { c as cva } from './p-CBWjHURv.js';
 
-const tooltipComponentCss = ".relative{position:relative!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.max-w-full{max-width:100%!important}*{box-sizing:border-box}:host{cursor:pointer;height:inherit;max-width:100%;position:relative;width:inherit}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/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-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";
+const tooltipComponentCss = ".relative{position:relative!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.max-w-full{max-width:100%!important}*{box-sizing:border-box}:host{cursor:pointer;height:inherit;max-width:100%;position:relative;width:inherit}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-storm{background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-storm-300{color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-300,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";
 
 const popover = cva([
     'inline-block px-2',
@@ -14,7 +14,7 @@ const popover = cva([
 ], {
     variants: {
         variant: {
-            hover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',
+            hover: 'bg-storm text-white py-1 max-w-[14.5rem]',
             click: 'max-w-[18rem]',
             error: 'max-w-full w-full',
         },
@@ -30,7 +30,7 @@ const popover = cva([
         },
         {
             variant: ['click', 'error'],
-            class: 'bg-white text-black-teal-300 py-2',
+            class: 'bg-white text-storm-300 py-2',
         },
     ],
 });
@@ -95,10 +95,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     render() {
-        return (h(Host, { key: 'e7e239486ffcdd35946352dcf47793a70cf0977a' }, h("slot", { key: '0446ca3c4b887fdfcaccca13b37d1f536bdfc65d', name: 'trigger' }), h("div", { key: 'a10de44e70bf0ba908907a3058454a61b32dc33d', class: popover({
+        return (h(Host, { key: 'fc94451434721c027bfd1889d3cb6a3f10b5fc24' }, h("slot", { key: '05da0a230040101f3bec72ec26c800d43b24b4a3', name: 'trigger' }), h("div", { key: '00b5cc15f22b0bff3e3b1312b402c722cecbe590', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: 'a6c3d66bbb73f6f5957643a86db4c626266479f0', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '1adc539d24bcd0fa51afa49278d20ac9d35cc10a', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: 'ecab7f4bec857aac5308287e0b1397ac3a0d180f', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '6a61099241764c5ab99086efb9568b9d3ac9216c', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {
@@ -236,6 +236,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Tooltip as T, defineCustomElement as d };
-//# sourceMappingURL=p-BxS6HpH7.js.map
+//# sourceMappingURL=p-hfbPyfbz.js.map
 
-//# sourceMappingURL=p-BxS6HpH7.js.map
+//# sourceMappingURL=p-hfbPyfbz.js.map

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

@@ -0,0 +1 @@
+{"file":"p-hfbPyfbz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply relative h-inherit w-inherit max-w-full cursor-pointer;\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-storm text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\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: '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-storm-300 py-2',\n\t\t\t},\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: string;\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 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\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name='trigger' />\n\t\t\t\t<div\n\t\t\t\t\tclass={popover({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t</div>\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\t@Watch('content')\n\tonContentChange(content: string) {\n\t\tif (!content || content.length > 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._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\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/components/{p-BI3JsUHo.js → p-hlCk1nYr.js}

@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$5 } from './p-DuzGrx0d.js';
-import { d as defineCustomElement$4 } from './p-CYKQOTjm.js';
-import { d as defineCustomElement$3 } from './p-DP-tFaYu.js';
-import { d as defineCustomElement$2 } from './p-DdSMoNLK.js';
+import { d as defineCustomElement$5 } from './p-DbuVarXz.js';
+import { d as defineCustomElement$4 } from './p-DMriM32U.js';
+import { d as defineCustomElement$3 } from './p-Dc8e00Zd.js';
+import { d as defineCustomElement$2 } from './p-DJRszd89.js';
 import { d as defineCustomElement$1 } from './p-BNz_LoMA.js';
 
 const defaultSize = 12;
 const defaultSizeOptions = [12, 24, 68, 136];
 
-const paginationSizeComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!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-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}";
+const paginationSizeComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-storm{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}";
 
 const paginationSize = cva('p-pagination-size', {
     variants: {
@@ -24,13 +24,14 @@ const paginationSize = cva('p-pagination-size', {
 const trigger = cva([
     'flex items-center gap-2',
     'px-2 h-6',
-    'text-sm text-white font-medium ',
+    'text-sm text-storm font-medium ',
     'cursor-pointer rounded-full',
+    'shadow-1 border border-solid',
 ], {
     variants: {
         active: {
-            false: 'bg-dark-teal-400 hover:bg-dark-teal-500',
-            true: 'bg-dark-teal-600',
+            false: 'bg-white hover:bg-white-600 border-transparent',
+            true: 'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',
         },
     },
 });
@@ -75,11 +76,11 @@ const PaginationSize = /*@__PURE__*/ proxyCustomElement(class PaginationSize ext
         this._setLocales();
     }
     render() {
-        return (h(Host, { key: '0bedacfb0ced2a2d1c0563899fa0992d340fe32d', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '4e2bd4c3f2b7cdca473aac3dc117c64ccd9afd92', applyFullWidth: true, applyMaxWidth: false, variant: 'dark-teal', placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '7d671786ce4a1b9fb54ba4455c852cbd2a23fab5', class: trigger({
+        return (h(Host, { key: '67be20bf5f7be1f494886af42be216342d1fefc1', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '198fcbae8e34c3ed46a6bca97a057e8bbccc5a20', applyFullWidth: true, applyMaxWidth: false, placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '0e12e957c51386ecb435c273bb03a9cfaa34a3fa', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: '27d0ae9cd6788bf3a9d1f9e7a4b6567917d720f9', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '1d970e3fd00db14f2c988813a3e4f32b125d00ef', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'f7a955f8dfc6827cec5b4acbe2b32e66b3c5d8da', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), h("slot", { key: 'aad2297e00c21b575b52a42755bcfd17a7893fb4', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'f39ef5095c0625897afc26101ee6265a3a64a8d5', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), h("slot", { key: '29bb69a688028abcc0921542c75f50d91f775571', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }
@@ -143,6 +144,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PaginationSize as P, defaultSize as a, defaultSizeOptions as b, defineCustomElement as d };
-//# sourceMappingURL=p-BI3JsUHo.js.map
+//# sourceMappingURL=p-hlCk1nYr.js.map
 
-//# sourceMappingURL=p-BI3JsUHo.js.map
+//# sourceMappingURL=p-hlCk1nYr.js.map

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

@@ -0,0 +1 @@
+{"file":"p-hlCk1nYr.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/size/constants.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":["export const defaultSize = 12;\nexport const defaultSizeOptions = [12, 24, 68, 136];\n","","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t\t'shadow-1 border border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\ttrue: 'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"version":3}

package/dist/components/p-info-panel.js

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js
 import { c as cva } from './p-CBWjHURv.js';
 import { d as defineCustomElement$2 } from './p-BNz_LoMA.js';
 
-const infoPanelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\\/60{color:rgba(0,2,2,.6)!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-black-teal-800\\/60:hover{color:rgba(0,2,2,.6)!important}";
+const infoPanelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-indigo-900{--tw-text-opacity:1!important;color:rgb(19 73 182/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-storm-800{--tw-text-opacity:1!important;color:rgb(2 8 21/var(--tw-text-opacity,1))!important}.text-storm-800\\/60{color:rgba(2,8,21,.6)!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-storm-800\\/60:hover{color:rgba(2,8,21,.6)!important}";
 
 const infopanel = cva(['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'], {
     variants: {
         variant: {
-            neutral: 'bg-supportive-lilac-200',
+            neutral: 'bg-indigo-100',
             positive: 'bg-positive-green-100',
             biased: 'bg-amber-50',
             negative: 'bg-negative-red-100',
@@ -18,11 +18,11 @@ const infopanel = cva(['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rou
 const header = cva('text-sm font-medium', {
     variants: {
         variant: {
-            neutral: 'text-supportive-lilac-900',
+            neutral: 'text-indigo-900',
             positive: 'text-positive-green-800',
             biased: 'text-amber-800',
             negative: 'text-negative-red-800',
-            feedback: 'text-black-teal-800',
+            feedback: 'text-storm-800',
         },
     },
 });
@@ -30,7 +30,7 @@ const close = cva([
     'absolute right-2 top-2',
     'flex items-center justify-center',
     'rounded-lg cursor-pointer',
-    'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',
+    'text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40',
     'h-6 w-6',
 ]);
 const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends H {
@@ -64,7 +64,7 @@ const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends H {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: 'c0ef4452abee2c0833dbec3edf29ce10fe247a1e', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'f5c9069e828eca834d414326ff626c95839cf3fe', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '321c43f1bc03c5d6f22dcda9abd4a165cb4dc121', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '66f78c1820f3c68cdb134220662176dac21fffee', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'b123ac4d9583398a939c155f6ca03e8eb7609a9b', variant: 'negative' })))));
+        return (h("div", { key: '117c52f7b0f32119bb4bd025737d7f3153773588', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '675e415e6d1817b6bd2af3e6bb1f02c5c775f0b8', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '4d8b43bbf2a1d78ec7e80b817c4330ee9cb4d9e4', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '94fe140914af8525f63597354b5fdc96b98eb4eb', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'e2318e6061aef2036aeff1f3438d3a30aeff0a7e', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/components/p-info-panel.js.map

@@ -1 +1 @@
-{"file":"p-info-panel.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-supportive-lilac-200',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-supportive-lilac-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-black-teal-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'neutral' | 'positive' | 'biased' | 'negative' | 'feedback' =\n\t\t'feedback';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='h-inherit text-sm font-normal text-black-teal-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}
+{"file":"p-info-panel.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-indigo-100',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-indigo-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-storm-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'neutral' | 'positive' | 'biased' | 'negative' | 'feedback' =\n\t\t'feedback';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='h-inherit text-sm font-normal text-storm-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}

package/dist/components/p-label.js

@@ -3,7 +3,7 @@ import { c as cva } from './p-CBWjHURv.js';
 import { c as cn } from './p-CT54OXR2.js';
 import { d as defineCustomElement$2 } from './p-BNz_LoMA.js';
 
-const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
+const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-indigo-900{--tw-text-opacity:1!important;color:rgb(19 73 182/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-storm-800{--tw-text-opacity:1!important;color:rgb(2 8 21/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
 
 const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full'], {
     variants: {
@@ -11,8 +11,8 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
             positive: 'bg-positive-green-100 text-positive-green-800',
             biased: 'bg-amber-100  text-amber-800',
             negative: 'bg-negative-red-100 text-negative-red-800',
-            neutral: 'bg-supportive-lilac-200 text-supportive-lilac-900',
-            unavailable: 'bg-white-700 text-dark-teal-800',
+            neutral: 'bg-indigo-100 text-indigo-900',
+            unavailable: 'bg-white-700 text-storm-800',
         },
         iconOnly: {
             false: 'px-2',
@@ -62,14 +62,14 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
      */
     keepMobileContent = false;
     render() {
-        return (h("div", { key: 'da84a75a2dfad4ee21b15ec872353a3a597d742e', class: label({
+        return (h("div", { key: 'aec794f51758071b7840756f6a695d6e865890b1', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '36c1f04e04024aae9bf0939fc1572ba5049653d9', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'cefbb540ba6f0f6c1f3fc200de0ec0f9c8bc2506', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: 'bba5b969a53ed4d832625dea43b9678aaf626b04', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'c721cef14ddca57bd49e2964ec6804278ecd814e', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '3c6a930f0777d89967e455d515374282717d6526' })))));
+            }) }, h("slot", { key: 'ace424619fa087baece5f7e17a2d9bf4e8b48103' })))));
     }
     static get style() { return labelComponentCss; }
 }, [1, "p-label", {