@paperless/core 0.1.0-alpha.81 → 0.1.0-alpha.84

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 (175) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/assets/icons/menu.svg +25 -0
  3. package/dist/assets/icons/more.svg +18 -0
  4. package/dist/assets/icons/signout.svg +23 -0
  5. package/dist/assets/icons/switch.svg +20 -0
  6. package/dist/build/p-0cde65ef.entry.js +1 -0
  7. package/dist/build/p-7561ff47.entry.js +1 -0
  8. package/dist/build/p-99fc36a6.entry.js +1 -0
  9. package/dist/build/p-9b0ad183.entry.js +1 -0
  10. package/dist/build/p-a184bf11.entry.js +1 -0
  11. package/dist/build/p-b1f45d66.entry.js +1 -0
  12. package/dist/build/p-c272f950.entry.js +1 -0
  13. package/dist/build/p-c3ff9b39.entry.js +1 -0
  14. package/dist/build/p-c86da9da.entry.js +1 -0
  15. package/dist/build/p-d249b2f0.entry.js +1 -0
  16. package/dist/build/p-da091040.entry.js +1 -0
  17. package/dist/build/p-ebefedee.entry.js +1 -0
  18. package/dist/build/p-ed08cf85.entry.js +1 -0
  19. package/dist/build/{p-0f931c83.entry.js → p-f4c6f4cc.entry.js} +1 -1
  20. package/dist/build/paperless.esm.js +1 -1
  21. package/dist/cjs/index-f9c302b6.js +10 -10
  22. package/dist/cjs/loader.cjs.js +1 -1
  23. package/dist/cjs/p-accordion.cjs.entry.js +1 -1
  24. package/dist/cjs/{p-dropdown.cjs.entry.js → p-avatar_2.cjs.entry.js} +43 -5
  25. package/dist/cjs/p-button_3.cjs.entry.js +101 -3
  26. package/dist/cjs/p-counter.cjs.entry.js +10 -2
  27. package/dist/cjs/p-divider.cjs.entry.js +2 -2
  28. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +1 -1
  29. package/dist/cjs/p-dropdown-menu-item.cjs.entry.js +2 -2
  30. package/dist/cjs/p-helper.cjs.entry.js +1 -1
  31. package/dist/cjs/p-input-group.cjs.entry.js +2 -2
  32. package/dist/cjs/p-layout.cjs.entry.js +1 -1
  33. package/dist/cjs/p-navbar.cjs.entry.js +28 -0
  34. package/dist/cjs/p-navigation-item.cjs.entry.js +2 -2
  35. package/dist/cjs/p-profile.cjs.entry.js +20 -4
  36. package/dist/cjs/p-tooltip.cjs.entry.js +9 -3
  37. package/dist/cjs/paperless.cjs.js +1 -1
  38. package/dist/collection/assets/icons/menu.svg +25 -0
  39. package/dist/collection/assets/icons/more.svg +18 -0
  40. package/dist/collection/assets/icons/signout.svg +23 -0
  41. package/dist/collection/assets/icons/switch.svg +20 -0
  42. package/dist/collection/collection-manifest.json +3 -2
  43. package/dist/collection/components/atoms/avatar/avatar.component.css +2 -2
  44. package/dist/collection/components/atoms/button/button.component.css +14 -16
  45. package/dist/collection/components/atoms/button/button.component.js +1 -1
  46. package/dist/collection/components/atoms/counter/counter.component.css +25 -0
  47. package/dist/collection/components/atoms/counter/counter.component.js +50 -2
  48. package/dist/collection/components/atoms/divider/divider.component.css +3 -3
  49. package/dist/collection/components/atoms/divider/divider.component.js +1 -1
  50. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +5 -4
  51. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +3 -3
  52. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +23 -0
  53. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  54. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  55. package/dist/collection/components/atoms/icon/icon.component.js +1 -1
  56. package/dist/collection/components/atoms/layout/layout.component.css +10 -3
  57. package/dist/collection/components/atoms/loader/loader.component.css +1 -1
  58. package/dist/collection/components/atoms/modal-backdrop/modal-backdrop.component.css +1 -1
  59. package/dist/collection/components/atoms/modal-body/modal-body.component.css +1 -1
  60. package/dist/collection/components/atoms/modal-container/modal-container.component.css +1 -1
  61. package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +1 -1
  62. package/dist/collection/components/atoms/modal-header/modal-header.component.css +1 -1
  63. package/dist/collection/components/atoms/segment-item/segment-item.component.js +1 -1
  64. package/dist/collection/components/atoms/status/status.component.js +1 -1
  65. package/dist/collection/components/atoms/tooltip/tooltip.component.css +17 -14
  66. package/dist/collection/components/atoms/tooltip/tooltip.component.js +34 -4
  67. package/dist/collection/components/molecules/accordion/accordion.component.css +1 -1
  68. package/dist/collection/components/molecules/dropdown/dropdown.component.css +5 -2
  69. package/dist/collection/components/molecules/dropdown/dropdown.component.js +42 -8
  70. package/dist/collection/components/molecules/input-group/input-group.component.css +2 -2
  71. package/dist/collection/components/molecules/input-group/input-group.component.js +3 -3
  72. package/dist/collection/components/molecules/navigation-item/navigation-item.component.css +5 -11
  73. package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +2 -2
  74. package/dist/collection/components/molecules/profile/profile.component.css +33 -0
  75. package/dist/collection/components/molecules/profile/profile.component.js +70 -0
  76. package/dist/collection/components/organisms/navbar/navbar.component.css +39 -0
  77. package/dist/collection/components/organisms/navbar/navbar.component.js +79 -0
  78. package/dist/collection/utils/icons.js +8 -0
  79. package/dist/components/avatar.component.js +1 -1
  80. package/dist/components/button.component.js +119 -0
  81. package/dist/components/counter.component.js +14 -3
  82. package/dist/components/divider.component.js +2 -2
  83. package/dist/components/dropdown-menu-container.component.js +1 -1
  84. package/dist/{esm/p-dropdown.entry.js → components/dropdown.component.js} +47 -14
  85. package/dist/components/helper.component.js +1 -1
  86. package/dist/components/icon.component.js +99 -1
  87. package/dist/components/index.d.ts +1 -0
  88. package/dist/components/index.js +1 -0
  89. package/dist/components/loader.component.js +1 -1
  90. package/dist/components/p-accordion.js +1 -1
  91. package/dist/components/p-button.js +1 -117
  92. package/dist/components/p-dropdown-menu-item.js +11 -4
  93. package/dist/components/p-dropdown.js +1 -161
  94. package/dist/components/p-input-group.js +2 -2
  95. package/dist/components/p-layout.js +1 -1
  96. package/dist/components/p-navbar.d.ts +11 -0
  97. package/dist/components/p-navbar.js +64 -0
  98. package/dist/components/p-navigation-item.js +2 -2
  99. package/dist/components/p-profile.js +44 -7
  100. package/dist/components/tooltip.component.js +10 -3
  101. package/dist/esm/index-fff70567.js +10 -10
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/esm/p-accordion.entry.js +1 -1
  104. package/dist/esm/p-avatar_2.entry.js +174 -0
  105. package/dist/esm/p-button_3.entry.js +101 -3
  106. package/dist/esm/p-counter.entry.js +10 -2
  107. package/dist/esm/p-divider.entry.js +2 -2
  108. package/dist/esm/p-dropdown-menu-container.entry.js +1 -1
  109. package/dist/esm/p-dropdown-menu-item.entry.js +2 -2
  110. package/dist/esm/p-helper.entry.js +1 -1
  111. package/dist/esm/p-input-group.entry.js +2 -2
  112. package/dist/esm/p-layout.entry.js +1 -1
  113. package/dist/esm/p-navbar.entry.js +24 -0
  114. package/dist/esm/p-navigation-item.entry.js +2 -2
  115. package/dist/esm/p-profile.entry.js +20 -4
  116. package/dist/esm/p-tooltip.entry.js +9 -3
  117. package/dist/esm/paperless.js +1 -1
  118. package/dist/index.html +1 -1
  119. package/dist/paperless/p-0cde65ef.entry.js +1 -0
  120. package/dist/paperless/p-7561ff47.entry.js +1 -0
  121. package/dist/paperless/p-99fc36a6.entry.js +1 -0
  122. package/dist/paperless/p-9b0ad183.entry.js +1 -0
  123. package/dist/paperless/p-a184bf11.entry.js +1 -0
  124. package/dist/paperless/p-b1f45d66.entry.js +1 -0
  125. package/dist/paperless/p-c272f950.entry.js +1 -0
  126. package/dist/paperless/p-c3ff9b39.entry.js +1 -0
  127. package/dist/paperless/p-c86da9da.entry.js +1 -0
  128. package/dist/paperless/p-d249b2f0.entry.js +1 -0
  129. package/dist/paperless/p-da091040.entry.js +1 -0
  130. package/dist/paperless/p-ebefedee.entry.js +1 -0
  131. package/dist/paperless/p-ed08cf85.entry.js +1 -0
  132. package/dist/paperless/{p-0f931c83.entry.js → p-f4c6f4cc.entry.js} +1 -1
  133. package/dist/paperless/paperless.esm.js +1 -1
  134. package/dist/sw.js +1 -1
  135. package/dist/sw.js.map +1 -1
  136. package/dist/types/components/atoms/counter/counter.component.d.ts +8 -0
  137. package/dist/types/components/atoms/dropdown-menu-item/dropdown-menu-item.component.d.ts +5 -0
  138. package/dist/types/components/atoms/tooltip/tooltip.component.d.ts +5 -1
  139. package/dist/types/components/molecules/dropdown/dropdown.component.d.ts +6 -1
  140. package/dist/types/components/molecules/profile/profile.component.d.ts +15 -0
  141. package/dist/types/components/organisms/navbar/navbar.component.d.ts +12 -0
  142. package/dist/types/components.d.ts +80 -3
  143. package/dist/types/utils/icons.d.ts +4 -0
  144. package/package.json +1 -1
  145. package/dist/build/p-065cac55.entry.js +0 -1
  146. package/dist/build/p-3222904d.entry.js +0 -1
  147. package/dist/build/p-38e37679.entry.js +0 -1
  148. package/dist/build/p-46a2fa14.entry.js +0 -1
  149. package/dist/build/p-5e959430.entry.js +0 -1
  150. package/dist/build/p-7dd29073.entry.js +0 -1
  151. package/dist/build/p-ab4b8afc.entry.js +0 -1
  152. package/dist/build/p-bce3c8ba.entry.js +0 -1
  153. package/dist/build/p-c525ea4b.entry.js +0 -1
  154. package/dist/build/p-cfa78aa0.entry.js +0 -1
  155. package/dist/build/p-d8e5ce34.entry.js +0 -1
  156. package/dist/build/p-db270856.entry.js +0 -1
  157. package/dist/build/p-e3286001.entry.js +0 -1
  158. package/dist/cjs/p-avatar.cjs.entry.js +0 -38
  159. package/dist/collection/components/atoms/profile/profile.component.css +0 -13
  160. package/dist/collection/components/atoms/profile/profile.component.js +0 -25
  161. package/dist/esm/p-avatar.entry.js +0 -34
  162. package/dist/paperless/p-065cac55.entry.js +0 -1
  163. package/dist/paperless/p-3222904d.entry.js +0 -1
  164. package/dist/paperless/p-38e37679.entry.js +0 -1
  165. package/dist/paperless/p-46a2fa14.entry.js +0 -1
  166. package/dist/paperless/p-5e959430.entry.js +0 -1
  167. package/dist/paperless/p-7dd29073.entry.js +0 -1
  168. package/dist/paperless/p-ab4b8afc.entry.js +0 -1
  169. package/dist/paperless/p-bce3c8ba.entry.js +0 -1
  170. package/dist/paperless/p-c525ea4b.entry.js +0 -1
  171. package/dist/paperless/p-cfa78aa0.entry.js +0 -1
  172. package/dist/paperless/p-d8e5ce34.entry.js +0 -1
  173. package/dist/paperless/p-db270856.entry.js +0 -1
  174. package/dist/paperless/p-e3286001.entry.js +0 -1
  175. package/dist/types/components/atoms/profile/profile.component.d.ts +0 -8
