@paperless/core 0.1.0-alpha.66 → 0.1.0-alpha.69

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 (56) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/build/p-40f9ac13.entry.js +1 -0
  3. package/dist/build/p-5cacf2e8.entry.js +1 -0
  4. package/dist/build/p-6421cd2a.entry.js +1 -0
  5. package/dist/build/p-f8bb6e8d.entry.js +1 -0
  6. package/dist/build/paperless.css +118 -118
  7. package/dist/build/paperless.esm.js +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/p-button_3.cjs.entry.js +7 -3
  10. package/dist/cjs/p-helper.cjs.entry.js +6 -2
  11. package/dist/cjs/p-input-group.cjs.entry.js +10 -3
  12. package/dist/cjs/p-tooltip.cjs.entry.js +2 -2
  13. package/dist/cjs/paperless.cjs.js +1 -1
  14. package/dist/collection/components/atoms/button/button.component.css +5 -1
  15. package/dist/collection/components/atoms/button/button.component.js +23 -1
  16. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  17. package/dist/collection/components/atoms/helper/helper.component.js +33 -2
  18. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  19. package/dist/collection/components/atoms/tooltip/tooltip.component.css +2 -2
  20. package/dist/collection/components/atoms/tooltip/tooltip.component.js +2 -2
  21. package/dist/collection/components/molecules/input-group/input-group.component.css +151 -89
  22. package/dist/collection/components/molecules/input-group/input-group.component.js +57 -13
  23. package/dist/components/helper.component.js +9 -3
  24. package/dist/components/icon.component.js +1 -1
  25. package/dist/components/p-button.js +7 -2
  26. package/dist/components/p-input-group.js +13 -4
  27. package/dist/components/tooltip.component.js +2 -2
  28. package/dist/esm/loader.js +1 -1
  29. package/dist/esm/p-button_3.entry.js +7 -3
  30. package/dist/esm/p-helper.entry.js +6 -2
  31. package/dist/esm/p-input-group.entry.js +10 -3
  32. package/dist/esm/p-tooltip.entry.js +2 -2
  33. package/dist/esm/paperless.js +1 -1
  34. package/dist/index.html +1 -1
  35. package/dist/paperless/p-40f9ac13.entry.js +1 -0
  36. package/dist/paperless/p-5cacf2e8.entry.js +1 -0
  37. package/dist/paperless/p-6421cd2a.entry.js +1 -0
  38. package/dist/paperless/p-f8bb6e8d.entry.js +1 -0
  39. package/dist/paperless/paperless.css +124 -122
  40. package/dist/paperless/paperless.esm.js +1 -1
  41. package/dist/sw.js +1 -1
  42. package/dist/sw.js.map +1 -1
  43. package/dist/types/components/atoms/button/button.component.d.ts +4 -0
  44. package/dist/types/components/atoms/helper/helper.component.d.ts +5 -0
  45. package/dist/types/components/atoms/tooltip/tooltip.component.d.ts +1 -1
  46. package/dist/types/components/molecules/input-group/input-group.component.d.ts +8 -0
  47. package/dist/types/components.d.ts +35 -3
  48. package/package.json +1 -1
  49. package/dist/build/p-7b2b7cc7.entry.js +0 -1
  50. package/dist/build/p-7cf14eba.entry.js +0 -1
  51. package/dist/build/p-914ef626.entry.js +0 -1
  52. package/dist/build/p-d2fddcde.entry.js +0 -1
  53. package/dist/paperless/p-7b2b7cc7.entry.js +0 -1
  54. package/dist/paperless/p-7cf14eba.entry.js +0 -1
  55. package/dist/paperless/p-914ef626.entry.js +0 -1
  56. package/dist/paperless/p-d2fddcde.entry.js +0 -1
package/dist/build/paperless.css CHANGED
@@ -90,15 +90,15 @@ body {
90
90
  @apply text-body-2 leading-body-2 text-storm !important;
91
91
  }
92
92
  }
