@paperless/core 0.1.0-alpha.223 → 0.1.0-alpha.225

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/i18n/table.i18n.en.json +13 -0
  3. package/dist/assets/i18n/table.i18n.nl.json +13 -0
  4. package/dist/assets/illustrations/empty-state-overview.svg +65 -0
  5. package/dist/assets/illustrations/empty-state-search.svg +88 -0
  6. package/dist/build/p-25ed4eb4.entry.js +1 -0
  7. package/dist/build/p-337ad423.entry.js +1 -0
  8. package/dist/build/{p-1f6a0296.entry.js → p-417a706f.entry.js} +1 -1
  9. package/dist/build/p-47c36e96.entry.js +1 -0
  10. package/dist/build/p-48d04ece.entry.js +1 -0
  11. package/dist/build/p-7e40c097.entry.js +1 -0
  12. package/dist/build/p-d70f6f04.entry.js +1 -0
  13. package/dist/{paperless/p-61975c9a.entry.js → build/p-ddeaf320.entry.js} +1 -1
  14. package/dist/build/p-e4a465a8.entry.js +1 -0
  15. package/dist/build/p-ff05fe38.entry.js +1 -0
  16. package/dist/build/paperless.esm.js +1 -1
  17. package/dist/cjs/index-cf92051a.js +4 -8
  18. package/dist/cjs/loader.cjs.js +1 -1
  19. package/dist/cjs/p-button_3.cjs.entry.js +3 -3
  20. package/dist/cjs/p-divider.cjs.entry.js +1 -1
  21. package/dist/cjs/p-dropdown_3.cjs.entry.js +3 -3
  22. package/dist/cjs/p-helper_2.cjs.entry.js +2 -2
  23. package/dist/cjs/p-illustration_6.cjs.entry.js +2756 -0
  24. package/dist/cjs/p-input-group_4.cjs.entry.js +4 -4
  25. package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
  26. package/dist/cjs/p-select.cjs.entry.js +7 -4
  27. package/dist/cjs/p-table.cjs.entry.js +27 -1
  28. package/dist/cjs/p-toast.cjs.entry.js +6 -1
  29. package/dist/cjs/paperless.cjs.js +1 -1
  30. package/dist/collection/assets/illustrations/empty-state-overview.svg +65 -0
  31. package/dist/collection/assets/illustrations/empty-state-search.svg +88 -0
  32. package/dist/collection/collection-manifest.json +2 -2
  33. package/dist/collection/components/atoms/button/button.component.css +1 -1
  34. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  35. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
  36. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
  37. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  38. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  39. package/dist/collection/components/atoms/illustration/illustration.component.js +1 -1
  40. package/dist/collection/components/atoms/label/label.component.css +1 -1
  41. package/dist/collection/components/atoms/loader/loader.component.css +1 -1
  42. package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
  43. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  44. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  45. package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
  46. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  47. package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
  48. package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
  49. package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
  50. package/dist/collection/components/molecules/select/select.component.js +7 -4
  51. package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
  52. package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
  53. package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
  54. package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
  55. package/dist/collection/components/molecules/toast/toast.component.js +7 -2
  56. package/dist/collection/components/organisms/table/table.component.css +1 -1
  57. package/dist/collection/components/organisms/table/table.component.js +160 -7
  58. package/dist/collection/utils/illustrations.js +4 -0
  59. package/dist/components/button.component.js +1 -1
  60. package/dist/components/divider.component.js +1 -1
  61. package/dist/components/dropdown-menu-container.component.js +1 -1
  62. package/dist/components/dropdown-menu-item.component.js +1 -1
  63. package/dist/components/dropdown.component.js +1 -1
  64. package/dist/components/helper.component.js +1 -1
  65. package/dist/components/icon.component.js +1 -1
  66. package/dist/{cjs/p-illustration.cjs.entry.js → components/illustration.component.js} +184 -16
  67. package/dist/components/input-group.component.js +1 -1
  68. package/dist/components/label.component.js +1 -1
  69. package/dist/components/loader.component.js +1 -1
  70. package/dist/components/p-illustration.js +1 -1435
  71. package/dist/components/p-select.js +7 -4
  72. package/dist/components/p-table.js +54 -16
  73. package/dist/components/p-toast.js +6 -1
  74. package/dist/components/pagination-item.component.js +1 -1
  75. package/dist/components/pagination.component.js +1 -1
  76. package/dist/components/segment-container.component.js +1 -1
  77. package/dist/components/segment-item.component.js +1 -1
  78. package/dist/components/table-cell.component.js +1 -1
  79. package/dist/components/table-container.component.js +1 -1
  80. package/dist/components/table-footer.component.js +1 -1
  81. package/dist/components/table-header.component.js +1 -1
  82. package/dist/components/table-row.component.js +1 -1
  83. package/dist/components/tooltip.component.js +1 -1
  84. package/dist/esm/index-7c99f044.js +4 -8
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/esm/p-button_3.entry.js +3 -3
  87. package/dist/esm/p-divider.entry.js +1 -1
  88. package/dist/esm/p-dropdown_3.entry.js +3 -3
  89. package/dist/esm/p-helper_2.entry.js +2 -2
  90. package/dist/esm/{p-illustration.entry.js → p-illustration_6.entry.js} +1327 -2
  91. package/dist/esm/p-input-group_4.entry.js +4 -4
  92. package/dist/esm/p-page-size-select_3.entry.js +2 -2
  93. package/dist/esm/p-select.entry.js +7 -4
  94. package/dist/esm/p-table.entry.js +27 -1
  95. package/dist/esm/p-toast.entry.js +6 -1
  96. package/dist/esm/paperless.js +1 -1
  97. package/dist/index.html +1 -1
  98. package/dist/paperless/p-25ed4eb4.entry.js +1 -0
  99. package/dist/paperless/p-337ad423.entry.js +1 -0
  100. package/dist/paperless/{p-1f6a0296.entry.js → p-417a706f.entry.js} +1 -1
  101. package/dist/paperless/p-47c36e96.entry.js +1 -0
  102. package/dist/paperless/p-48d04ece.entry.js +1 -0
  103. package/dist/paperless/p-7e40c097.entry.js +1 -0
  104. package/dist/paperless/p-d70f6f04.entry.js +1 -0
  105. package/dist/{build/p-61975c9a.entry.js → paperless/p-ddeaf320.entry.js} +1 -1
  106. package/dist/paperless/p-e4a465a8.entry.js +1 -0
  107. package/dist/paperless/p-ff05fe38.entry.js +1 -0
  108. package/dist/paperless/paperless.esm.js +1 -1
  109. package/dist/sw.js +1 -1
  110. package/dist/sw.js.map +1 -1
  111. package/dist/types/components/molecules/toast/toast.component.d.ts +1 -0
  112. package/dist/types/components/organisms/table/table.component.d.ts +18 -2
  113. package/dist/types/components.d.ts +21 -6
  114. package/dist/types/utils/illustrations.d.ts +2 -0
  115. package/package.json +1 -1
  116. package/dist/build/p-2bf44a1d.entry.js +0 -1
  117. package/dist/build/p-3b243f16.entry.js +0 -1
  118. package/dist/build/p-6f09d65f.entry.js +0 -1
  119. package/dist/build/p-78db3d3c.entry.js +0 -1
  120. package/dist/build/p-8262fe7e.entry.js +0 -1
  121. package/dist/build/p-98332f25.entry.js +0 -1
  122. package/dist/build/p-9fba2393.entry.js +0 -1
  123. package/dist/build/p-aae4caab.entry.js +0 -1
  124. package/dist/build/p-f45b75ae.entry.js +0 -1
  125. package/dist/cjs/p-table-cell_5.cjs.entry.js +0 -1179
  126. package/dist/esm/p-table-cell_5.entry.js +0 -1171
  127. package/dist/paperless/p-2bf44a1d.entry.js +0 -1
  128. package/dist/paperless/p-3b243f16.entry.js +0 -1
  129. package/dist/paperless/p-6f09d65f.entry.js +0 -1
  130. package/dist/paperless/p-78db3d3c.entry.js +0 -1
  131. package/dist/paperless/p-8262fe7e.entry.js +0 -1
  132. package/dist/paperless/p-98332f25.entry.js +0 -1
  133. package/dist/paperless/p-9fba2393.entry.js +0 -1
  134. package/dist/paperless/p-aae4caab.entry.js +0 -1
  135. package/dist/paperless/p-f45b75ae.entry.js +0 -1
package/dist/components/icon.component.js CHANGED
@@ -973,7 +973,7 @@ const icons = {
973
973
  warning,
974
974
  };
975
975
 