package/dist/cjs/p-counter.cjs.entry.js CHANGED
@@ -4,14 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const counterComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-4{height:1rem!important}.justify-center{justify-content:center!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}";
7
+ const counterComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-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 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}";
8
8
 
9
9
  const Counter = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
+ /**
13
+ * The variant of the counter
14
+ */
15
+ this.variant = 'info';
16
+ /**
17
+ * The size of the counter
18
+ */
19
+ this.size = 'default';
12
20
  }
13
21
  render() {
14
- return (index.h(index.Host, { class: "p-counter" }, index.h("slot", null)));
22
+ return (index.h(index.Host, { class: `p-counter variant-${this.variant} size-${this.size}` }, index.h("slot", null)));
15
23
  }
16
24
  };
17
25
  Counter.style = counterComponentCss;
package/dist/cjs/p-divider.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const dividerComponentCss = ".static{position:static!important}.m-0{margin:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.block{display:block!important}.flex{display:flex!important}.h-px{height:1px!important}.w-full{width:100%!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}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!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-xl{font-size:1.25rem!important;line-height:1.75rem!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}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!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}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .container{align-items:center;display:flex;width:100%}:host .container:after,:host .container:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:\"\";flex:1 1 0%;height:1px}.-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}.text-lg,.text-xl{line-height:1.75rem!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}}";
7
+ const dividerComponentCss = ".static{position:static!important}.m-0{margin:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.block{display:block!important}.flex{display:flex!important}.h-px{height:1px!important}.w-full{width:100%!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}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!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-xl{font-size:1.25rem!important;line-height:1.75rem!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}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!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}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:\"\";flex:1 1 0%;height:1px}.-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}.text-lg,.text-xl{line-height:1.75rem!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}}";
8
8
 
