@paperless/core 0.1.0-alpha.0 → 0.1.0-alpha.13

package/dist/{esm/p-icon.entry.js → components/icon.component.js}

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host } from './index-e4d80e41.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const arrow = `<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>434AFB85-135A-4569-A66B-6D5812BAA42C@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -208.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -208.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="Combined-Shape" transform="translate(243.000000, 0.000000)">
@@ -18,7 +18,7 @@ const arrow = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w
 const attachment = `<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>6900D5DE-1A64-4EE8-8ABC-1FEE34C10458@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -240.000000)" fill="#80829E" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -240.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="attachment" transform="translate(0.000000, 32.000000)">
@@ -36,7 +36,7 @@ const bread = `<?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>5F1EB64F-AB98-4EB4-AC35-FB0B26115170@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -272.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -272.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="bread" transform="translate(0.000000, 64.000000)">
@@ -53,7 +53,7 @@ const bread = `<?xml version="1.0" encoding="UTF-8"?>
 const calendar = `<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>3D99E2A7-B47A-4957-8D2C-7AF582F435CF@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -304.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -304.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="calendar" transform="translate(0.000000, 96.000000)">
@@ -71,7 +71,7 @@ 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>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -336.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -336.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="car" transform="translate(0.000000, 128.000000)">
@@ -89,7 +89,7 @@ const checkmark = `<?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>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="checkmark" transform="translate(0.000000, 160.000000)">
@@ -107,7 +107,7 @@ const chevron = `<?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>2D60A936-D98C-47D5-81C3-87BE72E0E033@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -400.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -400.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="chevron" transform="translate(0.000000, 192.000000)">
@@ -125,7 +125,7 @@ const clock = `<?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>DA4F6F05-8E0E-4F99-8C04-325E1026BDED@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -432.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -432.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="clock" transform="translate(0.000000, 224.000000)">
@@ -143,7 +143,7 @@ const cogs = `<?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>D69A8BFD-59F3-48E5-B2F8-A57D151EB85C@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -468.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -468.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="cogs" transform="translate(0.000000, 260.000000)">
@@ -161,7 +161,7 @@ const comment = `<?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>85F96114-FD2C-4B57-AEA8-3B2854320A29@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -502.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -502.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="comment" transform="translate(0.000000, 294.000000)">
@@ -179,7 +179,7 @@ const document = `<?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>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="document" transform="translate(0.000000, 326.000000)">
@@ -197,7 +197,7 @@ const download = `<?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>467E5344-FF5F-465D-940E-3EE5A5238ED5@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -566.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -566.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="download" transform="translate(0.000000, 358.000000)">
@@ -215,7 +215,7 @@ const envelope = `<?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>6E5BAADC-0E2C-4B1F-8A4B-A6F7D16BAE6B@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -598.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -598.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="envelope" transform="translate(0.000000, 390.000000)">
@@ -233,7 +233,7 @@ const explanation = `<?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>689A577B-4141-4E4F-B884-DF9FBE546815@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1366.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1366.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="explanation" transform="translate(0.000000, 1158.000000)">
@@ -251,7 +251,7 @@ const eye = `<?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>36A03146-33F9-43AB-B64A-795FF770A42E@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -630.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -630.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="eye" transform="translate(0.000000, 422.000000)">
@@ -269,7 +269,7 @@ 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="#989AB7">
+        <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)">
@@ -287,7 +287,7 @@ const grid = `<?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>0B846487-E152-44B1-B058-D5E90C916406@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -694.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -694.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="grid" transform="translate(0.000000, 486.000000)">
@@ -305,7 +305,7 @@ const headset = `<?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>1B240603-203F-49BC-9F73-8609C2B2A397@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -726.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -726.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="headset" transform="translate(0.000000, 518.000000)">
@@ -323,7 +323,7 @@ const list = `<?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>680FABDB-CA3A-4C86-A241-59CFA9DF98BD@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -758.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -758.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="list" transform="translate(0.000000, 550.000000)">
@@ -341,7 +341,7 @@ const location = `<?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>F74A1493-189D-4CFE-9DC0-D69141A189C7@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -790.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -790.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="location" transform="translate(0.000000, 582.000000)">
@@ -359,7 +359,7 @@ const megaphone = `<?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>A2F9256B-4901-4C20-8F77-D5066011EE5A@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -822.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -822.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="megaphone" transform="translate(0.000000, 614.000000)">
@@ -377,7 +377,7 @@ 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>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="minus" transform="translate(0.000000, 646.000000)">
@@ -395,7 +395,7 @@ 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>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -886.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -886.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="negative" transform="translate(0.000000, 678.000000)">
@@ -413,7 +413,7 @@ 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>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1430.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1430.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="pagination" transform="translate(0.000000, 1222.000000)">
@@ -431,7 +431,7 @@ const payment = `<?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>46CF5A08-42A2-4628-A7C8-6721B5428686@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -918.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -918.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="payment" transform="translate(0.000000, 710.000000)">
@@ -449,7 +449,7 @@ const pencil = `<?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>9E1784EB-8E2A-4C1A-A8C3-F500E03858E6@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -950.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -950.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="pencil" transform="translate(0.000000, 742.000000)">
@@ -467,7 +467,7 @@ const person = `<?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>C1AD60F3-92E2-4915-A731-25F894172F6D@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -982.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -982.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="person" transform="translate(0.000000, 774.000000)">
@@ -485,7 +485,7 @@ const plus = `<?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>70C9DBCC-EA4A-4C0D-8EE1-ACE33C96B3AC@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1014.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1014.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="plus" transform="translate(0.000000, 806.000000)">
@@ -503,7 +503,7 @@ const question = `<?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>B38D7652-BAD1-453A-A17A-8BD72B3A27DE@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1046.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1046.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="question" transform="translate(0.000000, 838.000000)">
@@ -521,7 +521,7 @@ const receipt = `<?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>B8233FCC-7CA7-43E4-90EE-D7BEB3AE64DB@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1078.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1078.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="receipt" transform="translate(0.000000, 870.000000)">
@@ -539,7 +539,7 @@ 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>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1110.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1110.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="report" transform="translate(0.000000, 902.000000)">
@@ -557,7 +557,7 @@ const search = `<?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>B40F2062-9E93-4938-9311-BB5EA06B94E6@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1142.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1142.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="search" transform="translate(0.000000, 934.000000)">
@@ -588,7 +588,7 @@ const settings = `<?xml version="1.0" encoding="UTF-8"?>
                     <g id="settings" transform="translate(0.000000, 966.000000)">
                         <g id="Combined-Shape" transform="translate(243.000000, 0.000000)">
                             <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                            <use fill="#989AB7" fill-rule="evenodd" xlink:href="#path-1"></use>
+                            <use fill="currentColor" fill-rule="evenodd" xlink:href="#path-1"></use>
                         </g>
                     </g>
                 </g>
@@ -601,7 +601,7 @@ const sick = `<?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>8258B213-4691-4F57-A9BA-B794CD8C1294@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1462.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1462.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="sick" transform="translate(0.000000, 1254.000000)">
@@ -619,7 +619,7 @@ 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>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1206.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1206.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="tachometer" transform="translate(0.000000, 998.000000)">
@@ -637,7 +637,7 @@ const tool = `<?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>3412434A-3941-4BA7-AF31-A18B70C22235@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1238.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1238.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="tool" transform="translate(0.000000, 1030.000000)">
@@ -655,7 +655,7 @@ const trash = `<?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>57E63C9F-ED1A-4C01-82E7-4413FAE7BD1B@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1270.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1270.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="trash" transform="translate(0.000000, 1062.000000)">
@@ -673,7 +673,7 @@ const turn = `<?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>3D8FF491-8CCF-45C5-8645-7ADDDAD1C215@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1398.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1398.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="turn" transform="translate(0.000000, 1190.000000)">
@@ -691,7 +691,7 @@ const upload = `<?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>625641CF-AE77-4A64-95BC-298DB7F96CF6@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1302.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1302.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="uploaden" transform="translate(0.000000, 1094.000000)">
@@ -709,7 +709,7 @@ const warning = `<?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>8610B121-CA13-4C32-BC35-1DBE51B9260A@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1334.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1334.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="warning" transform="translate(0.000000, 1126.000000)">
@@ -766,13 +766,10 @@ const icons = {
   warning,
 };
 
-const Icon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * The icon the be displayed
-     */
-    this.variant = null;
+const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     /**
      * The size of the icon, using tailwind sizes
      */
@@ -791,8 +788,26 @@ const Icon = class {
     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 === 'horizontal' ? ` -scale-x-1` : this.flip === 'vertical' ? ` -scale-y-1` : ''}`;