976
- 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}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.ml-auto{margin-left:auto!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!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}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 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-start{justify-content:flex-start!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}.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}.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-storm-dark,.text-storm-vague{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!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}.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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}";
976
+ 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}.m-0{margin:0!important}.mt-6{margin-top:1.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}.ml-2{margin-left:.5rem!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}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 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-start{justify-content:flex-start!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-storm-dark,.text-storm-vague{--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}.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}.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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}";
977
977
 
978
978
  const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
979
979
  constructor() {
package/dist/{cjs/p-illustration.cjs.entry.js → components/illustration.component.js} RENAMED
@@ -1,8 +1,4 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-cf92051a.js');
1
+ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
6
2
 
7
3
  const emptyState = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
8
4
  <defs>
@@ -226,6 +222,161 @@ const departments = `<svg xmlns="http://www.w3.org/2000/svg" width="171" height=
226
222
 
227
223
  const email = `<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="150px" height="150px" viewBox="0 0 150.0 150.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M85.1759982,0 C104.072973,-3.47131792e-15 119.391997,15.3190247 119.391997,34.2159993 L119.391997,64.0639986 L0,64.0639986 L0,24.0239995 C-1.62487222e-15,10.7559109 10.7559109,2.43730832e-15 24.0239995,0 L85.1759982,0 Z"></path></clipPath><linearGradient id="i1" x1="59.6959987px" y1="64.0639986px" x2="59.6959987px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i2"><path d="M20.5519995,0 C31.9025555,-2.0850633e-15 41.1039991,9.20144361 41.1039991,20.5519995 L41.1039991,64.0639986 L0,64.0639986 L0,20.5519995 C-4.94275588e-15,9.20144361 9.20144361,2.0850633e-15 20.5519995,0 Z"></path></clipPath><linearGradient id="i3" x1="20.5519995px" y1="64.0639986px" x2="20.5519995px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#4873C8" offset="0%"></stop><stop stop-color="#4773CB" offset="100%"></stop></linearGradient><clipPath id="i4"><path d="M13,0 L13,69.272 C13,69.6740633 12.6740633,70 12.272,70 L0.727999984,70 C0.325936695,70 -1.72806053e-16,69.6740633 0,69.272 L0,0 L13,0 Z"></path></clipPath><linearGradient id="i5" x1="6.5px" y1="70px" x2="6.5px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(133, 169, 243, 0)" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i6"><path d="M9,0 L9,69.272 C9,69.6740633 8.6740633,70 8.27200002,70 L0.727999984,70 C0.325936695,70 -6.17837504e-17,69.6740633 0,69.272 L0,0 L9,0 Z"></path></clipPath><linearGradient id="i7" x1="4.5px" y1="70px" x2="4.5px" y2="1.29922327px" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(87, 128, 209, 0)" offset="0%"></stop><stop stop-color="#4F7ACF" offset="98.1439668%"></stop></linearGradient><clipPath id="i8"><path d="M72.7999984,0 L72.7999984,5.09599989 L0.727999984,5.09599989 C0.325936695,5.09599989 7.15372367e-16,4.77006319 0,4.36799991 L0,0.727999984 C-4.9238552e-17,0.325936695 0.325936695,-3.71644744e-17 0.727999984,0 L72.7999984,0 Z"></path></clipPath><clipPath id="i9"><path d="M77.0839983,0 L77.0839983,4.36799991 C77.0839983,4.77006319 76.7580616,5.09599989 76.3559984,5.09599989 L0,5.09599989 L0,0 L77.0839983,0 Z"></path></clipPath><clipPath id="i10"><path d="M30.2119993,0 L60.4239987,24.5359285 L60.4239987,58.2399987 L0,58.2399987 L0,24.5359285 L30.2119993,0 Z"></path></clipPath><linearGradient id="i11" x1="30.2119993px" y1="58.2399987px" x2="30.2119993px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#4976D0" offset="0%"></stop><stop stop-color="#83A8F2" offset="100%"></stop></linearGradient><clipPath id="i12"><path d="M28.5611597,0 C26.5440085,0.14121798 24.940731,2.28624546 24.940731,4.91265145 C24.940731,7.53905744 26.5440085,9.68408493 28.5610529,9.81860835 L4.02269854,9.82530291 C3.95616212,9.823053 3.88906726,9.82530291 3.82156362,9.82530291 C1.71097231,9.82530291 0,7.62583393 0,4.91265145 C0,2.19946897 1.71097231,0 3.82156362,0 C3.88906726,0 3.95616212,0.00224990396 4.0228053,0.00669455955 L28.5611597,0 Z"></path></clipPath><linearGradient id="i13" x1="14.2805798px" y1="9.82530291px" x2="14.2805798px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i14"><path d="M43.0975968,0 C39.3467946,0 37.4054615,2.32959981 37.2735973,6.98879943 L37.2735973,35.8122364 C37.2735973,36.2735377 37.054994,36.7075488 36.6843315,36.9821543 L30.346965,41.6771948 C29.9634652,41.9613108 29.4650694,42.0394323 29.0130302,41.8862836 L18.2960002,38.2554064 C17.8288085,38.0971242 17.3132468,38.1861511 16.9261915,38.4919444 L13.497038,41.201149 C13.0262552,41.5730912 12.375522,41.618165 11.857955,41.3146821 L0.71952494,34.7835005 C0.273819266,34.5221545 6.32747051e-17,34.0441759 0,33.5274987 L0,6.98879902 C-1.36086846e-15,3.1289919 3.1289919,-1.79143355e-16 6.98879902,0 L43.0975968,0 Z"></path></clipPath><linearGradient id="i15" x1="21.5487984px" y1="5.25158252px" x2="21.5487984px" y2="41.963289px" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF2FF" offset="0%"></stop><stop stop-color="#CDDBF6" offset="100%"></stop></linearGradient><clipPath id="i16"><path d="M26.1259675,0 C26.4797832,-6.49948862e-17 26.7666075,0.286824281 26.7666075,0.640639962 L26.7666075,6.23167958 C26.7666075,6.58549526 26.4797832,6.87231954 26.1259675,6.87231954 L0.640639962,6.87231954 C0.286824281,6.87231954 2.65374529e-16,6.58549526 0,6.23167958 L0,0.640639962 C-4.33299241e-17,0.286824281 0.286824281,-4.60274163e-17 0.640639962,0 L26.1259675,0 Z"></path></clipPath><clipPath id="i17"><path d="M4.33328874,0 C4.58185829,0 4.78686103,0.0506100509 4.94830311,0.151831671 C5.10974519,0.253053291 5.23915316,0.412571046 5.33653093,0.630389722 L4.83298792,0.891770827 C4.7971119,0.77901763 4.74137678,0.688688299 4.66578089,0.620780123 C4.59018499,0.552871948 4.47935539,0.518918369 4.33328874,0.518918369 C4.16159638,0.518918369 4.02386016,0.574653488 3.92007597,0.686125399 C3.81629178,0.79759731 3.76440046,0.959677599 3.76440046,1.17237113 L3.76440046,1.60288118 C3.76440046,1.81557472 3.81629178,1.977655 3.92007597,2.08912692 C4.02386016,2.20059883 4.16159638,2.25633395 4.33328874,2.25633395 C4.47679281,2.25633395 4.59146622,2.2172553 4.6773124,2.13909683 C4.76315859,2.06093837 4.82658131,1.96676523 4.86758247,1.85657461 L5.3442186,2.13333107 C5.24427827,2.33833689 5.11294839,2.49657337 4.95022503,2.60804528 C4.78750166,2.7195172 4.58185829,2.77525231 4.33328874,2.77525231 C4.15134609,2.77525231 3.9873439,2.7464238 3.84127725,2.68876592 C3.69521061,2.63110804 3.5709277,2.54526314 3.4684248,2.43122866 C3.36592189,2.31719417 3.28648333,2.17497352 3.23010673,2.00456244 C3.17373013,1.83415136 3.14554226,1.63491432 3.14554226,1.40684536 C3.14554226,1.18133896 3.17373013,0.980820659 3.23010673,0.805284432 C3.28648333,0.629748205 3.36592189,0.482402487 3.4684248,0.363242858 C3.5709277,0.24408323 3.69521061,0.153753898 3.84127725,0.0922521545 C3.9873439,0.0307504107 4.15134609,0 4.33328874,0 Z M1.60672502,0.0461260773 L2.47927665,2.72912624 L1.87194997,2.72912624 L1.67975798,2.09104884 L0.784143313,2.09104884 L0.591951325,2.72912624 L0,2.72912624 L0.884083147,0.0461260773 L1.60672502,0.0461260773 Z M8.10922072,0.0461260773 L8.10922072,0.565044446 L7.38273501,0.565044446 L7.38273501,2.72912624 L6.79847136,2.72912624 L6.79847136,0.565044446 L6.07198564,0.565044446 L6.07198564,0.0461260773 L8.10922072,0.0461260773 Z M10.1784878,0.0461260773 L10.1784878,0.51123069 L9.83254226,0.51123069 L9.83254226,2.26402163 L10.1784878,2.26402163 L10.1784878,2.72912624 L8.90233304,2.72912624 L8.90233304,2.26402163 L9.24827862,2.26402163 L9.24827862,0.51123069 L8.90233304,0.51123069 L8.90233304,0.0461260773 L10.1784878,0.0461260773 Z M11.5289569,0.0461260773 L11.9287163,1.3338124 L12.1401274,2.17561331 L12.151659,2.17561331 L12.3553825,1.3338124 L12.7551418,0.0461260773 L13.3278739,0.0461260773 L12.4553223,2.72912624 L11.8018695,2.72912624 L10.9370056,0.0461260773 L11.5289569,0.0461260773 Z M16.0159993,0.0461260773 L16.0159993,0.565044446 L14.774439,0.565044446 L14.774439,1.11471353 L15.8391826,1.11471353 L15.8391826,1.62978806 L14.774439,1.62978806 L14.774439,2.21020787 L16.0159993,2.21020787 L16.0159993,2.72912624 L14.1901754,2.72912624 L14.1901754,0.0461260773 L16.0159993,0.0461260773 Z M18.861722,0.0461260773 L18.861722,0.565044446 L17.6201618,0.565044446 L17.6201618,1.11471353 L18.6849054,1.11471353 L18.6849054,1.62978806 L17.6201618,1.62978806 L17.6201618,2.21020787 L18.861722,2.21020787 L18.861722,2.72912624 L17.0358981,2.72912624 L17.0358981,0.0461260773 L18.861722,0.0461260773 Z M21.1539318,0.0461260773 C21.2769353,0.0461260773 21.3884056,0.066626351 21.4883459,0.107627514 C21.5882862,0.148628676 21.6734905,0.20692633 21.7439612,0.282522223 C21.814432,0.358118117 21.8688858,0.448447448 21.9073244,0.553512927 C21.945763,0.658578406 21.964982,0.775173713 21.964982,0.903302346 C21.964982,1.08524501 21.9246221,1.24412213 21.8439011,1.37993848 C21.76318,1.51575483 21.640819,1.6144124 21.4768144,1.67591414 L22.0034204,2.72912624 L21.3538115,2.72912624 L20.8848631,1.74510326 L20.4658845,1.74510326 L20.4658845,2.72912624 L19.8816209,2.72912624 L19.8816209,0.0461260773 L21.1539318,0.0461260773 Z M1.23771641,0.576575966 L1.21849721,0.576575966 L0.922521545,1.59519351 L1.53753591,1.59519351 L1.23771641,0.576575966 Z M21.0808989,0.553512927 L20.4658845,0.553512927 L20.4658845,1.25309177 L21.0808989,1.25309177 C21.1680264,1.25309177 21.2365741,1.23066959 21.2865443,1.18582457 C21.3365145,1.14097955 21.3614992,1.07499429 21.3614992,0.987866821 L21.3614992,0.818737871 C21.3614992,0.731610401 21.3365145,0.665625145 21.2865443,0.620780123 C21.2365741,0.575935101 21.1680264,0.553512927 21.0808989,0.553512927 Z"></path></clipPath><clipPath id="i18"><path d="M60.4239987,0 L60.4239987,33.2431851 L0,33.2431851 L0,0 L30.2119993,14.5723551 L60.4239987,0 Z"></path></clipPath><linearGradient id="i19" x1="30.2119993px" y1="33.2431851px" x2="30.2119993px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i20"><path d="M25.2346799,1.03151456 L46.5557573,20.012822 C47.1563598,20.5475145 47.2097904,21.467853 46.6750979,22.0684556 C46.398817,22.3787928 46.0031108,22.556309 45.5876108,22.556309 L1.45599997,22.556309 C0.65187339,22.556309 -1.01174592e-15,21.9044356 -1.11022302e-15,21.1003091 C-1.16110711e-15,20.684809 0.17751623,20.2891028 0.487853441,20.012822 L21.8089309,1.03151456 C22.7854008,0.162202233 24.25821,0.162202233 25.2346799,1.03151456 Z"></path></clipPath><linearGradient id="i21" x1="23.521813px" y1="22.556309px" x2="23.521813px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i22"><path d="M21.8399995,0 C22.2420628,2.06876579e-15 22.5679995,0.325936695 22.5679995,0.727999984 L22.5679995,15.2879997 C22.5679995,15.690063 22.2420628,16.0159997 21.8399995,16.0159997 L0.727999984,16.0159997 C0.325936695,16.0159997 -5.0587296e-16,15.690063 0,15.2879997 L0,0.727999984 C-4.9238552e-17,0.325936695 0.325936695,1.8488013e-16 0.727999984,0 L21.8399995,0 Z"></path></clipPath><linearGradient id="i23" x1="11.2839998px" y1="4.90348568e-16px" x2="11.2839998px" y2="16.0159997px" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD7DA" offset="0%"></stop><stop stop-color="#FF8A94" offset="100%"></stop></linearGradient><clipPath id="i24"><path d="M2.91199994,0 C3.31406323,3.71644744e-17 3.63999992,0.325936695 3.63999992,0.727999984 L3.63999992,29.8479994 C3.63999992,30.2500626 3.31406323,30.5759993 2.91199994,30.5759993 L0.727999984,30.5759993 C0.325936695,30.5759993 2.0133102e-15,30.2500626 0,29.8479994 L0,0.727999984 C-4.9238552e-17,0.325936695 0.325936695,7.39991643e-16 0.727999984,0 L2.91199994,0 Z"></path></clipPath><linearGradient id="i25" x1="1.67562148px" y1="1.52042937px" x2="1.67562148px" y2="30.5759993px" gradientUnits="userSpaceOnUse"><stop stop-color="#FF95A8" offset="0%"></stop><stop stop-color="#DF4D68" offset="100%"></stop></linearGradient><clipPath id="i26"><path d="M3.27599993,0 C5.08528473,0 6.55199986,1.46671513 6.55199986,3.27599993 C6.55199986,5.08528473 5.08528473,6.55199986 3.27599993,6.55199986 C1.46671513,6.55199986 0,5.08528473 0,3.27599993 C0,1.46671513 1.46671513,0 3.27599993,0 Z"></path></clipPath></defs><g transform="translate(2.0 1.0)"><g transform="translate(26.291999422073204 7.784000324726044)"><g clip-path="url(#i0)"><polygon points="0,0 119.391997,0 119.391997,64.0639986 0,64.0639986 0,0" stroke="none" fill="url(#i1)"></polygon></g></g><g transform="translate(27.495999424934315 7.784000324726044)"><g clip-path="url(#i2)"><polygon points="0,0 41.1039991,0 41.1039991,64.0639986 0,64.0639986 0,0" stroke="none" fill="url(#i3)"></polygon></g></g><g transform="translate(73.33999838352156 76.94399882984133)"><g transform="translate(9.66000161647844 0.0560011701586518)"><g opacity="90.0000036%"><g clip-path="url(#i4)"><polygon points="0,0 13,0 13,70 0,70 0,0" stroke="none" fill="url(#i5)"></polygon><g transform="translate(0.0 14.0)"><polygon points="13,0 0,0 0,-14 13,-14 13,0 13,0" stroke="none" fill="rgba(97, 139, 223, 0.7)"></polygon></g></g></g></g><g transform="translate(0.6600016164784392 0.0560011701586518)"><g opacity="90.0000036%"><g clip-path="url(#i6)"><polygon points="0,0 9,0 9,70 0,70 0,0" stroke="none" fill="url(#i7)"></polygon><g transform="translate(0.0 14.0)"><polygon points="9,0 0,0 0,-14 9,-14 9,0 9,0" stroke="none" fill="rgba(75, 116, 201, 0.7)"></polygon></g></g></g></g></g><g transform="translate(12.599999785423279 71.84799893999077)"><g clip-path="url(#i8)"><polygon points="0,0 72.7999984,0 72.7999984,5.09599989 0,5.09599989 0,0" stroke="none" fill="#6A95EA"></polygon></g><g transform="translate(55.99999871253968 0.0)"><g clip-path="url(#i9)"><polygon points="0,0 77.0839983,0 77.0839983,5.09599989 0,5.09599989 0,0" stroke="none" fill="#95B5F7"></polygon></g></g></g><g transform="translate(0.19599997329704166 19.90800009155265)"><g clip-path="url(#i10)"><polygon points="0,0 60.4239987,0 60.4239987,58.2399987 0,58.2399987 0,0" stroke="none" fill="url(#i11)"></polygon></g><g transform="translate(3.9360000257491734 3.0079998269080797)"><g transform="translate(0.5100747341529566 0.0)"><g clip-path="url(#i12)"><polygon points="0,0 28.5611597,0 28.5611597,9.82530291 0,9.82530291 0,0" stroke="none" fill="url(#i13)"></polygon></g></g><g transform="translate(45.718396373558065 0.0) scale(-1.0 1.0)"><g clip-path="url(#i14)"><polygon points="0,0 43.0975968,0 43.0975968,41.963289 0,41.963289 0,0" stroke="none" fill="url(#i15)"></polygon></g></g><g transform="translate(14.0 15.0)"><g transform="translate(0.19784397813067578 0.10229217886434983)"><g transform="translate(0.0 1.0)"><polygon points="27.0261341,-1.02237376 27.8719262,7.20487644 -0.259526609,7.8946933 -1.10531869,-0.332556902 27.0261341,-1.02237376 27.0261341,-1.02237376" stroke="none" fill="#2B4BA9"></polygon></g><g clip-path="url(#i16)"><polygon points="0,0 26.7666075,0 26.7666075,6.87231954 0,6.87231954 0,0" stroke="none" fill="#528AFA"></polygon></g></g><g transform="translate(2.3075842545387886 2.476792512525163)"><g clip-path="url(#i17)"><polygon points="0,0 22.0034204,0 22.0034204,2.77525231 0,2.77525231 0,0" stroke="none" fill="#FFFFFF"></polygon><polygon points="0,0 22.0034204,0 22.0034204,2.77525231 0,2.77525231 0,0" stroke="none" fill="#FFFFFF"></polygon></g></g></g></g><g transform="translate(0.0 24.996813618989023)"><g clip-path="url(#i18)"><polygon points="0,0 60.4239987,0 60.4239987,33.2431851 0,33.2431851 0,0" stroke="none" fill="url(#i19)"></polygon></g></g><g transform="translate(6.69019398361203 35.68368971098083)"><g clip-path="url(#i20)"><polygon points="-1.11022302e-15,0.379530314 47.0436259,0.379530314 47.0436259,22.556309 -1.11022302e-15,22.556309 -1.11022302e-15,0.379530314" stroke="none" fill="url(#i21)"></polygon></g></g></g><g transform="translate(108.6679973950384 0.0)"><g transform="translate(5.095999889850599 0.0)"><g clip-path="url(#i22)"><polygon points="0,0 22.5679995,0 22.5679995,16.0159997 0,16.0159997 0,0" stroke="none" fill="url(#i23)"></polygon></g></g><g transform="translate(1.455999968528743 0.0)"><g clip-path="url(#i24)"><polygon points="0,0 3.63999992,0 3.63999992,30.5759993 0,30.5759993 0,0" stroke="none" fill="url(#i25)"></polygon></g></g><g transform="translate(0.0 26.93599941778175)"><g clip-path="url(#i26)"><polygon points="0,0 6.55199986,0 6.55199986,6.55199986 0,6.55199986 0,0" stroke="none" fill="#6A95EA"></polygon></g></g></g></g></svg>`;
228
224
 
225
+ const emptyStateOverview = `<?xml version="1.0" encoding="UTF-8"?>
226
+ <svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
227
+ <title>⚛️ Atoms/illustrations/empty/overview</title>
228
+ <defs>
229
+ <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
230
+ <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
231
+ <stop stop-color="#FFFFFF" offset="0%"></stop>
232
+ <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
233
+ </linearGradient>
234
+ </defs>
235
+ <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
236
+ <g id="⚛️-Atoms/illustrations/empty/overview">
237
+ <mask id="mask-2" fill="white">
238
+ <use xlink:href="#path-1"></use>
239
+ </mask>
240
+ <g id="bounding-box"></g>
241
+ <g id="row" mask="url(#mask-2)">
242
+ <g transform="translate(0.000000, -3.000000)">
243
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
244
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
245
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
246
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
247
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
248
+ </g>
249
+ </g>
250
+ <g id="row" mask="url(#mask-2)">
251
+ <g transform="translate(0.000000, 36.000000)">
252
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
253
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
254
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
255
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
256
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
257
+ </g>
258
+ </g>
259
+ <g id="row" mask="url(#mask-2)">
260
+ <g transform="translate(0.000000, 75.000000)">
261
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
262
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
263
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
264
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
265
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
266
+ </g>
267
+ </g>
268
+ <g id="row" mask="url(#mask-2)">
269
+ <g transform="translate(0.000000, 114.000000)">
270
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
271
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
272
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
273
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
274
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
275
+ </g>
276
+ </g>
277
+ <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
278
+ <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
279
+ <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
280
+ <g id="Group" mask="url(#mask-2)">
281
+ <g transform="translate(52.000000, 52.000000)">
282
+ <rect id="bg" fill="#528AFA" fill-rule="evenodd" x="0" y="0" width="48" height="48" rx="24"></rect>
283
+ <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) " x="23" y="14" width="2" height="20" rx="1"></rect>
284
+ <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" x="23" y="14" width="2" height="20" rx="1"></rect>
285
+ </g>
286
+ </g>
287
+ </g>
288
+ </g>
289
+ </svg>`;
290
+
291
+ const emptyStateSearch = `<?xml version="1.0" encoding="UTF-8"?>
292
+ <svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
293
+ <title>⚛️ Atoms/illustrations/empty/search</title>
294
+ <defs>
295
+ <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
296
+ <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
297
+ <stop stop-color="#FFFFFF" offset="0%"></stop>
298
+ <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
299
+ </linearGradient>
300
+ <circle id="path-4" cx="18" cy="18" r="18"></circle>
301
+ </defs>
302
+ <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
303
+ <g id="⚛️-Atoms/illustrations/empty/search">
304
+ <mask id="mask-2" fill="white">
305
+ <use xlink:href="#path-1"></use>
306
+ </mask>
307
+ <g id="bounding-box"></g>
308
+ <g id="row" mask="url(#mask-2)">
309
+ <g transform="translate(0.000000, -3.000000)">
310
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
311
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
312
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
313
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
314
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
315
+ </g>
316
+ </g>
317
+ <g id="row" mask="url(#mask-2)">
318
+ <g transform="translate(0.000000, 36.000000)">
319
+ <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1" fill="#F7FAFC" x="0.5" y="0.5" width="183" height="39"></rect>
320
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
321
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
322
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
323
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
324
+ </g>
325
+ </g>
326
+ <g id="row" mask="url(#mask-2)">
327
+ <g transform="translate(0.000000, 75.000000)">
328
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
329
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
330
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
331
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
332
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
333
+ </g>
334
+ </g>
335
+ <g id="row" mask="url(#mask-2)">
336
+ <g transform="translate(0.000000, 114.000000)">
337
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
338
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
339
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
340
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
341
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
342
+ </g>
343
+ </g>
344
+ <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
345
+ <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
346
+ <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
347
+ <g id="search" mask="url(#mask-2)" fill="#528AFA">
348
+ <g transform="translate(41.000000, 36.000000)" id="Combined-Shape">
349
+ <path d="M24,0 C37.254834,0 48,10.745166 48,24 C48,30.3127374 45.5627505,36.0562247 41.5779034,40.3408099 C41.6050847,40.3633587 41.6311447,40.388504 41.6568542,40.4142136 L60.0416306,58.7989899 C61.2132034,59.9705627 61.2132034,61.8700577 60.0416306,63.0416306 C58.8700577,64.2132034 56.9705627,64.2132034 55.7989899,63.0416306 L37.4142136,44.6568542 C37.2617644,44.5044051 37.1291525,44.3396308 37.0163778,44.1657387 C33.2677827,46.5918601 28.7983357,48 24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 Z M24,6 C14.0588745,6 6,14.0588745 6,24 C6,33.9411255 14.0588745,42 24,42 C33.9411255,42 42,33.9411255 42,24 C42,14.0588745 33.9411255,6 24,6 Z"></path>
350
+ </g>
351
+ </g>
352
+ <g id="zoom" mask="url(#mask-2)">
353
+ <g transform="translate(47.000000, 42.000000)">
354
+ <mask id="mask-5" fill="white">
355
+ <use xlink:href="#path-4"></use>
356
+ </mask>
357
+ <use id="Mask" stroke="none" fill-opacity="0.4" fill="#E3ECF3" fill-rule="evenodd" xlink:href="#path-4"></use>
358
+ <g id="row" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" mask="url(#mask-5)">
359
+ <g transform="translate(-62.000000, -13.000000)">
360
+ <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1" fill="#F7FAFC" x="0.5" y="0.5" width="238" height="51"></rect>
361
+ <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="12.9891304" y="18.2" width="70.1413043" height="7.8" rx="1.3"></rect>
362
+ <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="12.9891304" y="31.2" width="55.8532609" height="2.6" rx="1.3"></rect>
363
+ <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="113.005435" y="22.1" width="41.5652174" height="7.8" rx="1.16999997"></rect>
364
+ </g>
365
+ </g>
366
+ <g id="row" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" mask="url(#mask-5)">
367
+ <g transform="translate(-62.000000, 38.000000)">
368
+ <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1.3" fill="#FFFFFF" x="0.65" y="0.65" width="237.7" height="50.7"></rect>
369
+ <rect id="heading" stroke="none" fill="#F1F6FF" x="12.9891304" y="18.2" width="70.1413043" height="7.8" rx="1.3"></rect>
370
+ <rect id="heading" stroke="none" fill="#F1F6FF" x="12.9891304" y="31.2" width="55.8532609" height="2.6" rx="1.3"></rect>
371
+ <rect id="heading" stroke="none" fill="#F1F6FF" x="113.005435" y="22.1" width="41.5652174" height="7.8" rx="1.16999997"></rect>
372
+ </g>
373
+ </g>
374
+ </g>
375
+ </g>
376
+ </g>
377
+ </g>
378
+ </svg>`;
379
+
229
380
  const expenses = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
230
381
  <defs>
231
382
  <rect id="declaraties-a" width="400" height="400" x="0" y="0"/>
@@ -1402,6 +1553,8 @@ const upgradeToHr = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:/
1402
1553
 
1403
1554
  const illustrations = {
1404
1555
  'empty-state': emptyState,
1556
+ 'empty-state-search': emptyStateSearch,
1557
+ 'empty-state-overview': emptyStateOverview,
1405
1558
  departments,
1406
1559
  expenses,
1407
1560
  functions,
@@ -1412,15 +1565,30 @@ const illustrations = {
1412
1565
  'e-mail': email,
1413
1566
  };
1414
1567
 
1415
- const Illustration = class {
1416
- constructor(hostRef) {
1417
- index.registerInstance(this, hostRef);
1418
- }
1419
- render() {
1420
- const illustration = illustrations[this.variant];
1421
- return index.h(index.Host, { class: "p-illustration block", innerHTML: illustration });
1422
- }
1423
- };
1424
- Illustration.style = '.block{display:block!important}*{box-sizing:border-box}';
1568
+ const Illustration = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1569
+ constructor() {
1570
+ super();
1571
+ this.__registerHost();
1572
+ }
1573
+ render() {
1574
+ const illustration = illustrations[this.variant];
1575
+ return h(Host, { class: "p-illustration block", innerHTML: illustration });
1576
+ }
1577
+ }, [0, "p-illustration", {
1578
+ "variant": [1]
1579
+ }]);
1580
+ function defineCustomElement() {
1581
+ if (typeof customElements === "undefined") {
1582
+ return;
1583
+ }
1584
+ const components = ["p-illustration"];
1585
+ components.forEach(tagName => { switch (tagName) {
1586
+ case "p-illustration":
1587
+ if (!customElements.get(tagName)) {
1588
+ customElements.define(tagName, Illustration);
1589
+ }
1590
+ break;
1591
+ } });
1592
+ }
1425
1593
 