9
9
  const Divider = class {
10
10
  constructor(hostRef) {
@@ -13,7 +13,7 @@ const Divider = class {
13
13
  render() {
14
14
  var _a;
15
15
  const hasSlotted = !!((_a = this._el.innerHTML) === null || _a === void 0 ? void 0 : _a.length);
16
- return (index.h(index.Host, { class: "p-divider" }, index.h("div", { class: "container" }, index.h("div", { class: `flex items-center ${hasSlotted && 'px-2'}` }, index.h("slot", null)))));
16
+ return (index.h(index.Host, { class: "p-divider" }, index.h("div", { class: "content" }, index.h("div", { class: `flex items-center ${hasSlotted && 'px-2'}` }, index.h("slot", null)))));
17
17
  }
18
18
  get _el() { return index.getElement(this); }
19
19
  };
package/dist/cjs/p-dropdown-menu-container.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const dropdownMenuContainerComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.flex{display:flex!important}.min-w-\\[222px\\]{min-width:222px!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!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}*{box-sizing:border-box}p-dropdown-menu-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;display:flex;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);flex-direction:column;min-width:222px;padding-bottom:.5rem;padding-top:.5rem}";
7
+ const dropdownMenuContainerComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-\\[222px\\]{max-width:222px!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-2{padding:.5rem!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.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}p-dropdown-menu-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;display:flex;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);flex-direction:column;max-width:222px;padding:.5rem;width:100%;z-index:10}";
8
8
 
9
9
  const DropdownMenuContainer = class {
10
10
  constructor(hostRef) {
package/dist/cjs/p-dropdown-menu-item.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const dropdownMenuItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host(:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}";
7
+ const dropdownMenuItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!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}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!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}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host(:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.-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}";
8
8
 
