@atscript/ui-styles 0.1.63 → 0.1.65

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 (13) hide show
  1. package/dist/css/all.css +180 -21
  2. package/dist/css/form.css +88 -3
  3. package/dist/css/table.css +89 -5
  4. package/dist/css/wf.css +172 -12
  5. package/dist/index.cjs +130 -7
  6. package/dist/index.d.cts +28 -1
  7. package/dist/index.d.mts +28 -1
  8. package/dist/index.mjs +122 -8
  9. package/dist/{kebab-CAodBEsa.mjs → kebab-BXlUt7sB.mjs} +147 -0
  10. package/dist/{kebab-_amgjqa2.cjs → kebab-D3pYnQML.cjs} +147 -0
  11. package/dist/vite.cjs +1 -1
  12. package/dist/vite.mjs +1 -1
  13. package/package.json +4 -4
package/dist/css/form.css CHANGED
@@ -1,9 +1,11 @@
1
1
  /* layer: icons */
2
2
  .i-as-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
3
+ .i-as-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
3
4
  .i-as-field-empty{--un-icon:url("data:image/svg+xml;utf8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12V10H3V12C3 12.5523 3.44772 13 4 13V14C2.96435 14 2.113 13.2128 2.01074 12.2041L2 12ZM6 13V14H4V13H6ZM2 4C2 2.89543 2.89543 2 4 2H6V3H4C3.44772 3 3 3.44772 3 4V6H2V4ZM14 6H13V4C13 3.44772 12.5523 3 12 3H10V2H12L12.2041 2.01074C13.2128 2.113 14 2.96435 14 4V6Z' fill='currentColor'/%3E%3Cpath d='M14 10V11L11 14H10V12C10 10.8954 10.8954 10 12 10H14ZM11 12.793L12.793 11H12C11.4477 11 11 11.4477 11 12V12.793Z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
4
5
  .i-as-field-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7542 4.23998L14.3287 3.63522C14.7022 3.24205 14.6943 2.62283 14.3108 2.23936L13.7606 1.68921C13.3772 1.30574 12.7579 1.29781 12.3648 1.67132L11.7857 2.22143M13.7542 4.23998L10.104 8.132C9.96644 8.27868 9.78785 8.38048 9.59154 8.4241L7.3835 8.91478C7.20488 8.95447 7.04553 8.79512 7.08522 8.6165L7.5759 6.40844C7.61952 6.21215 7.72131 6.03356 7.86798 5.89599L11.7857 2.22143M13.7542 4.23998L11.7857 2.22143' stroke='currentColor' stroke-miterlimit='1.7013'/%3E%3Cpath d='M14 10V11L11 14H10V12C10 10.8954 10.8954 10 12 10H14ZM11 12.793L12.793 11H12C11.4477 11 11 11.4477 11 12V12.793Z' fill='currentColor'/%3E%3Cpath d='M4 13V14H11V13H4Z' fill='currentColor'/%3E%3Cpath d='M14 11H13V7L14 6V11Z' fill='currentColor'/%3E%3Cpath d='M4 14V13C3.44772 13 3 12.5523 3 12V4C3 3.44772 3.44772 3 4 3H9L10 2H4C2.89543 2 2 2.89543 2 4V12L2.01074 12.2041C2.113 13.2128 2.96435 14 4 14Z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
5
6
  /* layer: preflights */
6
7
  @keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
8
+ @keyframes progress-fill { from { width: 0%; } to { width: 100%; } }
7
9
  *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
8
10
  body { 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; }
9
11
  figcaption { font-size: 0.7861596349150974em; --font-bold: 600; --font-size: 0.7861596349150974em; --font-corrected: 0.7861596349150974em; --font-bc: -0.1203em; --font-tc: -0.1517em; font-weight: 400; line-height: 1.2720062892926278em; letter-spacing: -0.007em; }
@@ -100,11 +102,15 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
100
102
  .as-form-grid{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1em;}
101
103
  .as-action-field[data-loading]>div:not(.loading-indicator-wrapper)>button,
102
104
  .as-action-field[data-loading]>span>button,
105
+ .as-multi-select-footer-action[data-loading]>div:not(.loading-indicator-wrapper),
106
+ .as-multi-select-footer-action[data-loading]>span,
103
107
  .as-submit-btn[data-loading]>div:not(.loading-indicator-wrapper),
104
108
  .as-submit-btn[data-loading]>span{pointer-events:none;opacity:0;}
105
109
  .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));}
