@paperless/core 2.0.1-beta.4 → 2.0.1-beta.41

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

@@ -1,122 +1,138 @@
 import { h, Host, } from "@stencil/core";
 export class InfoPanel {
-  constructor() {
-    this.variant = 'info';
-    this.header = undefined;
-    this.content = undefined;
-    this.closeable = false;
-  }
-  render() {
-    return (h(Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { class: 'header' }, h("slot", { name: 'header' })), h("div", { class: 'content' }, h("slot", { name: 'content' })), this.closeable && (h("div", { class: 'close', onClick: () => this._close() }, h("p-icon", { variant: 'negative' })))));
-  }
-  _close() {
-    this.closed.emit();
-    this._el.remove();
-  }
-  static get is() { return "p-info-panel"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["info-panel.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["info-panel.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'info' | 'negative' | 'positive' | 'unbiased'",
-          "resolved": "\"info\" | \"negative\" | \"positive\" | \"unbiased\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The variant of the info panel"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'info'"
-      },
-      "header": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The header of the info panel"
-        },
-        "attribute": "header",
-        "reflect": false
-      },
-      "content": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The content of the info panel"
-        },
-        "attribute": "content",
-        "reflect": false
-      },
-      "closeable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the panel can be closed"
-        },
-        "attribute": "closeable",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "closed",
-        "name": "closed",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "When the backdrop is clicked"
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "_el"; }
+    constructor() {
+        this.variant = 'info';
+        this.header = undefined;
+        this.content = undefined;
+        this.closeable = false;
+    }
+    /**
+     * When the backdrop is clicked
+     */
+    closed;
+    /**
+     * The host element
+     */
+    _el;
+    render() {
+        return (h(Host, { key: '21a465da244de80603a6de63418375c5bb4d2d92', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'aca1f62a1470ea92076ae64b12268e8f5cccbcf6', class: 'header' }, h("slot", { key: 'd254c40efafa6631e73345d9fcb902c7f561afd7', name: 'header' })), h("div", { key: '9e5a883a8eb6537b13f3f195b038e46b2bc328a3', class: 'content' }, h("slot", { key: '83187c859454bd078668238bd2af1909d3961440', name: 'content' })), this.closeable && (h("div", { key: '1abbbed511217705b8514bd1b701475fdb0105cc', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '8ca580c09f1a97a65d0b2629289d0fe209793dbb', variant: 'negative' })))));
+    }
+    _close() {
+        this.closed.emit();
+        this._el.remove();
+    }
+    static get is() { return "p-info-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["info-panel.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["info-panel.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'info' | 'negative' | 'positive' | 'unbiased'",
+                    "resolved": "\"info\" | \"negative\" | \"positive\" | \"unbiased\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The variant of the info panel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'info'"
+            },
+            "header": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The header of the info panel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "header",
+                "reflect": false
+            },
+            "content": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The content of the info panel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "content",
+                "reflect": false
+            },
+            "closeable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the panel can be closed"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "closeable",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closed",
+                "name": "closed",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When the backdrop is clicked"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "_el"; }
 }
 //# sourceMappingURL=info-panel.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GAEL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,SAAS;;mBAI4C,MAAM;;;qBAe1C,KAAK;;EAelC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,SAAS,IAAI,WACnB,EAAE;MAEF,WAAK,KAAK,EAAC,QAAQ;QAClB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB;MACN,WAAK,KAAK,EAAC,SAAS;QACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB;MAEL,IAAI,CAAC,SAAS,IAAI,CAClB,WACC,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAE5B,cAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,CACP,CAAC;EACH,CAAC;EAEO,MAAM;IACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;EACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\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\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"]}
+{"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GAEL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,SAAS;;uBAI4C,MAAM;;;yBAe1C,KAAK;;IAElC;;OAEG;IAIH,MAAM,CAAqB;IAE3B;;OAEG;IACgB,GAAG,CAAc;IAEpC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,SAAS,IAAI,WACnB,EAAE;YAEF,4DAAK,KAAK,EAAC,QAAQ;gBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB;YACN,4DAAK,KAAK,EAAC,SAAS;gBACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB;YAEL,IAAI,CAAC,SAAS,IAAI,CAClB,4DACC,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;gBAE5B,+DAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,CACP,CAAC;IACH,CAAC;IAEO,MAAM;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\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\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"]}

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

@@ -1,44 +1,46 @@
 import { h, Host } from "@stencil/core";
 export class Layout {
-  constructor() {
-    this.variant = 'default';
-  }
-  render() {
-    return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "content" }, h("div", { class: "inner-content" }, h("slot", { name: "content" }))), h("div", { class: "sidebar" }, h("slot", { name: "sidebar" })), h("div", { class: "topbar" }, h("slot", { name: "topbar" }))));
-  }
-  static get is() { return "p-layout"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["layout.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["layout.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'default' | 'login' | 'office'",
-          "resolved": "\"default\" | \"login\" | \"office\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Variant of the layout"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'default'"
-      }
-    };
-  }
+    constructor() {
+        this.variant = 'default';
+    }
+    render() {
+        return (h(Host, { key: '0b8db1b82acbea80f6b8d320b7f4815e0b6490b4', class: `p-layout variant-${this.variant}` }, h("div", { key: '9103fd8a11822dd9ab1e98a6847de308a3ed5ab6', class: "content" }, h("div", { key: 'ba6fd30a15bab6624016a252c0c9e16835e75bd1', class: "inner-content" }, h("slot", { key: '2fa6b0d7047a414d89826faffc48de9e8b858d10', name: "content" }))), h("div", { key: 'ec2d595137dd7b9085f4a76a21bbb9945a895603', class: "sidebar" }, h("slot", { key: '05aad4cc9c4a78e53a98d5e01b3e3e4ed7a38aad', name: "sidebar" })), h("div", { key: '9897bda1f1b8f38f4975c1441c3ef2d714366996', class: "topbar" }, h("slot", { key: '53fb217063547eb68191c7d650c4cbe343e2cae9', name: "topbar" }))));
+    }
+    static get is() { return "p-layout"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["layout.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["layout.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'login' | 'office'",
+                    "resolved": "\"default\" | \"login\" | \"office\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant of the layout"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'default'"
+            }
+        };
+    }
 }
 //# sourceMappingURL=layout.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/layout/layout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;mBAIgC,SAAS;;EAE3D,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE;MAC9C,WAAK,KAAK,EAAC,SAAS;QACnB,WAAK,KAAK,EAAC,eAAe;UACzB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD;MACN,WAAK,KAAK,EAAC,SAAS;QACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB;MACN,WAAK,KAAK,EAAC,QAAQ;QAClB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar\">\n\t\t\t\t\t<slot name=\"sidebar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"topbar\">\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"layout.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/layout/layout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;uBAIgC,SAAS;;IAE3D,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE;YAC9C,4DAAK,KAAK,EAAC,SAAS;gBACnB,4DAAK,KAAK,EAAC,eAAe;oBACzB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD;YACN,4DAAK,KAAK,EAAC,SAAS;gBACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB;YACN,4DAAK,KAAK,EAAC,QAAQ;gBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar\">\n\t\t\t\t\t<slot name=\"sidebar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"topbar\">\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/loader/loader.component.css

@@ -1 +1 @@
-.fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\[1em\]{height:1em!important}.w-\[1em\]{width:1em!important}.w-full{width:100%!important}.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}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}
+.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\[1em\]{height:1em!important}.w-\[1em\]{width:1em!important}.w-full{width:100%!important}.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}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}