@atscript/ui-styles 0.1.65 → 0.1.66

package/dist/css/all.css

@@ -31,7 +31,7 @@
 .i-as-warning{--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='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m-8-80V80a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%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;}
 /* layer: preflights */
 @keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
-@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }
+@keyframes as-progress-fill { from { width: 0%; } to { width: 100%; } }
 *,::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: ;}
 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; }
 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; }
@@ -273,7 +273,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
 .as-wf-finish-option{position:relative;height:var(--v-fingertip);height:32px;display:flex;cursor:pointer;-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;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;}
 .as-wf-finish-primary{position:relative;height:var(--v-fingertip);height:32px;display:flex;cursor:pointer;-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;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;}
 .as-wf-finish-skip{position:relative;height:var(--v-fingertip);height:32px;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;overflow:hidden;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;}
-.as-wf-finish-skip-fill{position:absolute;top:0;bottom:0;left:0;width:0;animation:progress-fill var(--progress-duration,4s) linear forwards;background-color:rgb(0 0 0 / 0.2);}
+.as-wf-finish-skip-fill{position:absolute;top:0;bottom:0;left:0;width:0;animation:as-progress-fill var(--progress-duration,4s) linear forwards;background-color:rgb(0 0 0 / 0.2);}
 .as-wf-form-loading{position:relative;min-height:100px;}
 .as-window-scrollbar{position:relative;width:10px;flex-shrink:0;-webkit-user-select:none;user-select:none;}
 .as-window-scrollbar-thumb{position:absolute;left:0;right:0;border-width:2px;border-color:transparent;border-radius:5px;--un-bg-opacity:0.2;background-color:rgba(0, 0, 0, var(--un-bg-opacity));-webkit-background-clip:padding-box;background-clip:padding-box;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:100ms;}

package/dist/css/form.css

@@ -5,7 +5,7 @@
 .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;}
 /* layer: preflights */
 @keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
-@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }
+@keyframes as-progress-fill { from { width: 0%; } to { width: 100%; } }
 *,::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: ;}
 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; }
 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; }

package/dist/css/table.css

@@ -31,7 +31,7 @@
 .i-as-warning{--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='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m-8-80V80a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%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;}
 /* layer: preflights */
 @keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
-@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }
+@keyframes as-progress-fill { from { width: 0%; } to { width: 100%; } }
 *,::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: ;}
 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; }
 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; }

package/dist/css/wf.css

@@ -5,7 +5,7 @@
 .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;}
 /* layer: preflights */
 @keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
-@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }
+@keyframes as-progress-fill { from { width: 0%; } to { width: 100%; } }
 *,::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: ;}
 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; }
 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; }
@@ -135,7 +135,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
 .as-wf-finish-option{position:relative;height:var(--v-fingertip);height:32px;display:flex;cursor:pointer;-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;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;}
 .as-wf-finish-primary{position:relative;height:var(--v-fingertip);height:32px;display:flex;cursor:pointer;-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;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;}
 .as-wf-finish-skip{position:relative;height:var(--v-fingertip);height:32px;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;overflow:hidden;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;}
-.as-wf-finish-skip-fill{position:absolute;top:0;bottom:0;left:0;width:0;animation:progress-fill var(--progress-duration,4s) linear forwards;background-color:rgb(0 0 0 / 0.2);}
+.as-wf-finish-skip-fill{position:absolute;top:0;bottom:0;left:0;width:0;animation:as-progress-fill var(--progress-duration,4s) linear forwards;background-color:rgb(0 0 0 / 0.2);}
 .as-wf-finish-skip-label{position:relative;}
 .as-wf-form-loading{position:relative;min-height:100px;}
 .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;}

package/dist/index.cjs

