@invopop/popui 0.0.31 → 0.0.33

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 (10) hide show
  1. package/dist/BaseCounter.svelte +1 -1
  2. package/dist/BaseTable.svelte +40 -28
  3. package/dist/BaseTableCell.svelte +5 -5
  4. package/dist/BaseTableHeader.svelte +6 -5
  5. package/dist/BaseTableHeader.svelte.d.ts +1 -0
  6. package/dist/BaseTableRow.svelte +1 -1
  7. package/dist/InputCheckbox.svelte +1 -1
  8. package/dist/TagStatus.svelte +1 -1
  9. package/dist/popui.css +1 -1
  10. package/package.json +1 -1
package/dist/BaseCounter.svelte CHANGED
@@ -10,7 +10,7 @@ $:
10
10
  </script>
11
11
 
12
12
  <div
13
- class="{styles} inline-flex items-center justify-center rounded p-[3px] text-neutral-500 text-sm font-medium h-4 min-w-[16px] tracking-wide tabular-nums slashed-zero lining-nums"
13
+ class="{styles} inline-flex items-center justify-center rounded p-1 text-neutral-500 text-sm font-medium h-4 min-w-[16px] tracking-wide tabular-nums slashed-zero lining-nums box-border"
14
14
  >
15
15
  {content}
16
16
  </div>
