@paperless/core 2.0.1-beta.110 → 2.0.1-beta.112

package/dist/components/p-loader.js

@@ -1,4 +1,4 @@
-import { L as Loader, d as defineCustomElement$1 } from './p-D8NwpELS.js';
+import { L as Loader, d as defineCustomElement$1 } from './p-BFBKoX9I.js';
 
 const PLoader = Loader;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-C3gEbkrr.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-Be33-vpq.js';
 
 const PModalHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal.js

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
 import { d as defineCustomElement$b } from './p-BlzjYdn5.js';
-import { d as defineCustomElement$a } from './p-N1Pv54zG.js';
+import { d as defineCustomElement$a } from './p-MQ5NAuIf.js';
 import { d as defineCustomElement$9 } from './p-CEoo55FK.js';
 import { d as defineCustomElement$8 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$7 } from './p-D8NwpELS.js';
+import { d as defineCustomElement$7 } from './p-BFBKoX9I.js';
 import { d as defineCustomElement$6 } from './p-BwFkgAPO.js';
 import { d as defineCustomElement$5 } from './p-Dhj0ynsI.js';
 import { d as defineCustomElement$4 } from './p-Dk6UwJSA.js';
-import { d as defineCustomElement$3 } from './p-C3gEbkrr.js';
+import { d as defineCustomElement$3 } from './p-Be33-vpq.js';
 import { d as defineCustomElement$2 } from './p-OpZXFNRZ.js';
 
 const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
@@ -92,7 +92,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
         if (el.nodeName.toLowerCase() === 'p-modal-container') {
             return el;
         }
-        if (el?.tagName?.toLowerCase() === 'p-backdrop') {
+        if (el?.nodeName?.toLowerCase() === 'p-backdrop') {
             return null;
         }
         return this._findModal(el?.parentElement);

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

@@ -1 +1 @@
-{"file":"p-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"version":3}
+{"file":"p-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.nodeName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"version":3}

package/dist/components/p-navbar.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { d as defineCustomElement$5 } from './p-BlzjYdn5.js';
-import { d as defineCustomElement$4 } from './p-N1Pv54zG.js';
+import { d as defineCustomElement$4 } from './p-MQ5NAuIf.js';
 import { d as defineCustomElement$3 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$2 } from './p-D8NwpELS.js';
+import { d as defineCustomElement$2 } from './p-BFBKoX9I.js';
 
 const navbarComponentCss = ".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}}";
 

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

@@ -4,7 +4,7 @@ import { c as cn } from './p-Cb5QxFb_.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 import { d as defineCustomElement$4 } from './p-BEuvmIBQ.js';
 import { d as defineCustomElement$3 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$2 } from './p-D8NwpELS.js';
+import { d as defineCustomElement$2 } from './p-BFBKoX9I.js';
 
 const navigationItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 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}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 

package/dist/components/p-profile.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$7 } from './p-N1Pv54zG.js';
+import { d as defineCustomElement$7 } from './p-MQ5NAuIf.js';
 import { d as defineCustomElement$6 } from './p-DW90RovU.js';
 import { d as defineCustomElement$5 } from './p-D09jozUL.js';
 import { d as defineCustomElement$4 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$3 } from './p-D8NwpELS.js';
+import { d as defineCustomElement$3 } from './p-BFBKoX9I.js';
 import { d as defineCustomElement$2 } from './p-BUxcWSGM.js';
 
 const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!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}";

package/dist/components/p-select.js

@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js
 import { a as childOfComposed } from './p-BFSNj6hu.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { d as defineCustomElement$e } from './p-CErvgq5z.js';
-import { d as defineCustomElement$d } from './p-N1Pv54zG.js';
+import { d as defineCustomElement$d } from './p-MQ5NAuIf.js';
 import { d as defineCustomElement$c } from './p-B-dtByez.js';
 import { d as defineCustomElement$b } from './p-DW90RovU.js';
 import { d as defineCustomElement$a } from './p-D09jozUL.js';
 import { d as defineCustomElement$9 } from './p-DlFumKvb.js';