110
+ .as-multi-select-caret{pointer-events:none;flex-shrink:0;font-size:1.1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
106
111
  .as-select-caret{pointer-events:none;position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;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));font-size:1em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
107
112
  .as-action-field>.loading-indicator-wrapper>button,
113
+ .as-multi-select-footer-action>.loading-indicator-wrapper,
108
114
  .as-submit-btn>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
109
115
  .as-action-field>button,
110
116
  .as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--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));--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;}
@@ -112,9 +118,12 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
112
118
  .as-dropdown{position:relative;display:inline-flex;align-items:center;}
113
119
  .as-dropdown-menu{position:absolute;top:100%;left:0;z-index:100;z-index:50;margin-top:0.382em;min-width:10em;overflow:hidden;border-width:1px;border-radius:6px;padding-top:0.382em;padding-bottom:0.382em;--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;}
114
120
  .as-form{position:relative;display:flex;flex-direction:column;gap:1em;}
121
+ .as-multi-select-anchor{position:relative;box-sizing:border-box;height:32px;width:100%;height:auto !important;min-height:32px;display:flex;flex-wrap:wrap;cursor:text;align-items:center;gap:0.382em;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.382em;padding-bottom:0.382em;outline:2px solid transparent;outline-offset:2px;--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;--current-outline:var(--current-hl);--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));--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;background-color:rgb(var(--i8-bg-color, var(--current-bg)) / var(--i8-bg-opacity, 1));border-color:rgb(var(--i8-border-color, var(--current-border)) / var(--i8-border-opacity, 0.2));border-width:var(--i8-border-width, 1px);}
122
+ .as-multi-select-footer-action{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;padding-left:0.618em;padding-right:0.618em;padding-top:0.236em;padding-bottom:0.236em;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:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:0 0 0;--current-icon:0 0 0;--un-bg-opacity:0;background-color:rgb(var(--current-bg) / 0);--un-text-opacity:0.8;color:rgb(var(--current-text) / 0.8);--un-icon-opacity:0.5;}
115
123
  .as-ref-anchor{position:relative;display:flex;align-items:center;}
116
124
  .as-ref-clear{position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;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));cursor:pointer;border-width:0px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
117
125
  .as-select-wrap{position:relative;display:block;width:100%;}
126
+ .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;}
118
127
  .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;}
119
128
  .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);}
120
129
  .as-array-add-row{grid-column:1/-1;grid-row:span 1/span 1;margin-top:0.382em;display:flex;justify-content:flex-start;}
@@ -135,11 +144,13 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
135
144
  .as-ref-input{box-sizing:border-box;height:32px;width:100%;border-radius:4px;padding-left:0.618em;padding-right:0.618em;outline:2px solid transparent;outline-offset:2px;--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;--current-outline:var(--current-hl);--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));--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;background-color:rgb(var(--i8-bg-color, var(--current-bg)) / var(--i8-bg-opacity, 1));border-color:rgb(var(--i8-border-color, var(--current-border)) / var(--i8-border-opacity, 0.2));border-width:var(--i8-border-width, 1px);}
136
145
  .as-ref-loading{box-sizing:border-box;height:32px;width:100%;display:flex;align-items:center;justify-content:center;border-width:1px;border-radius:4px;--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));}
137
146
  .as-dropdown-item{display:block;width:100%;cursor:pointer;border-width:0px;background-color:transparent;padding-left:1em;padding-right:1em;padding-top:0.382em;padding-bottom:0.382em;text-align:left;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
147
+ .as-multi-select-root,
138
148
  .as-ref-root{display:block;width:100%;}
139
149
  .as-collapsible-island>summary::-webkit-details-marker,
140
150
  .as-collapsible-section>summary::-webkit-details-marker,
141
151
  details:not([open]) .as-variant-trigger{display:none;}
142
152
  .as-action-field.btn-square>button,
153
+ .as-multi-select-footer-action.btn-square,
143
154
  .as-submit-btn.btn-square{width:var(--v-fingertip);height:var(--v-fingertip);padding-left:0;padding-right:0;}
144
155
  .as-array-add-btn{height:28px;display:inline-flex;cursor:pointer;align-items:center;gap:0.382em;border-width:1px;border-radius:4px;border-style:dashed;background-color:transparent;padding-left:1em;padding-right:1em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
145
156
  .as-array-items-chip{height:1.5em;display:inline-flex;flex-shrink:0;align-items:center;border-radius:4px;padding-left:0.618em;padding-right:0.618em;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:600;line-height:1;--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));}