9
9
  const DropdownMenuItem = class {
10
10
  constructor(hostRef) {
@@ -15,7 +15,7 @@ const DropdownMenuItem = class {
15
15
  this.active = false;
16
16
  }
17
17
  render() {
18
- return (index.h(index.Host, { class: `p-dropdown-menu-item ${this.active && 'active'}` }, index.h("slot", null)));
18
+ return (index.h(index.Host, { class: `p-dropdown-menu-item ${this.active && 'active'}` }, this.icon && index.h("p-icon", { variant: this.icon }), index.h("slot", null)));
19
19
  }
20
20
  };
21
21
  DropdownMenuItem.style = dropdownMenuItemComponentCss;
package/dist/cjs/p-helper.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const helperComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
7
+ const helperComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
8
8
 
9
9
  const Helper = class {
10
10
  constructor(hostRef) {
package/dist/cjs/p-input-group.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.mb-\\[2px\\]{margin-bottom:2px!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!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-between{justify-content:space-between!important}.gap-2{gap:.5rem!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}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!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}.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-negative-light,.text-storm{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.outline-0{outline-width:0!important}.blur{--tw-blur:blur(8px)!important;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;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;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;height:2.5rem;justify-content:flex-start;outline-width:0!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.focus,:host .content .prefix:focus,:host .content .prefix:focus-visible,:host .content .suffix.focus,:host .content .suffix:focus,:host .content .suffix:focus-visible{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}: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){order:2}: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) .prefix,:host(.focused) .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))}: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-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}: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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
7
+ const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.mb-\\[2px\\]{margin-bottom:2px!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.flex-1{flex:1 1 0%!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-between{justify-content:space-between!important}.gap-2{gap:.5rem!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}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!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}.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-negative-light,.text-storm{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.outline-0{outline-width:0!important}.blur{--tw-blur:blur(8px)!important;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;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;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-width:0!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.focus,:host .content .prefix:focus,:host .content .prefix:focus-visible,:host .content .suffix.focus,:host .content .suffix:focus,:host .content .suffix:focus-visible{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}: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){order:2}: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) .prefix,:host(.focused) .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))}: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-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}: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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
8
8
 
