@atscript/ui-styles 0.1.84 → 0.1.86

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 (12) hide show
  1. package/dist/css/all.css +7 -9
  2. package/dist/css/aooth.css +7 -9
  3. package/dist/css/form.css +7 -9
  4. package/dist/css/table.css +7 -9
  5. package/dist/css/wf.css +7 -9
  6. package/dist/index.cjs +20 -13
  7. package/dist/index.mjs +20 -13
  8. package/dist/{kebab-DFU2Ivn7.mjs → kebab-BgTa8k3-.mjs} +160 -1
  9. package/dist/{kebab-DNN7Br_o.cjs → kebab-CdPbxHcb.cjs} +160 -1
  10. package/dist/vite.cjs +1 -1
  11. package/dist/vite.mjs +1 -1
  12. package/package.json +5 -5
package/dist/css/all.css CHANGED
@@ -135,6 +135,8 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
135
135
  .as-consent-array-row input[type=checkbox],
136
136
  .as-radio-group input[type=radio]{accent-color:rgb(var(--current-hl));margin:0;width:1em;height:1em;cursor:pointer;border-width:0px;background-color:transparent;padding:0;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
137
137
  .as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
138
+ .as-collapsible-island{--as-inset:1em;border-width:1px;border-radius:6px;padding:1em;}
139
+ .as-collapsible-section{margin-inline:calc(var(--as-inset,0px) * -1);padding-inline:var(--as-inset,0px);border-top-width:1px;padding-top:1em;}
138
140
  .as-config-tab-trigger[data-state=active]{border-bottom-color:rgb(var(--current-hl));font-weight:600;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
139
141
  .as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
140
142
  .as-filter-field-chips{scrollbar-width:none;min-width:0;height:100%;display:flex;flex-wrap:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:0.382em;overflow-x:auto;overflow-y:hidden;padding-left:0.382em;padding-right:0.382em;}
@@ -311,6 +313,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
311
313
  .as-sorter-index{display:inline-grid;width:1.5em;height:1.5em;flex-shrink:0;place-items:center;border-radius:2px;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
312
314
  .as-vh-empty-icon{display:inline-grid;width:48px;height:48px;flex-shrink:0;place-items:center;border-radius:9999px;font-size:1.54em;--un-bg-opacity:0.5;background-color:rgb(var(--current-hl) / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
313
315
  .as-vh-error-icon{display:inline-grid;width:48px;height:48px;flex-shrink:0;place-items:center;border-radius:9999px;font-size:1.54em;--un-bg-opacity:0.5;background-color:rgb(var(--current-hl) / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
316
+ .as-action-field{grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0.382em;}
314
317
  .as-array-add-row{grid-column:1/-1;grid-row:span 1/span 1;margin-top:0.382em;display:flex;justify-content:flex-start;}
315
318
  .as-collapsible-error{grid-column:1/-1;grid-row:span 1/span 1;margin-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
316
319
  .as-field-missing{grid-column:1/-1;grid-row:span 1/span 1;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
@@ -599,14 +602,11 @@ details:not([open]) .as-variant-trigger{display:none;}
599
602
  .as-window-skeleton-row{animation:as-shimmer 4.2s linear infinite;cursor:default;-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgb(var(--scope-dark-0)/0.05) 0%,rgb(var(--scope-dark-0)/0.05) 40%,rgb(var(--scope-dark-0)/0.12) 50%,rgb(var(--scope-dark-0)/0.05) 60%,rgb(var(--scope-dark-0)/0.05) 100%);background-size:200% 100%;}
600
603
  .as-th-fixed{cursor:default !important;padding:0 !important;text-align:center !important;}
601
604
  .as-window-empty-row{cursor:default;-webkit-user-select:none;user-select:none;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
602
- .as-action-field>button,
603
605
  .as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
604
606
  .as-filter-add-condition{cursor:pointer;border-width:0px;background-color:transparent;padding-top:0.382em;padding-bottom:0.382em;padding-left:0;padding-right:0;text-align:left;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
605
607
  .as-filter-dialog-clear-all{cursor:pointer;white-space:nowrap;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
606
608
  .as-filter-select{cursor:pointer;}
607
609
  .as-filter-shortcut-btn{cursor:pointer;white-space:nowrap;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.15em;padding-bottom:0.15em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
608
- .as-action-field[aria-disabled=true]>button,
609
- .as-action-field[data-disabled]>button,
610
610
  .as-array-add-btn[aria-disabled=true],
611
611
  .as-array-add-btn[data-disabled],
612
612
  .as-copy-btn[aria-disabled=true],
@@ -654,7 +654,6 @@ details:not([open]) .as-variant-trigger{display:none;}
654
654
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
655
655
  .as-orderable-list-item-actions button:disabled{cursor:not-allowed;opacity:0.35;}
656
656
  .as-sorter-direction-disabled{cursor:not-allowed;opacity:0.5;}
657
- .as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
658
657
  .as-action-form-cancel:disabled{cursor:not-allowed;opacity:0.8;}
659
658
  .as-action-form-submit:disabled{cursor:not-allowed;opacity:0.8;}
660
659
  .as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
@@ -711,18 +710,18 @@ details:not([open]) .as-variant-trigger{display:none;}
711
710
  .as-preset-picker-section-header{-webkit-user-select:none;user-select:none;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;letter-spacing:0.05em;text-transform:uppercase;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
712
711
  .as-collapsible-island>summary,
713
712
  .as-collapsible-section>summary{list-style-type:none;}
714
- .as-action-field{align-items:flex-start;}
713
+ .as-action-left{justify-content:flex-start;text-align:left;}
714
+ .as-action-right{justify-content:flex-end;text-align:right;}
715
+ .as-action-center{justify-content:center;text-align:center;}
715
716
  .as-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;}
716
717
  .as-preset-dialog-row-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
717
718
  .as-preset-picker-trigger-label{white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
718
- .as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
719
719
  [data-passed='false']>.as-password-rules-icon{border-width:1px;border-radius:9999px;}
720
720
  .as-preset-dialog-row-default[data-on],
721
721
  .as-preset-dialog-row-fav[data-on],
722
722
  .as-preset-dialog-row-public-toggle[data-on]{border-width:1px;--un-text-opacity:1;color:rgb(76 129 236 / var(--un-text-opacity));--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--current-border:var(--current-hl);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
723
723
  .as-row-actions-btn-labelled.as-row-actions-btn{border-width:1px !important;border-radius:4px !important;padding-left:1em !important;padding-right:1em !important;--current-bg:var(--scope-light-0) !important;--current-text:var(--scope-dark-1) !important;--current-icon:var(--scope-dark-1) !important;--current-border:var(--scope-color-100) !important;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;--un-text-opacity:1 !important;color:rgb(var(--current-text) / var(--un-text-opacity)) !important;--un-border-opacity:1 !important;border-color:rgb(var(--current-border) / var(--un-border-opacity)) !important;--un-icon-opacity:1 !important;}
724
724
  .as-wf-finish-message{border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;--current-bg:var(--scope-color-100);--current-text:var(--scope-color-800);--current-icon:var(--scope-color-800);--current-border:var(--scope-color-200);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;}
725
- .as-collapsible-section{border-top-width:1px;padding-top:1em;}
726
725
  .as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
727
726
  .as-collapsible-section:first-child{border-top-width:0px;}
728
727
  .as-orderable-list-item:last-child{border-bottom-width:0px;}
@@ -792,6 +791,7 @@ details:not([open]) .as-variant-trigger{display:none;}
792
791
  .as-cell-decimal,
793
792
  .as-cell-number{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
794
793
  .as-default-field input[type=number]{text-align:right;}
794
+ .as-action-text{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
795
795
  .as-config-tab-summary-count{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
796
796
  .as-copy-icon{font-size:1.15em;}
797
797
  .as-copy-label,
@@ -833,11 +833,9 @@ details:not([open]) .as-variant-trigger{display:none;}
833
833
  .as-consent-array-link{text-decoration-line:underline;text-underline-offset:2px;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
834
834
  .as-filter-field-dropdown-footer :not(.as-kbd) button:hover{text-decoration-line:underline;}
835
835
  .as-preset-dialog-row[data-deleted] .as-preset-dialog-row-label-text{text-decoration-line:line-through;}
836
- .as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
837
836
  .as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
838
837
  .as-filter-add-condition:hover{text-decoration-line:underline;}
839
838
  .as-filter-dialog-clear-all:hover{text-decoration-line:underline;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
840
- .as-action-field:focus-visible>button{text-decoration-line:underline;}
841
839
  .as-field-action-link:focus-visible{text-decoration-line:underline;}
842
840
  .as-checkbox-indeterminate{opacity:0.6;}
843
841
  .as-orderable-list-checkbox-disabled{opacity:0.5;}
package/dist/css/aooth.css CHANGED
@@ -102,6 +102,8 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
102
102
  .as-consent-array-row input[type=checkbox],
103
103
  .as-radio-group input[type=radio]{accent-color:rgb(var(--current-hl));margin:0;width:1em;height:1em;cursor:pointer;border-width:0px;background-color:transparent;padding:0;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
104
104
  .as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
105
+ .as-collapsible-island{--as-inset:1em;border-width:1px;border-radius:6px;padding:1em;}
106
+ .as-collapsible-section{margin-inline:calc(var(--as-inset,0px) * -1);padding-inline:var(--as-inset,0px);border-top-width:1px;padding-top:1em;}
105
107
  .as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
106
108
  .as-form-grid{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1em;}
107
109
  .as-copy-btn[data-loading]>div:not(.loading-indicator-wrapper),
@@ -130,6 +132,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
130
132
  .as-multi-select-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);display:flex;flex-direction:column;overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
131
133
  .as-ref-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
132
134
  .as-field-remove-btn{display:inline-grid;height:1.5em;width:1.5em;cursor:pointer;place-items:center;border-width:1px;border-radius:4px;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
135
+ .as-action-field{grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0.382em;}
133
136
  .as-array-add-row{grid-column:1/-1;grid-row:span 1/span 1;margin-top:0.382em;display:flex;justify-content:flex-start;}
134
137
  .as-collapsible-error{grid-column:1/-1;grid-row:span 1/span 1;margin-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
135
138
  .as-field-missing{grid-column:1/-1;grid-row:span 1/span 1;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
@@ -221,10 +224,7 @@ details:not([open]) .as-variant-trigger{display:none;}
221
224
  .as-ref-anchor>input{flex:1 1 0%;}
222
225
  .as-ref-item-label{flex:1 1 0%;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
223
226
  .as-collapsible-chevron-collapsed{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
224
- .as-action-field>button,
225
227
  .as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
226
- .as-action-field[aria-disabled=true]>button,
227
- .as-action-field[data-disabled]>button,
228
228
  .as-array-add-btn[aria-disabled=true],
229
229
  .as-array-add-btn[data-disabled],
230
230
  .as-copy-btn[aria-disabled=true],
@@ -254,7 +254,6 @@ details:not([open]) .as-variant-trigger{display:none;}
254
254
  .as-variant-trigger[aria-disabled=true],
255
255
  .as-variant-trigger[data-disabled]{cursor:not-allowed;opacity:0.4;}
256
256
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
257
- .as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
258
257
  .as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
259
258
  .as-copy-btn:disabled{cursor:not-allowed;opacity:0.8;opacity:0.4;}
260
259
  .as-copy-row:disabled{cursor:not-allowed;opacity:0.4;}
@@ -280,10 +279,10 @@ details:not([open]) .as-variant-trigger{display:none;}
280
279
  .as-suffix{-webkit-user-select:none;user-select:none;white-space:nowrap;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
281
280
  .as-collapsible-island>summary,
282
281
  .as-collapsible-section>summary{list-style-type:none;}
283
- .as-action-field{align-items:flex-start;}
284
- .as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
282
+ .as-action-left{justify-content:flex-start;text-align:left;}
283
+ .as-action-right{justify-content:flex-end;text-align:right;}
284
+ .as-action-center{justify-content:center;text-align:center;}
285
285
  [data-passed='false']>.as-password-rules-icon{border-width:1px;border-radius:9999px;}
286
- .as-collapsible-section{border-top-width:1px;padding-top:1em;}
287
286
  .as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
288
287
  .as-collapsible-section:first-child{border-top-width:0px;}
289
288
  .as-copy-btn.btn-round,
@@ -302,6 +301,7 @@ details:not([open]) .as-variant-trigger{display:none;}
302
301
  .as-input-shell:has(:is(.as-suffix,.as-suffix-icon)) input,.as-input-shell:has(:is(.as-suffix,.as-suffix-icon)) textarea,
303
302
  .as-number:has(:is(.as-suffix,.as-suffix-icon)) .as-number-input{padding-right:0.382em !important;}
304
303
  .as-default-field input[type=number]{text-align:right;}
304
+ .as-action-text{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
305
305
  .as-copy-icon{font-size:1.15em;}
306
306
  .as-copy-label{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;}
307
307
  .as-error-slot{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;line-height:1;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
@@ -316,9 +316,7 @@ details:not([open]) .as-variant-trigger{display:none;}
316
316
  .as-multi-select-item[data-state=checked]{font-weight:600;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
317
317
  .as-multi-select-chip-label{line-height:1;}
318
318
  .as-consent-array-link{text-decoration-line:underline;text-underline-offset:2px;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
319
- .as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
320
319
  .as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
321
- .as-action-field:focus-visible>button{text-decoration-line:underline;}
322
320
  .as-field-action-link:focus-visible{text-decoration-line:underline;}
323
321
  .as-checkbox-indeterminate{opacity:0.6;}
324
322
  .as-collapsible-error-badge.dark,
package/dist/css/form.css CHANGED
@@ -98,6 +98,8 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
98
98
  .as-checkbox-field input[type=checkbox],
99
99
  .as-radio-group input[type=radio]{accent-color:rgb(var(--current-hl));margin:0;width:1em;height:1em;cursor:pointer;border-width:0px;background-color:transparent;padding:0;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
100
100
  .as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
101
+ .as-collapsible-island{--as-inset:1em;border-width:1px;border-radius:6px;padding:1em;}
102
+ .as-collapsible-section{margin-inline:calc(var(--as-inset,0px) * -1);padding-inline:var(--as-inset,0px);border-top-width:1px;padding-top:1em;}
101
103
  .as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
102
104
  .as-form-grid{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1em;}
103
105
  .as-form-overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;cursor:wait;align-items:center;justify-content:center;border-radius:6px;background-color:rgb(255 255 255 / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
@@ -122,6 +124,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
122
124
  .as-multi-select-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);display:flex;flex-direction:column;overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
123
125
  .as-ref-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
124
126
  .as-field-remove-btn{display:inline-grid;height:1.5em;width:1.5em;cursor:pointer;place-items:center;border-width:1px;border-radius:4px;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
127
+ .as-action-field{grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0.382em;}
125
128
  .as-array-add-row{grid-column:1/-1;grid-row:span 1/span 1;margin-top:0.382em;display:flex;justify-content:flex-start;}
126
129
  .as-collapsible-error{grid-column:1/-1;grid-row:span 1/span 1;margin-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
127
130
  .as-field-missing{grid-column:1/-1;grid-row:span 1/span 1;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
@@ -198,10 +201,7 @@ details:not([open]) .as-variant-trigger{display:none;}
198
201
  .as-ref-anchor>input{flex:1 1 0%;}
199
202
  .as-ref-item-label{flex:1 1 0%;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
200
203
  .as-collapsible-chevron-collapsed{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
201
- .as-action-field>button,
202
204
  .as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
203
- .as-action-field[aria-disabled=true]>button,
204
- .as-action-field[data-disabled]>button,
205
205
  .as-array-add-btn[aria-disabled=true],
206
206
  .as-array-add-btn[data-disabled],
207
207
  .as-decimal[aria-disabled=true],
@@ -227,7 +227,6 @@ details:not([open]) .as-variant-trigger{display:none;}
227
227
  .as-variant-trigger[aria-disabled=true],
228
228
  .as-variant-trigger[data-disabled]{cursor:not-allowed;opacity:0.4;}
229
229
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
230
- .as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
231
230
  .as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
232
231
  .as-decimal:disabled{cursor:not-allowed;opacity:0.4;}
233
232
  .as-decimal-decimal:disabled{cursor:not-allowed !important;--un-text-opacity:0.4 !important;color:rgb(var(--current-text) / 0.4) !important;}
@@ -250,9 +249,9 @@ details:not([open]) .as-variant-trigger{display:none;}
250
249
  .as-suffix{-webkit-user-select:none;user-select:none;white-space:nowrap;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
251
250
  .as-collapsible-island>summary,
252
251
  .as-collapsible-section>summary{list-style-type:none;}
253
- .as-action-field{align-items:flex-start;}
254
- .as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
255
- .as-collapsible-section{border-top-width:1px;padding-top:1em;}
252
+ .as-action-left{justify-content:flex-start;text-align:left;}
253
+ .as-action-right{justify-content:flex-end;text-align:right;}
254
+ .as-action-center{justify-content:center;text-align:center;}
256
255
  .as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
257
256
  .as-collapsible-section:first-child{border-top-width:0px;}
258
257
  .as-multi-select-footer-action.btn-round,
@@ -268,6 +267,7 @@ details:not([open]) .as-variant-trigger{display:none;}
268
267
  .as-input-shell:has(:is(.as-suffix,.as-suffix-icon)) input,.as-input-shell:has(:is(.as-suffix,.as-suffix-icon)) textarea,
269
268
  .as-number:has(:is(.as-suffix,.as-suffix-icon)) .as-number-input{padding-right:0.382em !important;}
270
269
  .as-default-field input[type=number]{text-align:right;}
270
+ .as-action-text{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
271
271
  .as-error-slot{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;line-height:1;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
272
272
  .as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
273
273
  .as-no-data-icon>span{font-size:1.4em;}
@@ -279,9 +279,7 @@ details:not([open]) .as-variant-trigger{display:none;}
279
279
  .as-field-label{font-weight:600;}
280
280
  .as-multi-select-item[data-state=checked]{font-weight:600;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
281
281
  .as-multi-select-chip-label{line-height:1;}
282
- .as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
283
282
  .as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
284
- .as-action-field:focus-visible>button{text-decoration-line:underline;}
285
283
  .as-field-action-link:focus-visible{text-decoration-line:underline;}
286
284
  .as-checkbox-indeterminate{opacity:0.6;}
287
285
  .as-collapsible-error-badge.dark,
package/dist/css/table.css CHANGED
@@ -131,6 +131,8 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
131
131
  .as-checkbox-field input[type=checkbox],
132
132
  .as-radio-group input[type=radio]{accent-color:rgb(var(--current-hl));margin:0;width:1em;height:1em;cursor:pointer;border-width:0px;background-color:transparent;padding:0;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
133
133
  .as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
134
+ .as-collapsible-island{--as-inset:1em;border-width:1px;border-radius:6px;padding:1em;}
135
+ .as-collapsible-section{margin-inline:calc(var(--as-inset,0px) * -1);padding-inline:var(--as-inset,0px);border-top-width:1px;padding-top:1em;}
134
136
  .as-config-tab-trigger[data-state=active]{border-bottom-color:rgb(var(--current-hl));font-weight:600;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
135
137
  .as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
136
138
  .as-filter-field-chips{scrollbar-width:none;min-width:0;height:100%;display:flex;flex-wrap:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:0.382em;overflow-x:auto;overflow-y:hidden;padding-left:0.382em;padding-right:0.382em;}
@@ -288,6 +290,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
288
290
  .as-sorter-index{display:inline-grid;width:1.5em;height:1.5em;flex-shrink:0;place-items:center;border-radius:2px;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
289
291
  .as-vh-empty-icon{display:inline-grid;width:48px;height:48px;flex-shrink:0;place-items:center;border-radius:9999px;font-size:1.54em;--un-bg-opacity:0.5;background-color:rgb(var(--current-hl) / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
290
292
  .as-vh-error-icon{display:inline-grid;width:48px;height:48px;flex-shrink:0;place-items:center;border-radius:9999px;font-size:1.54em;--un-bg-opacity:0.5;background-color:rgb(var(--current-hl) / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
293
+ .as-action-field{grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0.382em;}
291
294
  .as-array-add-row{grid-column:1/-1;grid-row:span 1/span 1;margin-top:0.382em;display:flex;justify-content:flex-start;}
292
295
  .as-collapsible-error{grid-column:1/-1;grid-row:span 1/span 1;margin-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
293
296
  .as-field-missing{grid-column:1/-1;grid-row:span 1/span 1;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
@@ -555,14 +558,11 @@ details:not([open]) .as-variant-trigger{display:none;}
555
558
  .as-window-skeleton-row{animation:as-shimmer 4.2s linear infinite;cursor:default;-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgb(var(--scope-dark-0)/0.05) 0%,rgb(var(--scope-dark-0)/0.05) 40%,rgb(var(--scope-dark-0)/0.12) 50%,rgb(var(--scope-dark-0)/0.05) 60%,rgb(var(--scope-dark-0)/0.05) 100%);background-size:200% 100%;}
556
559
  .as-th-fixed{cursor:default !important;padding:0 !important;text-align:center !important;}
557
560
  .as-window-empty-row{cursor:default;-webkit-user-select:none;user-select:none;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
558
- .as-action-field>button,
559
561
  .as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
560
562
  .as-filter-add-condition{cursor:pointer;border-width:0px;background-color:transparent;padding-top:0.382em;padding-bottom:0.382em;padding-left:0;padding-right:0;text-align:left;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
561
563
  .as-filter-dialog-clear-all{cursor:pointer;white-space:nowrap;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
562
564
  .as-filter-select{cursor:pointer;}
563
565
  .as-filter-shortcut-btn{cursor:pointer;white-space:nowrap;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.15em;padding-bottom:0.15em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
564
- .as-action-field[aria-disabled=true]>button,
565
- .as-action-field[data-disabled]>button,
566
566
  .as-array-add-btn[aria-disabled=true],
567
567
  .as-array-add-btn[data-disabled],
568
568
  .as-decimal[aria-disabled=true],
@@ -606,7 +606,6 @@ details:not([open]) .as-variant-trigger{display:none;}
606
606
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
607
607
  .as-orderable-list-item-actions button:disabled{cursor:not-allowed;opacity:0.35;}
608
608
  .as-sorter-direction-disabled{cursor:not-allowed;opacity:0.5;}
609
- .as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
610
609
  .as-action-form-cancel:disabled{cursor:not-allowed;opacity:0.8;}
611
610
  .as-action-form-submit:disabled{cursor:not-allowed;opacity:0.8;}
612
611
  .as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
@@ -657,16 +656,16 @@ details:not([open]) .as-variant-trigger{display:none;}
657
656
  .as-preset-picker-section-header{-webkit-user-select:none;user-select:none;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;letter-spacing:0.05em;text-transform:uppercase;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
658
657
  .as-collapsible-island>summary,
659
658
  .as-collapsible-section>summary{list-style-type:none;}
660
- .as-action-field{align-items:flex-start;}
659
+ .as-action-left{justify-content:flex-start;text-align:left;}
660
+ .as-action-right{justify-content:flex-end;text-align:right;}
661
+ .as-action-center{justify-content:center;text-align:center;}
661
662
  .as-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;}
662
663
  .as-preset-dialog-row-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
663
664
  .as-preset-picker-trigger-label{white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
664
- .as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
665
665
  .as-preset-dialog-row-default[data-on],
666
666
  .as-preset-dialog-row-fav[data-on],
667
667
  .as-preset-dialog-row-public-toggle[data-on]{border-width:1px;--un-text-opacity:1;color:rgb(76 129 236 / var(--un-text-opacity));--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--current-border:var(--current-hl);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
668
668
  .as-row-actions-btn-labelled.as-row-actions-btn{border-width:1px !important;border-radius:4px !important;padding-left:1em !important;padding-right:1em !important;--current-bg:var(--scope-light-0) !important;--current-text:var(--scope-dark-1) !important;--current-icon:var(--scope-dark-1) !important;--current-border:var(--scope-color-100) !important;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;--un-text-opacity:1 !important;color:rgb(var(--current-text) / var(--un-text-opacity)) !important;--un-border-opacity:1 !important;border-color:rgb(var(--current-border) / var(--un-border-opacity)) !important;--un-icon-opacity:1 !important;}
669
- .as-collapsible-section{border-top-width:1px;padding-top:1em;}
670
669
  .as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
671
670
  .as-collapsible-section:first-child{border-top-width:0px;}
672
671
  .as-orderable-list-item:last-child{border-bottom-width:0px;}
@@ -726,6 +725,7 @@ details:not([open]) .as-variant-trigger{display:none;}
726
725
  .as-cell-decimal,
727
726
  .as-cell-number{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
728
727
  .as-default-field input[type=number]{text-align:right;}
728
+ .as-action-text{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
729
729
  .as-config-tab-summary-count{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
730
730
  .as-error-slot{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;line-height:1;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
731
731
  .as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
@@ -764,11 +764,9 @@ details:not([open]) .as-variant-trigger{display:none;}
764
764
  .as-preset-dialog-row-owner-self{font-style:italic;}
765
765
  .as-filter-field-dropdown-footer :not(.as-kbd) button:hover{text-decoration-line:underline;}
766
766
  .as-preset-dialog-row[data-deleted] .as-preset-dialog-row-label-text{text-decoration-line:line-through;}
767
- .as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
768
767
  .as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
769
768
  .as-filter-add-condition:hover{text-decoration-line:underline;}
770
769
  .as-filter-dialog-clear-all:hover{text-decoration-line:underline;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
771
- .as-action-field:focus-visible>button{text-decoration-line:underline;}
772
770
  .as-field-action-link:focus-visible{text-decoration-line:underline;}
773
771
  .as-checkbox-indeterminate{opacity:0.6;}
774
772
  .as-orderable-list-checkbox-disabled{opacity:0.5;}
package/dist/css/wf.css CHANGED
@@ -98,6 +98,8 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
98
98
  .as-checkbox-field input[type=checkbox],
99
99
  .as-radio-group input[type=radio]{accent-color:rgb(var(--current-hl));margin:0;width:1em;height:1em;cursor:pointer;border-width:0px;background-color:transparent;padding:0;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
100
100
  .as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
101
+ .as-collapsible-island{--as-inset:1em;border-width:1px;border-radius:6px;padding:1em;}
102
+ .as-collapsible-section{margin-inline:calc(var(--as-inset,0px) * -1);padding-inline:var(--as-inset,0px);border-top-width:1px;padding-top:1em;}
101
103
  .as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
102
104
  .as-form-grid{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1em;}
103
105
  .as-form-overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;cursor:wait;align-items:center;justify-content:center;border-radius:6px;background-color:rgb(255 255 255 / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
@@ -137,6 +139,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
137
139
  .as-multi-select-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);display:flex;flex-direction:column;overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
138
140
  .as-ref-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
139
141
  .as-field-remove-btn{display:inline-grid;height:1.5em;width:1.5em;cursor:pointer;place-items:center;border-width:1px;border-radius:4px;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
142
+ .as-action-field{grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0.382em;}
140
143
  .as-array-add-row{grid-column:1/-1;grid-row:span 1/span 1;margin-top:0.382em;display:flex;justify-content:flex-start;}
141
144
  .as-collapsible-error{grid-column:1/-1;grid-row:span 1/span 1;margin-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
142
145
  .as-field-missing{grid-column:1/-1;grid-row:span 1/span 1;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
@@ -219,10 +222,7 @@ details:not([open]) .as-variant-trigger{display:none;}
219
222
  .as-ref-anchor>input{flex:1 1 0%;}
220
223
  .as-ref-item-label{flex:1 1 0%;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
221
224
  .as-collapsible-chevron-collapsed{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
222
- .as-action-field>button,
223
225
  .as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
224
- .as-action-field[aria-disabled=true]>button,
225
- .as-action-field[data-disabled]>button,
226
226
  .as-array-add-btn[aria-disabled=true],
227
227
  .as-array-add-btn[data-disabled],
228
228
  .as-decimal[aria-disabled=true],
@@ -248,7 +248,6 @@ details:not([open]) .as-variant-trigger{display:none;}
248
248
  .as-variant-trigger[aria-disabled=true],
249
249
  .as-variant-trigger[data-disabled]{cursor:not-allowed;opacity:0.4;}
250
250
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
251
- .as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
252
251
  .as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
253
252
  .as-decimal:disabled{cursor:not-allowed;opacity:0.4;}
254
253
  .as-decimal-decimal:disabled{cursor:not-allowed !important;--un-text-opacity:0.4 !important;color:rgb(var(--current-text) / 0.4) !important;}
@@ -274,10 +273,10 @@ details:not([open]) .as-variant-trigger{display:none;}
274
273
  .as-suffix{-webkit-user-select:none;user-select:none;white-space:nowrap;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
275
274
  .as-collapsible-island>summary,
276
275
  .as-collapsible-section>summary{list-style-type:none;}
277
- .as-action-field{align-items:flex-start;}
278
- .as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
276
+ .as-action-left{justify-content:flex-start;text-align:left;}
277
+ .as-action-right{justify-content:flex-end;text-align:right;}
278
+ .as-action-center{justify-content:center;text-align:center;}
279
279
  .as-wf-finish-message{border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;--current-bg:var(--scope-color-100);--current-text:var(--scope-color-800);--current-icon:var(--scope-color-800);--current-border:var(--scope-color-200);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;}
280
- .as-collapsible-section{border-top-width:1px;padding-top:1em;}
281
280
  .as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
282
281
  .as-collapsible-section:first-child{border-top-width:0px;}
283
282
  .as-multi-select-footer-action.btn-round,
@@ -300,6 +299,7 @@ details:not([open]) .as-variant-trigger{display:none;}
300
299
  .as-number:has(:is(.as-suffix,.as-suffix-icon)) .as-number-input{padding-right:0.382em !important;}
301
300
  .as-wf-finish-countdown{text-align:center;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-text-muted) / var(--un-text-opacity));}
302
301
  .as-default-field input[type=number]{text-align:right;}
302
+ .as-action-text{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
303
303
  .as-error-slot{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;line-height:1;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
304
304
  .as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
305
305
  .as-no-data-icon>span{font-size:1.4em;}
@@ -311,9 +311,7 @@ details:not([open]) .as-variant-trigger{display:none;}
311
311
  .as-field-label{font-weight:600;}
312
312
  .as-multi-select-item[data-state=checked]{font-weight:600;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
313
313
  .as-multi-select-chip-label{line-height:1;}
314
- .as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
315
314
  .as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
316
- .as-action-field:focus-visible>button{text-decoration-line:underline;}
317
315
  .as-field-action-link:focus-visible{text-decoration-line:underline;}
318
316
  .as-checkbox-indeterminate{opacity:0.6;}
319
317
  .as-collapsible-error-badge.dark,
package/dist/index.cjs CHANGED
@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
21
21
  enumerable: true
22
22
  }) : target, mod));
23
23
  //#endregion
24
- const require_kebab = require("./kebab-DNN7Br_o.cjs");
24
+ const require_kebab = require("./kebab-CdPbxHcb.cjs");
25
25
  let _unocss_preset_icons = require("@unocss/preset-icons");
26
26
  _unocss_preset_icons = __toESM(_unocss_preset_icons);
27
27
  let vunor_theme = require("vunor/theme");
@@ -185,10 +185,11 @@ const commonShortcuts = (0, vunor_theme.mergeVunorShortcuts)([baseCommon, c8Prog
185
185
  //#endregion
186
186
  //#region src/shortcuts/form/as-action.ts
187
187
  const asActionShortcuts = (0, vunor_theme.defineShortcuts)({
188
- "as-action-field": {
189
- "": "items-start",
190
- "[&>button]:": "as-field-action-link"
191
- },
188
+ "as-action-field": "as-grid-item flex flex-row flex-wrap items-baseline gap-$xs",
189
+ "as-action-text": "text-callout text-current/60",
190
+ "as-action-left": "justify-start text-left",
191
+ "as-action-center": "justify-center text-center",
192
+ "as-action-right": "justify-end text-right",
192
193
  "as-submit-btn": "scope-primary c8-filled btn self-end",
193
194
  "as-paragraph-field": "text-body"
194
195
  });
@@ -221,8 +222,8 @@ const asCheckboxRadioShortcuts = (0, vunor_theme.defineShortcuts)({
221
222
  //#endregion
222
223
  //#region src/shortcuts/form/as-collapsible.ts
223
224
  const asCollapsibleShortcuts = (0, vunor_theme.defineShortcuts)({
224
- "as-collapsible-section": "border-t-1 first:border-t-0 pt-$m [&:not(:has(+_.as-collapsible-section))]:(pb-$m border-b-1) [&>summary]:list-none [&>summary::-webkit-details-marker]:hidden",
225
- "as-collapsible-island": "border-1 rounded-r2 p-$m [&>summary]:list-none [&>summary::-webkit-details-marker]:hidden",
225
+ "as-collapsible-section": "border-t-1 first:border-t-0 pt-$m [&:not(:has(+_.as-collapsible-section))]:(pb-$m border-b-1) [&>summary]:list-none [&>summary::-webkit-details-marker]:hidden [margin-inline:calc(var(--as-inset,0px)*-1)] [padding-inline:var(--as-inset,0px)]",
226
+ "as-collapsible-island": "border-1 rounded-r2 p-$m [--as-inset:1em] [&>summary]:list-none [&>summary::-webkit-details-marker]:hidden",
226
227
  "as-collapsible-island-even": "layer-0",
227
228
  "as-collapsible-island-odd": "layer-1",
228
229
  "as-collapsible-summary": "flex items-center gap-$m text-left cursor-pointer group",
@@ -1451,6 +1452,17 @@ const markerRulesPreset = {
1451
1452
  */
1452
1453
  const FORM_GRID_NARROW_BREAKPOINT = "480px";
1453
1454
  const FORM_GRID_CONTAINER_NAME = "as-grid";
1455
+ const FORM_GRID_SAFELIST = (() => {
1456
+ const list = [];
1457
+ for (let i = 1; i <= 12; i++) list.push(`col-span-${i}`, `as-narrow:col-span-${i}`);
1458
+ for (let i = 1; i <= 6; i++) list.push(`row-span-${i}`, `as-narrow:row-span-${i}`);
1459
+ return list;
1460
+ })();
1461
+ const AS_ACTION_ALIGN_SAFELIST = [
1462
+ "as-action-left",
1463
+ "as-action-center",
1464
+ "as-action-right"
1465
+ ];
1454
1466
  const formGridSafelistPreset = {
1455
1467
  name: "atscript-ui-form-grid",
1456
1468
  variants: [{
@@ -1466,12 +1478,7 @@ const formGridSafelistPreset = {
1466
1478
  };
1467
1479
  }
1468
1480
  }],
1469
- safelist: (() => {
1470
- const list = [];
1471
- for (let i = 1; i <= 12; i++) list.push(`col-span-${i}`, `as-narrow:col-span-${i}`);
1472
- for (let i = 1; i <= 6; i++) list.push(`row-span-${i}`, `as-narrow:row-span-${i}`);
1473
- return list;
1474
- })()
1481
+ safelist: [...FORM_GRID_SAFELIST, ...AS_ACTION_ALIGN_SAFELIST]
1475
1482
  };
1476
1483
  /**
1477
1484
  * Merges consumer-supplied vunor options on top of `defaultAsVunorOptions`.