1426
- exports.p_illustration = Illustration;
1594
+ export { Illustration as I, defineCustomElement as d };
package/dist/components/input-group.component.js CHANGED
@@ -3,7 +3,7 @@ import { d as defineCustomElement$3 } from './helper.component.js';
3
3
  import { d as defineCustomElement$2 } from './icon.component.js';
4
4
  import { d as defineCustomElement$1 } from './tooltip.component.js';
5
5
 
6
- const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-\\[2px\\]{margin-bottom:2px!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!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-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.rounded-tr-none{border-top-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border{border-width:1px!important}.border-r-0{border-right-width:0!important}.border-l-0{border-left-width:0!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!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-4{padding-left:1rem!important;padding-right:1rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm,.text-storm-dark{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-negative,.text-storm-dark{--tw-text-opacity:1!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!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{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex}:host .content .prefix,:host .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;height:2.5rem;justify-content:flex-start;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%}:host .content .prefix::-moz-placeholder,:host .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content .prefix::placeholder,:host .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content .prefix.active,:host .content .prefix.focus,:host .content .prefix:focus,:host .content .prefix:focus-visible,:host .content .prefix:focus-within,:host .content .prefix[active],:host .content .suffix.active,:host .content .suffix.focus,:host .content .suffix:focus,:host .content .suffix:focus-visible,:host .content .suffix:focus-within,:host .content .suffix[active]{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .prefix.size-small,:host .content .suffix.size-small{font-size:.875rem;height:2rem;line-height:1.25rem}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .content ::slotted(input[type=date].p-input),:host .content ::slotted(input[type=datetime-local].p-input),:host .content ::slotted(input[type=email].p-input),:host .content ::slotted(input[type=month].p-input),:host .content ::slotted(input[type=number].p-input),:host .content ::slotted(input[type=password].p-input),:host .content ::slotted(input[type=tel].p-input),:host .content ::slotted(input[type=text].p-input),:host .content ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-bg-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;height:2.5rem;justify-content:flex-start;order:2;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%}:host .content ::slotted(input[type=date].p-input)::-moz-placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host .content ::slotted(input[type=email].p-input)::-moz-placeholder,:host .content ::slotted(input[type=month].p-input)::-moz-placeholder,:host .content ::slotted(input[type=number].p-input)::-moz-placeholder,:host .content ::slotted(input[type=password].p-input)::-moz-placeholder,:host .content ::slotted(input[type=tel].p-input)::-moz-placeholder,:host .content ::slotted(input[type=text].p-input)::-moz-placeholder,:host .content ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content ::slotted(input[type=date].p-input)::placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::placeholder,:host .content ::slotted(input[type=email].p-input)::placeholder,:host .content ::slotted(input[type=month].p-input)::placeholder,:host .content ::slotted(input[type=number].p-input)::placeholder,:host .content ::slotted(input[type=password].p-input)::placeholder,:host .content ::slotted(input[type=tel].p-input)::placeholder,:host .content ::slotted(input[type=text].p-input)::placeholder,:host .content ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content .active::slotted(input[type=date].p-input),:host .content .active::slotted(input[type=datetime-local].p-input),:host .content .active::slotted(input[type=email].p-input),:host .content .active::slotted(input[type=month].p-input),:host .content .active::slotted(input[type=number].p-input),:host .content .active::slotted(input[type=password].p-input),:host .content .active::slotted(input[type=tel].p-input),:host .content .active::slotted(input[type=text].p-input),:host .content .active::slotted(input[type=time].p-input),:host .content .focus::slotted(input[type=date].p-input),:host .content .focus::slotted(input[type=datetime-local].p-input),:host .content .focus::slotted(input[type=email].p-input),:host .content .focus::slotted(input[type=month].p-input),:host .content .focus::slotted(input[type=number].p-input),:host .content .focus::slotted(input[type=password].p-input),:host .content .focus::slotted(input[type=tel].p-input),:host .content .focus::slotted(input[type=text].p-input),:host .content .focus::slotted(input[type=time].p-input),:host .content ::slotted(input[type=date].p-input):focus,:host .content ::slotted(input[type=date].p-input):focus-visible,:host .content ::slotted(input[type=date].p-input):focus-within,:host .content ::slotted(input[type=date].p-input)[active],:host .content ::slotted(input[type=datetime-local].p-input):focus,:host .content ::slotted(input[type=datetime-local].p-input):focus-visible,:host .content ::slotted(input[type=datetime-local].p-input):focus-within,:host .content ::slotted(input[type=datetime-local].p-input)[active],:host .content ::slotted(input[type=email].p-input):focus,:host .content ::slotted(input[type=email].p-input):focus-visible,:host .content ::slotted(input[type=email].p-input):focus-within,:host .content ::slotted(input[type=email].p-input)[active],:host .content ::slotted(input[type=month].p-input):focus,:host .content ::slotted(input[type=month].p-input):focus-visible,:host .content ::slotted(input[type=month].p-input):focus-within,:host .content ::slotted(input[type=month].p-input)[active],:host .content ::slotted(input[type=number].p-input):focus,:host .content ::slotted(input[type=number].p-input):focus-visible,:host .content ::slotted(input[type=number].p-input):focus-within,:host .content ::slotted(input[type=number].p-input)[active],:host .content ::slotted(input[type=password].p-input):focus,:host .content ::slotted(input[type=password].p-input):focus-visible,:host .content ::slotted(input[type=password].p-input):focus-within,:host .content ::slotted(input[type=password].p-input)[active],:host .content ::slotted(input[type=tel].p-input):focus,:host .content ::slotted(input[type=tel].p-input):focus-visible,:host .content ::slotted(input[type=tel].p-input):focus-within,:host .content ::slotted(input[type=tel].p-input)[active],:host .content ::slotted(input[type=text].p-input):focus,:host .content ::slotted(input[type=text].p-input):focus-visible,:host .content ::slotted(input[type=text].p-input):focus-within,:host .content ::slotted(input[type=text].p-input)[active],:host .content ::slotted(input[type=time].p-input):focus,:host .content ::slotted(input[type=time].p-input):focus-visible,:host .content ::slotted(input[type=time].p-input):focus-within,:host .content ::slotted(input[type=time].p-input)[active]{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .size-small::slotted(input[type=date].p-input),:host .content .size-small::slotted(input[type=datetime-local].p-input),:host .content .size-small::slotted(input[type=email].p-input),:host .content .size-small::slotted(input[type=month].p-input),:host .content .size-small::slotted(input[type=number].p-input),:host .content .size-small::slotted(input[type=password].p-input),:host .content .size-small::slotted(input[type=tel].p-input),:host .content .size-small::slotted(input[type=text].p-input),:host .content .size-small::slotted(input[type=time].p-input){font-size:.875rem;height:2rem;line-height:1.25rem}:host .content .prefix+::slotted(input[type=date].p-input),:host .content .prefix+::slotted(input[type=datetime-local].p-input),:host .content .prefix+::slotted(input[type=email].p-input),:host .content .prefix+::slotted(input[type=month].p-input),:host .content .prefix+::slotted(input[type=number].p-input),:host .content .prefix+::slotted(input[type=password].p-input),:host .content .prefix+::slotted(input[type=tel].p-input),:host .content .prefix+::slotted(input[type=text].p-input),:host .content .prefix+::slotted(input[type=time].p-input){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .content .suffix+::slotted(input[type=date].p-input),:host .content .suffix+::slotted(input[type=datetime-local].p-input),:host .content .suffix+::slotted(input[type=email].p-input),:host .content .suffix+::slotted(input[type=month].p-input),:host .content .suffix+::slotted(input[type=number].p-input),:host .content .suffix+::slotted(input[type=password].p-input),:host .content .suffix+::slotted(input[type=tel].p-input),:host .content .suffix+::slotted(input[type=text].p-input),:host .content .suffix+::slotted(input[type=time].p-input){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity));outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) ::slotted(input[type=date].p-input),:host(.focused) ::slotted(input[type=datetime-local].p-input),:host(.focused) ::slotted(input[type=email].p-input),:host(.focused) ::slotted(input[type=month].p-input),:host(.focused) ::slotted(input[type=number].p-input),:host(.focused) ::slotted(input[type=password].p-input),:host(.focused) ::slotted(input[type=tel].p-input),:host(.focused) ::slotted(input[type=text].p-input),:host(.focused) ::slotted(input[type=time].p-input),:host(:focus) ::slotted(input[type=date].p-input),:host(:focus) ::slotted(input[type=datetime-local].p-input),:host(:focus) ::slotted(input[type=email].p-input),:host(:focus) ::slotted(input[type=month].p-input),:host(:focus) ::slotted(input[type=number].p-input),:host(:focus) ::slotted(input[type=password].p-input),:host(:focus) ::slotted(input[type=tel].p-input),:host(:focus) ::slotted(input[type=text].p-input),:host(:focus) ::slotted(input[type=time].p-input),:host(:focus-within) ::slotted(input[type=date].p-input),:host(:focus-within) ::slotted(input[type=datetime-local].p-input),:host(:focus-within) ::slotted(input[type=email].p-input),:host(:focus-within) ::slotted(input[type=month].p-input),:host(:focus-within) ::slotted(input[type=number].p-input),:host(:focus-within) ::slotted(input[type=password].p-input),:host(:focus-within) ::slotted(input[type=tel].p-input),:host(:focus-within) ::slotted(input[type=text].p-input),:host(:focus-within) ::slotted(input[type=time].p-input),:host([focused]) ::slotted(input[type=date].p-input),:host([focused]) ::slotted(input[type=datetime-local].p-input),:host([focused]) ::slotted(input[type=email].p-input),:host([focused]) ::slotted(input[type=month].p-input),:host([focused]) ::slotted(input[type=number].p-input),:host([focused]) ::slotted(input[type=password].p-input),:host([focused]) ::slotted(input[type=tel].p-input),:host([focused]) ::slotted(input[type=text].p-input),:host([focused]) ::slotted(input[type=time].p-input){--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host(.error) .prefix::-moz-placeholder,:host(.error) .suffix::-moz-placeholder,:host([error]) .prefix::-moz-placeholder,:host([error]) .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .prefix::placeholder,:host(.error) .suffix::placeholder,:host([error]) .prefix::placeholder,:host([error]) .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input),:host(.error) ::slotted(input[type=datetime-local].p-input),:host(.error) ::slotted(input[type=email].p-input),:host(.error) ::slotted(input[type=month].p-input),:host(.error) ::slotted(input[type=number].p-input),:host(.error) ::slotted(input[type=password].p-input),:host(.error) ::slotted(input[type=tel].p-input),:host(.error) ::slotted(input[type=text].p-input),:host(.error) ::slotted(input[type=time].p-input),:host([error]) ::slotted(input[type=date].p-input),:host([error]) ::slotted(input[type=datetime-local].p-input),:host([error]) ::slotted(input[type=email].p-input),:host([error]) ::slotted(input[type=month].p-input),:host([error]) ::slotted(input[type=number].p-input),:host([error]) ::slotted(input[type=password].p-input),:host([error]) ::slotted(input[type=tel].p-input),:host([error]) ::slotted(input[type=text].p-input),:host([error]) ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) ::slotted(input[type=email].p-input)::placeholder,:host(.error) ::slotted(input[type=month].p-input)::placeholder,:host(.error) ::slotted(input[type=number].p-input)::placeholder,:host(.error) ::slotted(input[type=password].p-input)::placeholder,:host(.error) ::slotted(input[type=tel].p-input)::placeholder,:host(.error) ::slotted(input[type=text].p-input)::placeholder,:host(.error) ::slotted(input[type=time].p-input)::placeholder,:host([error]) ::slotted(input[type=date].p-input)::placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) ::slotted(input[type=email].p-input)::placeholder,:host([error]) ::slotted(input[type=month].p-input)::placeholder,:host([error]) ::slotted(input[type=number].p-input)::placeholder,:host([error]) ::slotted(input[type=password].p-input)::placeholder,:host([error]) ::slotted(input[type=tel].p-input)::placeholder,:host([error]) ::slotted(input[type=text].p-input)::placeholder,:host([error]) ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.disabled) .prefix,:host(.disabled) .suffix,:host([disabled]) .prefix,:host([disabled]) .suffix{opacity:.4}:host(.disabled) ::slotted(input[type=date].p-input),:host(.disabled) ::slotted(input[type=datetime-local].p-input),:host(.disabled) ::slotted(input[type=email].p-input),:host(.disabled) ::slotted(input[type=month].p-input),:host(.disabled) ::slotted(input[type=number].p-input),:host(.disabled) ::slotted(input[type=password].p-input),:host(.disabled) ::slotted(input[type=tel].p-input),:host(.disabled) ::slotted(input[type=text].p-input),:host(.disabled) ::slotted(input[type=time].p-input),:host([disabled]) ::slotted(input[type=date].p-input),:host([disabled]) ::slotted(input[type=datetime-local].p-input),:host([disabled]) ::slotted(input[type=email].p-input),:host([disabled]) ::slotted(input[type=month].p-input),:host([disabled]) ::slotted(input[type=number].p-input),:host([disabled]) ::slotted(input[type=password].p-input),:host([disabled]) ::slotted(input[type=tel].p-input),:host([disabled]) ::slotted(input[type=text].p-input),:host([disabled]) ::slotted(input[type=time].p-input){opacity:.4;pointer-events:none}:host(.size-small) ::slotted(input[type=date].p-input),:host(.size-small) ::slotted(input[type=datetime-local].p-input),:host(.size-small) ::slotted(input[type=email].p-input),:host(.size-small) ::slotted(input[type=month].p-input),:host(.size-small) ::slotted(input[type=number].p-input),:host(.size-small) ::slotted(input[type=password].p-input),:host(.size-small) ::slotted(input[type=tel].p-input),:host(.size-small) ::slotted(input[type=text].p-input),:host(.size-small) ::slotted(input[type=time].p-input){font-size:.875rem;height:2rem;line-height:1.25rem}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}";
6
+ const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-\\[2px\\]{margin-bottom:2px!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!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-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.rounded-tr-none{border-top-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border{border-width:1px!important}.border-r-0{border-right-width:0!important}.border-l-0{border-left-width:0!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!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-4{padding-left:1rem!important;padding-right:1rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!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}.outline-none{outline:2px solid transparent!important;outline-offset:2px!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{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex}:host .content .prefix,:host .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;height:2.5rem;justify-content:flex-start;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%}:host .content .prefix::-moz-placeholder,:host .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content .prefix::placeholder,:host .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content .prefix.active,:host .content .prefix.focus,:host .content .prefix:focus,:host .content .prefix:focus-visible,:host .content .prefix:focus-within,:host .content .prefix[active],:host .content .suffix.active,:host .content .suffix.focus,:host .content .suffix:focus,:host .content .suffix:focus-visible,:host .content .suffix:focus-within,:host .content .suffix[active]{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .prefix.size-small,:host .content .suffix.size-small{font-size:.875rem;height:2rem;line-height:1.25rem}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .content ::slotted(input[type=date].p-input),:host .content ::slotted(input[type=datetime-local].p-input),:host .content ::slotted(input[type=email].p-input),:host .content ::slotted(input[type=month].p-input),:host .content ::slotted(input[type=number].p-input),:host .content ::slotted(input[type=password].p-input),:host .content ::slotted(input[type=tel].p-input),:host .content ::slotted(input[type=text].p-input),:host .content ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-bg-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;height:2.5rem;justify-content:flex-start;order:2;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%}:host .content ::slotted(input[type=date].p-input)::-moz-placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host .content ::slotted(input[type=email].p-input)::-moz-placeholder,:host .content ::slotted(input[type=month].p-input)::-moz-placeholder,:host .content ::slotted(input[type=number].p-input)::-moz-placeholder,:host .content ::slotted(input[type=password].p-input)::-moz-placeholder,:host .content ::slotted(input[type=tel].p-input)::-moz-placeholder,:host .content ::slotted(input[type=text].p-input)::-moz-placeholder,:host .content ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content ::slotted(input[type=date].p-input)::placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::placeholder,:host .content ::slotted(input[type=email].p-input)::placeholder,:host .content ::slotted(input[type=month].p-input)::placeholder,:host .content ::slotted(input[type=number].p-input)::placeholder,:host .content ::slotted(input[type=password].p-input)::placeholder,:host .content ::slotted(input[type=tel].p-input)::placeholder,:host .content ::slotted(input[type=text].p-input)::placeholder,:host .content ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .content .active::slotted(input[type=date].p-input),:host .content .active::slotted(input[type=datetime-local].p-input),:host .content .active::slotted(input[type=email].p-input),:host .content .active::slotted(input[type=month].p-input),:host .content .active::slotted(input[type=number].p-input),:host .content .active::slotted(input[type=password].p-input),:host .content .active::slotted(input[type=tel].p-input),:host .content .active::slotted(input[type=text].p-input),:host .content .active::slotted(input[type=time].p-input),:host .content .focus::slotted(input[type=date].p-input),:host .content .focus::slotted(input[type=datetime-local].p-input),:host .content .focus::slotted(input[type=email].p-input),:host .content .focus::slotted(input[type=month].p-input),:host .content .focus::slotted(input[type=number].p-input),:host .content .focus::slotted(input[type=password].p-input),:host .content .focus::slotted(input[type=tel].p-input),:host .content .focus::slotted(input[type=text].p-input),:host .content .focus::slotted(input[type=time].p-input),:host .content ::slotted(input[type=date].p-input):focus,:host .content ::slotted(input[type=date].p-input):focus-visible,:host .content ::slotted(input[type=date].p-input):focus-within,:host .content ::slotted(input[type=date].p-input)[active],:host .content ::slotted(input[type=datetime-local].p-input):focus,:host .content ::slotted(input[type=datetime-local].p-input):focus-visible,:host .content ::slotted(input[type=datetime-local].p-input):focus-within,:host .content ::slotted(input[type=datetime-local].p-input)[active],:host .content ::slotted(input[type=email].p-input):focus,:host .content ::slotted(input[type=email].p-input):focus-visible,:host .content ::slotted(input[type=email].p-input):focus-within,:host .content ::slotted(input[type=email].p-input)[active],:host .content ::slotted(input[type=month].p-input):focus,:host .content ::slotted(input[type=month].p-input):focus-visible,:host .content ::slotted(input[type=month].p-input):focus-within,:host .content ::slotted(input[type=month].p-input)[active],:host .content ::slotted(input[type=number].p-input):focus,:host .content ::slotted(input[type=number].p-input):focus-visible,:host .content ::slotted(input[type=number].p-input):focus-within,:host .content ::slotted(input[type=number].p-input)[active],:host .content ::slotted(input[type=password].p-input):focus,:host .content ::slotted(input[type=password].p-input):focus-visible,:host .content ::slotted(input[type=password].p-input):focus-within,:host .content ::slotted(input[type=password].p-input)[active],:host .content ::slotted(input[type=tel].p-input):focus,:host .content ::slotted(input[type=tel].p-input):focus-visible,:host .content ::slotted(input[type=tel].p-input):focus-within,:host .content ::slotted(input[type=tel].p-input)[active],:host .content ::slotted(input[type=text].p-input):focus,:host .content ::slotted(input[type=text].p-input):focus-visible,:host .content ::slotted(input[type=text].p-input):focus-within,:host .content ::slotted(input[type=text].p-input)[active],:host .content ::slotted(input[type=time].p-input):focus,:host .content ::slotted(input[type=time].p-input):focus-visible,:host .content ::slotted(input[type=time].p-input):focus-within,:host .content ::slotted(input[type=time].p-input)[active]{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .size-small::slotted(input[type=date].p-input),:host .content .size-small::slotted(input[type=datetime-local].p-input),:host .content .size-small::slotted(input[type=email].p-input),:host .content .size-small::slotted(input[type=month].p-input),:host .content .size-small::slotted(input[type=number].p-input),:host .content .size-small::slotted(input[type=password].p-input),:host .content .size-small::slotted(input[type=tel].p-input),:host .content .size-small::slotted(input[type=text].p-input),:host .content .size-small::slotted(input[type=time].p-input){font-size:.875rem;height:2rem;line-height:1.25rem}:host .content .prefix+::slotted(input[type=date].p-input),:host .content .prefix+::slotted(input[type=datetime-local].p-input),:host .content .prefix+::slotted(input[type=email].p-input),:host .content .prefix+::slotted(input[type=month].p-input),:host .content .prefix+::slotted(input[type=number].p-input),:host .content .prefix+::slotted(input[type=password].p-input),:host .content .prefix+::slotted(input[type=tel].p-input),:host .content .prefix+::slotted(input[type=text].p-input),:host .content .prefix+::slotted(input[type=time].p-input){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .content .suffix+::slotted(input[type=date].p-input),:host .content .suffix+::slotted(input[type=datetime-local].p-input),:host .content .suffix+::slotted(input[type=email].p-input),:host .content .suffix+::slotted(input[type=month].p-input),:host .content .suffix+::slotted(input[type=number].p-input),:host .content .suffix+::slotted(input[type=password].p-input),:host .content .suffix+::slotted(input[type=tel].p-input),:host .content .suffix+::slotted(input[type=text].p-input),:host .content .suffix+::slotted(input[type=time].p-input){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity));outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) ::slotted(input[type=date].p-input),:host(.focused) ::slotted(input[type=datetime-local].p-input),:host(.focused) ::slotted(input[type=email].p-input),:host(.focused) ::slotted(input[type=month].p-input),:host(.focused) ::slotted(input[type=number].p-input),:host(.focused) ::slotted(input[type=password].p-input),:host(.focused) ::slotted(input[type=tel].p-input),:host(.focused) ::slotted(input[type=text].p-input),:host(.focused) ::slotted(input[type=time].p-input),:host(:focus) ::slotted(input[type=date].p-input),:host(:focus) ::slotted(input[type=datetime-local].p-input),:host(:focus) ::slotted(input[type=email].p-input),:host(:focus) ::slotted(input[type=month].p-input),:host(:focus) ::slotted(input[type=number].p-input),:host(:focus) ::slotted(input[type=password].p-input),:host(:focus) ::slotted(input[type=tel].p-input),:host(:focus) ::slotted(input[type=text].p-input),:host(:focus) ::slotted(input[type=time].p-input),:host(:focus-within) ::slotted(input[type=date].p-input),:host(:focus-within) ::slotted(input[type=datetime-local].p-input),:host(:focus-within) ::slotted(input[type=email].p-input),:host(:focus-within) ::slotted(input[type=month].p-input),:host(:focus-within) ::slotted(input[type=number].p-input),:host(:focus-within) ::slotted(input[type=password].p-input),:host(:focus-within) ::slotted(input[type=tel].p-input),:host(:focus-within) ::slotted(input[type=text].p-input),:host(:focus-within) ::slotted(input[type=time].p-input),:host([focused]) ::slotted(input[type=date].p-input),:host([focused]) ::slotted(input[type=datetime-local].p-input),:host([focused]) ::slotted(input[type=email].p-input),:host([focused]) ::slotted(input[type=month].p-input),:host([focused]) ::slotted(input[type=number].p-input),:host([focused]) ::slotted(input[type=password].p-input),:host([focused]) ::slotted(input[type=tel].p-input),:host([focused]) ::slotted(input[type=text].p-input),:host([focused]) ::slotted(input[type=time].p-input){--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host(.error) .prefix::-moz-placeholder,:host(.error) .suffix::-moz-placeholder,:host([error]) .prefix::-moz-placeholder,:host([error]) .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .prefix::placeholder,:host(.error) .suffix::placeholder,:host([error]) .prefix::placeholder,:host([error]) .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input),:host(.error) ::slotted(input[type=datetime-local].p-input),:host(.error) ::slotted(input[type=email].p-input),:host(.error) ::slotted(input[type=month].p-input),:host(.error) ::slotted(input[type=number].p-input),:host(.error) ::slotted(input[type=password].p-input),:host(.error) ::slotted(input[type=tel].p-input),:host(.error) ::slotted(input[type=text].p-input),:host(.error) ::slotted(input[type=time].p-input),:host([error]) ::slotted(input[type=date].p-input),:host([error]) ::slotted(input[type=datetime-local].p-input),:host([error]) ::slotted(input[type=email].p-input),:host([error]) ::slotted(input[type=month].p-input),:host([error]) ::slotted(input[type=number].p-input),:host([error]) ::slotted(input[type=password].p-input),:host([error]) ::slotted(input[type=tel].p-input),:host([error]) ::slotted(input[type=text].p-input),:host([error]) ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) ::slotted(input[type=email].p-input)::placeholder,:host(.error) ::slotted(input[type=month].p-input)::placeholder,:host(.error) ::slotted(input[type=number].p-input)::placeholder,:host(.error) ::slotted(input[type=password].p-input)::placeholder,:host(.error) ::slotted(input[type=tel].p-input)::placeholder,:host(.error) ::slotted(input[type=text].p-input)::placeholder,:host(.error) ::slotted(input[type=time].p-input)::placeholder,:host([error]) ::slotted(input[type=date].p-input)::placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) ::slotted(input[type=email].p-input)::placeholder,:host([error]) ::slotted(input[type=month].p-input)::placeholder,:host([error]) ::slotted(input[type=number].p-input)::placeholder,:host([error]) ::slotted(input[type=password].p-input)::placeholder,:host([error]) ::slotted(input[type=tel].p-input)::placeholder,:host([error]) ::slotted(input[type=text].p-input)::placeholder,:host([error]) ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.disabled) .prefix,:host(.disabled) .suffix,:host([disabled]) .prefix,:host([disabled]) .suffix{opacity:.4}:host(.disabled) ::slotted(input[type=date].p-input),:host(.disabled) ::slotted(input[type=datetime-local].p-input),:host(.disabled) ::slotted(input[type=email].p-input),:host(.disabled) ::slotted(input[type=month].p-input),:host(.disabled) ::slotted(input[type=number].p-input),:host(.disabled) ::slotted(input[type=password].p-input),:host(.disabled) ::slotted(input[type=tel].p-input),:host(.disabled) ::slotted(input[type=text].p-input),:host(.disabled) ::slotted(input[type=time].p-input),:host([disabled]) ::slotted(input[type=date].p-input),:host([disabled]) ::slotted(input[type=datetime-local].p-input),:host([disabled]) ::slotted(input[type=email].p-input),:host([disabled]) ::slotted(input[type=month].p-input),:host([disabled]) ::slotted(input[type=number].p-input),:host([disabled]) ::slotted(input[type=password].p-input),:host([disabled]) ::slotted(input[type=tel].p-input),:host([disabled]) ::slotted(input[type=text].p-input),:host([disabled]) ::slotted(input[type=time].p-input){opacity:.4;pointer-events:none}:host(.size-small) ::slotted(input[type=date].p-input),:host(.size-small) ::slotted(input[type=datetime-local].p-input),:host(.size-small) ::slotted(input[type=email].p-input),:host(.size-small) ::slotted(input[type=month].p-input),:host(.size-small) ::slotted(input[type=number].p-input),:host(.size-small) ::slotted(input[type=password].p-input),:host(.size-small) ::slotted(input[type=tel].p-input),:host(.size-small) ::slotted(input[type=text].p-input),:host(.size-small) ::slotted(input[type=time].p-input){font-size:.875rem;height:2rem;line-height:1.25rem}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}";
7
7
 