-import { d as defineCustomElement$8 } from './p-BrtcZfOg.js';
-import { d as defineCustomElement$7 } from './p-12mQxW6R.js';
+import { d as defineCustomElement$8 } from './p-Y_DTiNRB.js';
+import { d as defineCustomElement$7 } from './p-BbqAQmy1.js';
 import { d as defineCustomElement$6 } from './p-8rB2Q4yP.js';
 import { d as defineCustomElement$5 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$4 } from './p-D8NwpELS.js';
+import { d as defineCustomElement$4 } from './p-BFBKoX9I.js';
 import { d as defineCustomElement$3 } from './p-BUxcWSGM.js';
 import { d as defineCustomElement$2 } from './p-CmfFRlg6.js';
 

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

@@ -1,4 +1,4 @@
-import { S as SliderIndicator, d as defineCustomElement$1 } from './p-DWZhmPv-.js';
+import { S as SliderIndicator, d as defineCustomElement$1 } from './p--HfTtLkP.js';
 
 const PSliderIndicator = SliderIndicator;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-status.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
 import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
 
-const statusComponentCss = ".mr-2{margin-right:.5rem!important}.flex{display:flex!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}p-status{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity,1));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(40 209 124/var(--tw-text-opacity,1))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 199 45/var(--tw-text-opacity,1))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity,1))}.static{position:static!important}";
+const statusComponentCss = ".mr-2{margin-right:.5rem!important}.flex{display:flex!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(0 255 255/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}p-status{--tw-text-opacity:1;align-items:center;color:rgb(0 255 255/var(--tw-text-opacity,1));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(173 255 47/var(--tw-text-opacity,1))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 255 0/var(--tw-text-opacity,1))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(255 20 147/var(--tw-text-opacity,1))}.static{position:static!important}";
 
 const Status = /*@__PURE__*/ proxyCustomElement(class Status extends H {
     constructor() {

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

@@ -1 +1 @@
-{"file":"p-status.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,uyBAAuyB;;MCWrzB,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAqD,SAAS;AAE7E;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO;AACzB,iBAAA,CAAA,EAAA,EAEb,IAAI,CAAC,QAAQ,EAAE,EAChB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAID,QAAQ,GAAA;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE;QAEhD,IAAI,CAAC,IAAI,EAAE;YACV;;QAGD,QACC,CACC,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB;;IAII,eAAe,GAAA;QACtB,IAAI,IAAI,GAAG,IAAI;AACf,QAAA,QAAQ,IAAI,CAAC,OAAO;AACnB,YAAA,KAAK,UAAU;gBACd,IAAI,GAAG,WAAW;gBAClB;AACD,YAAA,KAAK,UAAU;gBACd,IAAI,GAAG,UAAU;gBACjB;AACD,YAAA,KAAK,UAAU;gBACd,IAAI,GAAG,OAAO;gBACd;AACD,YAAA;gBACC,IAAI,GAAG,IAAI;gBACX;;AAGF,QAAA,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/status/status.component.scss?tag=p-status","src/components/deprecated/atoms/status/status.component.tsx"],"sourcesContent":["p-status {\n\t@apply flex items-center;\n\t@apply text-sm text-storm-vague font-medium;\n\n\tp-icon {\n\t\t@apply mr-2 text-base;\n\t}\n\n\t&.variant-positive {\n\t\t@apply text-positive;\n\t}\n\n\t&.variant-unbiased {\n\t\t@apply text-unbiased;\n\t}\n\n\t&.variant-negative {\n\t\t@apply text-negative;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-status',\n\tstyleUrl: 'status.component.scss',\n})\nexport class Status {\n\t/**\n\t * The variant of the status\n\t */\n\t@Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' = 'default';\n\n\t/**\n\t * Icon to show on the status\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-status variant-${this.variant}\n                }`}\n\t\t\t>\n\t\t\t\t{this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tconst icon = this.icon || this._getVariantIcon();\n\n\t\tif (!icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant={icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _getVariantIcon() {\n\t\tlet icon = null;\n\t\tswitch (this.variant) {\n\t\t\tcase 'positive':\n\t\t\t\ticon = 'checkmark';\n\t\t\t\tbreak;\n\t\t\tcase 'negative':\n\t\t\t\ticon = 'negative';\n\t\t\t\tbreak;\n\t\t\tcase 'unbiased':\n\t\t\t\ticon = 'clock';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\ticon = null;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn icon;\n\t}\n}\n"],"version":3}
+{"file":"p-status.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,myBAAmyB;;MCWjzB,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAqD,SAAS;AAE7E;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO;AACzB,iBAAA,CAAA,EAAA,EAEb,IAAI,CAAC,QAAQ,EAAE,EAChB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAID,QAAQ,GAAA;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE;QAEhD,IAAI,CAAC,IAAI,EAAE;YACV;;QAGD,QACC,CACC,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB;;IAII,eAAe,GAAA;QACtB,IAAI,IAAI,GAAG,IAAI;AACf,QAAA,QAAQ,IAAI,CAAC,OAAO;AACnB,YAAA,KAAK,UAAU;gBACd,IAAI,GAAG,WAAW;gBAClB;AACD,YAAA,KAAK,UAAU;gBACd,IAAI,GAAG,UAAU;gBACjB;AACD,YAAA,KAAK,UAAU;gBACd,IAAI,GAAG,OAAO;gBACd;AACD,YAAA;gBACC,IAAI,GAAG,IAAI;gBACX;;AAGF,QAAA,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/status/status.component.scss?tag=p-status","src/components/deprecated/atoms/status/status.component.tsx"],"sourcesContent":["p-status {\n\t@apply flex items-center;\n\t@apply text-sm text-storm-vague font-medium;\n\n\tp-icon {\n\t\t@apply mr-2 text-base;\n\t}\n\n\t&.variant-positive {\n\t\t@apply text-positive;\n\t}\n\n\t&.variant-unbiased {\n\t\t@apply text-unbiased;\n\t}\n\n\t&.variant-negative {\n\t\t@apply text-negative;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-status',\n\tstyleUrl: 'status.component.scss',\n})\nexport class Status {\n\t/**\n\t * The variant of the status\n\t */\n\t@Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' = 'default';\n\n\t/**\n\t * Icon to show on the status\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-status variant-${this.variant}\n                }`}\n\t\t\t>\n\t\t\t\t{this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tconst icon = this.icon || this._getVariantIcon();\n\n\t\tif (!icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant={icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _getVariantIcon() {\n\t\tlet icon = null;\n\t\tswitch (this.variant) {\n\t\t\tcase 'positive':\n\t\t\t\ticon = 'checkmark';\n\t\t\t\tbreak;\n\t\t\tcase 'negative':\n\t\t\t\ticon = 'negative';\n\t\t\t\tbreak;\n\t\t\tcase 'unbiased':\n\t\t\t\ticon = 'clock';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\ticon = null;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn icon;\n\t}\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
 import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
 
-const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";
+const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(0 255 0/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(0 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(0 255 0/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(255 192 203/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(255 192 203/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";
 
 const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H {
     constructor() {

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

@@ -1 +1 @@
-{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,w2GAAw2G;;MCO33G,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,KAAK,GAA+B,QAAQ;AAErE;;AAEG;IACsB,SAAS,GACjC,YAAY;AAEb;;AAEG;IACsB,eAAe,GAAoB,KAAK;AAEjE;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,MAAM,GAAY,KAAK;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,IAAI,CAAC,QAAQ,IAAI,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,GAAG,CAC3C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/deprecated/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center flex-shrink-0;\n\t\t@apply h-4 w-4 rounded-full;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\tflex: 0;\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,g2GAAg2G;;MCOn3G,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,KAAK,GAA+B,QAAQ;AAErE;;AAEG;IACsB,SAAS,GACjC,YAAY;AAEb;;AAEG;IACsB,eAAe,GAAoB,KAAK;AAEjE;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,MAAM,GAAY,KAAK;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,IAAI,CAAC,QAAQ,IAAI,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,GAAG,CAC3C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/deprecated/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center flex-shrink-0;\n\t\t@apply h-4 w-4 rounded-full;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\tflex: 0;\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { S as StepperLine, d as defineCustomElement$1 } from './p-nfMD63_1.js';
+import { S as StepperLine, d as defineCustomElement$1 } from './p-RLs2w_87.js';
 
 const PStepperLine = StepperLine;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-stepper.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-nfMD63_1.js';
+import { d as defineCustomElement$2 } from './p-RLs2w_87.js';
 
 const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
 

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-4hDfHOnN.js';
 
-const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-content:\" \"}.static{position:static!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\\:h-\\[2px\\]:after{content:var(--tw-content)!important;height:2px!important}.after\\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\\:after\\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}";
+const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(255 192 203/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(255 192 203/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-content:\" \"}.static{position:static!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\\:h-\\[2px\\]:after{content:var(--tw-content)!important;height:2px!important}.after\\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\\:after\\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}";
 
 const item = cva([
     'text-base h-8 flex flex-col justify-between',

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

@@ -1 +1 @@
-{"file":"p-tab-item.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,8gDAA8gD;;ACG1iD,MAAM,IAAI,GAAG,GAAG,CACf;IACC,6CAA6C;IAC7C,gBAAgB;IAChB,mCAAmC;CACnC,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,2CAA2C;AACjD,YAAA,KAAK,EACJ,sEAAsE;AACvE,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;AACnB;;AAEG;IACK,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAA,EACxC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/tab/item/tab-item.component.css?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab/item/tab-item.component.tsx"],"sourcesContent":[":host {\n\t--tw-content: ' ';\n}\n\n/* :host { */\n/* \t@apply flex h-10 items-center; */\n/* \t@apply whitespace-nowrap font-semibold text-storm-medium; */\n/* \t@apply cursor-pointer; */\n/* \t@apply border-0 border-b-2 border-transparent #{!important}; */\n/* } */\n/**/\n/* :host(.active) { */\n/* \t@apply border-indigo text-indigo #{!important}; */\n/* } */\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'text-base h-8 flex flex-col justify-between',\n\t\t'cursor-pointer',\n\t\t\"after:h-[2px] after:content-[' ']\",\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\ttrue: 'after:bg-dark-teal-600 text-dark-teal-600',\n\t\t\t\tfalse:\n\t\t\t\t\t'text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-tab-item',\n\tstyleUrl: 'tab-item.component.css',\n\tshadow: true,\n})\nexport class TabItem {\n\t/**\n\t * Wether the tab item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={item({ active: this.active })}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-tab-item.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,ghDAAghD;;ACG5iD,MAAM,IAAI,GAAG,GAAG,CACf;IACC,6CAA6C;IAC7C,gBAAgB;IAChB,mCAAmC;CACnC,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,2CAA2C;AACjD,YAAA,KAAK,EACJ,sEAAsE;AACvE,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;AACnB;;AAEG;IACK,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAA,EACxC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/tab/item/tab-item.component.css?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab/item/tab-item.component.tsx"],"sourcesContent":[":host {\n\t--tw-content: ' ';\n}\n\n/* :host { */\n/* \t@apply flex h-10 items-center; */\n/* \t@apply whitespace-nowrap font-semibold text-storm-medium; */\n/* \t@apply cursor-pointer; */\n/* \t@apply border-0 border-b-2 border-transparent #{!important}; */\n/* } */\n/**/\n/* :host(.active) { */\n/* \t@apply border-indigo text-indigo #{!important}; */\n/* } */\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'text-base h-8 flex flex-col justify-between',\n\t\t'cursor-pointer',\n\t\t\"after:h-[2px] after:content-[' ']\",\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\ttrue: 'after:bg-dark-teal-600 text-dark-teal-600',\n\t\t\t\tfalse:\n\t\t\t\t\t'text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-tab-item',\n\tstyleUrl: 'tab-item.component.css',\n\tshadow: true,\n})\nexport class TabItem {\n\t/**\n\t * Wether the tab item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={item({ active: this.active })}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { T as TableCell, d as defineCustomElement$1 } from './p-CdQUFhNO.js';
+import { T as TableCell, d as defineCustomElement$1 } from './p-DPhqMOrK.js';
 
 const PTableCell = TableCell;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableHeader, d as defineCustomElement$1 } from './p-4jVVUXXD.js';
+import { T as TableHeader, d as defineCustomElement$1 } from './p-DzrmryZi.js';
 
 const PTableHeader = TableHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table.js

@@ -5,31 +5,31 @@ import { f as floatingMenuContainerClass } from './p-DXsCtVm-.js';
 import { c as cn } from './p-Cb5QxFb_.js';
 import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-CScTNJWS.js';
 import { d as defineCustomElement$v } from './p-BEuvmIBQ.js';
-import { d as defineCustomElement$u } from './p-N1Pv54zG.js';
+import { d as defineCustomElement$u } from './p-MQ5NAuIf.js';
 import { d as defineCustomElement$t } from './p-B-dtByez.js';
 import { d as defineCustomElement$s } from './p-CEoo55FK.js';
 import { d as defineCustomElement$r } from './p-DW90RovU.js';
 import { d as defineCustomElement$q } from './p-D09jozUL.js';
 import { d as defineCustomElement$p } from './p-DlFumKvb.js';
-import { d as defineCustomElement$o } from './p-Br_TxALn.js';
-import { d as defineCustomElement$n } from './p-BrtcZfOg.js';
-import { d as defineCustomElement$m } from './p-12mQxW6R.js';
+import { d as defineCustomElement$o } from './p-DdhFjzWp.js';
+import { d as defineCustomElement$n } from './p-Y_DTiNRB.js';
+import { d as defineCustomElement$m } from './p-BbqAQmy1.js';
 import { d as defineCustomElement$l } from './p-DJzH_A-R.js';
-import { d as defineCustomElement$k } from './p-Drik7Kfv.js';
+import { d as defineCustomElement$k } from './p-CmzpquGH.js';
 import { d as defineCustomElement$j } from './p-8rB2Q4yP.js';
 import { d as defineCustomElement$i } from './p-CQcp92mr.js';
 import { d as defineCustomElement$h } from './p-BpWSyLrS.js';
-import { d as defineCustomElement$g } from './p-D8NwpELS.js';
+import { d as defineCustomElement$g } from './p-BFBKoX9I.js';
 import { d as defineCustomElement$f } from './p-DRQQENvx.js';
 import { d as defineCustomElement$e } from './p-BDTPyUsH.js';
 import { d as defineCustomElement$d } from './p-BMeOy477.js';
 import { d as defineCustomElement$b } from './p-BUxcWSGM.js';
 import { d as defineCustomElement$a } from './p-wcD-x4l2.js';
 import { d as defineCustomElement$9 } from './p-CFdbv-t4.js';
-import { d as defineCustomElement$8 } from './p-CdQUFhNO.js';
+import { d as defineCustomElement$8 } from './p-DPhqMOrK.js';
 import { d as defineCustomElement$7 } from './p-DPJZQYRZ.js';
 import { d as defineCustomElement$6 } from './p-CzS_7d0-.js';
-import { d as defineCustomElement$5 } from './p-4jVVUXXD.js';
+import { d as defineCustomElement$5 } from './p-DzrmryZi.js';
 import { d as defineCustomElement$4 } from './p-C1YLcCva.js';
 import { d as defineCustomElement$3 } from './p-CgZvkWTt.js';
 import { d as defineCustomElement$2 } from './p-CmfFRlg6.js';

package/dist/components/p-toast.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
 import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$4 } from './p-N1Pv54zG.js';
+import { d as defineCustomElement$4 } from './p-MQ5NAuIf.js';
 import { d as defineCustomElement$3 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$2 } from './p-D8NwpELS.js';
+import { d as defineCustomElement$2 } from './p-BFBKoX9I.js';
 
-const toastComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);background-color:rgb(0 72 64/var(--tw-bg-opacity,1));border-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;gap:.5rem;padding:.5rem}.static{position:static!important}.m-0{margin:0!important}.h-9{height:2.25rem!important}.w-\\[2px\\]{width:2px!important}.w-\\[calc\\(100\\%-2px-0\\.5rem\\)\\]{width:calc(100% - 2px - .5rem)!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-800{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-white-500{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+const toastComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(255 20 147/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(173 255 47/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 255 0/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);background-color:rgb(0 72 64/var(--tw-bg-opacity,1));border-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;gap:.5rem;padding:.5rem}.static{position:static!important}.m-0{margin:0!important}.h-9{height:2.25rem!important}.w-\\[2px\\]{width:2px!important}.w-\\[calc\\(100\\%-2px-0\\.5rem\\)\\]{width:calc(100% - 2px - .5rem)!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-800{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-white-500{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
 const indicator = cva('w-[2px] rounded-full h-9 flex-shrink-0', {
     variants: {

package/dist/esm/index.js

@@ -370,51 +370,97 @@ var colors = {
         50: '#E6EAE9',
     },
     // OLD, REMOVE THIS
+    // indigo: {
+    // 	dark: '#2C4BA9',
+    // 	DEFAULT: '#528AFA',
+    // 	light: '#F1F6FF',
+    // },
+    // sky: {
+    // 	dark: '#30C2C9',
+    // 	DEFAULT: '#1EDAE3',
+    // 	light: '#F5FEFF',
+    // 	vague: '#BBF4F6',
+    // },
+    // mystic: {
+    // 	blank: '#FFF',
+    // 	dark: '#DAE6F0',
+    // 	DEFAULT: '#F7FAFC',
+    // 	light: '#FCFDFE',
+    // 	medium: '#E3ECF3',
+    // },
+    // redberry: {
+    // 	dark: '#BD0F1E',
+    // 	DEFAULT: '#E63241',
+    // 	light: '#FFE8EA',
+    // 	medium: '#FF7D88',
+    // },
+    // storm: {
+    // 	dark: '#272838',
+    // 	DEFAULT: '#51536B',
+    // 	light: '#B0B2CB',
+    // 	medium: '#80829E',
+    // 	vague: '#989AB7',
+    // },
+    // negative: {
+    // 	dark: '#8A0F1D',
+    // 	DEFAULT: '#B91E28',
+    // 	light: '#FFCCD3',
+    // },
+    // positive: {
+    // 	dark: '#1DA360',
+    // 	DEFAULT: '#28D17C',
+    // 	light: '#E5FFF2',
+    // },
+    // unbiased: {
+    // 	dark: '#FFA231',
+    // 	DEFAULT: '#FFC72D',
+    // 	light: '#FFF6DC',
+    // },
     indigo: {
-        dark: '#2C4BA9',
-        DEFAULT: '#528AFA',
-        light: '#F1F6FF',
+        dark: 'pink',
+        DEFAULT: 'pink',
+        light: 'pink',
     },
     sky: {
-        dark: '#30C2C9',
-        DEFAULT: '#1EDAE3',
-        light: '#F5FEFF',
-        vague: '#BBF4F6',
+        dark: 'violet',
+        DEFAULT: 'violet',
+        light: 'violet',
+        vague: 'violet',
     },
     mystic: {
-        blank: '#FFF',
-        dark: '#DAE6F0',
-        DEFAULT: '#F7FAFC',
-        light: '#FCFDFE',
-        medium: '#E3ECF3',
+        blank: 'lime',
+        dark: 'lime',
+        DEFAULT: 'lime',
+        light: 'lime',
+        medium: 'lime',
     },
     redberry: {
-        dark: '#BD0F1E',
-        DEFAULT: '#E63241',
-        light: '#FFE8EA',
-        medium: '#FF7D88',
+        dark: 'deeppink',
+        DEFAULT: 'deeppink',
+        light: 'deeppink',
+        medium: 'deeppink',
     },
     storm: {
-        dark: '#272838',
-        DEFAULT: '#51536B',
-        light: '#B0B2CB',
-        medium: '#80829E',
-        vague: '#989AB7',
+        dark: 'cyan',
+        DEFAULT: 'cyan',
+        light: 'cyan',
+        medium: 'cyan',
+        vague: 'cyan',
     },
     negative: {
-        dark: '#8A0F1D',
-        DEFAULT: '#B91E28',
-        light: '#FFCCD3',
+        dark: 'deeppink',
+        DEFAULT: 'deeppink',
+        light: 'deeppink',
     },
     positive: {
-        dark: '#1DA360',
-        DEFAULT: '#28D17C',
-        light: '#E5FFF2',
+        dark: 'greenyellow',
+        DEFAULT: 'greenyellow',
+        light: 'greenyellow',
     },
     unbiased: {
-        dark: '#FFA231',
-        DEFAULT: '#FFC72D',
-        light: '#FFF6DC',
+        dark: 'yellow',
+        DEFAULT: 'yellow',
+        light: 'yellow',
     },
 };