@@ -157,27 +168,36 @@ details:not([open]) .as-variant-trigger{display:none;}
157
168
  .as-form-error-dismiss{height:28px;display:inline-flex;cursor:pointer;align-items:center;border-radius:4px;padding-left:0.618em;padding-right:0.618em;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:600;--current-bg:var(--scope-color-500);--current-text:var(--scope-color-500);--current-icon:var(--scope-color-500);--un-bg-opacity:0.1;background-color:rgb(var(--current-bg) / 0.1);--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-icon-opacity:0.8;}
158
169
  .as-form-error-message{min-width:0;flex:1 1 0%;}
159
170
  .as-input-shell input,.as-input-shell textarea{width:auto !important;height:100% !important;min-width:0;flex:1 1 0%;border-width:0px !important;background-color:transparent !important;padding-left:0 !important;padding-right:0 !important;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;outline-width:0px !important;--un-ring-width:0px !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;--current-bg:var(--scope-light-0) !important;--current-text:var(--scope-dark-0) !important;--current-icon:var(--scope-dark-0) !important;--current-text-muted:var(--scope-dark-2) !important;--current-icon-muted:var(--scope-dark-2) !important;--current-bg-hover:var(--scope-light-1) !important;--current-border-hover:var(--scope-light-3) !important;--current-text-hover:var(--scope-dark-0) !important;--current-border:120 136 158 !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;}