9
9
  const InputGroup = class {
10
10
  constructor(hostRef) {
@@ -32,7 +32,7 @@ const InputGroup = class {
32
32
  const errorAndErrorIsNotBoolean = this.error &&
33
33
  typeof this.error === 'string' &&
34
34
  this.error !== 'true';
35
- return (index.h(index.Host, { class: `p-input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'}` }, index.h("div", { class: "flex justify-between items-end" }, label && index.h("div", { class: "input-label" }, label), (helper || hasHeaderSlot) && (index.h("div", { class: "input-header" }, hasHeaderSlot && index.h("slot", { name: "header" }), helper && (index.h("p-helper", { class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: "top-end" }, helper))))), index.h("div", { class: "content" }, (prefix || this.icon) && (index.h("div", { class: "prefix" }, this.icon ? (index.h("p-icon", { class: "flex", variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix || errorAndErrorIsNotBoolean) && (index.h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (index.h("p-tooltip", { class: "flex", variant: "error", popover: this.error }, index.h("p-icon", { class: "flex text-negative-light hover:text-negative", slot: "content", variant: "explanation" }))) : (suffix))), index.h("slot", { name: "input" }))));
35
+ return (index.h(index.Host, { class: `p-input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'}` }, index.h("div", { class: "flex justify-between items-end" }, label && index.h("div", { class: "input-label" }, label), (helper || hasHeaderSlot) && (index.h("div", { class: "input-header" }, hasHeaderSlot && index.h("slot", { name: "header" }), helper && (index.h("p-helper", { class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: "top-end" }, helper))))), index.h("div", { class: "content" }, (prefix || this.icon) && (index.h("div", { class: "prefix" }, this.icon ? (index.h("p-icon", { class: "flex", variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix || errorAndErrorIsNotBoolean) && (index.h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (index.h("p-tooltip", { variant: "error", popover: this.error }, index.h("p-icon", { class: " text-negative-light hover:text-negative", slot: "content", variant: "explanation" }))) : (suffix))), index.h("slot", { name: "input" }))));
36
36
  }
37
37
  get _el() { return index.getElement(this); }
38
38
  };
package/dist/cjs/p-layout.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const layoutComponentCss = ".static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-screen{width:100vw!important}.w-full,.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}.pt-14{padding-top:3.5rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:100vw}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-y:auto;position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:80rem){:host .content .inner-content{padding:2rem;width:60rem}}@media (min-width:64rem){:host .content .inner-content{width:45rem}}@media (min-width:85.375rem){:host .content .inner-content{width:65rem}}@media (min-width:90rem){:host .content .inner-content{width:65rem}}@media (min-width:120rem){:host .content .inner-content{width:70rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding-top:3.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:45rem!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:60rem!important}.desktop-sm\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:65rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:65rem!important}}";
7
+ const layoutComponentCss = ".static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-screen{width:100vw!important}.w-full,.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}.pt-14{padding-top:3.5rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"topbar\" \"sidebar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:100vw}@media (min-width:64rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-y:auto;position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:80rem){:host .content .inner-content{padding:2rem;width:60rem}}@media (min-width:64rem){:host .content .inner-content{width:45rem}}@media (min-width:85.375rem){:host .content .inner-content{width:65rem}}@media (min-width:90rem){:host .content .inner-content{width:65rem}}@media (min-width:120rem){:host .content .inner-content{width:70rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding-top:3.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:45rem!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:60rem!important}.desktop-sm\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:65rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:65rem!important}}";
8
8
 
9
9
  const Layout = class {
10
10
  constructor(hostRef) {
package/dist/cjs/p-navbar.cjs.entry.js ADDED
@@ -0,0 +1,28 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-f9c302b6.js');
6
+
7
+ const navbarComponentCss = ".static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.z-10{z-index:10!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-12{height:3rem!important}.w-60{width:15rem!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px!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}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!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}*{box-sizing:border-box}:host{width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;height:100vh;left:-100%;padding:1rem;position:fixed;top:0;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;z-index:10}@media (min-width:64rem){:host .sidebar{height:100%;left:0;position:relative;width:100%}}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{margin-top:1.5rem}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .top-bar{border-bottom-width:1px!important;display:flex;height:3rem;justify-content:space-between;padding:.5rem 1rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}.desktop-xs\\:w-full{width:100%!important}}";
8
+
9
+ const Navbar = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ /**
13
+ * The text to display for the close button
14
+ */
15
+ this.closeText = 'Close';
16
+ /**
17
+ * The text to display for the menu button & sidebar title
18
+ */
19
+ this.menuText = 'Menu';
20
+ this._showMenu = false;
21
+ }
22
+ render() {
23
+ return (index.h(index.Host, { class: "p-navbar" }, index.h("div", { class: `sidebar ${this._showMenu && 'left-0'}` }, index.h("div", { class: "header" }, index.h("p", { class: "text-xl m-0 font-semibold text-storm-dark" }, this.menuText), index.h("p-button", { variant: "secondary", icon: "negative", iconPosition: "end", size: "small", onClick: () => (this._showMenu = false) }, this.closeText)), index.h("div", { class: "company" }, index.h("slot", { name: "company" })), index.h("div", { class: "content" }, index.h("slot", { name: "content" })), index.h("div", { class: "user" }, index.h("slot", { name: "user" }))), index.h("div", { class: "top-bar" }, index.h("p-button", { variant: "secondary", icon: "menu", size: "small", onClick: () => (this._showMenu = true) }, this.menuText), index.h("slot", { name: "topbar" }))));
24
+ }
25
+ };
26
+ Navbar.style = navbarComponentCss;
27
+
28
+ exports.p_navbar = Navbar;
package/dist/cjs/p-navigation-item.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const navigationItemComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-mystic-dark{--tw-text-opacity:1!important;color:rgb(218 230 240/var(--tw-text-opacity))!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:500;height:2rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host>a:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(39 40 56/var(--tw-text-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-right:.75rem}:host>a>p-counter{margin-left:auto}:host>a>span.has-counter{margin-right:.75rem}:host>a:hover>p-icon{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity))}:host(.active)>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.hover\\:bg-indigo-light:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}";
7
+ const navigationItemComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
8
8
 
9
9
  const NavigationItem = class {
10
10
  constructor(hostRef) {
@@ -15,7 +15,7 @@ const NavigationItem = class {
15
15
  this.active = false;
16
16
  }
17
17
  render() {
18
- return (index.h(index.Host, { class: `p-navigation-item ${this.active && 'active'}` }, index.h("a", { href: this.href, target: this.target }, this.icon && index.h("p-icon", { variant: this.icon }), index.h("span", { class: this.counter && 'has-counter' }, index.h("slot", null)), this.counter && index.h("p-counter", null, this.counter))));
18
+ return (index.h(index.Host, { class: `p-navigation-item ${this.active && 'active'}` }, index.h("a", { href: this.href, target: this.target }, this.icon && index.h("p-icon", { variant: this.icon }), index.h("span", { class: this.counter && 'has-counter' }, index.h("slot", null)), this.counter && (index.h("p-counter", { variant: "negative" }, this.counter)))));
19
19
  }
20
20
  };
21
21
  NavigationItem.style = navigationItemComponentCss;
package/dist/cjs/p-profile.cjs.entry.js CHANGED
@@ -4,20 +4,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f9c302b6.js');
6
6
 
7
- const profileComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}:host{align-items:center;display:flex;gap:1rem}:host .name{display:flex;flex-direction:column;justify-content:center}:host .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}";
7
+ const profileComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!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}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}:host{display:flex}:host .content{align-items:center;display:flex;gap:.75rem;height:3rem;width:100%}:host .content .name{display:flex;flex-direction:column;justify-content:center}:host .content .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .content .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}:host(.has-dropdown){cursor:pointer}:host(.has-dropdown) .content{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.25rem;border-style:solid!important;border-width:1px!important;padding-left:.5rem;padding-right:.5rem}:host(.active) .content,:host(.has-dropdown:hover) .content{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13);--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.active) .content p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
8
8
 
9
9
  const Profile = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
+ /**
13
+ * The variant of the profile
14
+ */
15
+ this.variant = 'user';
16
+ this._dropdownOpen = false;
12
17
  }
13
18
  render() {
19
+ const hasDropdownSlot = !!this._el.querySelector('[slot="dropdown"]');
20
+ const content = this._getContent(hasDropdownSlot);
21
+ return (index.h(index.Host, { class: `p-profile ${hasDropdownSlot && 'has-dropdown'} ${this._dropdownOpen && 'active'}` }, hasDropdownSlot ? (index.h("p-dropdown", { class: "w-full min-w-0", strategy: "absolute", placement: this.variant === 'user' ? 'top-end' : 'bottom-end', onIsOpen: (ev) => (this._dropdownOpen = ev.detail) }, content, index.h("div", { slot: "items" }, index.h("slot", { name: "dropdown" })))) : (content)));
22
+ }
23
+ _getContent(hasDropdownSlot) {
14
24
  const avatar = this._generateAvatar();
15
- return (index.h(index.Host, { class: "p-profile" }, avatar, index.h("div", { class: "name" }, index.h("slot", { name: "title" }), index.h("slot", { name: "subtitle" }))));
25
+ return (index.h("div", { class: "content", slot: "trigger" }, avatar, index.h("div", { class: "name" }, index.h("slot", { name: "title" }), index.h("slot", { name: "subtitle" })), hasDropdownSlot && this._getIcon()));
16
26
  }
