@paperless/core 0.1.0-alpha.33 → 0.1.0-alpha.331

package/dist/components/helper.component.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './tooltip.component.js';
+
+const helperComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.ml-2{margin-left:.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-3{width:.75rem!important}.w-full{width:100%!important}.w-6{width:1.5rem!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.p-4{padding:1rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+
+const Helper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.placement = 'top';
+  }
+  render() {
+    return (h(Host, { class: "p-helper" }, h("p-tooltip", { placement: this.placement }, h("div", { slot: "popover" }, h("slot", null)), h("div", { slot: "content", class: "helper" }))));
+  }
+  static get style() { return helperComponentCss; }
+}, [1, "p-helper", {
+    "placement": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-helper", "p-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-helper":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Helper);
+      }
+      break;
+    case "p-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { Helper as H, defineCustomElement as d };

package/dist/components/icon.component.js

@@ -67,6 +67,17 @@ const calendar = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
     </g>
 </svg>`;
 
+const camera = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/camera</title>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/icons/camera">
+            <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
+            <path d="M11,1 C11.5522847,1 12,1.44771525 12,2 C12,2.55228475 12.4477153,3 13,3 L14,3 C15.1045695,3 16,3.8954305 16,5 L16,13 C16,14.1045695 15.1045695,15 14,15 L2,15 C0.8954305,15 1.3527075e-16,14.1045695 0,13 L0,5 C-1.3527075e-16,3.8954305 0.8954305,3 2,3 L3,3 C3.55228475,3 4,2.55228475 4,2 C4,1.44771525 4.44771525,1 5,1 L11,1 Z M8,5 C5.790861,5 4,6.790861 4,9 C4,11.209139 5.790861,13 8,13 C10.209139,13 12,11.209139 12,9 C12,6.790861 10.209139,5 8,5 Z M8,6 C9.65685425,6 11,7.34314575 11,9 C11,10.6568542 9.65685425,12 8,12 C6.34314575,12 5,10.6568542 5,9 C5,7.34314575 6.34314575,6 8,6 Z" id="camera" fill="currentColor"></path>
+        </g>
+    </g>
+</svg>`;
+
 const car = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>15BDAF47-5E79-4AD0-9D15-AEC22BEDD040@1x</title>
@@ -284,19 +295,12 @@ const eye = `<?xml version="1.0" encoding="UTF-8"?>
 </svg>`;
 
 const filter = `<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>161B97F5-D5D9-43EE-AD95-15870E881303@1x</title>
-    <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -662.000000)" fill="currentColor">
-            <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
-                <g id="icons" transform="translate(0.000000, 152.000000)">
-                    <g id="filter" transform="translate(0.000000, 454.000000)">
-                        <g id="icons/filter/default" transform="translate(243.000000, 0.000000)">
-                            <path d="M8,11 C8.55228475,11 9,11.4477153 9,12 C9,12.5522847 8.55228475,13 8,13 L2,13 C1.44771525,13 1,12.5522847 1,12 C1,11.4477153 1.44771525,11 2,11 L8,11 Z M11,7 C11.5522847,7 12,7.44771525 12,8 C12,8.55228475 11.5522847,9 11,9 L2,9 C1.44771525,9 1,8.55228475 1,8 C1,7.44771525 1.44771525,7 2,7 L11,7 Z M13,3 C13.5522847,3 14,3.44771525 14,4 C14,4.55228475 13.5522847,5 13,5 L2,5 C1.44771525,5 1,4.55228475 1,4 C1,3.44771525 1.44771525,3 2,3 L13,3 Z"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
+    <title>⚛️ Atoms/icons/filter</title>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/icons/filter">
+            <rect id="Bounding-box" x="0" y="0" width="16" height="16"/>
+            <path d="M2,3 L14,3 C14.5522847,3 15,3.44771525 15,4 C15,4.55228475 14.5522847,5 14,5 L2,5 C1.44771525,5 1,4.55228475 1,4 C1,3.44771525 1.44771525,3 2,3 Z M4,7 L12,7 C12.5522847,7 13,7.44771525 13,8 C13,8.55228475 12.5522847,9 12,9 L4,9 C3.44771525,9 3,8.55228475 3,8 C3,7.44771525 3.44771525,7 4,7 Z M6,11 L10,11 C10.5522847,11 11,11.4477153 11,12 C11,12.5522847 10.5522847,13 10,13 L6,13 C5.44771525,13 5,12.5522847 5,12 C5,11.4477153 5.44771525,11 6,11 Z" id="Filter" fill="currentColor"/>
         </g>
     </g>
 </svg>`;
@@ -429,6 +433,33 @@ const megaphone = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+const menu = `<?xml version="1.0" encoding="UTF-8"?><svg
+    version="1.1"
+    width="1em"
+    height="1em"
+    viewBox="0 0 16.0 16.0"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <defs>
+        <clipPath id="i0">
+            <path
+                d="M13,10 C13.5522847,10 14,10.4477153 14,11 C14,11.5522847 13.5522847,12 13,12 L1,12 C0.44771525,12 -4.87476137e-16,11.5522847 0,11 C-6.76353751e-17,10.4477153 0.44771525,10 1,10 L13,10 Z M13,5 C13.5522847,5 14,5.44771525 14,6 C14,6.55228475 13.5522847,7 13,7 L1,7 C0.44771525,7 -4.87476137e-16,6.55228475 0,6 C-6.76353751e-17,5.44771525 0.44771525,5 1,5 L13,5 Z M13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 C14,1.55228475 13.5522847,2 13,2 L1,2 C0.44771525,2 -4.87476137e-16,1.55228475 0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L13,0 Z"
+            ></path>
+        </clipPath>
+    </defs>
+    <g transform="translate(1.0 2.0)">
+        <g clip-path="url(#i0)">
+            <polygon
+                points="0,0 14,0 14,12 0,12 0,0"
+                stroke="none"
+                fill="currentColor"
+            ></polygon>
+        </g>
+    </g>
+</svg>
+`;
+
 const minus = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>1AA10FE9-5D18-418E-AF58-B044C23B6DEB@1x</title>
@@ -447,6 +478,26 @@ const minus = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+const more = `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 16 16"
+    name="switch"
+>
+    <defs>
+        <clipPath id="a">
+            <path
+                d="M2,12 C3.1045695,12 4,12.8954305 4,14 C4,15.1045695 3.1045695,16 2,16 C0.8954305,16 0,15.1045695 0,14 C0,12.8954305 0.8954305,12 2,12 Z M2,6 C3.1045695,6 4,6.8954305 4,8 C4,9.1045695 3.1045695,10 2,10 C0.8954305,10 0,9.1045695 0,8 C0,6.8954305 0.8954305,6 2,6 Z M2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 Z"
+            />
+        </clipPath>
+    </defs>
+    <g clip-path="url(#a)" transform="translate(6)">
+        <polygon fill="currentColor" points="0 0 4 0 4 16 0 16 0 0" />
+    </g>
+</svg>
+`;
+
 const negative = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>B592C279-58CD-4C4A-A354-393D736863E2@1x</title>
@@ -465,6 +516,17 @@ const negative = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+const notification = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/notification</title>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/icons/notification">
+            <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
+            <path d="M8,0 C9.1045695,0 10,0.8954305 10,2 L9.99573626,2.12492259 C11.7231265,2.56748072 13,4.13462546 13,6 L13,11 C13.5522847,11 14,11.4477153 14,12 C14,12.5522847 13.5522847,13 13,13 L3,13 C2.44771525,13 2,12.5522847 2,12 C2,11.4477153 2.44771525,11 3,11 L3,6 C3,4.13462546 4.27687352,2.56748072 6.00426374,2.12492259 C6.00130207,2.083937 6,2.04212056 6,2 C6,0.8954305 6.8954305,0 8,0 Z M8,1 C7.48716416,1 7.06449284,1.38604019 7.00672773,1.88337887 L7,2 L9,2 C9,1.44771525 8.55228475,1 8,1 Z M8,16 C9.1045695,16 10,15.1045695 10,14 C9.40304633,14 8.73637967,14 8,14 C7.26362033,14 6.59695367,14 6,14 C6,15.1045695 6.8954305,16 8,16 Z" id="Notification" fill="currentColor"></path>
+        </g>
+    </g>
+</svg>`;
+
 const pagination = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>667348A2-48CB-496D-8C8A-3A0C4142E887@1x</title>
@@ -591,6 +653,17 @@ const receipt = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+const reload = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/reload</title>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/icons/reload">
+            <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
+            <path d="M15,1.82676096e-12 C15.5522847,1.97791783e-12 16,0.44771525 16,1 L16,6 C16,6.55228475 15.5522847,7 15,7 L10,7 C9.44771525,7 9,6.55228475 9,6 C9,5.44771525 9.44771525,5 10,5 L12.7968352,4.99901819 C11.7687855,3.16517892 9.86459469,2 7.75737708,2 C4.54416628,2 1.93934427,4.6862915 1.93934427,8 C1.93934427,11.3137085 4.54416628,14 7.75737708,14 C9.32228346,14 10.7866673,13.3612458 11.8713475,12.2426407 C12.4117532,11.6853331 12.8418102,11.0239311 13.1343561,10.2963612 C13.339486,9.78619758 13.9068032,9.54411982 14.4014947,9.75566539 C14.8961861,9.96721096 15.1309222,10.5522719 14.9257923,11.0624355 C14.535422,12.0332975 13.9623136,12.9147038 13.242671,13.6568542 C11.7978986,15.1468139 9.84191632,16 7.75737708,16 C3.47309602,16 -8.77520279e-13,12.418278 -8.77520279e-13,8 C-8.77520279e-13,3.581722 3.47309602,0 7.75737708,0 C10.2678268,0 12.5629624,1.2412625 14.0004616,3.24977126 L14,1 C14,0.44771525 14.4477153,1.67577063e-12 15,1.82676096e-12 Z" id="Combined-Shape" fill="currentColor" fill-rule="nonzero" transform="translate(8.000000, 8.000000) scale(-1, 1) translate(-8.000000, -8.000000) "></path>
+        </g>
+    </g>
+</svg>`;
+
 const report = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>92D2E7B0-15BC-4C37-851A-D0ECF493A903@1x</title>
@@ -671,6 +744,53 @@ const sick = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+const signout = `<?xml version="1.0" encoding="UTF-8"?><svg
+    version="1.1"
+    width="1em"
+    height="1em"
+    viewBox="0 0 16.0 16.0"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <defs>
+        <clipPath id="i0">
+            <path
+                d="M7,0 C7.55228475,-1.01453063e-16 8,0.44771525 8,1 L8,2 C8,2.55228475 7.55228475,3 7,3 C6.44771525,3 6,2.55228475 6,2 L2,2 L2,14 L6,14 C6,13.4477153 6.44771525,13 7,13 C7.51283584,13 7.93550716,13.3860402 7.99327227,13.8833789 L8,14 L8,15 C8,15.5522847 7.55228475,16 7,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L7,0 Z M10.7549976,3.25769542 C10.7575495,3.26010955 10.7600879,3.26253795 10.7626127,3.26498049 L14.7352971,7.10831254 C14.9002291,7.26787433 14.9984382,7.47043889 15.0293482,7.68119673 C15.1304672,7.98354221 15.0865843,8.32959983 14.8801668,8.60392636 C14.8538183,8.63894319 14.8251966,8.67219017 14.7944866,8.70345226 L10.860395,12.7082755 C10.5017253,13.0733939 9.91497906,13.0786215 9.5498607,12.7199517 C9.17420493,12.3424827 9.16725127,11.7467377 9.52665628,11.368243 L11.775,9 L6,9 C5.44771525,9 5,8.55228475 5,8 C5,7.44771525 5.44771525,7 6,7 L11.812,7 L9.44561311,4.65686817 C9.06927109,4.28428449 9.05936325,3.67934833 9.42330209,3.29464008 C9.78083767,2.91670052 10.3770581,2.90015983 10.7549976,3.25769542 Z"
+            ></path>
+        </clipPath>
+    </defs>
+    <g clip-path="url(#i0)">
+        <polygon
+            points="0,0 15.081515,0 15.081515,16 0,16 0,0"
+            stroke="none"
+            fill="currentColor"
+        ></polygon>
+    </g>
+</svg>
+`;
+
+const switchIcon = `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 16 16"
+>
+    <defs>
+        <clipPath id="a">
+            <path
+                d="M4.62545411,6.29533485 C4.98729728,6.68167262 4.977047,7.28550622 4.60229966,7.65934011 L3.25310842,9.00507355 L9.00410842,9.00539288 C9.55639317,9.00539288 10.0041084,9.45310813 10.0041084,10.0088661 C10.0041084,10.5611508 9.55639317,11.0088661 9.00410842,11.0088661 L3.25810842,11.0080736 L4.52726347,12.3757538 C4.88290891,12.758707 4.87415123,13.353741 4.5073897,13.7260619 C4.50238568,13.7311418 4.4973223,13.7361629 4.49220061,13.7411241 C4.13013271,14.0918468 3.55230174,14.0826497 3.20157902,13.7205818 L0.281717047,10.7062681 C0.253970354,10.6776239 0.227961979,10.6473455 0.203831273,10.6155952 C-0.00929773908,10.335168 -0.051707368,9.97841391 0.0598429822,9.67050846 C0.0939459066,9.46763576 0.190736261,9.2734466 0.34973504,9.11924101 L3.29438224,6.26336323 L3.39658061,6.17741433 C3.77185921,5.90484234 4.30017374,5.94803496 4.62545411,6.29533485 Z M12.6116362,0.177414332 L12.7020616,0.252142505 L12.7138346,0.263363235 L15.6584818,3.11924101 C15.8174806,3.2734466 15.9142709,3.46763576 15.9483739,3.67050846 C16.0599242,3.97841391 16.0175146,4.33516799 15.8043856,4.61559522 C15.7802549,4.64734551 15.7542465,4.67762389 15.7264998,4.70626813 L12.8066378,7.7205818 C12.4559151,8.0826497 11.8780841,8.09184679 11.5160162,7.74112406 C11.5108945,7.73616286 11.5058312,7.7311418 11.5008271,7.72606193 C11.1340656,7.35374104 11.1253079,6.758707 11.4809534,6.37575377 L12.7501084,5.00807355 L7.00410842,5.00886607 C6.45182367,5.00886607 6.00410842,4.56115082 6.00410842,4.00886607 C6.00410842,3.45310813 6.45182367,3.00539288 7.00410842,3.00539288 L12.7551084,3.00507355 L11.4059172,1.65934011 C11.0311698,1.28550622 11.0209196,0.68167262 11.3827627,0.295334855 C11.7080431,-0.0519650412 12.2363576,-0.0951576593 12.6116362,0.177414332 Z"
+            />
+        </clipPath>
+    </defs>
+    <g clip-path="url(#a)" transform="translate(-.004 1)">
+        <polygon
+            fill="currentColor"
+            points="0 0 16.008 0 16.008 13.998 0 13.998 0 0"
+        />
+    </g>
+</svg>
+`;
+
 const tachometer = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>444A72E2-89EC-4714-A021-8E912B45CAD5@1x</title>
@@ -820,6 +940,7 @@ const icons = {
   attachment,
   bread,
   calendar,
+  camera,
   car,
   checklist,
   checkmark,
@@ -840,19 +961,25 @@ const icons = {
   list,
   location,
   megaphone,
+  menu,
   minus,
+  more,
   negative,
+  notification,
   pagination,
   payment,
   pencil,
   person,
   plus,
   question,
+  reload,
   receipt,
   report,
   search,
   settings,
   sick,
+  signout,
+  switch: switchIcon,
   tachometer,
   task,
   template,
@@ -863,30 +990,58 @@ const icons = {
   warning,
 };
 
+const iconComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-navbar-backdrop{z-index:290!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.ml-2{margin-left:.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.ml-auto{margin-left:auto!important}.mb-14{margin-bottom:3.5rem!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-3{width:.75rem!important}.w-full{width:100%!important}.w-6{width:1.5rem!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-vague{color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-negative,.text-storm-vague{--tw-text-opacity:1!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-negative-light,.text-storm-dark{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm,.text-storm-medium{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.max-w-\\[20rem\\]{max-width:20rem!important}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+
 const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * The size of the icon, using tailwind sizes
-     */
+    this.variant = undefined;
     this.size = 'auto';
-    /**
-     * Wether to rotate the icon x degrees
-     */
-    this.rotate = null;
-    /**
-     * Wether to flip the icon horizontally or vertically
-     */
+    this.rotate = 0;
     this.flip = null;
   }
   render() {
     const icon = icons[this.variant];
-    return h(Host, { class: this._getClass(), innerHTML: icon });
-  }
-  _getClass() {
-    return `p-icon inline-block text-${this.size} ${this.rotate || this.flip ? 'transform' : ''} ${this.rotate ? `${this.rotate < 0 ? '-' : ''}rotate-${this.rotate < 0 ? this.rotate * -1 : this.rotate}` : ''} ${this.flip ? `scale-${this.flip === 'horizontal' ? 'x' : 'y'}-flip` : ''}`;
+    const styles = {
+      'p-icon flex': true,
+      'text-auto': this.size === 'auto',
+      'text-xxs': this.size === 'xxs',
+      'text-xs': this.size === 'xs',
+      'text-sm': this.size === 'sm',
+      'text-base': this.size === 'base',
+      'text-lg': this.size === 'lg',
+      'text-xl': this.size === 'xl',
+      'text-2xl': this.size === '2xl',
+      'text-3xl': this.size === '3xl',
+      'text-4xl': this.size === '4xl',
+      'text-5xl': this.size === '5xl',
+      'text-6xl': this.size === '6xl',
+      transform: !!this.rotate || !!this.flip,
+      'scale-x-flip': this.flip === 'horizontal',
+      'scale-y-flip': this.flip === 'vertical',
+      'rotate-0': this.rotate === 0,
+      'rotate-25': this.rotate === 25,
+      'rotate-45': this.rotate === 45,
+      'rotate-90': this.rotate === 90,
+      'rotate-135': this.rotate === 135,
+      'rotate-180': this.rotate === 180,
+      'rotate-225': this.rotate === 225,
+      'rotate-270': this.rotate === 270,
+      'rotate-315': this.rotate === 315,
+      '-rotate-0': this.rotate === -0,
+      '-rotate-25': this.rotate === -25,
+      '-rotate-45': this.rotate === -45,
+      '-rotate-90': this.rotate === -90,
+      '-rotate-135': this.rotate === -135,
+      '-rotate-180': this.rotate === -180,
+      '-rotate-225': this.rotate === -225,
+      '-rotate-270': this.rotate === -270,
+      '-rotate-315': this.rotate === -315,
+    };
+    return h(Host, { class: styles, innerHTML: icon });
   }
+  static get style() { return iconComponentCss; }
 }, [0, "p-icon", {
     "variant": [1],
     "size": [1],