171
+ .as-multi-select-chip{height:1.5em;display:inline-flex;align-items:center;gap:0.382em;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right: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;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--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;}
172
+ .as-multi-select-chip-remove{width:1.25em;height:1.25em;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-width:0px;border-radius:9999px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
173
+ .as-multi-select-clear{width:1.4em;height:1.4em;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-width:0px;border-radius:9999px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
174
+ .as-multi-select-input{width:auto !important;height:auto !important;min-width:4em;flex:1 1 0%;border-width:0px !important;background-color:transparent !important;padding-left:0 !important;padding-right:0 !important;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;outline-width:0px !important;--un-ring-width:0px !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;--current-bg:var(--scope-light-0) !important;--current-text:var(--scope-dark-0) !important;--current-icon:var(--scope-dark-0) !important;--current-text-muted:var(--scope-dark-2) !important;--current-icon-muted:var(--scope-dark-2) !important;--current-bg-hover:var(--scope-light-1) !important;--current-border-hover:var(--scope-light-3) !important;--current-text-hover:var(--scope-dark-0) !important;--current-border:120 136 158 !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-text-opacity:1;color:rgb(var(--scope-dark-0, #1b1b1b) / var(--un-text-opacity));}
175
+ .as-multi-select-viewport,
176
+ .as-ref-viewport{max-height:15em;overflow-y:auto;padding-top:0.382em;padding-bottom:0.382em;}
160
177
  .as-no-data{height:32px;width:100%;display:flex;cursor:pointer;align-items:center;justify-content:center;gap:0.618em;border-width:1px;border-radius:4px;border-style:dashed;background-color:transparent;padding-left:1em;padding-right:1em;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:140ms;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
161
178
  .as-no-data-text{min-width:8em;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.025em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
162
179
  .as-no-data-textarea{min-height:5rem;width:100%;display:flex;cursor:pointer;align-items:center;justify-content:center;gap:0.618em;border-width:1px;border-radius:4px;border-style:dashed;background-color:transparent;padding-top:0.618em;padding-bottom:0.618em;padding-left:1em;padding-right:1em;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:140ms;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
163
180
  .as-object-empty-add{height:28px;display:inline-flex;flex-shrink:0;align-items:center;gap:0.382em;border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;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:600;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--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;}
164
181
  .as-optional-clear{height:1.5em;display:inline-flex;cursor:pointer;align-items:center;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right:0.618em;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;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);}
165
182
  .as-ref-item-id{min-width:2em;flex-shrink:0;text-align:right;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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
166
- .as-ref-viewport{max-height:15em;overflow-y:auto;padding-top:0.382em;padding-bottom:0.382em;}
167
183
  .as-variant-trigger{height:1.5em;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right:0.618em;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;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;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);}
168
184
  .as-field-header-actions{display:flex;flex-shrink:0;align-items:center;gap:0.382em;}
169
185
  .as-field-input-row{display:flex;align-items:center;gap:0.382em;}
186
+ .as-multi-select-empty,
187
+ .as-ref-status{display:flex;align-items:center;justify-content:center;padding-left:1em;padding-right:1em;padding-top:1em;padding-bottom:1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
188
+ .as-multi-select-footer{display:flex;align-items:center;justify-content:flex-end;gap:0.382em;border-top-width:1px;padding-left:0.618em;padding-right:0.618em;padding-top:0.382em;padding-bottom:0.382em;}
189
+ .as-multi-select-item{display:flex;cursor:pointer;align-items:center;gap:0.618em;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
170
190
  .as-object-empty{display:flex;flex-direction:column;align-items:flex-start;gap:0.618em;border-width:1px;border-radius:6px;border-style:dashed;padding:1em;--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));}
171
191
  .as-radio-group{display:flex;flex-direction:column;gap:0.618em;}
172
192
  .as-radio-group label{display:flex;cursor:pointer;align-items:center;gap:0.618em;font-weight:400;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
173
193
  .as-ref-item{display:flex;cursor:pointer;align-items:baseline;gap:1em;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;}
174
- .as-ref-status{display:flex;align-items:center;justify-content:center;padding-left:1em;padding-right:1em;padding-top:1em;padding-bottom:1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
175
194
  .as-no-data-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;line-height:1;}
176
195
  .as-prefix-icon,
177
196
  .as-suffix-icon{display:inline-flex;flex-shrink:0;-webkit-user-select:none;user-select:none;align-items:center;font-size:1.25em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
178
197
  .as-field-input-row>input,
179
198
  .as-field-input-row>select,
180
199
  .as-field-input-row>textarea,
200
+ .as-multi-select-item-label,
181
201
  .as-ref-anchor>input{flex:1 1 0%;}
182
202
  .as-ref-item-label{flex:1 1 0%;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
183
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));}
@@ -191,6 +211,10 @@ details:not([open]) .as-variant-trigger{display:none;}
191
211
  .as-field-remove-btn[data-disabled],
192
212
  .as-input-shell[aria-disabled=true],
193
213
  .as-input-shell[data-disabled],
214
+ .as-multi-select-anchor[aria-disabled=true],
215
+ .as-multi-select-anchor[data-disabled],
216
+ .as-multi-select-footer-action[aria-disabled=true],
217
+ .as-multi-select-footer-action[data-disabled],
194
218
  .as-number[aria-disabled=true],
195
219
  .as-number[data-disabled],
196
220
  .as-optional-clear[aria-disabled=true],
@@ -208,6 +232,9 @@ details:not([open]) .as-variant-trigger{display:none;}
208
232
  .as-default-field:disabled :is(input:not([type=checkbox]):not([type=radio]),select,textarea){cursor:not-allowed;opacity:0.4;}
209
233
  .as-field-remove-btn:disabled{cursor:not-allowed;opacity:0.4;}
210
234
  .as-input-shell:disabled{cursor:not-allowed;opacity:0.4;}
235
+ .as-multi-select-anchor:disabled{cursor:not-allowed;opacity:0.4;}
236
+ .as-multi-select-chip-remove:disabled{cursor:not-allowed;opacity:0.4;}
237
+ .as-multi-select-footer-action:disabled{cursor:not-allowed;opacity:0.8;opacity:0.4;}
211
238
  .as-number:disabled{cursor:not-allowed;opacity:0.4;}
212
239
  .as-number-input:disabled{cursor:not-allowed !important;--un-text-opacity:0.4 !important;color:rgb(var(--current-text) / 0.4) !important;}
213
240
  .as-optional-clear:disabled{cursor:not-allowed;opacity:0.4;}
@@ -224,9 +251,11 @@ details:not([open]) .as-variant-trigger{display:none;}
224
251
  .as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
225
252
  .as-collapsible-section:first-child{border-top-width:0px;}
226
253
  .as-action-field.btn-round>button,
254
+ .as-multi-select-footer-action.btn-round,
227
255
  .as-submit-btn.btn-round{border-radius:var(--v-fingertip-half);padding-left:var(--v-fingertip-half);padding-right:var(--v-fingertip-half);}
228
256
  .dark .as-form-overlay{background-color:rgb(0 0 0 / 0.5);}
229
257
  .as-action-field.btn-round.btn-square>button,
258
+ .as-multi-select-footer-action.btn-round.btn-square,
230
259
  .as-submit-btn.btn-round.btn-square{padding-left:0;padding-right:0;}
231
260
  .as-decimal:has(:is(.as-prefix,.as-prefix-icon)) .as-decimal-integer,
232
261
  .as-input-shell:has(:is(.as-prefix,.as-prefix-icon)) input,.as-input-shell:has(:is(.as-prefix,.as-prefix-icon)) textarea,
@@ -245,16 +274,22 @@ details:not([open]) .as-variant-trigger{display:none;}
245
274
  .as-default-field label,
246
275
  .as-field-label{font-weight:600;}
247
276
  .as-dropdown-item--active{font-weight:500;--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));}
277
+ .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));}
278
+ .as-multi-select-chip-label{line-height:1;}
248
279
  .as-checkbox-indeterminate{opacity:0.6;}
249
280
  .as-collapsible-error-badge.dark,
250
281
  .dark .as-collapsible-error-badge{--un-shadow-color:rgb(0 0 0 / 0.3);--current-bg:var(--scope-color-400);--current-text:var(--scope-color-50);--current-icon:var(--scope-color-50);--current-border:var(--scope-color-100);}
251
282
  .as-dropdown-menu.dark,
283
+ .as-multi-select-content.dark,
252
284
  .as-ref-content.dark,
253
285
  .dark .as-dropdown-menu,
286
+ .dark .as-multi-select-content,
254
287
  .dark .as-ref-content{--un-shadow-color:rgb(0 0 0 / 0.3);--current-bg:var(--scope-dark-0);--current-text:var(--scope-light-1);--current-icon:var(--scope-light-1);--current-border:var(--scope-color-800);--current-bg:var(--scope-dark-1);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-2);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
255
288
  .as-form-error.dark,
256
289
  .dark .as-form-error{--un-shadow-color:rgb(0 0 0 / 0.3);--current-bg:var(--scope-color-900);--current-text:var(--scope-color-200);--current-icon:var(--scope-color-200);--current-border:var(--scope-color-500);}
290
+ .as-multi-select-chip.dark,
257
291
  .as-object-empty-add.dark,
292
+ .dark .as-multi-select-chip,
258
293
  .dark .as-object-empty-add{--un-shadow-color:rgb(0 0 0 / 0.3);--current-bg:var(--scope-dark-0);--current-text:var(--scope-light-1);--current-icon:var(--scope-light-1);--current-border:var(--scope-color-800);}
259
294
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
260
295
  .as-default-field.error :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline-style:solid;--current-border:var(--current-hl);--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-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;outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
@@ -262,13 +297,16 @@ details:not([open]) .as-variant-trigger{display:none;}
262
297
  .as-decimal:focus-within.error{outline-style:solid;--current-border:var(--current-hl);--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-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;outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
263
298
  .as-input-shell:focus-within{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
264
299
  .as-input-shell:focus-within.error{outline-style:solid;--current-border:var(--current-hl);--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-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;outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
300
+ .as-multi-select-anchor:focus-within{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
265
301
  .as-number:focus-within{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
266
302
  .as-number:focus-within.error{outline-style:solid;--current-border:var(--current-hl);--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-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;outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
267
303
  .as-decimal:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
268
304
  .as-default-field:focus :is(input:not([type=checkbox]):not([type=radio]),select,textarea){outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
269
305
  .as-input-shell:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
306
+ .as-multi-select-anchor:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
270
307
  .as-number:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
271
308
  .as-ref-input:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
309
+ .as-multi-select-item[data-highlighted]{outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-3);--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-4);--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));}
272
310
  .as-action-field:not(disabled)[data-active]>button,
273
311
  .as-submit-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
274
312
  .as-action-field:not(disabled)[data-highlighted]>button,
@@ -289,6 +327,7 @@ details:not([open]) .as-variant-trigger{display:none;}
289
327
  .as-default-field.dark :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
290
328
  .as-field-remove-btn.dark,
291
329
  .as-input-shell.dark,
330
+ .as-multi-select-anchor.dark,
292
331
  .as-number.dark,
293
332
  .as-object-empty.dark,
294
333
  .as-optional-clear.dark,
@@ -300,6 +339,7 @@ details:not([open]) .as-variant-trigger{display:none;}
300
339
  .dark .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
301
340
  .dark .as-field-remove-btn,
302
341
  .dark .as-input-shell,
342
+ .dark .as-multi-select-anchor,
303
343
  .dark .as-number,
304
344
  .dark .as-object-empty,
305
345
  .dark .as-optional-clear,
@@ -317,31 +357,57 @@ details:not([open]) .as-variant-trigger{display:none;}
317
357
  .as-decimal[data-error=true],
318
358
  .as-default-field[data-error=true] :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
319
359
  .as-input-shell[data-error=true],
360
+ .as-multi-select-anchor[data-error=true],
320
361
  .as-number[data-error=true],
321
362
  .as-ref-input[data-error=true]{--current-border:225 72 72;--current-outline:225 72 72;--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));}
322
363
  .as-decimal-decimal.dark,
323
364
  .as-decimal-integer.dark,
324
365
  .as-input-shell.dark input,.as-input-shell.dark textarea,
366
+ .as-multi-select-input.dark,
325
367
  .as-number-input.dark,
326
368
  .dark .as-input-shell input,.as-input-shell textarea{--current-bg:var(--scope-dark-0) !important;--current-text:var(--scope-light-0) !important;--current-icon:var(--scope-light-0) !important;--current-text-muted:var(--scope-light-2) !important;--current-icon-muted:var(--scope-light-2) !important;--current-bg-hover:var(--scope-dark-1) !important;--current-border-hover:var(--scope-dark-3) !important;--current-text-hover:var(--scope-light-0) !important;}
327
369
  .dark .as-decimal-decimal,
328
370
  .dark .as-decimal-integer,
371
+ .dark .as-multi-select-input,
329
372
  .dark .as-number-input{--current-bg:var(--scope-dark-0) !important;--current-text:var(--scope-light-0) !important;--current-icon:var(--scope-light-0) !important;--current-text-muted:var(--scope-light-2) !important;--current-icon-muted:var(--scope-light-2) !important;--current-bg-hover:var(--scope-dark-1) !important;--current-border-hover:var(--scope-dark-3) !important;--current-text-hover:var(--scope-light-0) !important;--un-text-opacity:1;color:rgb(var(--scope-light-0, #ffffff) / var(--un-text-opacity));}
330
373
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),textarea):read-only{--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));}
331
- .dark .as-form-error-dismiss{--current-text:var(--scope-color-400);--current-icon:var(--scope-color-400);}
374
+ .dark .as-form-error-dismiss,
375
+ .dark .as-multi-select-footer-action[aria-pressed=true],
376
+ .dark .as-multi-select-footer-action[aria-selected=true],
377
+ .dark .as-multi-select-footer-action[data-on=true],
378
+ .dark .as-multi-select-footer-action[data-selected=true]{--current-text:var(--scope-color-400);--current-icon:var(--scope-color-400);}
379
+ .as-multi-select-chip:not(disabled)[data-active],
332
380
  .as-object-empty-add:not(disabled)[data-active]{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
381
+ .as-multi-select-chip:not(disabled)[data-highlighted],
333
382
  .as-object-empty-add:not(disabled)[data-highlighted]{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
383
+ .as-multi-select-chip[aria-pressed=true],
384
+ .as-multi-select-chip[aria-selected=true],
385
+ .as-multi-select-chip[data-on=true],
386
+ .as-multi-select-chip[data-selected=true],
334
387
  .as-object-empty-add[aria-pressed=true],
335
388
  .as-object-empty-add[aria-selected=true],
336
389
  .as-object-empty-add[data-on=true],
337
390
  .as-object-empty-add[data-selected=true]{--current-bg:var(--scope-light-1);--current-text:var(--scope-color-500);--current-icon:var(--scope-color-500);--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-icon-opacity:1;}
391
+ .dark .as-multi-select-chip:not(disabled)[data-active],
338
392
  .dark .as-object-empty-add:not(disabled)[data-active]{--current-bg:var(--scope-dark-2);}
393
+ .dark .as-multi-select-chip:not(disabled)[data-highlighted],
339
394
  .dark .as-object-empty-add:not(disabled)[data-highlighted]{--current-bg:var(--scope-dark-1);}
395
+ .dark .as-multi-select-chip[aria-pressed=true],
396
+ .dark .as-multi-select-chip[aria-selected=true],
397
+ .dark .as-multi-select-chip[data-on=true],
398
+ .dark .as-multi-select-chip[data-selected=true],
340
399
  .dark .as-object-empty-add[aria-pressed=true],
341
400
  .dark .as-object-empty-add[aria-selected=true],
342
401
  .dark .as-object-empty-add[data-on=true],
343
402
  .dark .as-object-empty-add[data-selected=true]{--current-bg:var(--scope-dark-1);--current-text:var(--scope-color-400);--current-icon:var(--scope-color-400);}
403
+ .as-multi-select-footer-action[aria-pressed=true],
404
+ .as-multi-select-footer-action[aria-selected=true],
405
+ .as-multi-select-footer-action[data-on=true],
406
+ .as-multi-select-footer-action[data-selected=true]{--current-text:var(--scope-color-500);--current-icon:var(--scope-color-500);--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-icon-opacity:1;}
407
+ .dark .as-multi-select-footer-action{--current-text:255 255 255;--current-icon:255 255 255;}
408
+ .as-multi-select-item.dark[data-highlighted],
344
409
  .as-ref-item.dark[data-highlighted],
410
+ .dark .as-multi-select-item[data-highlighted],
345
411
  .dark .as-ref-item[data-highlighted]{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
346
412
  .as-ref-item[data-highlighted]{--current-bg:var(--scope-light-3);--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-4);--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));}
347
413
  .as-action-field:not(disabled):hover>button{--current-bg:var(--scope-color-600);}
@@ -349,18 +415,24 @@ details:not([open]) .as-variant-trigger{display:none;}
349
415
  .as-dropdown-item:hover{--current-bg:var(--scope-light-3);--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-4);--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));color:rgb(var(--current-hl) / var(--un-text-opacity));}