17
27
  _generateAvatar() {
18
- var _a, _b;
28
+ var _a, _b, _c;
19
29
  const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
20
- return (index.h("p-avatar", { class: "flex", src: (_a = avatar.src) !== null && _a !== void 0 ? _a : null, "default-image": (_b = avatar.defaultImage) !== null && _b !== void 0 ? _b : null, variant: avatar.variant, size: "small" }));
30
+ if (!avatar) {
31
+ return;
32
+ }
33
+ return (index.h("p-avatar", { class: "flex", src: (_a = avatar.src) !== null && _a !== void 0 ? _a : null, "default-image": (_b = avatar.defaultImage) !== null && _b !== void 0 ? _b : null, variant: (_c = this.variant) !== null && _c !== void 0 ? _c : avatar.variant, size: "small" }));
34
+ }
35
+ _getIcon() {
36
+ return (index.h("p-icon", { class: "ml-auto", variant: this.variant === 'company' ? 'chevron' : 'more' }));
21
37
  }
22
38
  get _el() { return index.getElement(this); }
23
39
  };
package/dist/cjs/p-tooltip.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-f9c302b6.js');
6
6
  const popper = require('./popper-e0c4ed4c.js');
7
7
 
8
- const tooltipComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.w-2{width:.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded{border-radius:.25rem!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-negative{--tw-bg-opacity:1!important;background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-negative-light,.text-white{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;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{cursor:pointer}:host .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:none;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);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem}:host .popover.variant-error,:host .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover[data-show]{display:block}:host .popover .arrow,:host .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover .arrow{visibility:hidden}:host .popover .arrow:before{--tw-rotate:45deg;content:\"\";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));visibility:visible}:host .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover[data-popper-placement^=right]>.arrow{left:-.25rem}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
8
+ const tooltipComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.w-0{width:0!important}.w-2{width:.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded{border-radius:.25rem!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-negative{--tw-bg-opacity:1!important;background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-negative-light,.text-white{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;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{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:none;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);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{display:block}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:\"\";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));visibility:visible}:host .popover-container .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-popper-placement^=right]>.arrow{left:-.25rem}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
9
9
 
10
10
  const Tooltip = class {
11
11
  constructor(hostRef) {
@@ -22,6 +22,10 @@ const Tooltip = class {
22
22
  * The placement of the popover
23
23
  */
24
24
  this.placement = 'top';
25
+ /**
26
+ * The strategy of the popover placement
27
+ */
28
+ this.strategy = 'fixed';
25
29
  /**
26
30
  * Wether to show the popover
27
31
  */
@@ -39,7 +43,7 @@ const Tooltip = class {
39
43
  }
40
44
  }
41
45
  render() {
42
- return (index.h(index.Host, { class: "p-popover" }, index.h("slot", { name: "content" }), index.h("div", { class: `popover variant-${this.variant}`, role: "popover", ref: (el) => this._load(el) }, this.popover ? this.popover : index.h("slot", { name: "popover" }), index.h("div", { class: "arrow", "data-popper-arrow": true }))));
46
+ return (index.h(index.Host, { class: "p-popover" }, index.h("slot", { name: "content" }), index.h("div", { class: "popover-container" }, index.h("div", { class: `popover variant-${this.variant}`, role: "popover", ref: (el) => this._load(el) }, this.popover ? this.popover : index.h("slot", { name: "popover" }), index.h("div", { class: "arrow", "data-popper-arrow": true })))));
43
47
  }
44
48
  clickHandler() {
45
49
  if (this.variant !== 'click') {
@@ -100,7 +104,9 @@ const Tooltip = class {
100
104
  _load(popover) {
101
105
  this._popover = popover;
102
106
  if (popover) {
103
- this._popper = popper.createPopper(this._el, popover);
107
+ this._popper = popper.createPopper(this._el, popover, {
108
+ strategy: this.strategy,
109
+ });
104
110
  this._setOptions();
105
111
  this._loaded = true;
106
112
  if (this.show) {
package/dist/cjs/paperless.cjs.js CHANGED
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"width":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-input-group.cjs",[[1,"p-input-group",{"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"helper":[1],"error":[513],"disabled":[516],"focused":[516]}]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-accordion.cjs",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown.cjs",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-profile.cjs",[[1,"p-profile"]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-tab-group.cjs",[[1,"p-tab-group"]]],["p-avatar-group.cjs",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-layout.cjs",[[1,"p-layout",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-tab-item.cjs",[[1,"p-tab-item",{"active":[4]}]]],["p-tag.cjs",[[1,"p-tag",{"variant":[513],"circle":[516]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-helper.cjs",[[1,"p-helper",{"placement":[1]}]]],["p-avatar.cjs",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-stepper-item_2.cjs",[[1,"p-stepper-item",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]]], options);
18
+ return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"width":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-profile.cjs",[[1,"p-profile",{"variant":[1],"_dropdownOpen":[32]}]]],["p-input-group.cjs",[[1,"p-input-group",{"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"helper":[1],"error":[513],"disabled":[516],"focused":[516]}]]],["p-navbar.cjs",[[1,"p-navbar",{"closeText":[1,"close-text"],"menuText":[1,"menu-text"],"_showMenu":[32]}]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-accordion.cjs",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4],"icon":[1]}]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-tab-group.cjs",[[1,"p-tab-group"]]],["p-avatar-group.cjs",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-layout.cjs",[[1,"p-layout",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-tab-item.cjs",[[1,"p-tab-item",{"active":[4]}]]],["p-tag.cjs",[[1,"p-tag",{"variant":[513],"circle":[516]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"strategy":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-helper.cjs",[[1,"p-helper",{"placement":[1]}]]],["p-counter.cjs",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-avatar_2.cjs",[[1,"p-dropdown",{"placement":[513],"strategy":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]],[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-stepper-item_2.cjs",[[1,"p-stepper-item",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]]], options);
19
19
  });
package/dist/collection/assets/icons/menu.svg ADDED
@@ -0,0 +1,25 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg
2
+ version="1.1"
3
+ width="1em"
4
+ height="1em"
5
+ viewBox="0 0 16.0 16.0"
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ xmlns:xlink="http://www.w3.org/1999/xlink"
8
+ >
9
+ <defs>
10
+ <clipPath id="i0">
11
+ <path
12
+ d="M13,10 C13.5522847,10 14,10.4477153 14,11 C14,11.5522847 13.5522847,12 13,12 L1,12 C0.44771525,12 -4.87476137e-16,11.5522847 0,11 C-6.76353751e-17,10.4477153 0.44771525,10 1,10 L13,10 Z M13,5 C13.5522847,5 14,5.44771525 14,6 C14,6.55228475 13.5522847,7 13,7 L1,7 C0.44771525,7 -4.87476137e-16,6.55228475 0,6 C-6.76353751e-17,5.44771525 0.44771525,5 1,5 L13,5 Z M13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 C14,1.55228475 13.5522847,2 13,2 L1,2 C0.44771525,2 -4.87476137e-16,1.55228475 0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L13,0 Z"
13
+ ></path>
14
+ </clipPath>
15
+ </defs>
16
+ <g transform="translate(1.0 2.0)">
17
+ <g clip-path="url(#i0)">
18
+ <polygon
19
+ points="0,0 14,0 14,12 0,12 0,0"
20
+ stroke="none"
21
+ fill="currentColor"
22
+ ></polygon>
23
+ </g>
24
+ </g>
25
+ </svg>
package/dist/collection/assets/icons/more.svg ADDED
@@ -0,0 +1,18 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="1em"
4
+ height="1em"
5
+ viewBox="0 0 16 16"
6
+ name="switch"
7
+ >
8
+ <defs>
9
+ <clipPath id="a">
10
+ <path
11
+ d="M2,12 C3.1045695,12 4,12.8954305 4,14 C4,15.1045695 3.1045695,16 2,16 C0.8954305,16 0,15.1045695 0,14 C0,12.8954305 0.8954305,12 2,12 Z M2,6 C3.1045695,6 4,6.8954305 4,8 C4,9.1045695 3.1045695,10 2,10 C0.8954305,10 0,9.1045695 0,8 C0,6.8954305 0.8954305,6 2,6 Z M2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 Z"
12
+ />
13
+ </clipPath>
14
+ </defs>
15
+ <g clip-path="url(#a)" transform="translate(6)">
16
+ <polygon fill="currentColor" points="0 0 4 0 4 16 0 16 0 0" />
17
+ </g>
18
+ </svg>
package/dist/collection/assets/icons/signout.svg ADDED
@@ -0,0 +1,23 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg
2
+ version="1.1"
3
+ width="1em"
4
+ height="1em"
5
+ viewBox="0 0 16.0 16.0"
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ xmlns:xlink="http://www.w3.org/1999/xlink"
8
+ >
9
+ <defs>
10
+ <clipPath id="i0">
11
+ <path
12
+ d="M7,0 C7.55228475,-1.01453063e-16 8,0.44771525 8,1 L8,2 C8,2.55228475 7.55228475,3 7,3 C6.44771525,3 6,2.55228475 6,2 L2,2 L2,14 L6,14 C6,13.4477153 6.44771525,13 7,13 C7.51283584,13 7.93550716,13.3860402 7.99327227,13.8833789 L8,14 L8,15 C8,15.5522847 7.55228475,16 7,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L7,0 Z M10.7549976,3.25769542 C10.7575495,3.26010955 10.7600879,3.26253795 10.7626127,3.26498049 L14.7352971,7.10831254 C14.9002291,7.26787433 14.9984382,7.47043889 15.0293482,7.68119673 C15.1304672,7.98354221 15.0865843,8.32959983 14.8801668,8.60392636 C14.8538183,8.63894319 14.8251966,8.67219017 14.7944866,8.70345226 L10.860395,12.7082755 C10.5017253,13.0733939 9.91497906,13.0786215 9.5498607,12.7199517 C9.17420493,12.3424827 9.16725127,11.7467377 9.52665628,11.368243 L11.775,9 L6,9 C5.44771525,9 5,8.55228475 5,8 C5,7.44771525 5.44771525,7 6,7 L11.812,7 L9.44561311,4.65686817 C9.06927109,4.28428449 9.05936325,3.67934833 9.42330209,3.29464008 C9.78083767,2.91670052 10.3770581,2.90015983 10.7549976,3.25769542 Z"
13
+ ></path>
14
+ </clipPath>
15
+ </defs>
16
+ <g clip-path="url(#i0)">
17
+ <polygon
18
+ points="0,0 15.081515,0 15.081515,16 0,16 0,0"
19
+ stroke="none"
20
+ fill="currentColor"
21
+ ></polygon>
22
+ </g>
23
+ </svg>
package/dist/collection/assets/icons/switch.svg ADDED
@@ -0,0 +1,20 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="1em"
4
+ height="1em"
5
+ viewBox="0 0 16 16"
6
+ >
7
+ <defs>
8
+ <clipPath id="a">
9
+ <path
10
+ d="M4.62545411,6.29533485 C4.98729728,6.68167262 4.977047,7.28550622 4.60229966,7.65934011 L3.25310842,9.00507355 L9.00410842,9.00539288 C9.55639317,9.00539288 10.0041084,9.45310813 10.0041084,10.0088661 C10.0041084,10.5611508 9.55639317,11.0088661 9.00410842,11.0088661 L3.25810842,11.0080736 L4.52726347,12.3757538 C4.88290891,12.758707 4.87415123,13.353741 4.5073897,13.7260619 C4.50238568,13.7311418 4.4973223,13.7361629 4.49220061,13.7411241 C4.13013271,14.0918468 3.55230174,14.0826497 3.20157902,13.7205818 L0.281717047,10.7062681 C0.253970354,10.6776239 0.227961979,10.6473455 0.203831273,10.6155952 C-0.00929773908,10.335168 -0.051707368,9.97841391 0.0598429822,9.67050846 C0.0939459066,9.46763576 0.190736261,9.2734466 0.34973504,9.11924101 L3.29438224,6.26336323 L3.39658061,6.17741433 C3.77185921,5.90484234 4.30017374,5.94803496 4.62545411,6.29533485 Z M12.6116362,0.177414332 L12.7020616,0.252142505 L12.7138346,0.263363235 L15.6584818,3.11924101 C15.8174806,3.2734466 15.9142709,3.46763576 15.9483739,3.67050846 C16.0599242,3.97841391 16.0175146,4.33516799 15.8043856,4.61559522 C15.7802549,4.64734551 15.7542465,4.67762389 15.7264998,4.70626813 L12.8066378,7.7205818 C12.4559151,8.0826497 11.8780841,8.09184679 11.5160162,7.74112406 C11.5108945,7.73616286 11.5058312,7.7311418 11.5008271,7.72606193 C11.1340656,7.35374104 11.1253079,6.758707 11.4809534,6.37575377 L12.7501084,5.00807355 L7.00410842,5.00886607 C6.45182367,5.00886607 6.00410842,4.56115082 6.00410842,4.00886607 C6.00410842,3.45310813 6.45182367,3.00539288 7.00410842,3.00539288 L12.7551084,3.00507355 L11.4059172,1.65934011 C11.0311698,1.28550622 11.0209196,0.68167262 11.3827627,0.295334855 C11.7080431,-0.0519650412 12.2363576,-0.0951576593 12.6116362,0.177414332 Z"
11
+ />
12
+ </clipPath>
13
+ </defs>
14
+ <g clip-path="url(#a)" transform="translate(-.004 1)">
15
+ <polygon
16
+ fill="currentColor"
17
+ points="0 0 16.008 0 16.008 13.998 0 13.998 0 0"
18
+ />
19
+ </g>
20
+ </svg>
package/dist/collection/collection-manifest.json CHANGED
@@ -22,7 +22,6 @@
22
22
  "./components/atoms/modal-footer/modal-footer.component.js",
23
23
  "./components/atoms/modal-header/modal-header.component.js",
24
24
  "./components/atoms/pagination-item/pagination-item.component.js",
25
- "./components/atoms/profile/profile.component.js",
26
25
  "./components/atoms/segment-container/segment-container.component.js",
27
26
  "./components/atoms/segment-item/segment-item.component.js",
28
27
  "./components/atoms/status/status.component.js",
@@ -37,8 +36,10 @@
37
36
  "./components/molecules/input-group/input-group.component.js",
38
37
  "./components/molecules/navigation-item/navigation-item.component.js",
39
38
  "./components/molecules/pagination/pagination.component.js",
39
+ "./components/molecules/profile/profile.component.js",
40
40
  "./components/molecules/stepper/stepper.component.js",
41
- "./components/organisms/modal/modal.component.js"
41
+ "./components/organisms/modal/modal.component.js",
42
+ "./components/organisms/navbar/navbar.component.js"
42
43
  ],
43
44
  "compiler": {
44
45
  "name": "@stencil/core",
package/dist/collection/components/atoms/avatar/avatar.component.css CHANGED
@@ -5,7 +5,7 @@ p-avatar > img {
5
5
  @apply object-cover object-center;
6
6
  }
7
7
  p-avatar[size=small] > img {
8
- @apply w-10 h-10;
8
+ @apply w-8 h-8;
9
9
  }
10
10
  p-avatar[size=medium] > img {
11
11
  @apply w-20 h-20;
@@ -21,4 +21,4 @@ p-avatar[variant=company][size=medium] > img, p-avatar[variant=company][size=lar
21
21
  }
22
22
  p-avatar[variant=user] > img {
23
23
  @apply rounded-round;
24
- } .static{position:static!important}.flex{display:flex!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}
24
+ } .static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}