@paperless/core 2.13.9 → 2.14.0

package/dist/components/{p-BFQL_bAk.js.map → p-CmUvE0vR.js.map}

@@ -1 +1 @@
-{"file":"p-BFQL_bAk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["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":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\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'group/pagination-size-trigger',\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm-500 font-medium ',\n\t\t'dark:text-white',\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: [\n\t\t\t\t\t'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\t\t'dark:bg-white/15 dark:hover:bg-white/25',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t\t\t'dark:bg-white/25 dark:ring-0',\n\t\t\t\t],\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 =\n\t\tPAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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<ThemedHost 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={cn(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t'group-hover/pagination-size-trigger:text-storm-500',\n\t\t\t\t\t\t\t\t\t'dark:group-hover/pagination-size-trigger:text-white',\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200':\n\t\t\t\t\t\t\t\t\t\t!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t\t'text-storm-500 dark:text-white': !!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\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</ThemedHost>\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}
+{"file":"p-CmUvE0vR.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,22KAA22K;;ACyB94K,MAAM,cAAc,GAAG,GAAG,CAAC,mBAAmB,EAAE;AAC/C,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,QAAQ;AACd,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,+BAA+B;IAC/B,yBAAyB;IACzB,UAAU;IACV,qCAAqC;IACrC,iBAAiB;IACjB,6BAA6B;IAC7B,8BAA8B;CAC9B,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE;gBACN,gDAAgD;gBAChD,yCAAyC;AACzC,aAAA;AACD,YAAA,IAAI,EAAE;gBACL,4DAA4D;gBAC5D,8BAA8B;AAC9B,aAAA;AACD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;AAClB,IAAA,oBAAoB,GAAiB,IAAI,IAChD,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;AAChD;;AAEG;IACqC,IAAI,GAC3C,4BAA4B;AAE7B;;AAEG;IACK,WAAW,GAAa,oCAAoC;AAEpE;;AAEG;AAIH,IAAA,UAAU;AAEV;;AAEG;AACK,IAAA,YAAY,GAAiB,IAAI,CAAC,oBAAoB;;AAO9D;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACM,cAAc,GAAG,KAAK;AAE/B;;AAEG;IACc,QAAQ,GAAQ,EAAE;IAEnC,iBAAiB,GAAA;QAChB,IAAI,CAAC,WAAW,EAAE;;IAGnB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,UAAU,qDAAC,KAAK,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAA,EACpE,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,KAAK,EACpB,SAAS,EAAC,WAAW,EACrB,gBAAgB,EAAC,MAAM,EACvB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,EAAA,EAExD,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,MAAM,EAAE,IAAI,CAAC,cAAc;aAC3B,CAAC,EACF,IAAI,EAAC,SAAS,EAAA,EAEd,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,0DAA0D,EACjE,EAAA,IAAI,CAAC;cACH,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI;cAC3B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CACpC,EACJ,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CACR;gBACC,eAAe;gBACf,oDAAoD;gBACpD,qDAAqD;aACrD,EACD;AACC,gBAAA,wCAAwC,EACvC,CAAC,IAAI,CAAC,cAAc;AACrB,gBAAA,gCAAgC,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc;AACvD,aAAA,CACD,EACD,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,IAAI,EAAA,CACR,CACG,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAChB,EAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,KAC3B,CAAA,CAAA,sBAAA,EAAA,EACC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,IAAI,EAC5B,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAEtC,EAAA,IAAI,CAAC;AACL,cAAE,IAAI,CAAC,YAAY,CAAC,MAAM;AAC1B,cAAE,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CACd,CACvB,CAAC,CACI,CACK,CACD;;AAKP,IAAA,MAAM,WAAW,GAAA;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC;;AAGlD,IAAA,WAAW,CAAC,CAAU,EAAA;QAC7B,IAAI,CAAC,CAAC,EAAE;YACP;;AAGD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;QACb,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["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":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\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'group/pagination-size-trigger',\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm-500 font-medium ',\n\t\t'dark:text-white',\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: [\n\t\t\t\t\t'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\t\t'dark:bg-white/15 dark:hover:bg-white/25',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t\t\t'dark:bg-white/25 dark:ring-0',\n\t\t\t\t],\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 =\n\t\tPAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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<ThemedHost 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={cn(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t'group-hover/pagination-size-trigger:text-storm-500',\n\t\t\t\t\t\t\t\t\t'dark:group-hover/pagination-size-trigger:text-white',\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200':\n\t\t\t\t\t\t\t\t\t\t!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t\t'text-storm-500 dark:text-white': !!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\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</ThemedHost>\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-dkS0x_Ct.js → p-Crc7sXuw.js}

@@ -49,7 +49,7 @@ const Smile = /*@__PURE__*/ proxyCustomElement(class Smile extends H {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '3064c59cec6290ebbed66c176b8cce2b40319b7e', class: smile({ variant: this.variant }) }, h("div", { key: '4cd443a43af0b3c95a449338261314587adcba9f', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '4a84d723aa104604444b292f01a6b4e342945992', class: smile({ variant: this.variant }) }, h("div", { key: '437b7370a3177f0d9266fd7f3595df703a035312', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
     static get style() { return smileComponentCss; }
 }, [0, "p-smile", {
@@ -71,6 +71,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Smile as S, defineCustomElement as d };
-//# sourceMappingURL=p-dkS0x_Ct.js.map
+//# sourceMappingURL=p-Crc7sXuw.js.map
 
-//# sourceMappingURL=p-dkS0x_Ct.js.map
+//# sourceMappingURL=p-Crc7sXuw.js.map

package/dist/components/{p-dkS0x_Ct.js.map → p-Crc7sXuw.js.map}

@@ -1 +1 @@
-{"file":"p-dkS0x_Ct.js","mappings":";;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,6zBAA6zB;;ACKv1B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE;AACvB,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,IAAI,EAAE,UAAU;AAChB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC1B,YAAA,KAAK,EACJ,oFAAoF;AACrF,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,GAAG,GAAG,GAAG,CAAC,cAAc,EAAE;AAC/B,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC1B,YAAA,KAAK,EAAE,wCAAwC;AAC/C,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAMW,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAA8B,OAAO;IAEpD,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EACrC,SAAS,EAAE,QAAQ,EACb,CAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/smile/smile.component.css?tag=p-smile","src/components/atoms/smile/smile.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport smileSvg from '../../../assets/other/smile.svg';\n\nconst smile = cva(null, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tfull: null,\n\t\t\tmodal: 'w-[355%]',\n\t\t\tcard: 'w-[310%]',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['modal', 'card'],\n\t\t\tclass:\n\t\t\t\t'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3] text-off-white-500',\n\t\t},\n\t],\n});\n\nconst svg = cva('text-inherit', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tfull: 'w-inherit',\n\t\t\tmodal: null,\n\t\t\tcard: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['modal', 'card'],\n\t\t\tclass: 'absolute bottom-0 left-0 h-full w-full',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-smile',\n\tstyleUrl: 'smile.component.css',\n})\nexport class Smile {\n\t/**\n\t * The variant of the smile footer\n\t */\n\t@Prop() variant: 'modal' | 'card' | 'full' = 'modal';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={smile({ variant: this.variant })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={svg({ variant: this.variant })}\n\t\t\t\t\tinnerHTML={smileSvg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-Crc7sXuw.js","mappings":";;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,6zBAA6zB;;ACKv1B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE;AACvB,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,IAAI,EAAE,UAAU;AAChB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC1B,YAAA,KAAK,EACJ,oFAAoF;AACrF,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,GAAG,GAAG,GAAG,CAAC,cAAc,EAAE;AAC/B,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC1B,YAAA,KAAK,EAAE,wCAAwC;AAC/C,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAMW,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAA8B,OAAO;IAEpD,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EACrC,SAAS,EAAE,QAAQ,EACb,CAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/smile/smile.component.css?tag=p-smile","src/components/atoms/smile/smile.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport smileSvg from '../../../assets/other/smile.svg';\n\nconst smile = cva(null, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tfull: null,\n\t\t\tmodal: 'w-[355%]',\n\t\t\tcard: 'w-[310%]',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['modal', 'card'],\n\t\t\tclass:\n\t\t\t\t'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3] text-off-white-500',\n\t\t},\n\t],\n});\n\nconst svg = cva('text-inherit', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tfull: 'w-inherit',\n\t\t\tmodal: null,\n\t\t\tcard: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['modal', 'card'],\n\t\t\tclass: 'absolute bottom-0 left-0 h-full w-full',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-smile',\n\tstyleUrl: 'smile.component.css',\n})\nexport class Smile {\n\t/**\n\t * The variant of the smile footer\n\t */\n\t@Prop() variant: 'modal' | 'card' | 'full' = 'modal';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={smile({ variant: this.variant })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={svg({ variant: this.variant })}\n\t\t\t\t\tinnerHTML={smileSvg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-D3_de0mE.js → p-D1nH1Kpo.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js';
 import { T as ThemedHost } from './p-7QA93RrV.js';
-import { d as defineCustomElement$1 } from './p-BHphGfv6.js';
+import { d as defineCustomElement$1 } from './p-C8GpDop1.js';
 
 const rangeComponentCss = ".m-0{margin:0!important}.mt-\\[calc\\(\\(0\\.5rem-1px\\)\\*-1\\)\\]{margin-top:calc(-.5rem + 1px)!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{appearance:none!important}.rounded-full{border-radius:9999px!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}:host{input{appearance:none;background-color:transparent;height:1.5rem;margin:0;width:100%}input::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input::-webkit-slider-thumb{--tw-bg-opacity:1;appearance:none;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;margin-top:calc(-.5rem + 1px);width:1rem}input::-webkit-slider-thumb:hover{cursor:grab}input::-webkit-slider-thumb:active,input::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-webkit-slider-thumb:active{cursor:grabbing}input::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}input::-moz-range-thumb:hover{cursor:grab}input::-moz-range-thumb:active,input::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-moz-range-thumb:active{cursor:grabbing}}.hover\\:cursor-grab:hover{cursor:grab!important}.hover\\:bg-indigo-700:hover{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.active\\:cursor-grabbing:active{cursor:grabbing!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-1\\/2{top:50%!important}.flex{display:flex!important}.w-inherit{width:inherit!important}.flex-1{flex:1 1 0%!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-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-center{align-items:center!important}.gap-2{gap:.5rem!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}";
 
@@ -69,6 +69,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Range as R, defineCustomElement as d };
-//# sourceMappingURL=p-D3_de0mE.js.map
+//# sourceMappingURL=p-D1nH1Kpo.js.map
 
-//# sourceMappingURL=p-D3_de0mE.js.map
+//# sourceMappingURL=p-D1nH1Kpo.js.map

package/dist/components/{p-D3_de0mE.js.map → p-D1nH1Kpo.js.map}

@@ -1 +1 @@
-{"file":"p-D3_de0mE.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,y6GAAy6G;;MCQt7G,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;AACjB;;AAEG;IACK,GAAG,GAAW,CAAC;AAEvB;;AAEG;IACK,GAAG,GAAW,GAAG;AAEzB;;AAEG;IACK,IAAI,GAAW,GAAG;AAE1B;;AAEG;IACK,KAAK,GAAW,CAAC;AAEzB;;AAEG;AACwB,IAAA,WAAW;IAEtC,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAEzE,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0EAA0E,EAAA,EACpF,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAG,CAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,EAAE,IAAG;AACb,gBAAA,MAAM,KAAK,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK;AACnD,gBAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;AAC9B,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,aAAC,EACA,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,8EAA8E,EACpF,KAAK,EAAE;AACN,gBAAA,KAAK,EAAE,CAAA,KAAA,EAAQ,UAAU,CAAA,YAAA,EAAe,UAAU,CAAU,QAAA,CAAA;aAC5D,EAAA,CACK,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAC,MAAM,GAAG,CACpB,CACM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/range/range.component.css?tag=p-range&encapsulation=shadow","src/components/molecules/range/range.component.tsx"],"sourcesContent":[":host {\n\tinput {\n\t\t@apply m-0 h-6 w-full appearance-none bg-transparent;\n\t}\n\n\tinput::-webkit-slider-runnable-track {\n\t\t@apply h-[2px] bg-indigo-100 dark:bg-white/15;\n\t}\n\n\tinput::-moz-range-track {\n\t\t@apply h-[2px] bg-indigo-100 dark:bg-white/15;\n\t}\n\n\tinput::-webkit-slider-thumb {\n\t\t@apply mt-[calc((0.5rem-1px)*-1)] h-4 w-4 appearance-none rounded-full border-0;\n\t\t@apply bg-indigo-600 hover:cursor-grab hover:bg-indigo-700 active:cursor-grabbing active:bg-indigo-700;\n\t}\n\n\tinput::-moz-range-thumb {\n\t\t@apply h-4 w-4 rounded-full border-0;\n\t\t@apply bg-indigo-600 hover:cursor-grab hover:bg-indigo-700 active:cursor-grabbing active:bg-indigo-700;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-range',\n\tstyleUrl: 'range.component.css',\n\tshadow: true,\n})\nexport class Range {\n\t/**\n\t * The min value of the range\n\t */\n\t@Prop() min: number = 0;\n\n\t/**\n\t * The max value of the range\n\t */\n\t@Prop() max: number = 100;\n\n\t/**\n\t * The steps to go by\n\t */\n\t@Prop() step: number = 0.5;\n\n\t/**\n\t * The current value of the range\n\t */\n\t@Prop() value: number = 0;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\trender() {\n\t\tconst percentage = Math.round((this.value / (this.max - this.min)) * 100);\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200'>\n\t\t\t\t\t<p-icon variant='minus' />\n\t\t\t\t\t<div class='relative h-6 flex-1'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype='range'\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tstep={this.step}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tonInput={ev => {\n\t\t\t\t\t\t\t\tconst value = (ev.target as HTMLInputElement).value;\n\t\t\t\t\t\t\t\tthis.value = parseFloat(value);\n\t\t\t\t\t\t\t\tthis.valueChange.emit(value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600'\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `calc(${percentage}% - (1rem * ${percentage} / 100))`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-D1nH1Kpo.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,y6GAAy6G;;MCQt7G,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;AACjB;;AAEG;IACK,GAAG,GAAW,CAAC;AAEvB;;AAEG;IACK,GAAG,GAAW,GAAG;AAEzB;;AAEG;IACK,IAAI,GAAW,GAAG;AAE1B;;AAEG;IACK,KAAK,GAAW,CAAC;AAEzB;;AAEG;AACwB,IAAA,WAAW;IAEtC,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAEzE,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0EAA0E,EAAA,EACpF,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAG,CAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,EAAE,IAAG;AACb,gBAAA,MAAM,KAAK,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK;AACnD,gBAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;AAC9B,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,aAAC,EACA,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,8EAA8E,EACpF,KAAK,EAAE;AACN,gBAAA,KAAK,EAAE,CAAA,KAAA,EAAQ,UAAU,CAAA,YAAA,EAAe,UAAU,CAAU,QAAA,CAAA;aAC5D,EAAA,CACK,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAC,MAAM,GAAG,CACpB,CACM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/range/range.component.css?tag=p-range&encapsulation=shadow","src/components/molecules/range/range.component.tsx"],"sourcesContent":[":host {\n\tinput {\n\t\t@apply m-0 h-6 w-full appearance-none bg-transparent;\n\t}\n\n\tinput::-webkit-slider-runnable-track {\n\t\t@apply h-[2px] bg-indigo-100 dark:bg-white/15;\n\t}\n\n\tinput::-moz-range-track {\n\t\t@apply h-[2px] bg-indigo-100 dark:bg-white/15;\n\t}\n\n\tinput::-webkit-slider-thumb {\n\t\t@apply mt-[calc((0.5rem-1px)*-1)] h-4 w-4 appearance-none rounded-full border-0;\n\t\t@apply bg-indigo-600 hover:cursor-grab hover:bg-indigo-700 active:cursor-grabbing active:bg-indigo-700;\n\t}\n\n\tinput::-moz-range-thumb {\n\t\t@apply h-4 w-4 rounded-full border-0;\n\t\t@apply bg-indigo-600 hover:cursor-grab hover:bg-indigo-700 active:cursor-grabbing active:bg-indigo-700;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-range',\n\tstyleUrl: 'range.component.css',\n\tshadow: true,\n})\nexport class Range {\n\t/**\n\t * The min value of the range\n\t */\n\t@Prop() min: number = 0;\n\n\t/**\n\t * The max value of the range\n\t */\n\t@Prop() max: number = 100;\n\n\t/**\n\t * The steps to go by\n\t */\n\t@Prop() step: number = 0.5;\n\n\t/**\n\t * The current value of the range\n\t */\n\t@Prop() value: number = 0;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\trender() {\n\t\tconst percentage = Math.round((this.value / (this.max - this.min)) * 100);\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200'>\n\t\t\t\t\t<p-icon variant='minus' />\n\t\t\t\t\t<div class='relative h-6 flex-1'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype='range'\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tstep={this.step}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tonInput={ev => {\n\t\t\t\t\t\t\t\tconst value = (ev.target as HTMLInputElement).value;\n\t\t\t\t\t\t\t\tthis.value = parseFloat(value);\n\t\t\t\t\t\t\t\tthis.valueChange.emit(value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600'\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `calc(${percentage}% - (1rem * ${percentage} / 100))`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-DRywdEEP.js → p-DEg8xkEx.js}

@@ -61,7 +61,7 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends H {
         }
     }
     render() {
-        return (h(Host, { key: 'a7664c6565834e24f7f0596eff19cca911404141', class: avatar({
+        return (h(Host, { key: 'cf42f9d1e8d8485dd434489c4591ddf8fd8dd447', class: avatar({
                 size: this.size,
                 variant: this.variant,
             }) }, this._failed ? (h("span", null, this.letters?.[0] ?? ' ')) : (h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
@@ -101,6 +101,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Avatar as A, defineCustomElement as d };
-//# sourceMappingURL=p-DRywdEEP.js.map
+//# sourceMappingURL=p-DEg8xkEx.js.map
 
-//# sourceMappingURL=p-DRywdEEP.js.map
+//# sourceMappingURL=p-DEg8xkEx.js.map

package/dist/components/{p-DRywdEEP.js.map → p-DEg8xkEx.js.map}

@@ -1 +1 @@
-{"file":"p-DRywdEEP.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,onEAAonE;;ACG/oE,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,sJAAsJ;CACtJ,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,SAAS,EAAE,iCAAiC;AAC5C,YAAA,OAAO,EAAE,8BAA8B;AACvC,SAAA;AACD,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAA4B,WAAW;AAEtD;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsecondary: 'bg-off-white-500 text-storm-300',\n\t\t\t\tprimary: 'bg-indigo-500 text-storm-500',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The variant of the avatar in case of \"letters\"\n\t */\n\t@Prop() variant: 'secondary' | 'primary' = 'secondary';\n\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}
+{"file":"p-DEg8xkEx.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,onEAAonE;;ACG/oE,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,sJAAsJ;CACtJ,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,SAAS,EAAE,iCAAiC;AAC5C,YAAA,OAAO,EAAE,8BAA8B;AACvC,SAAA;AACD,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAA4B,WAAW;AAEtD;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsecondary: 'bg-off-white-500 text-storm-300',\n\t\t\t\tprimary: 'bg-indigo-500 text-storm-500',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The variant of the avatar in case of \"letters\"\n\t */\n\t@Prop() variant: 'secondary' | 'primary' = 'secondary';\n\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}

package/dist/components/{p-DsIKgAR0.js → p-DNbLYhhD.js}

@@ -15,13 +15,13 @@ const TableRowActionsContainer = /*@__PURE__*/ proxyCustomElement(class TableRow
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: '35a81d9f465fc59c0bbcb424c3eebb5c6e2a9973' }, h("div", { key: '12fbc8a26418c800d99419f84233617ccb96c198', class: cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
+        return (h(ThemedHost, { key: '35ad8aec17d7c68a3ddbce9e48a1a257ca474dd7' }, h("div", { key: 'f5d5e250a4a51cd7e42ebbee910290d369ca2426', class: cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: 'fe7a0bcff33520170dbd0c4fb9620e3174dbf91f', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: '77013b7660b88247f3e4ba9dd2ed2f09aff8abb6', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: '4fe8342e13fa3bc5f38b9a869ff118afcd73d986' })))));
+            }) }, h("slot", { key: '655ee54ea1b3553acf23a38bf4851c86cdb1f21a' })))));
     }
     static get style() { return tableRowActionsContainerComponentCss; }
 }, [1, "p-table-row-actions-container", {
@@ -43,6 +43,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { TableRowActionsContainer as T, defineCustomElement as d };
-//# sourceMappingURL=p-DsIKgAR0.js.map
+//# sourceMappingURL=p-DNbLYhhD.js.map
 
-//# sourceMappingURL=p-DsIKgAR0.js.map
+//# sourceMappingURL=p-DNbLYhhD.js.map

package/dist/components/{p-DsIKgAR0.js.map → p-DNbLYhhD.js.map}

@@ -1 +1 @@
-{"file":"p-DsIKgAR0.js","mappings":";;;;AAAA,MAAM,oCAAoC,GAAG,wuHAAwuH;;MCSxwH,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;AACpC;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,EAAE,CACR,mEAAmE,EACnE;AACC,gBAAA,gCAAgC,EAAE,CAAC,IAAI,CAAC,OAAO;AAC/C,gBAAA,gCAAgC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;AAChD,aAAA,CACD,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,EAAE,CACR,mEAAmE,EACnE;AACC,gBAAA,uBAAuB,EAAE,CAAC,IAAI,CAAC,OAAO;AACtC,gBAAA,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;AACvC,aAAA,CACD,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACD,CACM;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/table/container/table-row-actions-container.component.css?tag=p-table-row-actions-container&encapsulation=shadow","src/components/atoms/table/container/table-row-actions-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-full justify-end;\n\t--tw-content: '';\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils';\n\n@Component({\n\ttag: 'p-table-row-actions-container',\n\tstyleUrl: 'table-row-actions-container.component.css',\n\tshadow: true,\n})\nexport class TableRowActionsContainer {\n\t/**\n\t * Wether the row is checked\n\t */\n\t@Prop() checked: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'dark:before:from-hurricane-600': !this.checked,\n\t\t\t\t\t\t\t'dark:before:from-hurricane-400': !!this.checked,\n\t\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'dark:bg-hurricane-600': !this.checked,\n\t\t\t\t\t\t\t\t'dark:bg-hurricane-400': !!this.checked,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-DNbLYhhD.js","mappings":";;;;AAAA,MAAM,oCAAoC,GAAG,wuHAAwuH;;MCSxwH,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;AACpC;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,EAAE,CACR,mEAAmE,EACnE;AACC,gBAAA,gCAAgC,EAAE,CAAC,IAAI,CAAC,OAAO;AAC/C,gBAAA,gCAAgC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;AAChD,aAAA,CACD,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,EAAE,CACR,mEAAmE,EACnE;AACC,gBAAA,uBAAuB,EAAE,CAAC,IAAI,CAAC,OAAO;AACtC,gBAAA,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;AACvC,aAAA,CACD,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACD,CACM;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/table/container/table-row-actions-container.component.css?tag=p-table-row-actions-container&encapsulation=shadow","src/components/atoms/table/container/table-row-actions-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-full justify-end;\n\t--tw-content: '';\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils';\n\n@Component({\n\ttag: 'p-table-row-actions-container',\n\tstyleUrl: 'table-row-actions-container.component.css',\n\tshadow: true,\n})\nexport class TableRowActionsContainer {\n\t/**\n\t * Wether the row is checked\n\t */\n\t@Prop() checked: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'dark:before:from-hurricane-600': !this.checked,\n\t\t\t\t\t\t\t'dark:before:from-hurricane-400': !!this.checked,\n\t\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'dark:bg-hurricane-600': !this.checked,\n\t\t\t\t\t\t\t\t'dark:bg-hurricane-400': !!this.checked,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-DYwUduDW.js

@@ -0,0 +1,298 @@
+import { p as proxyCustomElement, H, h } from './p-Dgl2kvBS.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { a as asBoolean } from './p-C5CTp9IA.js';
+import { c as cn } from './p-CT54OXR2.js';
+import { T as ThemedHost } from './p-7QA93RrV.js';
+import { d as defineCustomElement$2 } from './p-B9Oq0SNd.js';
+import { d as defineCustomElement$1 } from './p-C8GpDop1.js';
+
+const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!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}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/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-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/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}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!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-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/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-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!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-indigo-50:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-storm-500:hover{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-indigo-600\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.2)!important}.dark\\:bg-negative-red-500\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.15)!important}.dark\\:bg-storm-500\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)!important}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-indigo-600\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)!important}.dark\\:hover\\:bg-negative-red-500\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.1)!important}.dark\\:hover\\:bg-storm-500\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\\:group-hover\\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-indigo-600\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.2)!important}.dark\\:bg-negative-red-500\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.15)!important}.dark\\:bg-storm-500\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)!important}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-storm-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-indigo-600\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)!important}.dark\\:hover\\:bg-negative-red-500\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.1)!important}.dark\\:hover\\:bg-storm-500\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\\:group-hover\\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+
+const dropdownMenuItem = cva([
+    'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',
+], {
+    variants: {
+        variant: {
+            default: null,
+            storm: null,
+            negative: null,
+            pagination: 'text-xs px-2 text-storm-300 h-6',
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: 'cursor-pointer',
+            true: 'cursor-not-allowed',
+        },
+        enableHover: {
+            false: null,
+            true: null,
+        },
+        enableTextWrap: {
+            true: null,
+            false: null,
+        },
+        autoHeight: {
+            true: null,
+            false: null,
+        },
+    },
+    compoundVariants: [
+        {
+            autoHeight: false,
+            enableTextWrap: true,
+            class: 'min-h-8',
+        },
+        {
+            autoHeight: false,
+            enableTextWrap: false,
+            class: 'h-8',
+        },
+        {
+            variant: ['default', 'storm', 'negative'],
+            class: 'px-2 py-1 font-medium',
+        },
+        {
+            variant: ['default', 'pagination'],
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',
+        },
+        {
+            variant: 'default',
+            active: true,
+            disabled: false,
+            class: 'bg-indigo-100 dark:bg-indigo-600/20',
+        },
+        {
+            variant: 'default',
+            disabled: false,
+            class: 'text-storm-500 dark:text-white',
+        },
+        {
+            variant: 'default',
+            disabled: true,
+            class: 'text-storm-200 dark:text-hurricane-300',
+        },
+        {
+            variant: 'default',
+            disabled: true,
+            active: true,
+            class: 'bg-indigo-50 dark:bg-white/5',
+        },
+        {
+            variant: 'storm',
+            active: false,
+            enableHover: true,
+            class: 'text-white dark:text-storm-500',
+        },
+        {
+            variant: 'storm',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',
+        },
+        {
+            variant: 'storm',
+            active: true,
+            class: 'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',
+        },
+        {
+            variant: 'storm',
+            disabled: true,
+            class: 'opacity-40',
+        },
+        {
+            variant: 'negative',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',
+        },
+        {
+            variant: 'negative',
+            active: true,
+            disabled: false,
+            class: 'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',
+        },
+        {
+            variant: 'negative',
+            disabled: true,
+            class: 'text-negative-red-100',
+        },
+        {
+            variant: 'negative',
+            disabled: true,
+            active: true,
+            class: 'bg-negative-red-50',
+        },
+        {
+            enableHover: true,
+            disabled: false,
+            class: 'cursor-pointer',
+        },
+    ],
+});
+const dropdownMenuItemIcon = cva(['text-base'], {
+    variants: {
+        variant: {
+            default: null,
+            storm: null,
+            negative: null,
+            pagination: null,
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'text-storm-100',
+        },
+        wave: {
+            true: 'group-hover:animate-wave',
+            false: null,
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            disabled: false,
+            class: [
+                'text-storm-300 group-hover:text-storm-500',
+                'dark:text-hurricane-200 dark:group-hover:text-white',
+            ],
+        },
+        {
+            variant: 'storm',
+            active: false,
+            disabled: false,
+            class: [
+                'text-storm-100 group-hover:text-white',
+                'dark:text-storm-300 dark:group-hover:text-storm-500',
+            ],
+        },
+        {
+            variant: 'negative',
+            active: false,
+            disabled: false,
+            class: 'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',
+        },
+        {
+            variant: 'negative',
+            active: true,
+            disabled: false,
+            class: 'text-negative-red-800 dark:text-negative-red-500',
+        },
+    ],
+});
+const DropdownMenuItem = /*@__PURE__*/ proxyCustomElement(class DropdownMenuItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /**
+     * Wether the dropdown menu item is active
+     */
+    active = false;
+    /**
+     * Wether the dropdown menu item has a checkbox
+     */
+    checkbox = false;
+    /**
+     * The variant of the item
+     */
+    variant = 'default';
+    /**
+     * Wether to enable the hover state
+     */
+    enableHover = true;
+    /**
+     * Wether to enable wrapping the text to a new line
+     */
+    enableTextWrap = false;
+    /**
+     * Wether the item is disabled
+     */
+    disabled = false;
+    /**
+     * Icon of the navigation item
+     */
+    icon;
+    /**
+     * Wether to apply wave animation to icon
+     */
+    iconWave = false;
+    /**
+     *  wether to use the container for text
+     */
+    useContainer = true;
+    /**
+     *  wether to auto adjust the height
+     */
+    autoHeight = false;
+    render() {
+        return (h(ThemedHost, { key: 'bd02b419750fd41c92e4508042c541eca53e21d3' }, h("div", { key: 'd4d80a953fcf379a0f8b8498a528a7489737b392', class: cn(dropdownMenuItem({
+                variant: this.variant,
+                active: asBoolean(this.active),
+                enableHover: asBoolean(this.enableHover ?? true),
+                autoHeight: asBoolean(this.autoHeight ?? false),
+                enableTextWrap: this.enableTextWrap,
+                disabled: asBoolean(this.disabled),
+            })) }, this.icon && (h("p-icon", { key: '9b2e87b3f8cb61642404acacc0300591802749b8', class: dropdownMenuItemIcon({
+                variant: this.variant,
+                active: asBoolean(this.active),
+                disabled: asBoolean(this.disabled),
+                wave: asBoolean(this.iconWave),
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: 'e7634995855d4c7d32fbc7513a43db2980387edb', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
+                'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
+            }) }, h("slot", null))) : (h("slot", null)))));
+    }
+    static get style() { return dropdownMenuItemComponentCss; }
+}, [1, "p-dropdown-menu-item", {
+        "active": [4],
+        "checkbox": [4],
+        "variant": [1],
+        "enableHover": [4, "enable-hover"],
+        "enableTextWrap": [4, "enable-text-wrap"],
+        "disabled": [4],
+        "icon": [1],
+        "iconWave": [4, "icon-wave"],
+        "useContainer": [4, "use-container"],
+        "autoHeight": [4, "auto-height"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-dropdown-menu-item", "p-checkbox", "p-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-dropdown-menu-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DropdownMenuItem);
+            }
+            break;
+        case "p-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DropdownMenuItem as D, defineCustomElement as d };
+//# sourceMappingURL=p-DYwUduDW.js.map
+
+//# sourceMappingURL=p-DYwUduDW.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DYwUduDW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t\tpagination: 'text-xs px-2 text-storm-300 h-6',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tautoHeight: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: true,\n\t\t\t\tclass: 'min-h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: false,\n\t\t\t\tclass: 'h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'storm', 'negative'],\n\t\t\t\tclass: 'px-2 py-1 font-medium',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'pagination'],\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100 dark:bg-indigo-600/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t\tpagination: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800 dark:text-negative-red-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' | 'pagination' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\t/**\n\t *  wether to auto adjust the height\n\t */\n\t@Prop() autoHeight = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tdropdownMenuItem({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true),\n\t\t\t\t\t\t\tautoHeight: asBoolean(this.autoHeight ?? false),\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-Bo-Xwwck.js → p-Da28ikxq.js}

@@ -10,7 +10,7 @@ const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer
         this.__attachShadow();
     }
     render() {
-        return (h(ThemedHost, { key: 'c6366b66f66240dcf3784d46a88b246dbc454619' }, h("div", { key: '0bf8489902ffda1fe015cd62c71dab495d4a7999', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: 'f30d77f94d7c9b67a7fd51b4549a501bba992e53' }))));
+        return (h(ThemedHost, { key: 'dab5d5d96e7ed903d1cef478e98ebeb5f6db6615' }, h("div", { key: 'a71cdb96735bc9ff45a42b7bcfa2c5b53acf6fd0', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '5c206670a9863398f8bf26f839c0e570ac745d2c' }))));
     }
     static get style() { return segmentContainerComponentCss; }
 }, [1, "p-segment-container"]);