350
416
  .as-dropdown-item.dark:hover{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
351
417
  .dark .as-dropdown-item:hover{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
418
+ .as-multi-select-chip:not(disabled):hover{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
419
+ .dark .as-multi-select-chip:not(disabled):hover{--current-bg:var(--scope-dark-1);}
352
420
  .as-object-empty-add:not(disabled):hover{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
353
421
  .dark .as-object-empty-add:not(disabled):hover{--current-bg:var(--scope-dark-1);}
354
422
  .as-submit-btn:not(disabled):hover{--current-bg:var(--scope-color-600);}
355
423
  .dark .as-submit-btn:not(disabled):hover{--current-bg:var(--scope-color-400);}
356
424
  .as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-600);}
357
425
  .dark .as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-400);}
426
+ .as-multi-select-chip:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
427
+ .dark .as-multi-select-chip:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
358
428
  .as-object-empty-add:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
359
429
  .dark .as-object-empty-add:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
360
430
  .as-submit-btn:not(disabled):focus-visible{--current-bg:var(--scope-color-600);}
361
431
  .dark .as-submit-btn:not(disabled):focus-visible{--current-bg:var(--scope-color-400);}
362
432
  .as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-700);}
363
433
  .dark .as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-300);}
434
+ .as-multi-select-chip:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
435
+ .dark .as-multi-select-chip:not(disabled):active{--current-bg:var(--scope-dark-2);}
364
436
  .as-object-empty-add:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