8
8
  const InputGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
9
  constructor() {
package/dist/components/label.component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { d as defineCustomElement$1 } from './icon.component.js';
3
3
 
4
- const labelComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.min-w-\\[1rem\\]{min-width:1rem!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!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}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.px-0{padding-left:0!important;padding-right:0!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/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{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:flex;gap:.25rem}:host .circle{border-radius:100%;display:none;height:.5rem;width:.5rem}:host p-icon{display:none!important}:host([circle]) .circle{display:block}:host([circle=false]) .circle{display:none}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){align-items:baseline;font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host(.mobile-icon){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host(.mobile-icon){padding-left:.75rem;padding-right:.75rem;width:auto}}:host(.mobile-icon) .content{display:none!important}@media (min-width:64rem){:host(.mobile-icon) .content{display:flex!important}}:host(.mobile-icon) p-icon{display:flex!important}@media (min-width:64rem){:host(.mobile-icon) p-icon{display:none!important}}:host(.icon-only){padding-left:0;padding-right:0}@media (min-width:64rem){:host(.icon-only){padding-left:0;padding-right:0;width:1.625rem}}:host(.icon-only) .content{display:none!important}@media (min-width:64rem){:host(.icon-only) .content{display:none!important}}:host(.icon-only) p-icon{display:flex!important}@media (min-width:64rem){:host(.icon-only) p-icon{display:flex!important}}:host([size=small].icon-only){height:1rem;width:1rem}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}.desktop-xs\\:w-\\[1\\.625rem\\]{width:1.625rem!important}.desktop-xs\\:px-3{padding-left:.75rem!important;padding-right:.75rem!important}.desktop-xs\\:px-0{padding-left:0!important;padding-right:0!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}";
4
+ const labelComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!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}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.min-w-\\[1rem\\]{min-width:1rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!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}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.px-0{padding-left:0!important;padding-right:0!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/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{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:flex;gap:.25rem}:host .circle{border-radius:100%;display:none;height:.5rem;width:.5rem}:host p-icon{display:none!important}:host([circle]) .circle{display:block}:host([circle=false]) .circle{display:none}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){align-items:baseline;font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host(.mobile-icon){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host(.mobile-icon){padding-left:.75rem;padding-right:.75rem;width:auto}}:host(.mobile-icon) .content{display:none!important}@media (min-width:64rem){:host(.mobile-icon) .content{display:flex!important}}:host(.mobile-icon) p-icon{display:flex!important}@media (min-width:64rem){:host(.mobile-icon) p-icon{display:none!important}}:host(.icon-only){padding-left:0;padding-right:0}@media (min-width:64rem){:host(.icon-only){padding-left:0;padding-right:0;width:1.625rem}}:host(.icon-only) .content{display:none!important}@media (min-width:64rem){:host(.icon-only) .content{display:none!important}}:host(.icon-only) p-icon{display:flex!important}@media (min-width:64rem){:host(.icon-only) p-icon{display:flex!important}}:host([size=small].icon-only){height:1rem;width:1rem}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}.desktop-xs\\:w-\\[1\\.625rem\\]{width:1.625rem!important}.desktop-xs\\:px-3{padding-left:.75rem!important;padding-right:.75rem!important}.desktop-xs\\:px-0{padding-left:0!important;padding-right:0!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}";
5
5
 
6
6
  const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
7
  constructor() {