@@ -30,6 +30,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SegmentContainer as S, defineCustomElement as d };
-//# sourceMappingURL=p-Bo-Xwwck.js.map
+//# sourceMappingURL=p-Da28ikxq.js.map
 
-//# sourceMappingURL=p-Bo-Xwwck.js.map
+//# sourceMappingURL=p-Da28ikxq.js.map

package/dist/components/{p-Bo-Xwwck.js.map → p-Da28ikxq.js.map}

@@ -1 +1 @@
-{"file":"p-Bo-Xwwck.js","mappings":";;;AAAA,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-Da28ikxq.js","mappings":";;;AAAA,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-CUPpa-ib.js → p-Drj54LkS.js}

@@ -4,10 +4,10 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
 import { c as cn } from './p-CT54OXR2.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 import { T as ThemedHost } from './p-7QA93RrV.js';
-import { d as defineCustomElement$4 } from './p-CeM-_6CM.js';
-import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
+import { d as defineCustomElement$4 } from './p-CC4Jkcsd.js';
+import { d as defineCustomElement$3 } from './p-C8GpDop1.js';
 import { d as defineCustomElement$2 } from './p-BFbLqg3-.js';
-import { d as defineCustomElement$1 } from './p-DRR3gR1w.js';
+import { d as defineCustomElement$1 } from './p-CeJyspp0.js';
 
 const fieldContainerComponentCss = "*{box-sizing:border-box}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.cursor-auto{cursor:auto!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/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}}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
@@ -210,6 +210,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FieldContainer as F, defineCustomElement as d };
-//# sourceMappingURL=p-CUPpa-ib.js.map
+//# sourceMappingURL=p-Drj54LkS.js.map
 
-//# sourceMappingURL=p-CUPpa-ib.js.map
+//# sourceMappingURL=p-Drj54LkS.js.map