365
437
  .dark .as-object-empty-add:not(disabled):active{--current-bg:var(--scope-dark-2);}
366
438
  .as-submit-btn:not(disabled):active{--current-bg:var(--scope-color-700);}
@@ -374,6 +446,12 @@ details:not([open]) .as-variant-trigger{display:none;}
374
446
  .as-form-error-dismiss:not(disabled)[data-on=true],
375
447
  .as-form-error-dismiss:not(disabled)[data-selected=true]{--un-bg-opacity:0.2;background-color:rgb(var(--current-bg) / 0.2);}
376
448
  .as-form-error-dismiss:not(disabled)[data-active]{--un-bg-opacity:0.3;background-color:rgb(var(--current-bg) / 0.3);}
449
+ .as-multi-select-footer-action:not(disabled)[aria-pressed=true],
450
+ .as-multi-select-footer-action:not(disabled)[aria-selected=true],
451
+ .as-multi-select-footer-action:not(disabled)[data-highlighted],
452
+ .as-multi-select-footer-action:not(disabled)[data-on=true],
453
+ .as-multi-select-footer-action:not(disabled)[data-selected=true]{--un-bg-opacity:0.1;background-color:rgb(var(--current-bg) / 0.1);}
454
+ .as-multi-select-footer-action:not(disabled)[data-active]{--un-bg-opacity:0.15;background-color:rgb(var(--current-bg) / 0.15);}
377
455
  .as-ref-item[data-state=checked]{--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));}