93
- input[type=text],
94
- input[type=number],
95
- input[type=date],
96
- input[type=month],
97
- input[type=datetime-local],
98
- input[type=time],
99
- input[type=tel],
100
- input[type=password],
101
- input[type=email] {
93
+ input[type=text].p-input,
94
+ input[type=number].p-input,
95
+ input[type=date].p-input,
96
+ input[type=month].p-input,
97
+ input[type=datetime-local].p-input,
98
+ input[type=time].p-input,
99
+ input[type=tel].p-input,
100
+ input[type=password].p-input,
101
+ input[type=email].p-input {
102
102
  @apply flex justify-start items-center h-10;
103
103
  @apply text-storm-dark;
104
104
  @apply bg-white px-4 w-full;
@@ -106,144 +106,144 @@ input[type=email] {
106
106
  @apply border border-mystic-dark border-solid !important;
107
107
  @apply outline-0 !important;
108
108
  }
109
- input[type=text]::placeholder,
110
- input[type=number]::placeholder,
111
- input[type=date]::placeholder,
112
- input[type=month]::placeholder,
113
- input[type=datetime-local]::placeholder,
114
- input[type=time]::placeholder,
115
- input[type=tel]::placeholder,
116
- input[type=password]::placeholder,
117
- input[type=email]::placeholder {
109
+ input[type=text].p-input::placeholder,
110
+ input[type=number].p-input::placeholder,
111
+ input[type=date].p-input::placeholder,
112
+ input[type=month].p-input::placeholder,
113
+ input[type=datetime-local].p-input::placeholder,
114
+ input[type=time].p-input::placeholder,
115
+ input[type=tel].p-input::placeholder,
116
+ input[type=password].p-input::placeholder,
117
+ input[type=email].p-input::placeholder {
118
118
  @apply text-storm-medium;
119
119
  }
120
- input[type=text]:focus, input[type=text]:focus-visible, input[type=text].focus,
121
- input[type=number]:focus,
122
- input[type=number]:focus-visible,
123
- input[type=number].focus,
124
- input[type=date]:focus,
125
- input[type=date]:focus-visible,
126
- input[type=date].focus,
127
- input[type=month]:focus,
128
- input[type=month]:focus-visible,
129
- input[type=month].focus,
130
- input[type=datetime-local]:focus,
131
- input[type=datetime-local]:focus-visible,
132
- input[type=datetime-local].focus,
133
- input[type=time]:focus,
134
- input[type=time]:focus-visible,
135
- input[type=time].focus,
136
- input[type=tel]:focus,
137
- input[type=tel]:focus-visible,
138
- input[type=tel].focus,
139
- input[type=password]:focus,
140
- input[type=password]:focus-visible,
141
- input[type=password].focus,
142
- input[type=email]:focus,
143
- input[type=email]:focus-visible,
144
- input[type=email].focus {
120
+ input[type=text].p-input:focus, input[type=text].p-input:focus-visible, input[type=text].p-input.focus,
121
+ input[type=number].p-input:focus,
122
+ input[type=number].p-input:focus-visible,
123
+ input[type=number].p-input.focus,
124
+ input[type=date].p-input:focus,
125
+ input[type=date].p-input:focus-visible,
126
+ input[type=date].p-input.focus,
127
+ input[type=month].p-input:focus,
128
+ input[type=month].p-input:focus-visible,
129
+ input[type=month].p-input.focus,
130
+ input[type=datetime-local].p-input:focus,
131
+ input[type=datetime-local].p-input:focus-visible,
132
+ input[type=datetime-local].p-input.focus,
133
+ input[type=time].p-input:focus,
134
+ input[type=time].p-input:focus-visible,
135
+ input[type=time].p-input.focus,
136
+ input[type=tel].p-input:focus,
137
+ input[type=tel].p-input:focus-visible,
138
+ input[type=tel].p-input.focus,
139
+ input[type=password].p-input:focus,
140
+ input[type=password].p-input:focus-visible,
141
+ input[type=password].p-input.focus,
142
+ input[type=email].p-input:focus,
143
+ input[type=email].p-input:focus-visible,
144
+ input[type=email].p-input.focus {
145
145
  @apply border-indigo !important;
146
146
  }
147
- input[type=text][error], input[type=text].error,
148
- input[type=number][error],
149
- input[type=number].error,
150
- input[type=date][error],
151
- input[type=date].error,
152
- input[type=month][error],
153
- input[type=month].error,
154
- input[type=datetime-local][error],
155
- input[type=datetime-local].error,
156
- input[type=time][error],
157
- input[type=time].error,
158
- input[type=tel][error],
159
- input[type=tel].error,
160
- input[type=password][error],
161
- input[type=password].error,
162
- input[type=email][error],
163
- input[type=email].error {
147
+ input[type=text].p-input[error], input[type=text].p-input.error,
148
+ input[type=number].p-input[error],
149
+ input[type=number].p-input.error,
150
+ input[type=date].p-input[error],
151
+ input[type=date].p-input.error,
152
+ input[type=month].p-input[error],
153
+ input[type=month].p-input.error,
154
+ input[type=datetime-local].p-input[error],
155
+ input[type=datetime-local].p-input.error,
156
+ input[type=time].p-input[error],
157
+ input[type=time].p-input.error,
158
+ input[type=tel].p-input[error],
159
+ input[type=tel].p-input.error,
160
+ input[type=password].p-input[error],
161
+ input[type=password].p-input.error,
162
+ input[type=email].p-input[error],
163
+ input[type=email].p-input.error {
164
164
  @apply text-negative-dark;
165
165
  @apply border-negative !important;
166
166
  }
167
- input[type=text][error]::placeholder, input[type=text].error::placeholder,
168
- input[type=number][error]::placeholder,
169
- input[type=number].error::placeholder,
170
- input[type=date][error]::placeholder,
171
- input[type=date].error::placeholder,
172
- input[type=month][error]::placeholder,
173
- input[type=month].error::placeholder,
174
- input[type=datetime-local][error]::placeholder,
175
- input[type=datetime-local].error::placeholder,
176
- input[type=time][error]::placeholder,
177
- input[type=time].error::placeholder,
178
- input[type=tel][error]::placeholder,
179
- input[type=tel].error::placeholder,
180
- input[type=password][error]::placeholder,
181
- input[type=password].error::placeholder,
182
- input[type=email][error]::placeholder,
183
- input[type=email].error::placeholder {
167
+ input[type=text].p-input[error]::placeholder, input[type=text].p-input.error::placeholder,
168
+ input[type=number].p-input[error]::placeholder,
169
+ input[type=number].p-input.error::placeholder,
170
+ input[type=date].p-input[error]::placeholder,
171
+ input[type=date].p-input.error::placeholder,
172
+ input[type=month].p-input[error]::placeholder,
173
+ input[type=month].p-input.error::placeholder,
174
+ input[type=datetime-local].p-input[error]::placeholder,
175
+ input[type=datetime-local].p-input.error::placeholder,
176
+ input[type=time].p-input[error]::placeholder,
177
+ input[type=time].p-input.error::placeholder,
178
+ input[type=tel].p-input[error]::placeholder,
179
+ input[type=tel].p-input.error::placeholder,
180
+ input[type=password].p-input[error]::placeholder,
181
+ input[type=password].p-input.error::placeholder,
182
+ input[type=email].p-input[error]::placeholder,
183
+ input[type=email].p-input.error::placeholder {
184
184
  @apply text-negative-light;
185
185
  }
186
- input[type=text][disabled], input[type=text]:disabled, input[type=text].disabled,
187
- input[type=number][disabled],
188
- input[type=number]:disabled,
189
- input[type=number].disabled,
190
- input[type=date][disabled],
191
- input[type=date]:disabled,
192
- input[type=date].disabled,
193
- input[type=month][disabled],
194
- input[type=month]:disabled,
195
- input[type=month].disabled,
196
- input[type=datetime-local][disabled],
197
- input[type=datetime-local]:disabled,
198
- input[type=datetime-local].disabled,
199
- input[type=time][disabled],
200
- input[type=time]:disabled,
201
- input[type=time].disabled,
202
- input[type=tel][disabled],
203
- input[type=tel]:disabled,
204
- input[type=tel].disabled,
205
- input[type=password][disabled],
206
- input[type=password]:disabled,
207
- input[type=password].disabled,
208
- input[type=email][disabled],
209
- input[type=email]:disabled,
210
- input[type=email].disabled {
186
+ input[type=text].p-input[disabled], input[type=text].p-input:disabled, input[type=text].p-input.disabled,
187
+ input[type=number].p-input[disabled],
188
+ input[type=number].p-input:disabled,
189
+ input[type=number].p-input.disabled,
190
+ input[type=date].p-input[disabled],
191
+ input[type=date].p-input:disabled,
192
+ input[type=date].p-input.disabled,
193
+ input[type=month].p-input[disabled],
194
+ input[type=month].p-input:disabled,
195
+ input[type=month].p-input.disabled,
196
+ input[type=datetime-local].p-input[disabled],
197
+ input[type=datetime-local].p-input:disabled,
198
+ input[type=datetime-local].p-input.disabled,
199
+ input[type=time].p-input[disabled],
200
+ input[type=time].p-input:disabled,
201
+ input[type=time].p-input.disabled,
202
+ input[type=tel].p-input[disabled],
203
+ input[type=tel].p-input:disabled,
204
+ input[type=tel].p-input.disabled,
205
+ input[type=password].p-input[disabled],
206
+ input[type=password].p-input:disabled,
207
+ input[type=password].p-input.disabled,
208
+ input[type=email].p-input[disabled],
209
+ input[type=email].p-input:disabled,
210
+ input[type=email].p-input.disabled {
211
211
  @apply opacity-40;
212
212
  }
213
- input[type=text].clean::-webkit-calendar-picker-indicator,
214
- input[type=number].clean::-webkit-calendar-picker-indicator,
215
- input[type=date].clean::-webkit-calendar-picker-indicator,
216
- input[type=month].clean::-webkit-calendar-picker-indicator,
217
- input[type=datetime-local].clean::-webkit-calendar-picker-indicator,
218
- input[type=time].clean::-webkit-calendar-picker-indicator,
219
- input[type=tel].clean::-webkit-calendar-picker-indicator,
220
- input[type=password].clean::-webkit-calendar-picker-indicator,
221
- input[type=email].clean::-webkit-calendar-picker-indicator {
213
+ input[type=text].p-input.clean::-webkit-calendar-picker-indicator,
214
+ input[type=number].p-input.clean::-webkit-calendar-picker-indicator,
215
+ input[type=date].p-input.clean::-webkit-calendar-picker-indicator,
216
+ input[type=month].p-input.clean::-webkit-calendar-picker-indicator,
217
+ input[type=datetime-local].p-input.clean::-webkit-calendar-picker-indicator,
218
+ input[type=time].p-input.clean::-webkit-calendar-picker-indicator,
219
+ input[type=tel].p-input.clean::-webkit-calendar-picker-indicator,
220
+ input[type=password].p-input.clean::-webkit-calendar-picker-indicator,
221
+ input[type=email].p-input.clean::-webkit-calendar-picker-indicator {
222
222
  display: none;
223
223
  }
224
224
 
225
- textarea {
226
- @apply h-auto;
225
+ textarea.p-input {
227
226
  @apply flex justify-start items-center h-10;
228
227
  @apply text-storm-dark;
229
228
  @apply bg-white px-4 w-full;
230
229
  @apply rounded-large;
231
230
  @apply border border-mystic-dark border-solid !important;
232
231
  @apply outline-0 !important;
232
+ @apply h-auto py-2;
233
233
  }
234
- textarea::placeholder {
234
+ textarea.p-input::placeholder {
235
235
  @apply text-storm-medium;
236
236
  }
237
- textarea:focus, textarea:focus-visible, textarea.focus {
237
+ textarea.p-input:focus, textarea.p-input:focus-visible, textarea.p-input.focus {
238
238
  @apply border-indigo !important;
239
239
  }
240
- textarea[error], textarea.error {
240
+ textarea.p-input[error], textarea.p-input.error {
241
241
  @apply text-negative-dark;
242
242
  @apply border-negative !important;
243
243
  }
244
- textarea[error]::placeholder, textarea.error::placeholder {
244
+ textarea.p-input[error]::placeholder, textarea.p-input.error::placeholder {
245
245
  @apply text-negative-light;
246
246
  }
247
- textarea[disabled], textarea:disabled, textarea.disabled {
247
+ textarea.p-input[disabled], textarea.p-input:disabled, textarea.p-input.disabled {
248
248
  @apply opacity-40;
249
249
  }
package/dist/build/paperless.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-0100c1a2.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-19254809",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4]}]]],["p-7b2b7cc7",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[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-914ef626",[[1,"p-input-group",{prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],label:[1],helper:[1],error:[513]}]]],["p-e8dfce4a",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513]}]]],["p-cadb7366",[[1,"p-accordion",{header:[1],open:[4],closeable:[4],openable:[4]}]]],["p-fb1e33eb",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-ffeed7c6",[[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],total:[2]}]]],["p-75c92a9d",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-b68368f3",[[1,"p-dropdown",{placement:[1],show:[4],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-4a85b858",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-30026c58",[[1,"p-profile"]]],["p-a5b0a5bd",[[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-7784ee14",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-2a3dd70b",[[1,"p-tab-group"]]],["p-2c7eebe0",[[4,"p-avatar-group",{extra:[2]}]]],["p-df237d9a",[[4,"p-card-body",{inheritText:[516,"inherit-text"]}]]],["p-fcd30824",[[1,"p-card-container",{hoverable:[516],shadow:[516]}]]],["p-3f6d3736",[[1,"p-dropdown-menu-item",{active:[4]}]]],["p-d069673f",[[0,"p-illustration",{variant:[1]}]]],["p-bf2e2185",[[1,"p-layout",{variant:[1]}]]],["p-864ac423",[[4,"p-segment-container"]]],["p-7e05bc4b",[[1,"p-tab-item",{active:[4]}]]],["p-73184004",[[1,"p-tag",{variant:[513],circle:[516]}]]],["p-d2fddcde",[[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-7cf14eba",[[1,"p-helper"]]],["p-a69581db",[[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-11d24001",[[1,"p-counter"]]],["p-c64e2313",[[4,"p-dropdown-menu-container"]]],["p-2120a0b7",[[1,"p-pagination-item",{active:[4]}]]],["p-7933cf7c",[[1,"p-stepper-item",{align:[513],direction:[513],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-a28114e6",[[1,"p-divider"]]],["p-41693695",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}],[1,"p-modal-header"]]]],e)));
1
+ import{p as e,b as a}from"./p-0100c1a2.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-19254809",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4]}]]],["p-5cacf2e8",[[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-40f9ac13",[[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-e8dfce4a",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513]}]]],["p-cadb7366",[[1,"p-accordion",{header:[1],open:[4],closeable:[4],openable:[4]}]]],["p-fb1e33eb",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-ffeed7c6",[[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],total:[2]}]]],["p-75c92a9d",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-b68368f3",[[1,"p-dropdown",{placement:[1],show:[4],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-4a85b858",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-30026c58",[[1,"p-profile"]]],["p-a5b0a5bd",[[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-7784ee14",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-2a3dd70b",[[1,"p-tab-group"]]],["p-2c7eebe0",[[4,"p-avatar-group",{extra:[2]}]]],["p-df237d9a",[[4,"p-card-body",{inheritText:[516,"inherit-text"]}]]],["p-fcd30824",[[1,"p-card-container",{hoverable:[516],shadow:[516]}]]],["p-3f6d3736",[[1,"p-dropdown-menu-item",{active:[4]}]]],["p-d069673f",[[0,"p-illustration",{variant:[1]}]]],["p-bf2e2185",[[1,"p-layout",{variant:[1]}]]],["p-864ac423",[[4,"p-segment-container"]]],["p-7e05bc4b",[[1,"p-tab-item",{active:[4]}]]],["p-73184004",[[1,"p-tag",{variant:[513],circle:[516]}]]],["p-6421cd2a",[[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-f8bb6e8d",[[1,"p-helper",{placement:[1]}]]],["p-a69581db",[[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-11d24001",[[1,"p-counter"]]],["p-c64e2313",[[4,"p-dropdown-menu-container"]]],["p-2120a0b7",[[1,"p-pagination-item",{active:[4]}]]],["p-7933cf7c",[[1,"p-stepper-item",{align:[513],direction:[513],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-a28114e6",[[1,"p-divider"]]],["p-41693695",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}],[1,"p-modal-header"]]]],e)));
package/dist/cjs/loader.cjs.js CHANGED
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- 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],"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]}]]],["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"]]],["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);
17
+ 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
18
  });
19
19
  };
20
20
 
package/dist/cjs/p-button_3.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 buttonComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.h-10{height:2.5rem!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}.justify-center{justify-content:center!important}.border{border-width:1px!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm-light\\/5{background-color:rgba(176,178,203,.05)!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!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}p-button{display:inline-block}p-button>a,p-button>button{align-items:center;border:0;border-radius:.375rem;cursor:pointer;display:flex;font-weight:600;height:2.5rem;justify-content:center;line-height:1rem;outline:0}p-button>a.icon-position-end>p-icon,p-button>a>p-loader,p-button>button.icon-position-end>p-icon,p-button>button>p-loader{margin-left:.5rem}p-button>a.icon-position-start>p-icon,p-button>button.icon-position-start>p-icon{margin-right:.5rem}p-button>a.variant-primary,p-button>a.variant-secondary,p-button>button.variant-primary,p-button>button.variant-secondary{padding-left:1rem;padding-right:1rem}p-button>a.variant-primary,p-button>button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button>a.variant-primary:hover,p-button>button.variant-primary:hover{background-color:rgba(82,138,250,.95)}p-button>a.variant-primary:active,p-button>button.variant-primary:active{--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}p-button>a.variant-secondary,p-button>button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-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-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity));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)}p-button>a.variant-secondary:hover,p-button>button.variant-secondary:hover{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}p-button>a.variant-secondary:active,p-button>button.variant-secondary:active{background-color:rgba(176,178,203,.05);border-color:rgba(176,178,203,.2)}p-button>a.variant-text,p-button>button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.variant-text:hover,p-button>button.variant-text:hover{--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button>a.size-small,p-button>button.size-small{font-size:.875rem;height:2rem;line-height:1.25rem}p-button>a[disabled],p-button>button[disabled]{opacity:.5}p-button>a.has-chevron,p-button>button.has-chevron{padding-right:.5rem}p-button>a.has-chevron.variant-secondary:hover p-icon:last-child,p-button>button.has-chevron.variant-secondary:hover p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.has-icon-only,p-button>button.has-icon-only{padding-left:.5rem;padding-right:.5rem}p-button>a.has-icon-only>p-icon:first-child,p-button>button.has-icon-only>p-icon:first-child{margin-left:0;margin-right:0}p-button>a.should-inherit-text,p-button>button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.-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}";
7
+ const buttonComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.h-10{height:2.5rem!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}.justify-center{justify-content:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm-light\\/5{background-color:rgba(176,178,203,.05)!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!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}p-button{display:inline-block}p-button>a,p-button>button{align-items:center;border:0;border-radius:.375rem;cursor:pointer;display:flex;font-weight:600;height:2.5rem;justify-content:center;line-height:1rem;outline:0;width:auto}p-button>a.icon-position-end>p-icon,p-button>a>p-loader,p-button>button.icon-position-end>p-icon,p-button>button>p-loader{margin-left:.5rem}p-button>a.icon-position-start>p-icon,p-button>button.icon-position-start>p-icon{margin-right:.5rem}p-button>a.variant-primary,p-button>a.variant-secondary,p-button>button.variant-primary,p-button>button.variant-secondary{padding-left:1rem;padding-right:1rem}p-button>a.variant-primary,p-button>button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button>a.variant-primary:hover,p-button>button.variant-primary:hover{background-color:rgba(82,138,250,.95)}p-button>a.variant-primary:active,p-button>button.variant-primary:active{--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}p-button>a.variant-secondary,p-button>button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-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-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity));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)}p-button>a.variant-secondary:hover,p-button>button.variant-secondary:hover{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}p-button>a.variant-secondary:active,p-button>button.variant-secondary:active{background-color:rgba(176,178,203,.05);border-color:rgba(176,178,203,.2)}p-button>a.variant-text,p-button>button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.variant-text:hover,p-button>button.variant-text:hover{--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button>a.size-small,p-button>button.size-small{font-size:.875rem;height:2rem;line-height:1.25rem}p-button>a.size-full,p-button>button.size-full{width:100%}p-button>a[disabled],p-button>button[disabled]{opacity:.5}p-button>a.has-chevron,p-button>button.has-chevron{padding-right:.5rem}p-button>a.has-chevron.variant-secondary:hover p-icon:last-child,p-button>button.has-chevron.variant-secondary:hover p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.has-icon-only,p-button>button.has-icon-only{padding-left:.5rem;padding-right:.5rem}p-button>a.has-icon-only>p-icon:first-child,p-button>button.has-icon-only>p-icon:first-child{margin-left:0;margin-right:0}p-button>a.should-inherit-text,p-button>button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.-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 Button = class {
10
10
  constructor(hostRef) {
@@ -18,6 +18,10 @@ const Button = class {
18
18
  * The size of the button
19
19
  */
20
20
  this.size = 'medium';
21
+ /**
22
+ * The width of the button
23
+ */
24
+ this.width = 'auto';
21
25
  /**
22
26
  * Wether to show a loader or not
23
27
  */
@@ -54,7 +58,7 @@ const Button = class {
54
58
  break;
55
59
  }
56
60
  const VariableTag = this.variant === 'text' ? 'a' : 'button';
57
- return (index.h(index.Host, { class: "p-button" }, index.h(VariableTag, { class: `variant-${this.variant} size-${this.size} icon-position-${this.iconPosition} ${this.chevron && 'has-chevron'} ${this.iconOnly && 'has-icon-only'} ${this.inheritText && 'should-inherit-text'}`, disabled: this.disabled, href: this.href, target: this.target }, this.icon &&
61
+ return (index.h(index.Host, { class: "p-button" }, index.h(VariableTag, { class: `variant-${this.variant} size-${this.size} width-${this.width} icon-position-${this.iconPosition} ${this.chevron && 'has-chevron'} ${this.iconOnly && 'has-icon-only'} ${this.inheritText && 'should-inherit-text'}`, disabled: this.disabled, href: this.href, target: this.target }, this.icon &&
58
62
  this.iconPosition === 'start' &&
59
63
  this._getIcon(), index.h("slot", null), this.icon &&
60
64
  this.iconPosition === 'end' &&
@@ -938,7 +942,7 @@ const icons = {
938
942
  warning,
939
943
  };
940
944
 
941
- const iconComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-negative-light,.text-storm-vague{--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}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
945
+ const iconComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.ml-2{margin-left:.5rem!important}.mb-3{margin-bottom:.75rem!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-negative-light,.text-storm-vague{--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}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
942
946
 
943
947
  const Icon = class {
944
948
  constructor(hostRef) {
package/dist/cjs/p-helper.cjs.entry.js CHANGED
@@ -4,14 +4,18 @@ 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}.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}: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}.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}: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) {
11
11
  index.registerInstance(this, hostRef);
12
+ /**
13
+ * The placement of the helper popover
14
+ */
15
+ this.placement = 'top';
12
16
  }
13
17
  render() {
14
- return (index.h(index.Host, { class: "p-helper" }, index.h("p-tooltip", null, index.h("div", { slot: "popover" }, index.h("slot", null)), index.h("div", { slot: "content", class: "helper" }))));
18
+ return (index.h(index.Host, { class: "p-helper" }, index.h("p-tooltip", { placement: this.placement }, index.h("div", { slot: "popover" }, index.h("slot", null)), index.h("div", { slot: "content", class: "helper" }))));
15
19
  }
16
20
  };
17
21
  Helper.style = helperComponentCss;
package/dist/cjs/p-input-group.cjs.entry.js CHANGED
@@ -4,11 +4,19 @@ 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}.block{display:block!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}.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}:host{display:block;width:100%}:host .input-group{display:flex;flex-direction:column;width:100%}:host .input-group .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-group .input-header{display:flex;gap:1rem}:host .input-group .content{display:flex}:host .input-group .content .prefix,:host .input-group .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 .input-group .content .prefix::-moz-placeholder,:host .input-group .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix::placeholder,:host .input-group .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix.focus,:host .input-group .content .prefix:focus,:host .input-group .content .prefix:focus-visible,:host .input-group .content .suffix.focus,:host .input-group .content .suffix:focus,:host .input-group .content .suffix:focus-visible{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}:host .input-group .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .input-group .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .input-group .content ::slotted(input[type=date]),:host .input-group .content ::slotted(input[type=datetime-local]),:host .input-group .content ::slotted(input[type=email]),:host .input-group .content ::slotted(input[type=month]),:host .input-group .content ::slotted(input[type=number]),:host .input-group .content ::slotted(input[type=password]),:host .input-group .content ::slotted(input[type=tel]),:host .input-group .content ::slotted(input[type=text]),:host .input-group .content ::slotted(input[type=time]){order:2}:host .input-group .content .prefix+::slotted(input[type=date]),:host .input-group .content .prefix+::slotted(input[type=datetime-local]),:host .input-group .content .prefix+::slotted(input[type=email]),:host .input-group .content .prefix+::slotted(input[type=month]),:host .input-group .content .prefix+::slotted(input[type=number]),:host .input-group .content .prefix+::slotted(input[type=password]),:host .input-group .content .prefix+::slotted(input[type=tel]),:host .input-group .content .prefix+::slotted(input[type=text]),:host .input-group .content .prefix+::slotted(input[type=time]){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 .input-group .content .suffix+::slotted(input[type=date]),:host .input-group .content .suffix+::slotted(input[type=datetime-local]),:host .input-group .content .suffix+::slotted(input[type=email]),:host .input-group .content .suffix+::slotted(input[type=month]),:host .input-group .content .suffix+::slotted(input[type=number]),:host .input-group .content .suffix+::slotted(input[type=password]),:host .input-group .content .suffix+::slotted(input[type=tel]),:host .input-group .content .suffix+::slotted(input[type=text]),:host .input-group .content .suffix+::slotted(input[type=time]){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 .input-group.focus .prefix,:host .input-group.focus .suffix,:host .input-group:focus-within .prefix,:host .input-group:focus-within .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 .input-group.error ::slotted(input[type=date]),:host .input-group.error ::slotted(input[type=datetime-local]),:host .input-group.error ::slotted(input[type=email]),:host .input-group.error ::slotted(input[type=month]),:host .input-group.error ::slotted(input[type=number]),:host .input-group.error ::slotted(input[type=password]),:host .input-group.error ::slotted(input[type=tel]),:host .input-group.error ::slotted(input[type=text]),:host .input-group.error ::slotted(input[type=time]),:host .input-group[error] ::slotted(input[type=date]),:host .input-group[error] ::slotted(input[type=datetime-local]),:host .input-group[error] ::slotted(input[type=email]),:host .input-group[error] ::slotted(input[type=month]),:host .input-group[error] ::slotted(input[type=number]),:host .input-group[error] ::slotted(input[type=password]),:host .input-group[error] ::slotted(input[type=tel]),:host .input-group[error] ::slotted(input[type=text]),:host .input-group[error] ::slotted(input[type=time]){--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 .input-group.error ::slotted(input[type=date])::-moz-placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group.error ::slotted(input[type=email])::-moz-placeholder,:host .input-group.error ::slotted(input[type=month])::-moz-placeholder,:host .input-group.error ::slotted(input[type=number])::-moz-placeholder,:host .input-group.error ::slotted(input[type=password])::-moz-placeholder,:host .input-group.error ::slotted(input[type=tel])::-moz-placeholder,:host .input-group.error ::slotted(input[type=text])::-moz-placeholder,:host .input-group.error ::slotted(input[type=time])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=date])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=email])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=month])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=number])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=password])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=tel])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=text])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=time])::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::placeholder,:host .input-group.error ::slotted(input[type=email])::placeholder,:host .input-group.error ::slotted(input[type=month])::placeholder,:host .input-group.error ::slotted(input[type=number])::placeholder,:host .input-group.error ::slotted(input[type=password])::placeholder,:host .input-group.error ::slotted(input[type=tel])::placeholder,:host .input-group.error ::slotted(input[type=text])::placeholder,:host .input-group.error ::slotted(input[type=time])::placeholder,:host .input-group[error] ::slotted(input[type=date])::placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::placeholder,:host .input-group[error] ::slotted(input[type=email])::placeholder,:host .input-group[error] ::slotted(input[type=month])::placeholder,:host .input-group[error] ::slotted(input[type=number])::placeholder,:host .input-group[error] ::slotted(input[type=password])::placeholder,:host .input-group[error] ::slotted(input[type=tel])::placeholder,:host .input-group[error] ::slotted(input[type=text])::placeholder,:host .input-group[error] ::slotted(input[type=time])::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix,:host .input-group.error .suffix,:host .input-group[error] .prefix,:host .input-group[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 .input-group.error .prefix::-moz-placeholder,:host .input-group.error .suffix::-moz-placeholder,:host .input-group[error] .prefix::-moz-placeholder,:host .input-group[error] .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix::placeholder,:host .input-group.error .suffix::placeholder,:host .input-group[error] .prefix::placeholder,:host .input-group[error] .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}.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}.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}: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) {
11
11
  index.registerInstance(this, hostRef);
12
+ /**
13
+ * Wether the input group is disabled
14
+ */
15
+ this.disabled = false;
16
+ /**
17
+ * Wether the input group is focused
18
+ */
19
+ this.focused = false;
12
20
  }
13
21
  render() {
14
22
  var _a;
@@ -21,11 +29,10 @@ const InputGroup = class {
21
29
  const label = hasLabelSlot ? index.h("slot", { name: "label" }) : this.label;
22
30
  const prefix = hasPrefixSlot ? index.h("slot", { name: "prefix" }) : this.prefix;
23
31
  const suffix = hasSuffixSlot ? index.h("slot", { name: "suffix" }) : this.suffix;
24
- console.log(helper);
25
32
  const errorAndErrorIsNotBoolean = this.error &&
26
33
  typeof this.error === 'string' &&
27
34
  this.error !== 'true';
28
- return (index.h(index.Host, { class: "p-input-group" }, index.h("div", { class: `input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'}` }, 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", null, helper)))), index.h("div", { class: "content" }, (prefix || this.icon) && (index.h("div", { class: "prefix" }, this.icon ? (index.h("p-icon", { 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: "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", { 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" }))));
29
36
  }
30
37
  get _el() { return index.getElement(this); }
31
38
  };
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}.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}.cursor-pointer{cursor:pointer!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}:host{cursor:pointer;display:inline-block}: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}.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}:host{cursor:pointer;display:flex}: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}";
9
9
 
10
10
  const Tooltip = class {
11
11
  constructor(hostRef) {
@@ -19,7 +19,7 @@ const Tooltip = class {
19
19
  */
20
20
  this.popover = null;
21
21
  /**
22
- * The content of the popover
22
+ * The placement of the popover
23
23
  */
24
24
  this.placement = 'top';
25
25
  /**