+    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` : ''}`;
   }
-};
-
-export { Icon as p_icon };
+}, [0, "p-icon", {
+    "variant": [1],
+    "size": [1],
+    "rotate": [2],
+    "flip": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Icon);
+      }
+      break;
+  } });
+}
+
+export { Icon as I, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,7 +1,15 @@
 /* paperless custom elements */
+export { Avatar as PAvatar } from '../types/components/p-avatar/p-avatar';
 export { Button as PButton } from '../types/components/p-button/p-button';
+export { Counter as PCounter } from '../types/components/p-counter/p-counter';
+export { Divider as PDivider } from '../types/components/p-divider/p-divider';
+export { Helper as PHelper } from '../types/components/p-helper/p-helper';
 export { Icon as PIcon } from '../types/components/p-icon/p-icon';
-export { Icon as PIllustration } from '../types/components/p-illustration/p-illustration';
+export { Illustration as PIllustration } from '../types/components/p-illustration/p-illustration';
+export { InfoPanel as PInfoPanel } from '../types/components/p-info-panel/p-info-panel';
+export { Loader as PLoader } from '../types/components/p-loader/p-loader';
+export { Pagination as PPagination } from '../types/components/p-pagination/p-pagination';
+export { PaginationItem as PPaginationItem } from '../types/components/p-pagination-item/p-pagination-item';
 export { Tooltip as PTooltip } from '../types/components/p-tooltip/p-tooltip';
 
 /**

package/dist/components/index.js

@@ -1,5 +1,13 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { PAvatar, defineCustomElement as defineCustomElementPAvatar } from './p-avatar.js';
 export { PButton, defineCustomElement as defineCustomElementPButton } from './p-button.js';
+export { PCounter, defineCustomElement as defineCustomElementPCounter } from './p-counter.js';
+export { PDivider, defineCustomElement as defineCustomElementPDivider } from './p-divider.js';
+export { PHelper, defineCustomElement as defineCustomElementPHelper } from './p-helper.js';
 export { PIcon, defineCustomElement as defineCustomElementPIcon } from './p-icon.js';
 export { PIllustration, defineCustomElement as defineCustomElementPIllustration } from './p-illustration.js';
+export { PInfoPanel, defineCustomElement as defineCustomElementPInfoPanel } from './p-info-panel.js';
+export { PLoader, defineCustomElement as defineCustomElementPLoader } from './p-loader.js';
+export { PPagination, defineCustomElement as defineCustomElementPPagination } from './p-pagination.js';
+export { PPaginationItem, defineCustomElement as defineCustomElementPPaginationItem } from './p-pagination-item.js';
 export { PTooltip, defineCustomElement as defineCustomElementPTooltip } from './p-tooltip.js';

package/dist/components/loader.component.js

@@ -0,0 +1,74 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const loaderComponentCss = "/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-screen{width:100vw!important}.w-full{width:100%!important}@-webkit-keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite!important;animation:spin 1s linear infinite!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))!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-t-indigo{--tw-border-opacity:1!important;border-top-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity))!important}:host .loader{--tw-border-opacity:1!important;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity))!important;border-radius:100%;border-style:solid!important;border-top:solid rgb(82 138 250/var(--tw-border-opacity))!important;border-width:2px!important;display:inline-block;height:1em;transition-duration:.5s;width:1em}: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))!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))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}: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.25rem;line-height:2.5rem}.static{position:static!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}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}";
+
+const Loader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether to show or hide the loader
+     */
+    this.show = true;
+    /**
+     * Variant of loader
+     */
+    this.variant = 'inline';
+    /**
+     * Color of the loader
+     */
+    this.color = 'indigo';
+    this._show = this.show;
+    this._loader = (h("div", { class: `loader color-${this.color}` }));
+  }
+  componentWillRender() {
+    this._checkShow();
+  }
+  componentShouldUpdate() {
+    this._checkShow();
+  }
+  render() {
+    if (!this._show) {
+      return;
+    }
+    if (this.variant === 'full-screen') {
+      return (h(Host, { class: "p-loader" }, h("div", { class: "loading-screen" }, h("div", { class: "content" }, h("slot", null), h("div", { class: "loader-wrapper" }, this._loader)))));
+    }
+    return h(Host, { class: `p-loader flex ${this.variant === 'full-width' && 'w-100 d-block flex justify-center text-4xl'}` }, this._loader);
+  }
+  _checkShow() {
+    var _a;
+    if (this._showSubscriber) {
+      this._showSubscriber.unsubscribe();
+      this._showSubscriber = null;
+    }
+    if (typeof this.show !== 'boolean') {
+      this._showSubscriber = (_a = this.show) === null || _a === void 0 ? void 0 : _a.subscribe(show => (this._show = show));
+      return;
+    }
+    this._show = this.show;
+  }
+  static get style() { return loaderComponentCss; }
+}, [1, "p-loader", {
+    "show": [4],
+    "variant": [1],
+    "color": [1],
+    "modalTitle": [1, "modal-title"],
+    "modalDescription": [1, "modal-description"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-loader"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-loader":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Loader);
+      }
+      break;
+  } });
+}
+
+export { Loader as L, defineCustomElement as d };

package/dist/components/p-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PAvatar extends Components.PAvatar, HTMLElement {}
+export const PAvatar: {
+  prototype: PAvatar;
+  new (): PAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;