378
456
  .as-array-add-btn:not(:disabled):hover{--un-border-opacity:1;border-color:rgb(var(--current-hl) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);}
379
457
  .group:hover .as-collapsible-chevron{--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;}
@@ -382,6 +460,10 @@ details:not([open]) .as-variant-trigger{display:none;}
382
460
  .as-field-remove-btn:not(:disabled):hover{--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));--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;}
383
461
  .as-form-error-dismiss:not(disabled):hover{--un-bg-opacity:0.2;background-color:rgb(var(--current-bg) / 0.2);}
384
462
  .as-input-shell:hover{--un-border-opacity:1;border-color:rgb(var(--current-border-hover) / var(--un-border-opacity));--un-border-opacity:0.3;border-color:rgb(var(--current-border) / 0.3);}
463
+ .as-multi-select-anchor:hover{--un-border-opacity:1;border-color:rgb(var(--current-border-hover) / var(--un-border-opacity));}
464
+ .as-multi-select-chip-remove:not(:disabled):hover{--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--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;}
465
+ .as-multi-select-clear:hover{--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--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;}
466
+ .as-multi-select-footer-action:not(disabled):hover{--un-bg-opacity:0.1;background-color:rgb(var(--current-bg) / 0.1);}
385
467
  .as-no-data:hover{--un-border-opacity:1;border-color:rgb(var(--current-hl) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);}
