smoothly 1.121.0 → 1.122.0

package/dist/cjs/smoothly-app_99.cjs.entry.js

@@ -7739,7 +7739,7 @@ var Range;
     Range.percent = percent;
 })(Range || (Range = {}));
 
-const styleCss$E = () => `.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-range-h .label.sc-smoothly-input-range{transform-origin:top right}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:6rem;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dual.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:6rem;flex:0 0 auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range{position:relative;flex:1;height:1.5em;display:flex;align-items:center}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range::before{content:"";position:absolute;left:.4em;right:.4em;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .fill.sc-smoothly-input-range{position:absolute;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-primary-color));pointer-events:none}.dual[readonly].sc-smoothly-input-range-h .fill.sc-smoothly-input-range,.dual[disabled].sc-smoothly-input-range-h .fill.sc-smoothly-input-range{background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;pointer-events:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;margin-top:-.25em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{cursor:not-allowed}`;
+const styleCss$E = () => `.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-range-h .label.sc-smoothly-input-range{transform-origin:top right}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:6rem;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dual.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:7rem;flex:0 0 auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range{position:relative;flex:1;height:1.5em;display:flex;align-items:center}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range::before{content:"";position:absolute;left:.4em;right:.4em;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .fill.sc-smoothly-input-range{position:absolute;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-primary-color));pointer-events:none}.dual[readonly].sc-smoothly-input-range-h .fill.sc-smoothly-input-range,.dual[disabled].sc-smoothly-input-range-h .fill.sc-smoothly-input-range{background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;pointer-events:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;margin-top:-.25em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{cursor:not-allowed}`;
 
 const SmoothlyInputRange = class {
     constructor(hostRef) {
@@ -7904,7 +7904,7 @@ const SmoothlyInputRange = class {
         ];
     }
     renderField(part, value) {
-        return (index$1.h("smoothly-input", { ref: e => (part == "start" ? (this.startInput = e) : (this.endInput = e)), class: part, color: this.color, name: `${this.name}-${part}`, showLabel: true, type: this.type, onSmoothlyBlur: e => (e.stopPropagation(), this.commitField(part)), onSmoothlyKeydown: e => void (e.detail.key == "Enter" && this.commitField(part)), onSmoothlyInput: e => e.stopPropagation(), onSmoothlyUserInput: e => e.stopPropagation(), value: this.type == "percent" ? value : value === null || value === void 0 ? void 0 : value.toString(), readonly: this.readonly, disabled: this.disabled, right: part == "start" }, part == "start" ? "From" : "To"));
+        return (index$1.h("smoothly-input", { ref: e => (part == "start" ? (this.startInput = e) : (this.endInput = e)), class: part, color: this.color, name: `${this.name}-${part}`, showLabel: true, type: this.type, onSmoothlyBlur: e => (e.stopPropagation(), this.commitField(part)), onSmoothlyKeydown: e => void (e.detail.key == "Enter" && this.commitField(part)), onSmoothlyInput: e => e.stopPropagation(), onSmoothlyUserInput: e => e.stopPropagation(), value: this.type == "percent" ? value : value === null || value === void 0 ? void 0 : value.toString(), readonly: this.readonly, disabled: this.disabled, right: part == "start" }, `${this.label ? this.label : ""} ${part == "start" ? "From" : "To"}`));
     }
     renderRangeInput(part, value) {
         var _a;
@@ -7924,11 +7924,11 @@ const SmoothlyInputRange = class {
             }, value: value !== null && value !== void 0 ? value : (part == "start" ? this.min : this.max) }));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '93a4e9afcd01c8eda143e413360f20e14bcaa920', class: {
+        return (index$1.h(index$1.Host, { key: '7e69877d633e5cd9052202f8e556018053101b34', class: {
                 "output-side-right": this.outputSide === "right",
-                "show-label": this.outputSide === "left" && !!this.label,
+                "show-label": this.dual || (this.outputSide === "left" && !!this.label),
                 dual: this.dual,
-            } }, index$1.h("slot", { key: '72711b5578bab0320901dbd513bb312b54b3ff40', name: "start" }), index$1.h("div", { key: 'be83442baeb8cd97fd650ac17717a0e4d703976e' }, index$1.h("label", { key: '17c0d638d8a9550c01de699efae66f55e1b27b8c', htmlFor: this.name }, this.label), this.dual ? this.renderDual() : this.renderSingle()), index$1.h("slot", { key: '1162b21a65fdd05c5703ff547201765b28858554', name: "end" })));
+            } }, index$1.h("slot", { key: 'dc821324171d047270222d1b127887f28311fe5b', name: "start" }), index$1.h("div", { key: '29c8fc53b306df07ed0781a4fb8f8650a8f04d45' }, index$1.h("label", { key: '44505c248cff4062e54c1383cebdec3c2dd3ac5f', htmlFor: this.name }, this.label), this.dual ? this.renderDual() : this.renderSingle()), index$1.h("slot", { key: 'd65e624e57acc9da5b14409d5ffe2bb1717449fd', name: "end" })));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -7953,7 +7953,7 @@ const SmoothlyInputRangeDemo = class {
         index$1.registerInstance(this, hostRef);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '850a5ea8cc3b512e2661333525b28eb5019287b3' }, index$1.h("h2", { key: '0a0f623f23a6739f5aeb96c4b5f1679e9e0fcb34' }, "Range"), index$1.h("h3", { key: '53535b3d6a89421a97851d0bd9fae947cc13b9ac' }, "Phone Number"), index$1.h("smoothly-input-range", { key: '87041e028b3e3679261c04f13a0a191f382a19a5', name: "first", min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index$1.h("h3", { key: '9875d80de18b17eca10c223004f8860e49057b8d' }, "Stars out of ten"), index$1.h("smoothly-input-range", { key: '45a7669fc4115edec078db9d7d02038f5ebd0b7d', name: "stars", max: 10, step: 1, label: "Stars" }), index$1.h("h3", { key: '7b0dfeef448af88731df524c2616062d97fade53' }, "Percent"), index$1.h("smoothly-input-range", { key: '16cc894decd70155beb121fd8ca3d6e4e743f3b3', name: "percent", type: "percent", max: 1, step: 0.01, label: "Percent" }), index$1.h("h3", { key: 'f71216975dea018c658b0501eb20cf266750e210' }, "With icon at start and clear button"), index$1.h("smoothly-input-range", { key: '2acb17d8d7173d3c8f2cbddf7b0626fba989fdb0', step: 1, name: "withClear", label: "Select" }, index$1.h("smoothly-icon", { key: '773be31ffa04141dac37b6a9b54fde28c1499cf2', name: "checkmark-circle", slot: "start" }), index$1.h("smoothly-input-clear", { key: 'c72262a6951103b03fa1af298a94152937e76338', size: "icon", slot: "end" })), index$1.h("h3", { key: 'de256bcef1e529daf7df1f49c5874def1e5e6248' }, "Dual (start / end)"), index$1.h("smoothly-input-range", { key: '0021e39e8db099b1afa54c9716e6923f535a2a05', dual: true, min: 90.86, max: 10000000, step: 1, name: "dualRange", label: "Range" }), index$1.h("h3", { key: 'add2d05dc7abb04da120eaea454b8ea2bd2cc552' }, "Dual percent"), index$1.h("smoothly-input-range", { key: '65fc586b860a04e5253b560800d1dd55ba05b2d4', dual: true, name: "dualRangePercent", type: "percent", min: 0, max: 1, step: 0.01, label: "Percent range" }, index$1.h("smoothly-input-clear", { key: '0ab70bea08f1d4473f85652f8f1ef1a1ae22f10c', size: "icon", slot: "end" }))));