package/dist/BaseTable.svelte CHANGED
@@ -198,37 +198,40 @@ function handleKeydown(event) {
198
198
  <div class="w-full font-sans">
199
199
  <table class="hidden md:table w-full">
200
200
  <thead>
201
- <tr class="border-b border-neutral-100 relative">
201
+ <tr class="relative">
202
202
  {#if selectable}
203
203
  <!-- if table is selectable we need to add an extra header with a checkbox -->
204
- <th scope="col" class="bg-white sticky top-0 z-10 rounded-tr-md">
205
- {#if !hideSelectAll}
206
- <button
207
- class="pl-5 pr-3 h-[40px] flex items-center outline-none group cursor-default"
208
- on:click|stopPropagation={() => {
209
- toggleAllSelected(!selectedRows.length)
210
- }}
211
- >
212
- <div class:invisible={!selectedRows.length} class="group-hover:visible">
213
- <InputCheckbox
214
- checked={allChecked}
215
- {indeterminate}
216
- on:change={(event) => {
217
- toggleAllSelected(event.detail)
218
- }}
219
- />
220
- </div>
221
- </button>
222
- {/if}
204
+ <th scope="col" class="bg-white sticky top-0 z-10 p-0">
205
+ <div class="border-b border-neutral-100">
206
+ {#if !hideSelectAll}
207
+ <button
208
+ class="px-5 h-[36px] flex items-center outline-none group cursor-default"
209
+ on:click|stopPropagation={() => {
210
+ toggleAllSelected(!selectedRows.length)
211
+ }}
212
+ >
213
+ <div class:invisible={!selectedRows.length} class="group-hover:visible">
214
+ <InputCheckbox
215
+ checked={allChecked}
216
+ {indeterminate}
217
+ on:change={(event) => {
218
+ toggleAllSelected(event.detail)
219
+ }}
220
+ />
221
+ </div>
222
+ </button>
223
+ {/if}
224
+ </div>
223
225
  </th>
224
226
  {/if}
225
227
  {#each fields as field, i (i)}
226
228
  <BaseTableHeader
227
- isFirst={i === 0 && !selectable}
229
+ isFirst={i === 0}
228
230
  isLast={!addExtraCell && i === fields.length - 1}
229
231
  {sortBy}
230
232
  {sortDirection}
231
233
  {field}
234
+ {selectable}
232
235
  on:orderBy
233
236
  />
234
237
  {/each}
@@ -239,18 +242,25 @@ function handleKeydown(event) {
239
242
  </tr>
240
243
  </thead>
241
244
  <tbody>
242
- {#each groupedData as group}
245
+ {#each groupedData as group, i (i)}
243
246
  {#if group.label}
244
247
  <tr>
245
248
  <th
246
249
  scope="colgroup"
247
250
  colspan={fields.length + (selectable ? 2 : 1)}
248
- class="bg-neutral-50 px-5 text-left text-sm font-medium text-neutral-500 sticky top-11 tracking-normal border-t border-b border-neutral-100 h-8"
251
+ class="bg-white text-left text-sm font-medium text-neutral-500 sticky top-9 tracking-normal h-8"
249
252
  >
250
- <span>{group.label}</span>
251
- {#if !hideCounter}
252
- <BaseCounter content={group.rows.length} />
253
- {/if}
253
+ <span
254
+ class:border-t={i > 0}
255
+ class:pl-14={selectable}
256
+ class:pl-5={!selectable}
257
+ class="flex items-center space-x-1 box-border border-b border-neutral-100 h-8"
258
+ >
259
+ <span>{group.label}</span>
260
+ {#if !hideCounter}
261
+ <BaseCounter content={group.rows.length} />
262
+ {/if}
263
+ </span>
254
264
  </th>
255
265
  </tr>
256
266
  {/if}
@@ -265,7 +275,9 @@ function handleKeydown(event) {
265
275
  {selectedRows}
266
276
  {selectedTrackedBy}
267
277
  {selectionMode}
268
- selected={lastSelected && row[selectedTrackedBy] === lastSelected[selectedTrackedBy]}
278
+ selected={selectable &&
279
+ lastSelected &&
280
+ row[selectedTrackedBy] === lastSelected[selectedTrackedBy]}
269
281
  on:click={() => {
270
282
  if (disableRowClick) return
271
283
 
package/dist/BaseTableCell.svelte CHANGED
@@ -17,6 +17,8 @@ export let freeWrap = false;
17
17
  export let tag = "td";
18
18
  export let selectable = false;
19
19
  export let hasActions = false;
20
+ $:
21
+ isSelectableFirst = isFirst && selectable;
20
22
  $:
21
23
  cellStyles = clsx(
22
24
  { "tabular-nums slashed-zero lining-nums": field.monospacedNums },
@@ -25,13 +27,11 @@ $:
25
27
  { "text-neutral-800 md:text-neutral-500": !isFirst || field.grayed },
26
28
  { "md:text-right": field.rightAlign },
27
29
  { "md:w-full md:max-w-0": field.fullWidth },
28
- { "py-2 md:py-[11.25px]": badge },
29
- { "py-2 md:py-[11.75px]": !badge },
30
30
  { "pl-5": isFirst && !selectable },
31
- { "pl-3": !isFirst || selectable },
31
+ { "pl-3": !isFirst && !isSelectableFirst },
32
32
  { "pr-5": isLast && !hasActions },
33
33
  { "pr-3": !isLast || hasActions },
34
- { "px-3": !field.noPadding },
34
+ { "px-3": (!isFirst || !selectable) && !field.noPadding },
35
35
  { "px-0": field.noPadding },
36
36
  { "whitespace-nowrap truncate": !freeWrap }
37
37
  );
@@ -41,7 +41,7 @@ $:
41
41
 
42
42
  <svelte:element
43
43
  this={tag}
44
- class="{cellStyles} text-base tracking-normal"
44
+ class="{cellStyles} text-base tracking-normal py-2"
45
45
  style:min-width={field.width}
46
46
  style:max-width={isMobile ? `${Viewport.Width}px` : field.width}
47
47
  >
package/dist/BaseTableHeader.svelte CHANGED
@@ -9,6 +9,7 @@ export let sortBy = "";
9
9
  export let sortDirection;
10
10
  export let isFirst = false;
11
11
  export let isLast = false;
12
+ export let selectable = false;
12
13
  $:
13
14
  outerStyles = clsx({
14
15
  "w-full": field.fullWidth
@@ -17,7 +18,7 @@ $:
17
18
  headerStyles = clsx({
18
19
  "justify-end": field.rightAlign,
19
20
  "hover:bg-neutral-50 focus:bg-neutral-100": field.sortable,
20
- "pl-5": isFirst,
21
+ "pl-5": isFirst && !selectable,
21
22
  "pl-3": !isFirst,
22
23
  "pr-5": isLast,
23
24
  "pr-3": !isLast
@@ -31,16 +32,16 @@ function handleSortBy(event) {
31
32
 
32
33
  <th
33
34
  scope="col"
34
- class="{outerStyles} bg-white text-neutral-500 group sticky z-10 top-0"
35
+ class="{outerStyles} bg-white text-neutral-500 group sticky z-10 top-0 h-9 box-border p-0"
35
36
  style:min-width={field.width}
36
37
  style:max-width={field.width}
37
38
  >
38
- <span class="flex">
39
+ <span class="flex border-b border-neutral-100">
39
40
  {#if field.sortable}
40
41
  <BaseDropdown bind:this={sortDropdown} fullWidth>
41
42
  <span
42
43
  slot="trigger"
43
- class="{headerStyles} w-full py-3 flex items-center justify-start space-x-1 text-left text-base tracking-normal whitespace-nowrap font-normal"
44
+ class="{headerStyles} w-full py-2 flex items-center justify-start space-x-1 text-left text-base tracking-normal whitespace-nowrap font-normal"
44
45
  >
45
46
  <span>{field.headerLabel}</span>
46
47
  {#if sortBy === field.slug}
@@ -68,7 +69,7 @@ function handleSortBy(event) {
68
69
  </BaseDropdown>
69
70
  {:else}
70
71
  <div
71
- class="{headerStyles} p-3 text-left text-base font-normal tracking-normal whitespace-nowrap"
72
+ class="{headerStyles} py-2 text-left text-base font-normal tracking-normal whitespace-nowrap"
72
73
  >
73
74
  {field.headerLabel}
74
75
  </div>
package/dist/BaseTableHeader.svelte.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const __propDef: {
7
7
  sortDirection: TableSortBy;
8
8
  isFirst?: boolean | undefined;
9
9
  isLast?: boolean | undefined;
10
+ selectable?: boolean | undefined;
10
11
  };
11
12
  events: {
12
13
  orderBy: CustomEvent<any>;
package/dist/BaseTableRow.svelte CHANGED
@@ -56,7 +56,7 @@ function scrollIntoView() {
56
56
  <td>
57
57
  <button
58
58
  bind:this={checkboxButton}
59
- class="pl-5 pr-1.5 h-[40px] flex items-center outline-none group cursor-default"
59
+ class="px-5 h-[40px] flex items-center outline-none group cursor-default"
60
60
  on:click|stopPropagation={() => {
61
61
  dispatch('checked', checked)
62
62
  }}
package/dist/InputCheckbox.svelte CHANGED
@@ -17,7 +17,7 @@ function updateInput(event) {
17
17
  type="checkbox"
18
18
  {checked}
19
19
  {indeterminate}
20
- class="form-checkbox w-4 h-4 text-workspace-accent focus:text-workspace-accent rounded border border-neutral-200 hover:border-neutral-300 focus:ring-0 focus:ring-offset-0"
20
+ class="form-checkbox w-4 h-4 text-workspace-accent focus:text-workspace-accent rounded border border-neutral-200 hover:border-neutral-300 group-hover:border-neutral-300 focus:ring-0 focus:ring-offset-0"
21
21
  on:change={updateInput}
22
22
  on:click|stopPropagation
23
23
  />
package/dist/TagStatus.svelte CHANGED
@@ -36,7 +36,7 @@ $:
36
36
  });
37
37
  </script>
38
38
 
39
- <span class="{tagStyles} rounded text-sm inline-flex items-center font-medium gap-1">
39
+ <span class="{tagStyles} rounded text-sm inline-flex items-center font-medium gap-1 box-border h-5">
40
40
  {#if dot}
41
41
  <span class="{dotStyles} w-2 h-2 rounded-sm" />
42
42
  {/if}
package/dist/popui.css CHANGED
@@ -1 +1 @@
1
- .popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;color:#2563eb;background-color:#fff;border-color:#6b7280;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1rem;width:1rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-subtitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-subtitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark,p>code{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea--monospaced{font-family:CommitMono,ui-monospace,Menlo,Monaco,Consolas,Ubuntu Mono,Roboto Mono,DejaVu Sans Mono,monospace!important}.popui-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem;padding:.125rem}.popui-form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-divider{border-bottom:1px solid transparent;-o-border-image:repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 3px,transparent 0,transparent 7px);border-image:repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 3px,transparent 0,transparent 7px);border-image-slice:1}.popui-table{font-family:Inter,sans-serif;font-size:14px;line-height:20px}.popui-table>td{padding-right:1.25rem}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}
1
+ .popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;color:#2563eb;background-color:#fff;border-color:#6b7280;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1rem;width:1rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-subtitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-subtitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark,p>code,pre{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}pre{overflow-x:auto}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea--monospaced{font-family:CommitMono,ui-monospace,Menlo,Monaco,Consolas,Ubuntu Mono,Roboto Mono,DejaVu Sans Mono,monospace!important}.popui-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem;padding:.125rem}.popui-form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-divider{border-bottom:1px solid transparent;-o-border-image:repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 3px,transparent 0,transparent 7px);border-image:repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 3px,transparent 0,transparent 7px);border-image-slice:1}.popui-table{font-family:Inter,sans-serif;font-size:14px;line-height:20px}.popui-table>td{padding-right:1.25rem}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@invopop/popui",
3
3
  "license": "MIT",
4
- "version": "0.0.31",
4
+ "version": "0.0.33",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && npm run package",