386
468
  .as-no-data-textarea:hover{--un-border-opacity:1;border-color:rgb(var(--current-hl) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);}
387
469
  .as-number:hover{--un-border-opacity:1;border-color:rgb(var(--current-border-hover) / var(--un-border-opacity));--un-border-opacity:0.3;border-color:rgb(var(--current-border) / 0.3);}
@@ -390,10 +472,13 @@ details:not([open]) .as-variant-trigger{display:none;}
390
472
  .as-ref-input:hover{--un-border-opacity:1;border-color:rgb(var(--current-border-hover) / var(--un-border-opacity));}
391
473
  .as-variant-trigger:not(:disabled):hover{--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));--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;}
392
474
  .as-form-error-dismiss:not(disabled):focus-visible{--un-bg-opacity:0.2;background-color:rgb(var(--current-bg) / 0.2);}
475
+ .as-multi-select-footer-action:not(disabled):focus-visible{--un-bg-opacity:0.1;background-color:rgb(var(--current-bg) / 0.1);}
393
476
  .as-form-error-dismiss:not(disabled):active{--un-bg-opacity:0.3;background-color:rgb(var(--current-bg) / 0.3);}
477
+ .as-multi-select-footer-action:not(disabled):active{--un-bg-opacity:0.15;background-color:rgb(var(--current-bg) / 0.15);}
394
478
  .as-decimal::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
395
479
  .as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea)::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
396
480
  .as-input-shell::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
481
+ .as-multi-select-anchor::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
397
482
  .as-number::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
398
483
  .as-ref-input::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
399
484
  /* layer: default */