+        return (index$1.h(index$1.Host, { key: '850a5ea8cc3b512e2661333525b28eb5019287b3' }, index$1.h("h2", { key: '0a0f623f23a6739f5aeb96c4b5f1679e9e0fcb34' }, "Range"), index$1.h("h3", { key: '53535b3d6a89421a97851d0bd9fae947cc13b9ac' }, "Phone Number"), index$1.h("smoothly-input-range", { key: '87041e028b3e3679261c04f13a0a191f382a19a5', name: "first", min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index$1.h("h3", { key: '9875d80de18b17eca10c223004f8860e49057b8d' }, "Stars out of ten"), index$1.h("smoothly-input-range", { key: '45a7669fc4115edec078db9d7d02038f5ebd0b7d', name: "stars", max: 10, step: 1, label: "Stars" }), index$1.h("h3", { key: '7b0dfeef448af88731df524c2616062d97fade53' }, "Percent"), index$1.h("smoothly-input-range", { key: '16cc894decd70155beb121fd8ca3d6e4e743f3b3', name: "percent", type: "percent", max: 1, step: 0.01, label: "Percent" }), index$1.h("h3", { key: 'f71216975dea018c658b0501eb20cf266750e210' }, "With icon at start and clear button"), index$1.h("smoothly-input-range", { key: '2acb17d8d7173d3c8f2cbddf7b0626fba989fdb0', step: 1, name: "withClear", label: "Select" }, index$1.h("smoothly-icon", { key: '773be31ffa04141dac37b6a9b54fde28c1499cf2', name: "checkmark-circle", slot: "start" }), index$1.h("smoothly-input-clear", { key: 'c72262a6951103b03fa1af298a94152937e76338', size: "icon", slot: "end" })), index$1.h("h3", { key: 'de256bcef1e529daf7df1f49c5874def1e5e6248' }, "Dual (start / end)"), index$1.h("smoothly-input-range", { key: '0021e39e8db099b1afa54c9716e6923f535a2a05', dual: true, min: 90.86, max: 10000000, step: 1, name: "dualRange", label: "Range" }), index$1.h("h3", { key: 'add2d05dc7abb04da120eaea454b8ea2bd2cc552' }, "Dual percent"), index$1.h("smoothly-input-range", { key: '199cdddf49337ffb96121ecc851e02523357007d', dual: true, name: "dualRangePercent", type: "percent", min: 0, max: 1, step: 0.01 }, index$1.h("smoothly-input-clear", { key: '7518efbb06a3c36182ddbfa8b22c8d3c960ef808', size: "icon", slot: "end" }))));
     }
 };