@qaiddev/quests-embed 1.3.0 → 1.5.0

package/dist/qaid-quests.js

@@ -1,44 +1,44 @@
-const T = `*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}:where(.qaid-q-root){--qaid-q-card-bg: light-dark(#ffffff, #1f2937);--qaid-q-card-fg: light-dark(#1f2937, #f9fafb);--qaid-q-card-border: light-dark(#e5e7eb, #374151);--qaid-q-card-radius: 1rem;--qaid-q-card-padding: 1.5rem;--qaid-q-card-shadow: 0 25px 50px -12px light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .6));--qaid-q-muted-fg: light-dark(#6b7280, #9ca3af);--qaid-q-progress-track: light-dark(#e5e7eb, #374151);--qaid-q-btn-radius: .5rem;--qaid-q-btn-padding-y: .625rem;--qaid-q-btn-padding-x: 1.125rem;--qaid-q-btn-font-weight: 500;--qaid-q-btn-primary-bg: var(--qaid-q-accent, #10b981);--qaid-q-btn-primary-fg: var(--qaid-q-accent-text, #ffffff);--qaid-q-btn-primary-border: transparent;--qaid-q-btn-secondary-bg: transparent;--qaid-q-btn-secondary-fg: light-dark(#374151, #d1d5db);--qaid-q-btn-secondary-border: light-dark(#d1d5db, #4b5563);--qaid-q-btn-secondary-hover-bg: light-dark(#f3f4f6, #374151);--qaid-q-option-bg: light-dark(#ffffff, #111827);--qaid-q-option-bg-selected: color-mix(in srgb, var(--qaid-q-accent, #10b981) 10%, transparent);--qaid-q-option-bg-hover: light-dark(#f9fafb, #1f2937);--qaid-q-option-fg: light-dark(#1f2937, #f9fafb);--qaid-q-option-border: light-dark(#e5e7eb, #374151);--qaid-q-option-border-selected: var(--qaid-q-accent, #10b981);--qaid-q-option-border-hover: light-dark(#9ca3af, #4b5563);--qaid-q-option-radius: .625rem;--qaid-q-option-padding: .75rem .875rem;--qaid-q-marker-bg: light-dark(#ffffff, #111827);--qaid-q-marker-bg-selected: var(--qaid-q-accent, #10b981);--qaid-q-marker-border: light-dark(#d1d5db, #4b5563);--qaid-q-marker-icon: light-dark(#ffffff, #1f2937);--qaid-q-marker-radius: 50%;--qaid-q-input-bg: light-dark(#ffffff, #111827);--qaid-q-input-fg: light-dark(#1f2937, #f9fafb);--qaid-q-input-border: light-dark(#d1d5db, #374151);--qaid-q-input-radius: .625rem;--qaid-q-input-padding: .75rem .875rem;--qaid-q-input-placeholder: light-dark(#9ca3af, #6b7280);--qaid-q-gap: .75rem;--qaid-q-section-gap: 1.25rem}:where(.qaid-q-root.qaid-q-theme-light){--qaid-q-card-bg: #ffffff;--qaid-q-card-fg: #1f2937;--qaid-q-card-border: #e5e7eb;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--qaid-q-muted-fg: #6b7280;--qaid-q-progress-track: #e5e7eb;--qaid-q-btn-secondary-fg: #374151;--qaid-q-btn-secondary-border: #d1d5db;--qaid-q-btn-secondary-hover-bg: #f3f4f6;--qaid-q-option-bg: #ffffff;--qaid-q-option-bg-hover: #f9fafb;--qaid-q-option-fg: #1f2937;--qaid-q-option-border: #e5e7eb;--qaid-q-option-border-hover: #9ca3af;--qaid-q-marker-bg: #ffffff;--qaid-q-marker-border: #d1d5db;--qaid-q-marker-icon: #ffffff;--qaid-q-input-bg: #ffffff;--qaid-q-input-fg: #1f2937;--qaid-q-input-border: #d1d5db;--qaid-q-input-placeholder: #9ca3af}:where(.qaid-q-root.qaid-q-theme-dark){--qaid-q-card-bg: #1f2937;--qaid-q-card-fg: #f9fafb;--qaid-q-card-border: #374151;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .6);--qaid-q-muted-fg: #9ca3af;--qaid-q-progress-track: #374151;--qaid-q-btn-secondary-fg: #d1d5db;--qaid-q-btn-secondary-border: #4b5563;--qaid-q-btn-secondary-hover-bg: #374151;--qaid-q-option-bg: #111827;--qaid-q-option-bg-hover: #1f2937;--qaid-q-option-fg: #f9fafb;--qaid-q-option-border: #374151;--qaid-q-option-border-hover: #4b5563;--qaid-q-marker-bg: #111827;--qaid-q-marker-border: #4b5563;--qaid-q-marker-icon: #1f2937;--qaid-q-input-bg: #111827;--qaid-q-input-fg: #f9fafb;--qaid-q-input-border: #374151;--qaid-q-input-placeholder: #6b7280}.qaid-q-root{color-scheme:light dark;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);color:var(--qaid-q-card-fg)}.qaid-q-root.qaid-q-theme-light{color-scheme:light}.qaid-q-root.qaid-q-theme-dark{color-scheme:dark}.qaid-q-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,var(--qaid-backdrop-opacity, .4));animation:qaid-q-fade .18s ease-out}@keyframes qaid-q-fade{0%{opacity:0}to{opacity:1}}.qaid-q-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:var(--qaid-modal-width, 480px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);pointer-events:auto;display:flex;flex-direction:column}.qaid-q-card{background:var(--qaid-q-card-bg);color:var(--qaid-q-card-fg);border-radius:var(--qaid-q-card-radius);box-shadow:var(--qaid-q-card-shadow);padding:var(--qaid-q-card-padding);overflow:hidden;display:flex;flex-direction:column;min-height:0}:where(.qaid-q-root.qaid-q-inline) .qaid-q-card{box-shadow:none;border:1px solid var(--qaid-q-card-border);flex:1;min-height:0}:where(.qaid-q-root.qaid-q-inline){height:100%;display:flex;flex-direction:column;min-height:0}.qaid-q-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.qaid-q-title{font-size:1.125em;font-weight:700;margin:0;color:var(--qaid-q-card-fg)}.qaid-q-step-counter{font-size:.875em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.qaid-q-close{width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--qaid-q-muted-fg);display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.qaid-q-close:hover{background:var(--qaid-q-btn-secondary-hover-bg);color:var(--qaid-q-card-fg)}.qaid-q-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-progress{position:relative;height:4px;background:var(--qaid-q-progress-track);border-radius:9999px;overflow:hidden;margin-bottom:var(--qaid-q-section-gap)}.qaid-q-progress--inline{flex:1;min-width:60px;margin-bottom:0}.qaid-q-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--qaid-q-accent, #10b981);border-radius:9999px;transition:width .3s ease;width:0%}.qaid-q-body{flex:1;min-height:0;overflow-y:auto}.qaid-q-step{display:flex;flex-direction:column;gap:var(--qaid-q-gap);animation:qaid-q-slide .22s ease-out}@keyframes qaid-q-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qaid-q-no-motion .qaid-q-step,.qaid-q-no-motion.qaid-q-root{animation:none!important}.qaid-q-label{font-size:1.125em;font-weight:600;margin:0;color:var(--qaid-q-card-fg);line-height:1.35}.qaid-q-label .qaid-q-required{color:var(--qaid-q-error, #ef4444);margin-left:.25rem}.qaid-q-description{font-size:.875em;color:var(--qaid-q-muted-fg);margin:0;line-height:1.4}.qaid-q-error{font-size:.8125em;color:var(--qaid-q-error, #ef4444);margin:0}.qaid-q-error:empty{display:none}.qaid-q-input,.qaid-q-textarea{width:100%;padding:var(--qaid-q-input-padding);border:1px solid var(--qaid-q-input-border);border-radius:var(--qaid-q-input-radius);font-family:inherit;font-size:1em;background:var(--qaid-q-input-bg);color:var(--qaid-q-input-fg);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.qaid-q-textarea{min-height:7rem;resize:vertical;font-family:inherit}.qaid-q-input:focus,.qaid-q-textarea:focus{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 20%,transparent)}.qaid-q-input::placeholder,.qaid-q-textarea::placeholder{color:var(--qaid-q-input-placeholder)}.qaid-q-currency{position:relative}.qaid-q-currency-prefix{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--qaid-q-muted-fg);font-size:1em;font-weight:500;pointer-events:none}.qaid-q-currency .qaid-q-input{padding-left:2.25rem}.qaid-q-range-wrap{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.qaid-q-range-value{font-size:2em;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--qaid-q-accent, #10b981)}.qaid-q-range-value .qaid-q-range-unit{font-size:.5em;font-weight:500;color:var(--qaid-q-muted-fg);margin-left:.25rem}.qaid-q-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:9999px;background:var(--qaid-q-progress-track);outline:none}.qaid-q-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .1s}.qaid-q-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer}.qaid-q-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range-bounds{display:flex;justify-content:space-between;font-size:.8125em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-options{display:flex;flex-direction:column;gap:.5rem}.qaid-q-option{display:flex;align-items:flex-start;gap:.625rem;padding:var(--qaid-q-option-padding);border:1px solid var(--qaid-q-option-border);border-radius:var(--qaid-q-option-radius);background:var(--qaid-q-option-bg);text-align:left;font-size:1em;color:var(--qaid-q-option-fg);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;-webkit-appearance:none;appearance:none;width:100%}.qaid-q-option:hover{border-color:var(--qaid-q-option-border-hover);background:var(--qaid-q-option-bg-hover)}.qaid-q-option:focus-visible{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 25%,transparent)}.qaid-q-option.qaid-q-selected{border-color:var(--qaid-q-option-border-selected);background:var(--qaid-q-option-bg-selected)}.qaid-q-option-marker{flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid var(--qaid-q-marker-border);border-radius:var(--qaid-q-marker-radius);display:inline-flex;align-items:center;justify-content:center;margin-top:.125rem;background:var(--qaid-q-marker-bg);transition:border-color .12s,background .12s}.qaid-q-option.qaid-q-multi .qaid-q-option-marker{border-radius:.25rem}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{border-color:var(--qaid-q-marker-bg-selected);background:var(--qaid-q-marker-bg-selected)}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--qaid-q-marker-icon)}.qaid-q-option.qaid-q-multi.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:70%;height:70%;border-radius:0;background:var(--qaid-q-marker-icon);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}.qaid-q-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-option-image{display:block;width:48px;height:48px;aspect-ratio:1 / 1;object-fit:cover;border-radius:.375rem;background:var(--qaid-q-progress-track);flex-shrink:0}.qaid-q-options--image-horizontal .qaid-q-option-body{flex-direction:row;align-items:center;gap:.75rem}.qaid-q-options--image-horizontal .qaid-q-option-body>:not(.qaid-q-option-image){flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-options--image-vertical{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option{flex-direction:column;align-items:stretch;text-align:center;padding:.75rem;gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option-body{align-items:center;text-align:center}.qaid-q-options--image-vertical .qaid-q-option-image{width:100%;height:auto;max-width:100%}.qaid-q-options--image-vertical .qaid-q-option-marker{position:absolute;top:.5rem;right:.5rem;margin-top:0}.qaid-q-options--image-vertical .qaid-q-option{position:relative}.qaid-q-options--image-vertical .qaid-q-option-key{position:absolute;top:.5rem;left:.5rem;align-self:auto}.qaid-q-option-label{font-weight:500;line-height:1.3}.qaid-q-option-desc{font-size:.8125em;color:var(--qaid-q-muted-fg);line-height:1.4}.qaid-q-option-key{flex-shrink:0;align-self:center;font-size:.7em;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;background:var(--qaid-q-progress-track);color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:var(--qaid-q-section-gap)}.qaid-q-footer--inline-progress{justify-content:flex-start;gap:.75rem}.qaid-q-footer-left,.qaid-q-footer-right{display:flex;gap:.5rem}.qaid-q-btn{padding:var(--qaid-q-btn-padding-y) var(--qaid-q-btn-padding-x);border-radius:var(--qaid-q-btn-radius);font-size:var(--qaid-q-btn-font-size, .9375em);font-weight:var(--qaid-q-btn-font-weight);border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s,color .15s;-webkit-appearance:none;appearance:none}.qaid-q-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-btn-secondary{background:var(--qaid-q-btn-secondary-bg);border-color:var(--qaid-q-btn-secondary-border);color:var(--qaid-q-btn-secondary-fg)}.qaid-q-btn-secondary:hover{background:var(--qaid-q-btn-secondary-hover-bg)}.qaid-q-btn-primary{background:var(--qaid-q-btn-primary-bg);color:var(--qaid-q-btn-primary-fg);border-color:var(--qaid-q-btn-primary-border)}.qaid-q-btn-primary:hover{filter:brightness(.9)}.qaid-q-btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.qaid-q-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.5rem 0;flex:1;min-height:0}.qaid-q-done-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--qaid-q-accent, #10b981) 18%,transparent);color:var(--qaid-q-accent, #10b981);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem}.qaid-q-done-title{font-size:1.25em;font-weight:700;margin:0}.qaid-q-done-message{color:var(--qaid-q-muted-fg);margin:0}.qaid-q-saving{display:inline-flex;align-items:center;gap:.375rem;font-size:.75em;color:var(--qaid-q-muted-fg);opacity:0;transition:opacity .2s}.qaid-q-saving.qaid-q-visible{opacity:1}.qaid-q-saving-dot{width:6px;height:6px;border-radius:50%;background:var(--qaid-q-accent, #10b981);animation:qaid-q-pulse 1.2s ease-in-out infinite}@keyframes qaid-q-pulse{0%,to{opacity:.3}50%{opacity:1}}:where(.qaid-q-root.qaid-q-unstyled) :where(.qaid-q-card,.qaid-q-header,.qaid-q-title,.qaid-q-description,.qaid-q-step,.qaid-q-label,.qaid-q-options,.qaid-q-option,.qaid-q-option-marker,.qaid-q-option-body,.qaid-q-option-label,.qaid-q-option-desc,.qaid-q-input,.qaid-q-textarea,.qaid-q-currency,.qaid-q-currency-prefix,.qaid-q-range,.qaid-q-range-wrap,.qaid-q-range-value,.qaid-q-btn,.qaid-q-footer,.qaid-q-progress,.qaid-q-progress-fill,.qaid-q-step-counter,.qaid-q-error,.qaid-q-saving,.qaid-q-done,.qaid-q-done-icon,.qaid-q-done-title,.qaid-q-done-message){all:unset;display:revert;box-sizing:border-box}.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid transparent;outline-offset:2px}@media(prefers-reduced-motion:reduce){.qaid-q-root *,.qaid-q-root *:before,.qaid-q-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.qaid-q-range::-webkit-slider-thumb{transition:none!important}.qaid-q-range::-moz-range-thumb{transition:none!important}}@media(forced-colors:active){.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid Highlight;outline-offset:2px}.qaid-q-card{border:1px solid CanvasText}.qaid-q-input,.qaid-q-textarea,.qaid-q-option{border-color:CanvasText}.qaid-q-option.qaid-q-selected{border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{forced-color-adjust:none;background:Highlight;border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{background:HighlightText}.qaid-q-progress{forced-color-adjust:none;background:Canvas;border:1px solid CanvasText}.qaid-q-progress-fill{forced-color-adjust:none;background:Highlight}}`;
-const L = ":where(.qaid-q-root){--qaid-q-card-radius: 0;--qaid-q-card-shadow: none;--qaid-q-btn-radius: 0;--qaid-q-option-radius: 0;--qaid-q-option-bg-selected: transparent;--qaid-q-input-radius: 0}", z = ":where(.qaid-q-root){--qaid-q-card-radius: 1.5rem;--qaid-q-btn-radius: 9999px;--qaid-q-btn-padding-x: 1.5rem;--qaid-q-option-radius: 9999px;--qaid-q-option-padding: .75rem 1.125rem;--qaid-q-input-radius: 9999px;--qaid-q-input-padding: .75rem 1.125rem}", D = ":where(.qaid-q-root){--qaid-q-card-padding: 1rem;--qaid-q-btn-padding-y: .5rem;--qaid-q-btn-padding-x: .875rem;--qaid-q-option-padding: .5rem .625rem;--qaid-q-input-padding: .5rem .625rem;--qaid-q-gap: .5rem;--qaid-q-section-gap: .875rem}", V = {
+const z = `*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}:where(.qaid-q-root){--qaid-q-card-bg: light-dark(#ffffff, #1f2937);--qaid-q-card-fg: light-dark(#1f2937, #f9fafb);--qaid-q-card-border: light-dark(#e5e7eb, #374151);--qaid-q-card-radius: 1rem;--qaid-q-card-padding: 1.5rem;--qaid-q-card-shadow: 0 25px 50px -12px light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .6));--qaid-q-muted-fg: light-dark(#6b7280, #9ca3af);--qaid-q-progress-track: light-dark(#e5e7eb, #374151);--qaid-q-btn-radius: .5rem;--qaid-q-btn-padding-y: .625rem;--qaid-q-btn-padding-x: 1.125rem;--qaid-q-btn-font-weight: 500;--qaid-q-btn-primary-bg: var(--qaid-q-accent, #10b981);--qaid-q-btn-primary-fg: var(--qaid-q-accent-text, #ffffff);--qaid-q-btn-primary-border: transparent;--qaid-q-btn-secondary-bg: transparent;--qaid-q-btn-secondary-fg: light-dark(#374151, #d1d5db);--qaid-q-btn-secondary-border: light-dark(#d1d5db, #4b5563);--qaid-q-btn-secondary-hover-bg: light-dark(#f3f4f6, #374151);--qaid-q-option-bg: light-dark(#ffffff, #111827);--qaid-q-option-bg-selected: color-mix(in srgb, var(--qaid-q-accent, #10b981) 10%, transparent);--qaid-q-option-bg-hover: light-dark(#f9fafb, #1f2937);--qaid-q-option-fg: light-dark(#1f2937, #f9fafb);--qaid-q-option-border: light-dark(#e5e7eb, #374151);--qaid-q-option-border-selected: var(--qaid-q-accent, #10b981);--qaid-q-option-border-hover: light-dark(#9ca3af, #4b5563);--qaid-q-option-radius: .625rem;--qaid-q-option-padding: .75rem .875rem;--qaid-q-marker-bg: light-dark(#ffffff, #111827);--qaid-q-marker-bg-selected: var(--qaid-q-accent, #10b981);--qaid-q-marker-border: light-dark(#d1d5db, #4b5563);--qaid-q-marker-icon: light-dark(#ffffff, #1f2937);--qaid-q-marker-radius: 50%;--qaid-q-input-bg: light-dark(#ffffff, #111827);--qaid-q-input-fg: light-dark(#1f2937, #f9fafb);--qaid-q-input-border: light-dark(#d1d5db, #374151);--qaid-q-input-radius: .625rem;--qaid-q-input-padding: .75rem .875rem;--qaid-q-input-placeholder: light-dark(#9ca3af, #6b7280);--qaid-q-gap: .75rem;--qaid-q-section-gap: 1.25rem}:where(.qaid-q-root.qaid-q-theme-light){--qaid-q-card-bg: #ffffff;--qaid-q-card-fg: #1f2937;--qaid-q-card-border: #e5e7eb;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--qaid-q-muted-fg: #6b7280;--qaid-q-progress-track: #e5e7eb;--qaid-q-btn-secondary-fg: #374151;--qaid-q-btn-secondary-border: #d1d5db;--qaid-q-btn-secondary-hover-bg: #f3f4f6;--qaid-q-option-bg: #ffffff;--qaid-q-option-bg-hover: #f9fafb;--qaid-q-option-fg: #1f2937;--qaid-q-option-border: #e5e7eb;--qaid-q-option-border-hover: #9ca3af;--qaid-q-marker-bg: #ffffff;--qaid-q-marker-border: #d1d5db;--qaid-q-marker-icon: #ffffff;--qaid-q-input-bg: #ffffff;--qaid-q-input-fg: #1f2937;--qaid-q-input-border: #d1d5db;--qaid-q-input-placeholder: #9ca3af}:where(.qaid-q-root.qaid-q-theme-dark){--qaid-q-card-bg: #1f2937;--qaid-q-card-fg: #f9fafb;--qaid-q-card-border: #374151;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .6);--qaid-q-muted-fg: #9ca3af;--qaid-q-progress-track: #374151;--qaid-q-btn-secondary-fg: #d1d5db;--qaid-q-btn-secondary-border: #4b5563;--qaid-q-btn-secondary-hover-bg: #374151;--qaid-q-option-bg: #111827;--qaid-q-option-bg-hover: #1f2937;--qaid-q-option-fg: #f9fafb;--qaid-q-option-border: #374151;--qaid-q-option-border-hover: #4b5563;--qaid-q-marker-bg: #111827;--qaid-q-marker-border: #4b5563;--qaid-q-marker-icon: #1f2937;--qaid-q-input-bg: #111827;--qaid-q-input-fg: #f9fafb;--qaid-q-input-border: #374151;--qaid-q-input-placeholder: #6b7280}.qaid-q-root{color-scheme:light dark;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);color:var(--qaid-q-card-fg)}.qaid-q-root.qaid-q-theme-light{color-scheme:light}.qaid-q-root.qaid-q-theme-dark{color-scheme:dark}.qaid-q-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,var(--qaid-backdrop-opacity, .4));animation:qaid-q-fade .18s ease-out}@keyframes qaid-q-fade{0%{opacity:0}to{opacity:1}}.qaid-q-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:var(--qaid-modal-width, 480px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);pointer-events:auto;display:flex;flex-direction:column}.qaid-q-card{background:var(--qaid-q-card-bg);color:var(--qaid-q-card-fg);border-radius:var(--qaid-q-card-radius);box-shadow:var(--qaid-q-card-shadow);padding:var(--qaid-q-card-padding);overflow:hidden;display:flex;flex-direction:column;min-height:0}:where(.qaid-q-root.qaid-q-inline) .qaid-q-card{box-shadow:none;border:1px solid var(--qaid-q-card-border);flex:1;min-height:0}:where(.qaid-q-root.qaid-q-inline){height:100%;display:flex;flex-direction:column;min-height:0}.qaid-q-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.qaid-q-title{font-size:1.125em;font-weight:700;margin:0;color:var(--qaid-q-card-fg)}.qaid-q-step-counter{font-size:.875em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.qaid-q-close{width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--qaid-q-muted-fg);display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.qaid-q-close:hover{background:var(--qaid-q-btn-secondary-hover-bg);color:var(--qaid-q-card-fg)}.qaid-q-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-progress{position:relative;height:4px;background:var(--qaid-q-progress-track);border-radius:9999px;overflow:hidden;margin-bottom:var(--qaid-q-section-gap)}.qaid-q-progress--inline{flex:1;min-width:60px;margin-bottom:0}.qaid-q-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--qaid-q-accent, #10b981);border-radius:9999px;transition:width .3s ease;width:0%}.qaid-q-body{flex:1;min-height:0;overflow-y:auto;position:relative}.qaid-q-body[data-qaid-scroll=top]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent 100%)}.qaid-q-body[data-qaid-scroll=middle]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem,#000 calc(100% - 2.5rem),transparent 100%)}.qaid-q-body[data-qaid-scroll=bottom]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem)}.qaid-q-scroll-cue{position:sticky;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;height:1.5rem;margin-top:-1.5rem;pointer-events:none;color:var(--qaid-q-muted-fg)}.qaid-q-scroll-cue[hidden]{display:none}.qaid-q-scroll-cue svg{width:1.125rem;height:1.125rem;animation:qaid-q-nudge 1.6s ease-in-out infinite}@keyframes qaid-q-nudge{0%,to{transform:translateY(-2px);opacity:.55}50%{transform:translateY(2px);opacity:1}}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.375rem}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical .qaid-q-option{padding:.5rem;gap:.375rem}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical .qaid-q-option-image{max-height:5.5rem;object-fit:contain}.qaid-q-card[data-qaid-fit=compact] .qaid-q-option-desc{font-size:.75em}.qaid-q-card[data-qaid-fit=compact] .qaid-q-step{gap:calc(var(--qaid-q-gap) * .6)}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-horizontal .qaid-q-option-image{width:36px;height:36px}.qaid-q-step{display:flex;flex-direction:column;gap:var(--qaid-q-gap);animation:qaid-q-slide .22s ease-out}@keyframes qaid-q-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qaid-q-no-motion .qaid-q-step,.qaid-q-no-motion.qaid-q-root{animation:none!important}.qaid-q-label{font-size:1.125em;font-weight:600;margin:0;color:var(--qaid-q-card-fg);line-height:1.35}.qaid-q-label .qaid-q-required{color:var(--qaid-q-error, #ef4444);margin-left:.25rem}.qaid-q-description{font-size:.875em;color:var(--qaid-q-muted-fg);margin:0;line-height:1.4}.qaid-q-error{font-size:.8125em;color:var(--qaid-q-error, #ef4444);margin:0}.qaid-q-error:empty{display:none}.qaid-q-input,.qaid-q-textarea{width:100%;padding:var(--qaid-q-input-padding);border:1px solid var(--qaid-q-input-border);border-radius:var(--qaid-q-input-radius);font-family:inherit;font-size:1em;background:var(--qaid-q-input-bg);color:var(--qaid-q-input-fg);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.qaid-q-textarea{min-height:7rem;resize:vertical;font-family:inherit}.qaid-q-input:focus,.qaid-q-textarea:focus{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 20%,transparent)}.qaid-q-input::placeholder,.qaid-q-textarea::placeholder{color:var(--qaid-q-input-placeholder)}.qaid-q-currency{position:relative}.qaid-q-currency-prefix{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--qaid-q-muted-fg);font-size:1em;font-weight:500;pointer-events:none}.qaid-q-currency .qaid-q-input{padding-left:2.25rem}.qaid-q-range-wrap{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.qaid-q-range-value{font-size:2em;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--qaid-q-accent, #10b981)}.qaid-q-range-value .qaid-q-range-unit{font-size:.5em;font-weight:500;color:var(--qaid-q-muted-fg);margin-left:.25rem}.qaid-q-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:9999px;background:var(--qaid-q-progress-track);outline:none}.qaid-q-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .1s}.qaid-q-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer}.qaid-q-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range-bounds{display:flex;justify-content:space-between;font-size:.8125em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-options{display:flex;flex-direction:column;gap:.5rem}.qaid-q-option{display:flex;align-items:flex-start;gap:.625rem;padding:var(--qaid-q-option-padding);border:1px solid var(--qaid-q-option-border);border-radius:var(--qaid-q-option-radius);background:var(--qaid-q-option-bg);text-align:left;font-size:1em;color:var(--qaid-q-option-fg);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;-webkit-appearance:none;appearance:none;width:100%}.qaid-q-option:hover{border-color:var(--qaid-q-option-border-hover);background:var(--qaid-q-option-bg-hover)}.qaid-q-option:focus-visible{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 25%,transparent)}.qaid-q-option.qaid-q-selected{border-color:var(--qaid-q-option-border-selected);background:var(--qaid-q-option-bg-selected)}.qaid-q-option-marker{flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid var(--qaid-q-marker-border);border-radius:var(--qaid-q-marker-radius);display:inline-flex;align-items:center;justify-content:center;margin-top:.125rem;background:var(--qaid-q-marker-bg);transition:border-color .12s,background .12s}.qaid-q-option.qaid-q-multi .qaid-q-option-marker{border-radius:.25rem}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{border-color:var(--qaid-q-marker-bg-selected);background:var(--qaid-q-marker-bg-selected)}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--qaid-q-marker-icon)}.qaid-q-option.qaid-q-multi.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:70%;height:70%;border-radius:0;background:var(--qaid-q-marker-icon);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}.qaid-q-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-option-image{display:block;width:48px;height:48px;aspect-ratio:1 / 1;object-fit:cover;border-radius:.375rem;background:var(--qaid-q-progress-track);flex-shrink:0}.qaid-q-options--image-horizontal .qaid-q-option-body{flex-direction:row;align-items:center;gap:.75rem}.qaid-q-options--image-horizontal .qaid-q-option-body>:not(.qaid-q-option-image){flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-options--image-vertical{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option{flex-direction:column;align-items:stretch;text-align:center;padding:.75rem;gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option-body{align-items:center;text-align:center}.qaid-q-options--image-vertical .qaid-q-option-image{width:100%;height:auto;max-width:100%}.qaid-q-options--image-vertical .qaid-q-option-marker{position:absolute;top:.5rem;right:.5rem;margin-top:0}.qaid-q-options--image-vertical .qaid-q-option{position:relative}.qaid-q-options--image-vertical .qaid-q-option-key{position:absolute;top:.5rem;left:.5rem;align-self:auto}.qaid-q-option-label{font-weight:500;line-height:1.3}.qaid-q-option-desc{font-size:.8125em;color:var(--qaid-q-muted-fg);line-height:1.4}.qaid-q-option-key{flex-shrink:0;align-self:center;font-size:.7em;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;background:var(--qaid-q-progress-track);color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:var(--qaid-q-section-gap)}.qaid-q-footer--inline-progress{justify-content:flex-start;gap:.75rem}.qaid-q-footer-left,.qaid-q-footer-right{display:flex;gap:.5rem}.qaid-q-btn{padding:var(--qaid-q-btn-padding-y) var(--qaid-q-btn-padding-x);border-radius:var(--qaid-q-btn-radius);font-size:var(--qaid-q-btn-font-size, .9375em);font-weight:var(--qaid-q-btn-font-weight);border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s,color .15s;-webkit-appearance:none;appearance:none}.qaid-q-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-btn-secondary{background:var(--qaid-q-btn-secondary-bg);border-color:var(--qaid-q-btn-secondary-border);color:var(--qaid-q-btn-secondary-fg)}.qaid-q-btn-secondary:hover{background:var(--qaid-q-btn-secondary-hover-bg)}.qaid-q-btn-primary{background:var(--qaid-q-btn-primary-bg);color:var(--qaid-q-btn-primary-fg);border-color:var(--qaid-q-btn-primary-border)}.qaid-q-btn-primary:hover{filter:brightness(.9)}.qaid-q-btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.qaid-q-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.5rem 0;flex:1;min-height:0}.qaid-q-done-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--qaid-q-accent, #10b981) 18%,transparent);color:var(--qaid-q-accent, #10b981);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem}.qaid-q-done-title{font-size:1.25em;font-weight:700;margin:0}.qaid-q-done-message{color:var(--qaid-q-muted-fg);margin:0}.qaid-q-saving{display:inline-flex;align-items:center;gap:.375rem;font-size:.75em;color:var(--qaid-q-muted-fg);opacity:0;transition:opacity .2s}.qaid-q-saving.qaid-q-visible{opacity:1}.qaid-q-saving-dot{width:6px;height:6px;border-radius:50%;background:var(--qaid-q-accent, #10b981);animation:qaid-q-pulse 1.2s ease-in-out infinite}@keyframes qaid-q-pulse{0%,to{opacity:.3}50%{opacity:1}}:where(.qaid-q-root.qaid-q-unstyled) :where(.qaid-q-card,.qaid-q-header,.qaid-q-title,.qaid-q-description,.qaid-q-step,.qaid-q-label,.qaid-q-options,.qaid-q-option,.qaid-q-option-marker,.qaid-q-option-body,.qaid-q-option-label,.qaid-q-option-desc,.qaid-q-input,.qaid-q-textarea,.qaid-q-currency,.qaid-q-currency-prefix,.qaid-q-range,.qaid-q-range-wrap,.qaid-q-range-value,.qaid-q-btn,.qaid-q-footer,.qaid-q-progress,.qaid-q-progress-fill,.qaid-q-step-counter,.qaid-q-error,.qaid-q-saving,.qaid-q-done,.qaid-q-done-icon,.qaid-q-done-title,.qaid-q-done-message){all:unset;display:revert;box-sizing:border-box}.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid transparent;outline-offset:2px}@media(prefers-reduced-motion:reduce){.qaid-q-root *,.qaid-q-root *:before,.qaid-q-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.qaid-q-range::-webkit-slider-thumb{transition:none!important}.qaid-q-range::-moz-range-thumb{transition:none!important}}@media(forced-colors:active){.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid Highlight;outline-offset:2px}.qaid-q-card{border:1px solid CanvasText}.qaid-q-input,.qaid-q-textarea,.qaid-q-option{border-color:CanvasText}.qaid-q-option.qaid-q-selected{border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{forced-color-adjust:none;background:Highlight;border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{background:HighlightText}.qaid-q-progress{forced-color-adjust:none;background:Canvas;border:1px solid CanvasText}.qaid-q-progress-fill{forced-color-adjust:none;background:Highlight}}`;
+const D = ":where(.qaid-q-root){--qaid-q-card-radius: 0;--qaid-q-card-shadow: none;--qaid-q-btn-radius: 0;--qaid-q-option-radius: 0;--qaid-q-option-bg-selected: transparent;--qaid-q-input-radius: 0}", H = ":where(.qaid-q-root){--qaid-q-card-radius: 1.5rem;--qaid-q-btn-radius: 9999px;--qaid-q-btn-padding-x: 1.5rem;--qaid-q-option-radius: 9999px;--qaid-q-option-padding: .75rem 1.125rem;--qaid-q-input-radius: 9999px;--qaid-q-input-padding: .75rem 1.125rem}", O = ":where(.qaid-q-root){--qaid-q-card-padding: 1rem;--qaid-q-btn-padding-y: .5rem;--qaid-q-btn-padding-x: .875rem;--qaid-q-option-padding: .5rem .625rem;--qaid-q-input-padding: .5rem .625rem;--qaid-q-gap: .5rem;--qaid-q-section-gap: .875rem}", V = {
   default: "",
-  minimal: L,
-  pill: z,
-  dense: D
+  minimal: D,
+  pill: H,
+  dense: O
 };
-function H(t) {
+function R(t) {
   return V[t] ?? "";
 }
-function R(t, e, i) {
-  const [a, n, o] = [t, e, i].map((r) => (r = r / 255, r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4)));
-  return 0.2126 * a + 0.7152 * n + 0.0722 * o;
+function P(t, e, i) {
+  const [a, n, r] = [t, e, i].map((s) => (s = s / 255, s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4)));
+  return 0.2126 * a + 0.7152 * n + 0.0722 * r;
 }
-function O(t) {
+function j(t) {
   if (t.startsWith("#")) {
-    const i = t.slice(1), a = i.length === 3 ? i.split("").map((o) => o + o).join("") : i, n = parseInt(a, 16);
+    const i = t.slice(1), a = i.length === 3 ? i.split("").map((r) => r + r).join("") : i, n = parseInt(a, 16);
     return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
   }
   const e = t.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
   return e ? { r: parseInt(e[1]), g: parseInt(e[2]), b: parseInt(e[3]) } : null;
 }
-function w(t) {
-  const e = O(t);
-  return e && R(e.r, e.g, e.b) > 0.4 ? "black" : "white";
+function k(t) {
+  const e = j(t);
+  return e && P(e.r, e.g, e.b) > 0.4 ? "black" : "white";
 }
-function P(t = {}) {
+function U(t = {}) {
   const e = {};
-  return t.accentColor !== void 0 && (e["--qaid-q-accent"] = t.accentColor, e["--qaid-q-accent-text"] = w(t.accentColor)), t.errorColor !== void 0 && (e["--qaid-q-error"] = t.errorColor), t.focusColor !== void 0 && (e["--qaid-q-focus"] = t.focusColor, e["--qaid-q-focus-text"] = w(t.focusColor)), t.modalWidth !== void 0 && (e["--qaid-modal-width"] = `${t.modalWidth}px`), t.backdropOpacity !== void 0 && (e["--qaid-backdrop-opacity"] = String(t.backdropOpacity)), t.fontFamily !== void 0 && (e["--qaid-font-family"] = t.fontFamily), t.fontSize !== void 0 && (e["--qaid-font-size"] = `${t.fontSize}px`), e;
+  return t.accentColor !== void 0 && (e["--qaid-q-accent"] = t.accentColor, e["--qaid-q-accent-text"] = k(t.accentColor)), t.errorColor !== void 0 && (e["--qaid-q-error"] = t.errorColor), t.focusColor !== void 0 && (e["--qaid-q-focus"] = t.focusColor, e["--qaid-q-focus-text"] = k(t.focusColor)), t.modalWidth !== void 0 && (e["--qaid-modal-width"] = `${t.modalWidth}px`), t.backdropOpacity !== void 0 && (e["--qaid-backdrop-opacity"] = String(t.backdropOpacity)), t.fontFamily !== void 0 && (e["--qaid-font-family"] = t.fontFamily), t.fontSize !== void 0 && (e["--qaid-font-size"] = `${t.fontSize}px`), e;
 }
-function j(t, e) {
+function F(t, e) {
   for (const [i, a] of Object.entries(e))
     t.style.setProperty(i, a);
 }
-function U() {
-  return T;
+function M() {
+  return z;
 }
-function $(t) {
-  return H(t);
+function Q(t) {
+  return R(t);
 }
-function b(t) {
+function v(t) {
   let e = null;
   return {
     setInvalid(i) {
@@ -54,21 +54,21 @@ function b(t) {
     }
   };
 }
-function F(t) {
+function $(t) {
   switch (t.question.type) {
     case "text":
-      return M(t.question, t);
-    case "currency":
       return K(t.question, t);
-    case "range":
+    case "currency":
       return Y(t.question, t);
-    case "date":
+    case "range":
       return W(t.question, t);
+    case "date":
+      return G(t.question, t);
     case "multiple-choice":
-      return _(t.question, t);
+      return J(t.question, t);
   }
 }
-function M(t, e) {
+function K(t, e) {
   const i = typeof e.initialValue == "string" ? e.initialValue : "";
   let a;
   if (t.multiline) {
@@ -76,7 +76,7 @@ function M(t, e) {
     n.className = "qaid-q-textarea", n.value = i, t.placeholder && (n.placeholder = t.placeholder), t.maxLength && (n.maxLength = t.maxLength), a = n;
   } else {
     const n = document.createElement("input");
-    n.className = "qaid-q-input", n.type = t.inputType ?? "text", n.value = i, t.placeholder && (n.placeholder = t.placeholder), t.maxLength && (n.maxLength = t.maxLength), n.setAttribute("autocomplete", Q(t.inputType)), a = n;
+    n.className = "qaid-q-input", n.type = t.inputType ?? "text", n.value = i, t.placeholder && (n.placeholder = t.placeholder), t.maxLength && (n.maxLength = t.maxLength), n.setAttribute("autocomplete", B(t.inputType)), a = n;
   }
   return a.setAttribute("aria-label", t.label), t.required && a.setAttribute("aria-required", "true"), a.addEventListener("input", () => {
     e.onChange(a.value);
@@ -104,10 +104,10 @@ function M(t, e) {
       const n = a.value.trim();
       return !(n.length === 0 || t.minLength && n.length < t.minLength);
     },
-    ...b(a)
+    ...v(a)
   };
 }
-function Q(t) {
+function B(t) {
   switch (t) {
     case "email":
       return "email";
@@ -119,83 +119,83 @@ function Q(t) {
       return "off";
   }
 }
-function K(t, e) {
+function Y(t, e) {
   const i = document.createElement("div");
   i.className = "qaid-q-currency";
   const a = document.createElement("span");
-  a.className = "qaid-q-currency-prefix", a.textContent = B(t.currency ?? "USD", t.locale), i.appendChild(a);
+  a.className = "qaid-q-currency-prefix", a.textContent = _(t.currency ?? "USD", t.locale), i.appendChild(a);
   const n = document.createElement("input");
   return n.className = "qaid-q-input", n.type = "number", n.inputMode = "decimal", n.step = "0.01", typeof t.min == "number" && (n.min = String(t.min)), typeof t.max == "number" && (n.max = String(t.max)), t.placeholder && (n.placeholder = t.placeholder), typeof e.initialValue == "number" ? n.value = String(e.initialValue) : typeof e.initialValue == "string" && e.initialValue !== "" && (n.value = e.initialValue), n.setAttribute("aria-label", t.label), t.required && n.setAttribute("aria-required", "true"), n.addEventListener("input", () => {
-    const o = n.value;
-    if (o === "")
+    const r = n.value;
+    if (r === "")
       e.onChange(null);
     else {
-      const r = Number(o);
-      e.onChange(Number.isNaN(r) ? null : r);
+      const s = Number(r);
+      e.onChange(Number.isNaN(s) ? null : s);
     }
-  }), n.addEventListener("keydown", (o) => {
-    o.key === "Enter" && !o.isComposing && (o.preventDefault(), e.onSubmit());
+  }), n.addEventListener("keydown", (r) => {
+    r.key === "Enter" && !r.isComposing && (r.preventDefault(), e.onSubmit());
   }), i.appendChild(n), {
     element: i,
     focus: () => n.focus(),
     getValue: () => {
       if (n.value === "") return null;
-      const o = Number(n.value);
-      return Number.isNaN(o) ? null : o;
+      const r = Number(n.value);
+      return Number.isNaN(r) ? null : r;
     },
     isValid: () => {
-      const o = n.value === "" ? null : Number(n.value);
-      return !(t.required && (o === null || Number.isNaN(o)) || o !== null && !Number.isNaN(o) && (typeof t.min == "number" && o < t.min || typeof t.max == "number" && o > t.max));
+      const r = n.value === "" ? null : Number(n.value);
+      return !(t.required && (r === null || Number.isNaN(r)) || r !== null && !Number.isNaN(r) && (typeof t.min == "number" && r < t.min || typeof t.max == "number" && r > t.max));
     },
-    ...b(n)
+    ...v(n)
   };
 }
-function B(t, e) {
+function _(t, e) {
   try {
     return new Intl.NumberFormat(e, {
       style: "currency",
       currency: t,
       currencyDisplay: "narrowSymbol",
       maximumFractionDigits: 0
-    }).formatToParts(0).find((o) => o.type === "currency")?.value ?? t;
+    }).formatToParts(0).find((r) => r.type === "currency")?.value ?? t;
   } catch {
     return t;
   }
 }
-function Y(t, e) {
+function W(t, e) {
   const i = document.createElement("div");
   i.className = "qaid-q-range-wrap";
   const a = document.createElement("div");
   a.className = "qaid-q-range-value";
   const n = document.createElement("span");
   if (a.appendChild(n), t.unit) {
-    const s = document.createElement("span");
-    s.className = "qaid-q-range-unit", s.textContent = t.unit, a.appendChild(s);
+    const l = document.createElement("span");
+    l.className = "qaid-q-range-unit", l.textContent = t.unit, a.appendChild(l);
   }
-  const o = typeof e.initialValue == "number" ? e.initialValue : t.defaultValue ?? t.min, r = document.createElement("input");
-  r.className = "qaid-q-range", r.type = "range", r.min = String(t.min), r.max = String(t.max), r.step = String(t.step ?? 1), r.value = String(o), r.setAttribute("aria-label", t.label), r.setAttribute("aria-valuemin", String(t.min)), r.setAttribute("aria-valuemax", String(t.max));
-  const c = () => {
-    n.textContent = r.value, r.setAttribute("aria-valuenow", r.value);
+  const r = typeof e.initialValue == "number" ? e.initialValue : t.defaultValue ?? t.min, s = document.createElement("input");
+  s.className = "qaid-q-range", s.type = "range", s.min = String(t.min), s.max = String(t.max), s.step = String(t.step ?? 1), s.value = String(r), s.setAttribute("aria-label", t.label), s.setAttribute("aria-valuemin", String(t.min)), s.setAttribute("aria-valuemax", String(t.max));
+  const d = () => {
+    n.textContent = s.value, s.setAttribute("aria-valuenow", s.value);
   };
-  c(), r.addEventListener("input", () => {
-    c(), e.onChange(Number(r.value));
-  }), r.addEventListener("keydown", (s) => {
-    s.key === "Enter" && (s.preventDefault(), e.onSubmit());
+  d(), s.addEventListener("input", () => {
+    d(), e.onChange(Number(s.value));
+  }), s.addEventListener("keydown", (l) => {
+    l.key === "Enter" && (l.preventDefault(), e.onSubmit());
   });
-  const q = document.createElement("div");
-  q.className = "qaid-q-range-bounds";
-  const p = document.createElement("span");
-  p.textContent = `${t.min}${t.unit ?? ""}`;
+  const h = document.createElement("div");
+  h.className = "qaid-q-range-bounds";
+  const q = document.createElement("span");
+  q.textContent = `${t.min}${t.unit ?? ""}`;
   const m = document.createElement("span");
-  return m.textContent = `${t.max}${t.unit ?? ""}`, q.appendChild(p), q.appendChild(m), i.appendChild(a), i.appendChild(r), i.appendChild(q), queueMicrotask(() => e.onChange(Number(r.value))), {
+  return m.textContent = `${t.max}${t.unit ?? ""}`, h.appendChild(q), h.appendChild(m), i.appendChild(a), i.appendChild(s), i.appendChild(h), queueMicrotask(() => e.onChange(Number(s.value))), {
     element: i,
-    focus: () => r.focus(),
-    getValue: () => Number(r.value),
+    focus: () => s.focus(),
+    getValue: () => Number(s.value),
     isValid: () => !0,
-    ...b(r)
+    ...v(s)
   };
 }
-function W(t, e) {
+function G(t, e) {
   const i = document.createElement("input");
   return i.className = "qaid-q-input", i.type = "date", t.min && (i.min = t.min), t.max && (i.max = t.max), typeof e.initialValue == "string" && (i.value = e.initialValue), i.setAttribute("aria-label", t.label), t.required && i.setAttribute("aria-required", "true"), i.addEventListener("input", () => {
     e.onChange(i.value || null);
@@ -206,102 +206,132 @@ function W(t, e) {
     focus: () => i.focus(),
     getValue: () => i.value || null,
     isValid: () => t.required ? i.value !== "" : !0,
-    ...b(i)
+    ...v(i)
   };
 }
-function _(t, e) {
-  const i = document.createElement("div"), a = t.imageAlignment ?? "horizontal", o = t.options.some((s) => !!s.image) ? a === "vertical" ? " qaid-q-options--image-vertical" : " qaid-q-options--image-horizontal" : "";
-  i.className = `qaid-q-options${o}`, i.setAttribute("role", t.multiple ? "group" : "radiogroup"), i.setAttribute("aria-label", t.label), t.required && i.setAttribute("aria-required", "true");
-  const r = /* @__PURE__ */ new Set();
+function J(t, e) {
+  const i = document.createElement("div"), a = t.imageAlignment ?? "horizontal", r = t.options.some((l) => !!l.image) ? a === "vertical" ? " qaid-q-options--image-vertical" : " qaid-q-options--image-horizontal" : "";
+  i.className = `qaid-q-options${r}`, i.setAttribute("role", t.multiple ? "group" : "radiogroup"), i.setAttribute("aria-label", t.label), t.required && i.setAttribute("aria-required", "true");
+  const s = /* @__PURE__ */ new Set();
   if (t.multiple && Array.isArray(e.initialValue))
-    for (const s of e.initialValue) r.add(s);
-  else !t.multiple && typeof e.initialValue == "string" && r.add(e.initialValue);
-  const c = [];
-  t.options.forEach((s, u) => {
-    const d = document.createElement("button");
-    d.type = "button", d.className = `qaid-q-option${t.multiple ? " qaid-q-multi" : ""}`, d.dataset.value = s.value, d.setAttribute("role", t.multiple ? "checkbox" : "radio"), d.setAttribute("aria-checked", r.has(s.value) ? "true" : "false"), r.has(s.value) && d.classList.add("qaid-q-selected");
+    for (const l of e.initialValue) s.add(l);
+  else !t.multiple && typeof e.initialValue == "string" && s.add(e.initialValue);
+  const d = [];
+  t.options.forEach((l, u) => {
+    const c = document.createElement("button");
+    c.type = "button", c.className = `qaid-q-option${t.multiple ? " qaid-q-multi" : ""}`, c.dataset.value = l.value, c.setAttribute("role", t.multiple ? "checkbox" : "radio"), c.setAttribute("aria-checked", s.has(l.value) ? "true" : "false"), s.has(l.value) && c.classList.add("qaid-q-selected");
+    const p = document.createElement("span");
+    p.className = "qaid-q-option-marker", p.setAttribute("aria-hidden", "true");
     const f = document.createElement("span");
-    f.className = "qaid-q-option-marker", f.setAttribute("aria-hidden", "true");
-    const g = document.createElement("span");
-    if (g.className = "qaid-q-option-body", s.image) {
-      const l = document.createElement("img");
-      l.className = "qaid-q-option-image", l.src = s.image, l.alt = "", l.loading = "lazy", l.decoding = "async", g.appendChild(l);
+    if (f.className = "qaid-q-option-body", l.image) {
+      const o = document.createElement("img");
+      o.className = "qaid-q-option-image", o.src = l.image, o.alt = "", o.loading = "lazy", o.decoding = "async", f.appendChild(o);
     }
-    const h = document.createElement("span");
-    if (h.className = "qaid-q-option-label", h.textContent = s.label, g.appendChild(h), s.description) {
-      const l = document.createElement("span");
-      l.className = "qaid-q-option-desc", l.textContent = s.description, g.appendChild(l);
+    const g = document.createElement("span");
+    if (g.className = "qaid-q-option-label", g.textContent = l.label, f.appendChild(g), l.description) {
+      const o = document.createElement("span");
+      o.className = "qaid-q-option-desc", o.textContent = l.description, f.appendChild(o);
     }
-    if (d.appendChild(f), d.appendChild(g), u < 9) {
-      const l = document.createElement("span");
-      l.className = "qaid-q-option-key", l.textContent = String(u + 1), l.setAttribute("aria-hidden", "true"), d.appendChild(l);
+    if (c.appendChild(p), c.appendChild(f), u < 9) {
+      const o = document.createElement("span");
+      o.className = "qaid-q-option-key", o.textContent = String(u + 1), o.setAttribute("aria-hidden", "true"), c.appendChild(o);
     }
-    d.addEventListener("click", () => p(u)), d.addEventListener("keydown", (l) => {
-      if (l.key === "ArrowDown" || l.key === "ArrowRight") {
-        l.preventDefault(), q((u + 1) % c.length);
+    c.addEventListener("click", () => q(u)), c.addEventListener("keydown", (o) => {
+      if (o.key === "ArrowDown" || o.key === "ArrowRight") {
+        o.preventDefault(), h((u + 1) % d.length);
         return;
       }
-      if (l.key === "ArrowUp" || l.key === "ArrowLeft") {
-        l.preventDefault(), q((u - 1 + c.length) % c.length);
+      if (o.key === "ArrowUp" || o.key === "ArrowLeft") {
+        o.preventDefault(), h((u - 1 + d.length) % d.length);
         return;
       }
-      !t.multiple && l.key === "Enter" && r.size > 0 && (l.preventDefault(), e.onSubmit());
-    }), c.push(d), i.appendChild(d);
-  }), i.addEventListener("keydown", (s) => {
-    const u = s.key;
+      !t.multiple && o.key === "Enter" && s.size > 0 && (o.preventDefault(), e.onSubmit());
+    }), d.push(c), i.appendChild(c);
+  }), i.addEventListener("keydown", (l) => {
+    const u = l.key;
     if (u.length === 1 && u >= "1" && u <= "9") {
-      const d = parseInt(u, 10) - 1;
-      d < c.length && (s.preventDefault(), p(d), q(d));
+      const c = parseInt(u, 10) - 1;
+      c < d.length && (l.preventDefault(), q(c), h(c));
     }
   });
-  function q(s) {
-    c[s]?.focus();
+  function h(l) {
+    d[l]?.focus();
   }
-  function p(s) {
-    const u = t.options[s].value;
-    t.multiple ? r.has(u) ? r.delete(u) : r.add(u) : (r.clear(), r.add(u)), c.forEach((d) => {
-      const f = d.dataset.value, g = r.has(f);
-      d.classList.toggle("qaid-q-selected", g), d.setAttribute("aria-checked", g ? "true" : "false");
+  function q(l) {
+    const u = t.options[l].value;
+    t.multiple ? s.has(u) ? s.delete(u) : s.add(u) : (s.clear(), s.add(u)), d.forEach((c) => {
+      const p = c.dataset.value, f = s.has(p);
+      c.classList.toggle("qaid-q-selected", f), c.setAttribute("aria-checked", f ? "true" : "false");
     }), e.onChange(m()), !t.multiple && e.autoAdvance && setTimeout(() => e.onAutoAdvance(), 180);
   }
   function m() {
-    if (t.multiple) return Array.from(r);
-    const s = r.values().next();
-    return s.done ? null : s.value;
+    if (t.multiple) return Array.from(s);
+    const l = s.values().next();
+    return l.done ? null : l.value;
   }
   return {
     element: i,
     focus: () => {
-      (c.find((u) => u.classList.contains("qaid-q-selected")) ?? c[0])?.focus();
+      (d.find((u) => u.classList.contains("qaid-q-selected")) ?? d[0])?.focus();
     },
     getValue: () => m(),
-    isValid: () => t.required ? r.size > 0 : !0,
-    ...b(i)
+    isValid: () => t.required ? s.size > 0 : !0,
+    ...v(i)
   };
 }
-function G(t, e) {
+function C(t, e) {
   return t.questions.filter(
-    (i) => i.visibleIf ? x(i.visibleIf, e) : !0
+    (i) => i.visibleIf ? w(i.visibleIf, e) : !0
   );
 }
-function x(t, e) {
+function w(t, e) {
   if ("allOf" in t) {
     for (const n of t.allOf)
-      if (!x(n, e)) return !1;
+      if (!w(n, e)) return !1;
     return !0;
   }
   if ("anyOf" in t) {
     for (const n of t.anyOf)
-      if (x(n, e)) return !0;
+      if (w(n, e)) return !0;
     return !1;
   }
   const i = e[t.questionId], a = i != null && !(typeof i == "string" && i.trim() === "") && !(Array.isArray(i) && i.length === 0);
-  return "answered" in t ? t.answered ? a : !a : a ? "equals" in t ? y(i, t.equals) : "notEquals" in t ? !y(i, t.notEquals) : "in" in t ? t.in.some((n) => y(i, n)) : !1 : !1;
+  return "answered" in t ? t.answered ? a : !a : a ? "equals" in t ? x(i, t.equals) : "notEquals" in t ? !x(i, t.notEquals) : "in" in t ? t.in.some((n) => x(i, n)) : !1 : !1;
 }
-function y(t, e) {
+function x(t, e) {
   return Array.isArray(t) ? t.some((i) => i === e) : t === e;
 }
-const k = "data-qaid-a11y-live", J = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", X = [
+const X = 360, E = 2;
+function Z(t) {
+  const e = t.scrollHeight - t.clientHeight;
+  return e <= E ? "none" : t.scrollTop <= E ? "top" : t.scrollTop >= e - E ? "bottom" : "middle";
+}
+function ee(t, e) {
+  const i = Z(t);
+  if (t.setAttribute("data-qaid-scroll", i), e) {
+    const a = i === "top" || i === "middle";
+    e.hidden = !a;
+  }
+  return i;
+}
+function te(t, e) {
+  const i = e > 0 && e < X ? "compact" : "roomy";
+  return t.setAttribute("data-qaid-fit", i), i;
+}
+function ie(t, e, i) {
+  const a = () => {
+    ee(t, i), te(e, t.clientHeight);
+  };
+  t.addEventListener("scroll", a, { passive: !0 });
+  let n = null;
+  return typeof ResizeObserver == "function" && (n = new ResizeObserver(a), n.observe(t)), a(), {
+    refresh: a,
+    destroy() {
+      t.removeEventListener("scroll", a), n?.disconnect();
+    }
+  };
+}
+const A = "data-qaid-a11y-live", ae = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", ne = [
   "a[href]",
   "button",
   "input",
@@ -309,25 +339,25 @@ const k = "data-qaid-a11y-live", J = "position:absolute;width:1px;height:1px;mar
   "select",
   "[tabindex]"
 ].join(",");
-function Z(t) {
+function re(t) {
   return t.ownerDocument || document;
 }
-function ee(t, e) {
+function se(t, e) {
   const i = e ? "assertive" : "polite", a = t.querySelector(
-    `[${k}="${i}"]`
+    `[${A}="${i}"]`
   );
   if (a) return a;
-  const o = Z(t).createElement("div");
-  return o.setAttribute(k, i), o.setAttribute("role", e ? "alert" : "status"), o.setAttribute("aria-live", e ? "assertive" : "polite"), o.setAttribute("aria-atomic", "true"), o.style.cssText = J, t.appendChild(o), o;
+  const r = re(t).createElement("div");
+  return r.setAttribute(A, i), r.setAttribute("role", e ? "alert" : "status"), r.setAttribute("aria-live", e ? "assertive" : "polite"), r.setAttribute("aria-atomic", "true"), r.style.cssText = ae, t.appendChild(r), r;
 }
-function v(t, e, i = {}) {
-  const a = ee(t, !!i.assertive);
+function y(t, e, i = {}) {
+  const a = se(t, !!i.assertive);
   a.textContent = "", a.textContent = e;
 }
-function te(t) {
+function oe(t) {
   return t.hasAttribute("disabled") ? !0 : t.disabled === !0;
 }
-function ie(t) {
+function de(t) {
   let e = t;
   for (; e; ) {
     if (e.hasAttribute("hidden")) return !0;
@@ -338,52 +368,52 @@ function ie(t) {
   }
   return !1;
 }
-function C(t) {
+function S(t) {
   return Array.from(
-    t.querySelectorAll(X)
-  ).filter((i) => !(i.getAttribute("tabindex") === "-1" || i instanceof HTMLInputElement && i.type === "hidden" || i instanceof HTMLAnchorElement && !i.getAttribute("href") || te(i) || ie(i)));
+    t.querySelectorAll(ne)
+  ).filter((i) => !(i.getAttribute("tabindex") === "-1" || i instanceof HTMLInputElement && i.type === "hidden" || i instanceof HTMLAnchorElement && !i.getAttribute("href") || oe(i) || de(i)));
 }
-function S(t) {
+function N(t) {
   let e = t.activeElement;
   for (; e && e.shadowRoot && e.shadowRoot.activeElement; )
     e = e.shadowRoot.activeElement;
   return e instanceof HTMLElement ? e : null;
 }
-function ae(t) {
+function le(t) {
   const e = t.ownerDocument || document;
   let i = !1;
-  const a = (o) => {
-    if (o.key !== "Tab") return;
-    const r = C(t);
-    if (r.length === 0) {
-      o.preventDefault(), t.focus();
+  const a = (r) => {
+    if (r.key !== "Tab") return;
+    const s = S(t);
+    if (s.length === 0) {
+      r.preventDefault(), t.focus();
       return;
     }
-    const c = r[0], q = r[r.length - 1], p = S(e), m = p ? r.indexOf(p) !== -1 : !1;
-    o.shiftKey ? (!m || p === c) && (o.preventDefault(), q.focus()) : (!m || p === q) && (o.preventDefault(), c.focus());
+    const d = s[0], h = s[s.length - 1], q = N(e), m = q ? s.indexOf(q) !== -1 : !1;
+    r.shiftKey ? (!m || q === d) && (r.preventDefault(), h.focus()) : (!m || q === h) && (r.preventDefault(), d.focus());
   };
   t.addEventListener("keydown", a);
-  const n = C(t);
+  const n = S(t);
   return n.length > 0 ? n[0].focus() : (t.hasAttribute("tabindex") || (t.setAttribute("tabindex", "-1"), i = !0), t.focus()), {
     release() {
       t.removeEventListener("keydown", a), i && (t.removeAttribute("tabindex"), i = !1);
     }
   };
 }
-function ne() {
-  return S(document);
+function ce() {
+  return N(document);
 }
-function re(t) {
+function ue(t) {
   if (!(!t || typeof t.focus != "function"))
     try {
       t.focus();
     } catch {
     }
 }
-function oe(t, e = {}) {
+function he(t, e = {}) {
   t.setAttribute("role", "dialog"), t.setAttribute("aria-modal", "true"), e.labelledbyId && t.setAttribute("aria-labelledby", e.labelledbyId), e.describedbyId && t.setAttribute("aria-describedby", e.describedbyId), e.label && t.setAttribute("aria-label", e.label);
 }
-function se(t, e) {
+function pe(t, e) {
   let i = t;
   for (; i && i !== e; ) {
     const a = i.parentNode;
@@ -397,33 +427,33 @@ function se(t, e) {
   }
   return null;
 }
-function de(t) {
+function qe(t) {
   const i = (t.ownerDocument || document).body;
   if (!i) return () => {
   };
-  const a = se(t, i), n = [];
-  return Array.from(i.children).forEach((o) => {
-    if (!(o instanceof HTMLElement) || a && o === a) return;
-    const r = o.inert === !0, c = o.getAttribute("aria-hidden");
-    r && c === "true" || (o.inert = !0, o.setAttribute("aria-hidden", "true"), n.push({ el: o, prevInert: r, prevAriaHidden: c }));
+  const a = pe(t, i), n = [];
+  return Array.from(i.children).forEach((r) => {
+    if (!(r instanceof HTMLElement) || a && r === a) return;
+    const s = r.inert === !0, d = r.getAttribute("aria-hidden");
+    s && d === "true" || (r.inert = !0, r.setAttribute("aria-hidden", "true"), n.push({ el: r, prevInert: s, prevAriaHidden: d }));
   }), function() {
     for (; n.length; ) {
-      const r = n.pop();
-      r && (r.el.inert = r.prevInert, r.prevAriaHidden === null ? r.el.removeAttribute("aria-hidden") : r.el.setAttribute("aria-hidden", r.prevAriaHidden));
+      const s = n.pop();
+      s && (s.el.inert = s.prevInert, s.prevAriaHidden === null ? s.el.removeAttribute("aria-hidden") : s.el.setAttribute("aria-hidden", s.prevAriaHidden));
     }
   };
 }
-const A = "qaid_visitor_id";
-function le() {
+const I = "qaid_visitor_id";
+function me() {
   try {
-    let t = localStorage.getItem(A);
-    return t || (t = crypto.randomUUID(), localStorage.setItem(A, t)), t;
+    let t = localStorage.getItem(I);
+    return t || (t = crypto.randomUUID(), localStorage.setItem(I, t)), t;
   } catch {
     return crypto.randomUUID();
   }
 }
-const ce = '<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none"/></svg>', ue = '<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12l4 4L19 7" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>';
-class he {
+const fe = '<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none"/></svg>', ge = '<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12l4 4L19 7" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>';
+class be {
   config;
   questionnaire = null;
   inlineQuestionnaire;
@@ -437,6 +467,15 @@ class he {
   // Latched goToStep request when called before init finishes. Applied
   // once the questionnaire + visible list are ready.
   pendingGoToStep = null;
+  // Latched update() request, for the same reason: a host that swaps the
+  // questionnaire while init is still in flight would otherwise have its
+  // questionnaire overwritten by the one init is already loading.
+  pendingUpdate = null;
+  // Consumed by the next renderStep(). Set by update(), because a host
+  // swapping the questionnaire is not the reader navigating: pulling focus
+  // into the form would take it off whatever they are actually using — in
+  // an editor preview, the field they are typing the questionnaire into.
+  suppressStepFocus = !1;
   // True after the first step has rendered. Used so the focus-on-step
   // logic in renderStep() can distinguish initial mount (driven by the
   // `autoFocus` config) from subsequent step changes (always focused so
@@ -463,6 +502,8 @@ class he {
   progressEl = null;
   progressFillEl = null;
   bodyEl = null;
+  scrollCueEl = null;
+  overflow = null;
   footerEl = null;
   savingEl = null;
   backdropEl = null;
@@ -538,10 +579,10 @@ class he {
       backdropOpacity: e.backdropOpacity,
       fontFamily: e.fontFamily,
       fontSize: e.fontSize
-    }, this.themeUrl = e.themeUrl, this.themeDocument = e.themeDocument, this.hostCss = e.css ?? "", this.metadata = e.metadata, this.onCompleteCb = e.onComplete, this.onCloseCb = e.onClose, this.inlineQuestionnaire = e.questionnaire, this.configUrl = e.configUrl, this.visitorId = le(), this.boundKeyDown = this.handleKeyDown.bind(this), this.init();
+    }, this.themeUrl = e.themeUrl, this.themeDocument = e.themeDocument, this.hostCss = e.css ?? "", this.metadata = e.metadata, this.onCompleteCb = e.onComplete, this.onCloseCb = e.onClose, this.inlineQuestionnaire = e.questionnaire, this.configUrl = e.configUrl, this.visitorId = me(), this.boundKeyDown = this.handleKeyDown.bind(this), this.init();
   }
   async init() {
-    this.cssVars = P(this.hostInlineVars), this.mountShell(), this.renderLoading();
+    this.cssVars = U(this.hostInlineVars), this.mountShell(), this.renderLoading();
     try {
       const [e, i] = await Promise.all([
         this.loadQuestionnaire(),
@@ -549,7 +590,7 @@ class he {
       ]);
       if (!e || !e.questions || e.questions.length === 0)
         throw new Error("Questionnaire is empty");
-      if (this.questionnaire = e, this.applyResolvedTheme(i), this.recomputeVisible(), this.pendingGoToStep) {
+      if (this.questionnaire = this.pendingUpdate ?? e, this.pendingUpdate = null, this.applyResolvedTheme(i), this.recomputeVisible(), this.pendingGoToStep) {
         const a = this.visibleQuestions.findIndex(
           (n) => n.id === this.pendingGoToStep
         );
@@ -599,23 +640,23 @@ class he {
       "qaid-q-theme-dark",
       a === "dark"
     ), this.rootEl.classList.toggle("qaid-q-unstyled", !!n);
-    const o = [];
+    const r = [];
     if (e?.tokens && Object.keys(e.tokens).length > 0) {
-      const r = Object.entries(e.tokens).filter(([, c]) => typeof c == "string" && c.trim() !== "").map(([c, q]) => `  ${c}: ${q};`).join(`
+      const s = Object.entries(e.tokens).filter(([, d]) => typeof d == "string" && d.trim() !== "").map(([d, h]) => `  ${d}: ${h};`).join(`
 `);
-      r && o.push(`:where(.qaid-q-root) {
-${r}
+      s && r.push(`:where(.qaid-q-root) {
+${s}
 }`);
     }
     if (i && i !== "default") {
-      const r = $(i);
-      r && o.push(r);
+      const s = Q(i);
+      s && r.push(s);
     }
-    if (e?.css && e.css.trim() !== "" && o.push(e.css), this.hostCss && this.hostCss.trim() !== "" && o.push(this.hostCss), o.length > 0) {
-      const r = document.createElement("style");
-      r.setAttribute("data-qaid-q-theme", ""), r.textContent = o.join(`
+    if (e?.css && e.css.trim() !== "" && r.push(e.css), this.hostCss && this.hostCss.trim() !== "" && r.push(this.hostCss), r.length > 0) {
+      const s = document.createElement("style");
+      s.setAttribute("data-qaid-q-theme", ""), s.textContent = r.join(`
 
-`), this.shadowRoot.appendChild(r);
+`), this.shadowRoot.appendChild(s);
     }
   }
   // ------------------------------------------------------------------
@@ -638,26 +679,26 @@ ${r}
   mountShell() {
     this.shadowHost = document.createElement("div"), this.shadowHost.setAttribute("data-qaid-quests", "");
     const e = this.config.container ? document.querySelector(this.config.container) : null;
-    e ? (this.shadowHost.style.display = "block", this.shadowHost.style.height = "100%", this.shadowHost.style.minHeight = "0", e.appendChild(this.shadowHost), this.isUserContainer = !0) : (this.savedOpener = ne(), this.shadowHost.style.position = "fixed", this.shadowHost.style.inset = "0", this.shadowHost.style.zIndex = String(this.config.zIndex), this.shadowHost.style.pointerEvents = "none", document.body.appendChild(this.shadowHost)), this.shadowRoot = this.shadowHost.attachShadow({ mode: "open" });
+    e ? (this.shadowHost.style.display = "block", this.shadowHost.style.height = "100%", this.shadowHost.style.minHeight = "0", e.appendChild(this.shadowHost), this.isUserContainer = !0) : (this.savedOpener = ce(), this.shadowHost.style.position = "fixed", this.shadowHost.style.inset = "0", this.shadowHost.style.zIndex = String(this.config.zIndex), this.shadowHost.style.pointerEvents = "none", document.body.appendChild(this.shadowHost)), this.shadowRoot = this.shadowHost.attachShadow({ mode: "open" });
     const i = document.createElement("style");
-    if (i.textContent = U(), this.shadowRoot.appendChild(i), this.rootEl = document.createElement("div"), this.rootEl.className = [
+    if (i.textContent = M(), this.shadowRoot.appendChild(i), this.rootEl = document.createElement("div"), this.rootEl.className = [
       "qaid-q-root",
       this.isUserContainer ? "qaid-q-inline" : "",
       this.config.animate ? "" : "qaid-q-no-motion"
-    ].filter(Boolean).join(" "), j(this.rootEl, this.cssVars), this.isUserContainer)
+    ].filter(Boolean).join(" "), F(this.rootEl, this.cssVars), this.isUserContainer)
       this.cardEl = document.createElement("div"), this.cardEl.className = "qaid-q-card", this.rootEl.appendChild(this.cardEl);
     else {
       this.backdropEl = document.createElement("div"), this.backdropEl.className = "qaid-q-backdrop", this.backdropEl.addEventListener("click", () => this.close()), this.rootEl.appendChild(this.backdropEl);
       const a = document.createElement("div");
       a.className = "qaid-q-modal", this.cardEl = document.createElement("div"), this.cardEl.className = "qaid-q-card", a.appendChild(this.cardEl), this.rootEl.appendChild(a);
     }
-    this.shadowRoot.appendChild(this.rootEl), !this.isUserContainer && this.shadowHost && (this.shadowHost.style.pointerEvents = "auto"), !this.isUserContainer && this.cardEl && oe(this.cardEl), document.addEventListener("keydown", this.boundKeyDown);
+    this.shadowRoot.appendChild(this.rootEl), !this.isUserContainer && this.shadowHost && (this.shadowHost.style.pointerEvents = "auto"), !this.isUserContainer && this.cardEl && he(this.cardEl), document.addEventListener("keydown", this.boundKeyDown);
   }
   renderLoading() {
     if (!this.cardEl) return;
     this.cardEl.replaceChildren();
     const e = document.createElement("p");
-    e.className = "qaid-q-description", e.textContent = "Loading…", this.cardEl.appendChild(e), this.shadowRoot && v(this.shadowRoot, "Loading");
+    e.className = "qaid-q-description", e.textContent = "Loading…", this.cardEl.appendChild(e), this.shadowRoot && y(this.shadowRoot, "Loading");
   }
   renderError(e) {
     if (!this.cardEl) return;
@@ -665,7 +706,7 @@ ${r}
     const i = document.createElement("h3");
     i.className = "qaid-q-title", i.textContent = "Couldn't load form";
     const a = e instanceof Error ? e.message : String(e), n = document.createElement("p");
-    n.className = "qaid-q-description", n.textContent = a, this.cardEl.appendChild(i), this.cardEl.appendChild(n), this.shadowRoot && v(this.shadowRoot, `Couldn't load form. ${a}`, {
+    n.className = "qaid-q-description", n.textContent = a, this.cardEl.appendChild(i), this.cardEl.appendChild(n), this.shadowRoot && y(this.shadowRoot, `Couldn't load form. ${a}`, {
       assertive: !0
     });
   }
@@ -675,93 +716,94 @@ ${r}
   renderHeader() {
     if (!this.cardEl || !this.questionnaire) return;
     this.cardEl.replaceChildren();
-    const e = !!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1, i = !e && this.effectiveProgressPosition() === "bottom", a = !!this.questionnaire.hideTitle, n = !!this.questionnaire.title && !a, o = !!this.questionnaire.description && !a, r = !this.isUserContainer, c = r || !i && !e;
+    const e = !!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1, i = !e && this.effectiveProgressPosition() === "bottom", a = !!this.questionnaire.hideTitle, n = !!this.questionnaire.title && !a, r = !!this.questionnaire.description && !a, s = !this.isUserContainer, d = s || !i && !e;
     this.savingEl = document.createElement("div"), this.savingEl.className = "qaid-q-saving";
+    const h = document.createElement("span");
+    h.className = "qaid-q-saving-dot";
     const q = document.createElement("span");
-    q.className = "qaid-q-saving-dot";
-    const p = document.createElement("span");
-    p.textContent = "Saving…", this.savingEl.appendChild(q), this.savingEl.appendChild(p), this.stepCounterEl = document.createElement("div"), this.stepCounterEl.className = "qaid-q-step-counter", this.progressEl = document.createElement("div"), this.progressEl.className = i ? "qaid-q-progress qaid-q-progress--inline" : "qaid-q-progress", this.progressFillEl = document.createElement("div"), this.progressFillEl.className = "qaid-q-progress-fill", this.progressEl.appendChild(this.progressFillEl);
-    const m = n || c;
+    q.textContent = "Saving…", this.savingEl.appendChild(h), this.savingEl.appendChild(q), this.stepCounterEl = document.createElement("div"), this.stepCounterEl.className = "qaid-q-step-counter", this.progressEl = document.createElement("div"), this.progressEl.className = i ? "qaid-q-progress qaid-q-progress--inline" : "qaid-q-progress", this.progressFillEl = document.createElement("div"), this.progressFillEl.className = "qaid-q-progress-fill", this.progressEl.appendChild(this.progressFillEl);
+    const m = n || d;
     if (m) {
-      const s = document.createElement("div");
-      s.className = "qaid-q-header";
+      const l = document.createElement("div");
+      l.className = "qaid-q-header";
       const u = document.createElement("div");
       n && (this.titleEl = document.createElement("h2"), this.titleEl.className = "qaid-q-title", this.titleEl.textContent = this.questionnaire.title, u.appendChild(this.titleEl));
-      const d = document.createElement("div");
-      if (d.style.display = "flex", d.style.alignItems = "center", d.style.gap = "0.5rem", i || (d.appendChild(this.savingEl), e || d.appendChild(this.stepCounterEl)), r) {
-        const f = document.createElement("button");
-        f.type = "button", f.className = "qaid-q-close", f.setAttribute("aria-label", "Close form"), f.innerHTML = ce, f.addEventListener("click", () => this.close()), d.appendChild(f);
+      const c = document.createElement("div");
+      if (c.style.display = "flex", c.style.alignItems = "center", c.style.gap = "0.5rem", i || (c.appendChild(this.savingEl), e || c.appendChild(this.stepCounterEl)), s) {
+        const p = document.createElement("button");
+        p.type = "button", p.className = "qaid-q-close", p.setAttribute("aria-label", "Close form"), p.innerHTML = fe, p.addEventListener("click", () => this.close()), c.appendChild(p);
       }
-      s.appendChild(u), s.appendChild(d), this.cardEl.appendChild(s);
+      l.appendChild(u), l.appendChild(c), this.cardEl.appendChild(l);
     }
     if (!this.isUserContainer && this.cardEl && (this.titleEl ? (this.titleEl.id = this.titleEl.id || "qaid-q-dialog-title", this.cardEl.setAttribute("aria-labelledby", this.titleEl.id), this.cardEl.removeAttribute("aria-label")) : (this.cardEl.removeAttribute("aria-labelledby"), this.cardEl.setAttribute(
       "aria-label",
       this.questionnaire.title ?? "Questionnaire"
-    ))), o) {
-      const s = document.createElement("p");
-      s.className = "qaid-q-description", s.textContent = this.questionnaire.description, s.style.marginTop = m ? "-0.5rem" : "0", s.style.marginBottom = "0.75rem", this.cardEl.appendChild(s);
+    ))), r) {
+      const l = document.createElement("p");
+      l.className = "qaid-q-description", l.textContent = this.questionnaire.description, l.style.marginTop = m ? "-0.5rem" : "0", l.style.marginBottom = "0.75rem", this.cardEl.appendChild(l);
     }
-    !i && !e && this.cardEl.appendChild(this.progressEl), this.bodyEl = document.createElement("div"), this.bodyEl.className = "qaid-q-body", this.cardEl.appendChild(this.bodyEl), this.footerEl = document.createElement("div"), this.footerEl.className = "qaid-q-footer", this.cardEl.appendChild(this.footerEl);
+    !i && !e && this.cardEl.appendChild(this.progressEl), this.bodyEl = document.createElement("div"), this.bodyEl.className = "qaid-q-body", this.cardEl.appendChild(this.bodyEl), this.footerEl = document.createElement("div"), this.footerEl.className = "qaid-q-footer", this.cardEl.appendChild(this.footerEl), this.scrollCueEl = document.createElement("div"), this.scrollCueEl.className = "qaid-q-scroll-cue", this.scrollCueEl.setAttribute("aria-hidden", "true"), this.scrollCueEl.hidden = !0, this.scrollCueEl.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>', this.bodyEl.appendChild(this.scrollCueEl), this.overflow = ie(this.bodyEl, this.cardEl, this.scrollCueEl);
   }
   // ------------------------------------------------------------------
   // Step rendering
   // ------------------------------------------------------------------
   renderStep() {
-    if (!this.questionnaire || !this.bodyEl || !this.footerEl) return;
-    const e = this.visibleQuestions.length;
-    if (e === 0) {
+    const e = this.suppressStepFocus;
+    if (this.suppressStepFocus = !1, !this.questionnaire || !this.bodyEl || !this.footerEl) return;
+    const i = this.visibleQuestions.length;
+    if (i === 0) {
       this.submit();
       return;
     }
-    this.stepIndex >= e && (this.stepIndex = e - 1);
-    const i = this.stepIndex, a = this.visibleQuestions[i];
-    if (this.stepCounterEl && (this.stepCounterEl.textContent = `${i + 1} / ${e}`), this.progressFillEl) {
-      const h = (i + 1) / e * 100;
-      this.progressFillEl.style.width = `${h}%`;
+    this.stepIndex >= i && (this.stepIndex = i - 1);
+    const a = this.stepIndex, n = this.visibleQuestions[a];
+    if (this.stepCounterEl && (this.stepCounterEl.textContent = `${a + 1} / ${i}`), this.progressFillEl) {
+      const o = (a + 1) / i * 100;
+      this.progressFillEl.style.width = `${o}%`;
     }
-    this.progressEl && (this.progressEl.setAttribute("role", "progressbar"), this.progressEl.setAttribute("aria-label", "Progress"), this.progressEl.setAttribute("aria-valuemin", "0"), this.progressEl.setAttribute("aria-valuemax", String(e)), this.progressEl.setAttribute("aria-valuenow", String(i + 1)), this.progressEl.setAttribute(
+    this.progressEl && (this.progressEl.setAttribute("role", "progressbar"), this.progressEl.setAttribute("aria-label", "Progress"), this.progressEl.setAttribute("aria-valuemin", "0"), this.progressEl.setAttribute("aria-valuemax", String(i)), this.progressEl.setAttribute("aria-valuenow", String(a + 1)), this.progressEl.setAttribute(
       "aria-valuetext",
-      `Question ${i + 1} of ${e}`
-    )), this.shadowRoot && e > 1 && v(this.shadowRoot, `Step ${i + 1} of ${e}`);
-    const n = document.createElement("div");
-    n.className = "qaid-q-step", n.setAttribute("role", "group"), n.setAttribute("aria-labelledby", `qaid-q-label-${i}`);
-    const o = document.createElement("label");
-    if (o.id = `qaid-q-label-${i}`, o.className = "qaid-q-label", o.textContent = a.label, a.required) {
-      const h = document.createElement("span");
-      h.className = "qaid-q-required", h.textContent = "*", h.setAttribute("aria-label", "required"), o.appendChild(h);
+      `Question ${a + 1} of ${i}`
+    )), this.shadowRoot && i > 1 && y(this.shadowRoot, `Step ${a + 1} of ${i}`);
+    const r = document.createElement("div");
+    r.className = "qaid-q-step", r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", `qaid-q-label-${a}`);
+    const s = document.createElement("label");
+    if (s.id = `qaid-q-label-${a}`, s.className = "qaid-q-label", s.textContent = n.label, n.required) {
+      const o = document.createElement("span");
+      o.className = "qaid-q-required", o.textContent = "*", o.setAttribute("aria-label", "required"), s.appendChild(o);
     }
-    if (n.appendChild(o), a.description) {
-      const h = document.createElement("p");
-      h.className = "qaid-q-description", h.textContent = a.description, n.appendChild(h);
+    if (r.appendChild(s), n.description) {
+      const o = document.createElement("p");
+      o.className = "qaid-q-description", o.textContent = n.description, r.appendChild(o);
     }
-    const r = document.createElement("p");
-    r.className = "qaid-q-error", r.id = `qaid-q-error-${i}`, r.setAttribute("aria-live", "polite");
-    const c = this.answers[a.id] ?? null, q = i === e - 1, p = F({
-      question: a,
-      initialValue: c,
-      onChange: (h) => {
-        this.handleAnswerChange(a, h), r.textContent && (r.textContent = "", this.currentInput?.clearInvalid());
+    const d = document.createElement("p");
+    d.className = "qaid-q-error", d.id = `qaid-q-error-${a}`, d.setAttribute("aria-live", "polite");
+    const h = this.answers[n.id] ?? null, q = a === i - 1, m = $({
+      question: n,
+      initialValue: h,
+      onChange: (o) => {
+        this.handleAnswerChange(n, o), d.textContent && (d.textContent = "", this.currentInput?.clearInvalid());
       },
-      onSubmit: () => this.advance(a, r),
-      onAutoAdvance: () => this.advance(a, r),
+      onSubmit: () => this.advance(n, d),
+      onAutoAdvance: () => this.advance(n, d),
       autoAdvance: this.config.autoAdvance
     });
-    this.currentInput = p, n.appendChild(p.element), n.appendChild(r), this.bodyEl.replaceChildren(n), this.footerEl.replaceChildren();
-    const s = !(!!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1) && this.effectiveProgressPosition() === "bottom", u = i > 0 ? (() => {
-      const h = document.createElement("button");
-      return h.type = "button", h.className = "qaid-q-btn qaid-q-btn-secondary", h.textContent = this.questionnaire.backLabel ?? "Back", h.addEventListener("click", () => this.back()), h;
-    })() : null, d = document.createElement("button");
-    if (d.type = "button", d.className = "qaid-q-btn qaid-q-btn-primary", d.textContent = q ? this.questionnaire.submitLabel ?? "Submit" : this.questionnaire.nextLabel ?? "Next", d.addEventListener("click", () => this.advance(a, r)), s)
-      this.footerEl.classList.add("qaid-q-footer--inline-progress"), u && this.footerEl.appendChild(u), this.progressEl && this.footerEl.appendChild(this.progressEl), this.savingEl && this.footerEl.appendChild(this.savingEl), this.stepCounterEl && this.footerEl.appendChild(this.stepCounterEl), this.footerEl.appendChild(d);
+    this.currentInput = m, r.appendChild(m.element), r.appendChild(d), this.bodyEl.replaceChildren(r), this.scrollCueEl && this.bodyEl.appendChild(this.scrollCueEl), this.bodyEl.scrollTop = 0, this.overflow?.refresh(), this.footerEl.replaceChildren();
+    const u = !(!!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1) && this.effectiveProgressPosition() === "bottom", c = a > 0 ? (() => {
+      const o = document.createElement("button");
+      return o.type = "button", o.className = "qaid-q-btn qaid-q-btn-secondary", o.textContent = this.questionnaire.backLabel ?? "Back", o.addEventListener("click", () => this.back()), o;
+    })() : null, p = document.createElement("button");
+    if (p.type = "button", p.className = "qaid-q-btn qaid-q-btn-primary", p.textContent = q ? this.questionnaire.submitLabel ?? "Submit" : this.questionnaire.nextLabel ?? "Next", p.addEventListener("click", () => this.advance(n, d)), u)
+      this.footerEl.classList.add("qaid-q-footer--inline-progress"), c && this.footerEl.appendChild(c), this.progressEl && this.footerEl.appendChild(this.progressEl), this.savingEl && this.footerEl.appendChild(this.savingEl), this.stepCounterEl && this.footerEl.appendChild(this.stepCounterEl), this.footerEl.appendChild(p);
     else {
       this.footerEl.classList.remove("qaid-q-footer--inline-progress");
-      const h = document.createElement("div");
-      h.className = "qaid-q-footer-left";
-      const l = document.createElement("div");
-      l.className = "qaid-q-footer-right", u && h.appendChild(u), l.appendChild(d), this.footerEl.appendChild(h), this.footerEl.appendChild(l);
+      const o = document.createElement("div");
+      o.className = "qaid-q-footer-left";
+      const b = document.createElement("div");
+      b.className = "qaid-q-footer-right", c && o.appendChild(c), b.appendChild(p), this.footerEl.appendChild(o), this.footerEl.appendChild(b);
     }
     const f = !this.hasRenderedStep;
-    this.hasRenderedStep = !0, (!f || this.config.autoFocus) && requestAnimationFrame(() => p.focus());
+    this.hasRenderedStep = !0, !e && (!f || this.config.autoFocus) && requestAnimationFrame(() => m.focus());
   }
   renderDone() {
     if (!this.cardEl || !this.questionnaire) return;
@@ -769,21 +811,21 @@ ${r}
     const e = document.createElement("div");
     e.className = "qaid-q-done";
     const i = document.createElement("div");
-    i.className = "qaid-q-done-icon", i.innerHTML = ue, e.appendChild(i);
+    i.className = "qaid-q-done-icon", i.innerHTML = ge, e.appendChild(i);
     const a = document.createElement("h3");
     a.className = "qaid-q-done-title";
     const n = this.questionnaire.thankYouTitle ?? "Thank you!";
     if (a.textContent = n, a.setAttribute("tabindex", "-1"), e.appendChild(a), this.questionnaire.thankYouMessage) {
-      const o = document.createElement("p");
-      o.className = "qaid-q-done-message", o.textContent = this.questionnaire.thankYouMessage, e.appendChild(o);
+      const r = document.createElement("p");
+      r.className = "qaid-q-done-message", r.textContent = this.questionnaire.thankYouMessage, e.appendChild(r);
     }
     if (!this.isUserContainer) {
-      const o = document.createElement("button");
-      o.type = "button", o.className = "qaid-q-btn qaid-q-btn-primary", o.textContent = "Close", o.style.marginTop = "1rem", o.addEventListener("click", () => this.close()), e.appendChild(o);
+      const r = document.createElement("button");
+      r.type = "button", r.className = "qaid-q-btn qaid-q-btn-primary", r.textContent = "Close", r.style.marginTop = "1rem", r.addEventListener("click", () => this.close()), e.appendChild(r);
     }
     if (this.cardEl.appendChild(e), requestAnimationFrame(() => a.focus()), this.shadowRoot) {
-      const o = this.questionnaire.thankYouMessage ? `${n}. ${this.questionnaire.thankYouMessage}` : n;
-      v(this.shadowRoot, o);
+      const r = this.questionnaire.thankYouMessage ? `${n}. ${this.questionnaire.thankYouMessage}` : n;
+      y(this.shadowRoot, r);
     }
   }
   // ------------------------------------------------------------------
@@ -792,7 +834,7 @@ ${r}
   advance(e, i) {
     if (!this.currentInput || !this.questionnaire) return;
     if (!this.currentInput.isValid()) {
-      i.textContent = qe(e), this.currentInput.setInvalid(i.id), this.currentInput.focus();
+      i.textContent = ve(e), this.currentInput.setInvalid(i.id), this.currentInput.focus();
       return;
     }
     if (this.handleAnswerChange(e, this.currentInput.getValue(), { immediate: !0 }), this.stepIndex === this.visibleQuestions.length - 1) {
@@ -808,7 +850,7 @@ ${r}
   // Answer handling + autosave
   // ------------------------------------------------------------------
   recomputeVisible() {
-    this.questionnaire && (this.visibleQuestions = G(this.questionnaire, this.answers));
+    this.questionnaire && (this.visibleQuestions = C(this.questionnaire, this.answers));
   }
   handleAnswerChange(e, i, a = {}) {
     this.answers[e.id] = i, this.recomputeVisible();
@@ -912,14 +954,14 @@ ${r}
    * never trapped or isolated.
    */
   setupModalA11y() {
-    this.isUserContainer || !this.cardEl || this.focusTrap || (this.focusTrap = ae(this.cardEl), this.inertRestore = de(this.cardEl));
+    this.isUserContainer || !this.cardEl || this.focusTrap || (this.focusTrap = le(this.cardEl), this.inertRestore = qe(this.cardEl));
   }
   close() {
     this.flushPendingSave(), this.destroy();
   }
   /** Destroy the embed and clean up all resources */
   destroy() {
-    if (document.removeEventListener("keydown", this.boundKeyDown), this.pendingSaveTimer && (clearTimeout(this.pendingSaveTimer), this.pendingSaveTimer = null), this.focusTrap && (this.focusTrap.release(), this.focusTrap = null), this.inertRestore && (this.inertRestore(), this.inertRestore = null), !this.isUserContainer && this.savedOpener && re(this.savedOpener), this.savedOpener = null, this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.rootEl = null, this.cardEl = null, this.bodyEl = null, this.footerEl = null, this.titleEl = null, this.stepCounterEl = null, this.progressFillEl = null, this.savingEl = null, this.backdropEl = null, this.currentInput = null, !this.closed && (this.closed = !0, this.onCloseCb))
+    if (document.removeEventListener("keydown", this.boundKeyDown), this.pendingSaveTimer && (clearTimeout(this.pendingSaveTimer), this.pendingSaveTimer = null), this.focusTrap && (this.focusTrap.release(), this.focusTrap = null), this.inertRestore && (this.inertRestore(), this.inertRestore = null), !this.isUserContainer && this.savedOpener && ue(this.savedOpener), this.savedOpener = null, this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.rootEl = null, this.cardEl = null, this.overflow?.destroy(), this.overflow = null, this.bodyEl = null, this.scrollCueEl = null, this.footerEl = null, this.titleEl = null, this.stepCounterEl = null, this.progressFillEl = null, this.savingEl = null, this.backdropEl = null, this.currentInput = null, !this.closed && (this.closed = !0, this.onCloseCb))
       try {
         this.onCloseCb();
       } catch (e) {
@@ -941,6 +983,47 @@ ${r}
     const e = this.visibleQuestions[this.stepIndex];
     return e ? e.id : null;
   }
+  /**
+   * Swap in a new questionnaire without tearing the embed down.
+   *
+   * Built for editor previews, where the alternative — `destroy()` plus a
+   * fresh construction on every edit — re-mounts the shadow root, repaints
+   * the loading state, and re-runs both the theme fetch and the create
+   * call. Because that path awaits the network it always paints a blank
+   * frame first, which is what makes a live preview strobe while the author
+   * types. This re-renders the header and the current step and nothing
+   * else, synchronously: the shadow root, the resolved theme, the response
+   * id and the answers so far all survive.
+   *
+   * Answers are kept for questions that still exist and dropped for ones
+   * that don't, so `getAnswers()` never reports an id the questionnaire has
+   * no question for. The reader's place is kept the same way: if the
+   * question on screen is still present and visible, the embed stays on it,
+   * otherwise the step index is clamped into range.
+   *
+   * Returns whether the update was applied. It is refused, leaving the
+   * embed exactly as it was, when the questionnaire has no questions, or
+   * once the reader has completed the form — resuming a submitted response
+   * is not something this can decide on the host's behalf, so a host that
+   * wants the new form there should rebuild. Called before the embed has
+   * finished initializing, the update is latched and applied as soon as it
+   * is ready (and reported as applied), the same way `goToStep` is.
+   */
+  update(e) {
+    if (!e?.questions || e.questions.length === 0 || this.state === "DONE") return !1;
+    if (this.state === "LOADING")
+      return this.pendingUpdate = e, !0;
+    const i = new Set(e.questions.map((d) => d.id)), a = {};
+    for (const [d, h] of Object.entries(this.answers))
+      i.has(d) && (a[d] = h);
+    const n = C(e, a);
+    if (n.length === 0) return !1;
+    this.flushPendingSave();
+    const r = this.getCurrentQuestionId();
+    this.questionnaire = e, this.inlineQuestionnaire && (this.inlineQuestionnaire = e), this.state = "READY", this.answers = a, this.visibleQuestions = n;
+    const s = r ? this.visibleQuestions.findIndex((d) => d.id === r) : -1;
+    return this.stepIndex = s !== -1 ? s : Math.min(this.stepIndex, Math.max(0, this.visibleQuestions.length - 1)), this.suppressStepFocus = !0, this.renderHeader(), this.renderStep(), !0;
+  }
   /**
    * Jump to the visible question with the given id. Returns true if
    * the question is currently visible (and the embed navigated to
@@ -957,7 +1040,7 @@ ${r}
     return i === -1 ? !1 : (i === this.stepIndex || (this.flushPendingSave(), this.stepIndex = i, this.renderStep()), !0);
   }
 }
-function qe(t) {
+function ve(t) {
   switch (t.type) {
     case "text":
       return t.minLength ? `Please enter at least ${t.minLength} characters.` : "This field is required.";
@@ -971,10 +1054,10 @@ function qe(t) {
       return "Please choose a value.";
   }
 }
-function I(t) {
+function T(t) {
   return document.querySelector(t)?.textContent?.trim() ?? "";
 }
-function pe() {
+function ye() {
   const t = document.querySelector(
     'script[type="application/json"][data-quests-config]'
   );
@@ -983,49 +1066,49 @@ function pe() {
   if (!e) return null;
   try {
     const i = JSON.parse(e);
-    return i.cssSelector && !i.css && (i.css = I(i.cssSelector), delete i.cssSelector), i;
+    return i.cssSelector && !i.css && (i.css = T(i.cssSelector), delete i.cssSelector), i;
   } catch {
     return null;
   }
 }
-function fe(t) {
+function xe(t) {
   const e = t.getAttribute("data-endpoint");
   if (!e) return null;
-  const i = t.getAttribute("data-config-url"), a = t.getAttribute("data-api-key"), n = t.getAttribute("data-container"), o = t.getAttribute("data-zindex"), r = t.getAttribute("data-positive-color"), c = t.getAttribute("data-negative-color"), q = t.getAttribute("data-marker-color"), p = t.getAttribute("data-modal-width"), m = t.getAttribute("data-backdrop-opacity"), s = t.getAttribute("data-font-family"), u = t.getAttribute("data-font-size"), d = t.getAttribute("data-css-selector"), f = t.getAttribute("data-auto-advance"), g = t.getAttribute("data-save-debounce-ms"), h = t.getAttribute("data-theme-url"), l = t.getAttribute("data-preset"), E = t.getAttribute("data-theme"), N = t.getAttribute("data-unstyled");
+  const i = t.getAttribute("data-config-url"), a = t.getAttribute("data-api-key"), n = t.getAttribute("data-container"), r = t.getAttribute("data-zindex"), s = t.getAttribute("data-positive-color"), d = t.getAttribute("data-negative-color"), h = t.getAttribute("data-marker-color"), q = t.getAttribute("data-modal-width"), m = t.getAttribute("data-backdrop-opacity"), l = t.getAttribute("data-font-family"), u = t.getAttribute("data-font-size"), c = t.getAttribute("data-css-selector"), p = t.getAttribute("data-auto-advance"), f = t.getAttribute("data-save-debounce-ms"), g = t.getAttribute("data-theme-url"), o = t.getAttribute("data-preset"), b = t.getAttribute("data-theme"), L = t.getAttribute("data-unstyled");
   return {
     endpoint: e,
     configUrl: i ?? void 0,
     apiKey: a ?? void 0,
     container: n ?? void 0,
-    zIndex: o ? parseInt(o, 10) : void 0,
+    zIndex: r ? parseInt(r, 10) : void 0,
     colors: {
-      positive: r ?? void 0,
-      negative: c ?? void 0,
-      marker: q ?? void 0
+      positive: s ?? void 0,
+      negative: d ?? void 0,
+      marker: h ?? void 0
     },
-    modalWidth: p ? parseInt(p, 10) : void 0,
+    modalWidth: q ? parseInt(q, 10) : void 0,
     backdropOpacity: m ? parseFloat(m) : void 0,
-    fontFamily: s ?? void 0,
+    fontFamily: l ?? void 0,
     fontSize: u ? parseInt(u, 10) : void 0,
-    css: d ? I(d) : void 0,
-    autoAdvance: f === "true" ? !0 : void 0,
-    saveDebounceMs: g ? parseInt(g, 10) : void 0,
-    themeUrl: h ?? void 0,
-    preset: l || void 0,
-    theme: E || void 0,
-    unstyled: N === "true" ? !0 : void 0
+    css: c ? T(c) : void 0,
+    autoAdvance: p === "true" ? !0 : void 0,
+    saveDebounceMs: f ? parseInt(f, 10) : void 0,
+    themeUrl: g ?? void 0,
+    preset: o || void 0,
+    theme: b || void 0,
+    unstyled: L === "true" ? !0 : void 0
   };
 }
 if (typeof document < "u") {
   const t = () => {
-    const e = document.currentScript, i = pe(), a = e ? fe(e) : null, n = i ?? a;
-    n?.endpoint && (n.configUrl || n.questionnaire) && new he(n);
+    const e = document.currentScript, i = ye(), a = e ? xe(e) : null, n = i ?? a;
+    n?.endpoint && (n.configUrl || n.questionnaire) && new be(n);
   };
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", t) : t();
 }
 export {
-  he as QaidQuests,
-  x as evaluateRule,
-  G as getVisibleQuestions
+  be as QaidQuests,
+  w as evaluateRule,
+  C as getVisibleQuestions
 };
 //# sourceMappingURL=qaid-quests.js.map