@@ -102,7 +102,7 @@ const bakedIcons = {
 //#region src/shortcuts/common/c8-progress.ts
 const c8ProgressShortcuts = (0, vunor_theme.defineShortcuts)({
 	"c8-progress": "relative overflow-hidden",
-	"c8-progress-fill": "absolute inset-y-0 left-0 w-0 bg-black/20 animate-[progress-fill_var(--progress-duration,4s)_linear_forwards]",
+	"c8-progress-fill": "absolute inset-y-0 left-0 w-0 bg-black/20 animate-[as-progress-fill_var(--progress-duration,4s)_linear_forwards]",
 	"c8-progress-label": "relative"
 });
 //#endregion
@@ -1288,6 +1288,33 @@ function bakedIconsPreset(overrides) {
 	return (0, _unocss_preset_icons.default)({ collections: { as: (name) => collection[name] } });
 }
 /**
+* Baked-in vunor theme defaults atscript-ui has shipped since day one.
+* Any field a consumer omits from `asPresetVunor({ vunor: ... })` falls
+* back to the value here. Exported so consumers can read the defaults
+* if they want to extend (rather than replace) a nested map.
+*/
+const defaultAsVunorOptions = {
+	baseRadius: "4px",
+	fingertip: {
+		xs: "20px",
+		s: "28px",
+		m: "32px",
+		l: "36px",
+		xl: "40px"
+	},
+	palette: {
+		colors: {
+			primary: "#2563eb",
+			grey: "#64748b",
+			neutral: "#475569",
+			error: "#dc2626"
+		},
+		lightest: .97,
+		darkest: .22,
+		layersDepth: .08
+	}
+};
+/**
 * Preset entry that injects the `@keyframes as-shimmer` definition used by
 * `<AsWindowSkeletonRow>`'s gradient animation. Lives at preset level so the
 * keyframes are emitted exactly once into the consumer's UnoCSS output (not
@@ -1298,15 +1325,15 @@ const shimmerKeyframesPreset = {
 	preflights: [{ getCSS: () => "@keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }" }]
 };
 /**
-* Preset entry that injects the `@keyframes progress-fill` definition driving
-* the `c8-progress-fill` shortcut (and any other consumer that wants a 0→100%
-* left-to-right width fill). Duration is supplied per-instance via the
-* `--progress-duration` CSS custom property on the host element, so the same
-* keyframes serve every timed-fill UI — no per-duration class explosion.
+* Preset entry that injects the `@keyframes as-progress-fill` definition
+* driving the `c8-progress-fill` shortcut (and any other consumer that wants
+* a 0→100% left-to-right width fill). Duration is supplied per-instance via
+* the `--progress-duration` CSS custom property on the host element, so the
+* same keyframes serve every timed-fill UI — no per-duration class explosion.
 */
 const progressKeyframesPreset = {
 	name: "atscript-ui-progress-keyframes",
-	preflights: [{ getCSS: () => "@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }" }]
+	preflights: [{ getCSS: () => "@keyframes as-progress-fill { from { width: 0%; } to { width: 100%; } }" }]
 };
 /**
 * No-op marker classes referenced by other shortcuts. UnoCSS warns
@@ -1375,35 +1402,41 @@ const formGridSafelistPreset = {
 		return list;
 	})()
 };
+/**
+* Merges consumer-supplied vunor options on top of `defaultAsVunorOptions`.
+* `palette.colors` and `fingertip` shallow-merge per-key so a consumer can
+* override one entry without redeclaring the whole map; every other field
+* replaces the default outright.
+*/
+function mergeVunorOptions(user) {
+	if (!user) return defaultAsVunorOptions;
+	const { fingertip, palette, ...rest } = user;
+	return {
+		...defaultAsVunorOptions,
+		...rest,
+		fingertip: {
+			...defaultAsVunorOptions.fingertip,
+			...fingertip
+		},
+		palette: palette ? {
+			...defaultAsVunorOptions.palette,
+			...palette,
+			colors: {
+				...defaultAsVunorOptions.palette.colors,
+				...palette.colors
+			}
+		} : defaultAsVunorOptions.palette
+	};
+}
 function buildBasePresets(options) {
-	const { baseRadius = "4px", iconOverrides } = options;
+	const { iconOverrides, excludeComponents: _exc, ...vunorOpts } = options;
 	return [
 		bakedIconsPreset(iconOverrides),
 		shimmerKeyframesPreset,
 		progressKeyframesPreset,
 		markerRulesPreset,
 		formGridSafelistPreset,
-		(0, vunor_theme.presetVunor)({
-			baseRadius,
-			fingertip: {
-				xs: "20px",
-				s: "28px",
-				m: "32px",
-				l: "36px",
-				xl: "40px"
-			},
-			palette: {
-				colors: {
-					primary: "#2563eb",
-					grey: "#64748b",
-					neutral: "#475569",
-					error: "#dc2626"
-				},
-				lightest: .97,
-				darkest: .22,
-				layersDepth: .08
-			}
-		})
+		(0, vunor_theme.presetVunor)(mergeVunorOptions(vunorOpts))
 	];
 }
 function asPresetVunor(options = {}) {

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { Extractor, Preset } from "unocss";
 import * as vunor_theme0 from "vunor/theme";
-import { TVunorShortcut, defineShortcuts, mergeVunorShortcuts, toUnoShortcut } from "vunor/theme";
+import { TVunorShortcut, defineShortcuts, mergeVunorShortcuts, presetVunor, toUnoShortcut } from "vunor/theme";
 
 //#region src/extractor.d.ts
 interface AsExtractorOptions {
@@ -14,10 +14,21 @@ interface AsExtractorOptions {
 declare function createAsExtractor(opts?: AsExtractorOptions): Extractor;
 //#endregion
 //#region src/preset.d.ts
-interface AsBaseUnoConfigOptions {
-  /** Forwarded to vunor's `baseRadius`; drives `rounded-base` and the `r0..r4` ladder. */
-  baseRadius?: string;
-}
+/**
+ * Full `presetVunor()` options object. Re-exported so consumers can type
+ * their own theme overrides without reaching into `vunor/theme` themselves.
+ */
+type AsVunorPresetOptions = NonNullable<Parameters<typeof presetVunor>[0]>;
+/**
+ * Full `presetVunor()` theme options. Every field is optional and merged on
+ * top of the baked atscript-ui defaults (`defaultAsVunorOptions`):
+ * - `palette.colors` is shallow-merged so consumers can override one colour
+ *   without losing the others.
+ * - `fingertip` is shallow-merged the same way.
+ * - All other fields (`baseRadius`, `typography`, `animation`, …) replace
+ *   the default wholesale — provide a complete shape if you set them.
+ */
+interface AsBaseUnoConfigOptions extends AsVunorPresetOptions {}
 interface AsPresetVunorOptions extends AsBaseUnoConfigOptions {
   /**
    * Kebab-case component names whose classes the extractor should drop from

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as vunor_theme0 from "vunor/theme";
-import { TVunorShortcut, defineShortcuts, mergeVunorShortcuts, toUnoShortcut } from "vunor/theme";
+import { TVunorShortcut, defineShortcuts, mergeVunorShortcuts, presetVunor, toUnoShortcut } from "vunor/theme";
 import { Extractor, Preset } from "unocss";
 
 //#region src/extractor.d.ts
@@ -14,10 +14,21 @@ interface AsExtractorOptions {
 declare function createAsExtractor(opts?: AsExtractorOptions): Extractor;
 //#endregion
 //#region src/preset.d.ts
-interface AsBaseUnoConfigOptions {
-  /** Forwarded to vunor's `baseRadius`; drives `rounded-base` and the `r0..r4` ladder. */
-  baseRadius?: string;
-}
+/**
+ * Full `presetVunor()` options object. Re-exported so consumers can type
+ * their own theme overrides without reaching into `vunor/theme` themselves.
+ */
+type AsVunorPresetOptions = NonNullable<Parameters<typeof presetVunor>[0]>;
+/**
+ * Full `presetVunor()` theme options. Every field is optional and merged on
+ * top of the baked atscript-ui defaults (`defaultAsVunorOptions`):
+ * - `palette.colors` is shallow-merged so consumers can override one colour
+ *   without losing the others.
+ * - `fingertip` is shallow-merged the same way.
+ * - All other fields (`baseRadius`, `typography`, `animation`, …) replace
+ *   the default wholesale — provide a complete shape if you set them.
+ */
+interface AsBaseUnoConfigOptions extends AsVunorPresetOptions {}
 interface AsPresetVunorOptions extends AsBaseUnoConfigOptions {
   /**
    * Kebab-case component names whose classes the extractor should drop from

package/dist/index.mjs

@@ -78,7 +78,7 @@ const bakedIcons = {
 //#region src/shortcuts/common/c8-progress.ts
 const c8ProgressShortcuts = defineShortcuts$1({
 	"c8-progress": "relative overflow-hidden",
-	"c8-progress-fill": "absolute inset-y-0 left-0 w-0 bg-black/20 animate-[progress-fill_var(--progress-duration,4s)_linear_forwards]",
+	"c8-progress-fill": "absolute inset-y-0 left-0 w-0 bg-black/20 animate-[as-progress-fill_var(--progress-duration,4s)_linear_forwards]",
 	"c8-progress-label": "relative"
 });
 const commonShortcuts = mergeVunorShortcuts$1([defineShortcuts$1({
@@ -1261,6 +1261,33 @@ function bakedIconsPreset(overrides) {
 	return presetIcons({ collections: { as: (name) => collection[name] } });
 }
 /**
+* Baked-in vunor theme defaults atscript-ui has shipped since day one.
+* Any field a consumer omits from `asPresetVunor({ vunor: ... })` falls
+* back to the value here. Exported so consumers can read the defaults
+* if they want to extend (rather than replace) a nested map.
+*/
+const defaultAsVunorOptions = {
+	baseRadius: "4px",
+	fingertip: {
+		xs: "20px",
+		s: "28px",
+		m: "32px",
+		l: "36px",
+		xl: "40px"
+	},
+	palette: {
+		colors: {
+			primary: "#2563eb",
+			grey: "#64748b",
+			neutral: "#475569",
+			error: "#dc2626"
+		},
+		lightest: .97,
+		darkest: .22,
+		layersDepth: .08
+	}
+};
+/**
 * Preset entry that injects the `@keyframes as-shimmer` definition used by
 * `<AsWindowSkeletonRow>`'s gradient animation. Lives at preset level so the
 * keyframes are emitted exactly once into the consumer's UnoCSS output (not
@@ -1271,15 +1298,15 @@ const shimmerKeyframesPreset = {
 	preflights: [{ getCSS: () => "@keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }" }]
 };
 /**
-* Preset entry that injects the `@keyframes progress-fill` definition driving
-* the `c8-progress-fill` shortcut (and any other consumer that wants a 0→100%
-* left-to-right width fill). Duration is supplied per-instance via the
-* `--progress-duration` CSS custom property on the host element, so the same
-* keyframes serve every timed-fill UI — no per-duration class explosion.
+* Preset entry that injects the `@keyframes as-progress-fill` definition
+* driving the `c8-progress-fill` shortcut (and any other consumer that wants
+* a 0→100% left-to-right width fill). Duration is supplied per-instance via
+* the `--progress-duration` CSS custom property on the host element, so the
+* same keyframes serve every timed-fill UI — no per-duration class explosion.
 */
 const progressKeyframesPreset = {
 	name: "atscript-ui-progress-keyframes",
-	preflights: [{ getCSS: () => "@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }" }]
+	preflights: [{ getCSS: () => "@keyframes as-progress-fill { from { width: 0%; } to { width: 100%; } }" }]
 };
 /**
 * No-op marker classes referenced by other shortcuts. UnoCSS warns
@@ -1348,35 +1375,41 @@ const formGridSafelistPreset = {
 		return list;
 	})()
 };
+/**
+* Merges consumer-supplied vunor options on top of `defaultAsVunorOptions`.
+* `palette.colors` and `fingertip` shallow-merge per-key so a consumer can
+* override one entry without redeclaring the whole map; every other field
+* replaces the default outright.
+*/
+function mergeVunorOptions(user) {
+	if (!user) return defaultAsVunorOptions;
+	const { fingertip, palette, ...rest } = user;
+	return {
+		...defaultAsVunorOptions,
+		...rest,
+		fingertip: {
+			...defaultAsVunorOptions.fingertip,
+			...fingertip
+		},
+		palette: palette ? {
+			...defaultAsVunorOptions.palette,
+			...palette,
+			colors: {
+				...defaultAsVunorOptions.palette.colors,
+				...palette.colors
+			}
+		} : defaultAsVunorOptions.palette
+	};
+}
 function buildBasePresets(options) {
-	const { baseRadius = "4px", iconOverrides } = options;
+	const { iconOverrides, excludeComponents: _exc, ...vunorOpts } = options;
 	return [
 		bakedIconsPreset(iconOverrides),
 		shimmerKeyframesPreset,
 		progressKeyframesPreset,
 		markerRulesPreset,
 		formGridSafelistPreset,
-		presetVunor({
-			baseRadius,
-			fingertip: {
-				xs: "20px",
-				s: "28px",
-				m: "32px",
-				l: "36px",
-				xl: "40px"
-			},
-			palette: {
-				colors: {
-					primary: "#2563eb",
-					grey: "#64748b",
-					neutral: "#475569",
-					error: "#dc2626"
-				},
-				lightest: .97,
-				darkest: .22,
-				layersDepth: .08
-			}
-		})
+		presetVunor(mergeVunorOptions(vunorOpts))
 	];
 }
 function asPresetVunor(options = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/ui-styles",
-  "version": "0.1.65",
+  "version": "0.1.66",
   "description": "Shared UnoCSS shortcuts, presets, and icon loader for atscript-ui (vue-form, vue-table, vue-wf)",
   "keywords": [
     "atscript",
@@ -60,9 +60,9 @@
     "unplugin-vue-components": "^32.0.0",
     "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
     "vunor": "^0.2",
-    "@atscript/vue-form": "^0.1.65",
-    "@atscript/vue-wf": "^0.1.65",
-    "@atscript/vue-table": "^0.1.65"
+    "@atscript/vue-wf": "^0.1.66",
+    "@atscript/vue-table": "^0.1.66",
+    "@atscript/vue-form": "^0.1.66"
   },
   "peerDependencies": {
     "@unocss/preset-icons": "^66.6.0",