@stenajs-webui/forms 21.44.2 → 21.44.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1t23r_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1t23r_1._standard_1t23r_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1t23r_1._standard_1t23r_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1t23r_1._small_1t23r_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1t23r_1._small_1t23r_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1t23r_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1t23r_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1t23r_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1t23r_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1t23r_1:indeterminate._standard_1t23r_40:after{top:4px;left:8px}._checkbox_1t23r_1:indeterminate._small_1t23r_52:after{top:0;left:4px}._checkbox_1t23r_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1t23r_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1t23r_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_14xl2_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_14xl2_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyTop_14xl2_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyTop_14xl2_21:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyBottom_14xl2_30{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyBottom_14xl2_30:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyLeft_14xl2_38{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyLeft_14xl2_38:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyRight_14xl2_47{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyRight_14xl2_47:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_14xl2_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_14xl2_1._disabled_14xl2_25{background-color:var(--silver-lighter)}._labelledTextInput_14xl2_1._disabled_14xl2_25 input{color:var(--silver)}._labelledTextInput_14xl2_1._medium_14xl2_73:focus-within{outline-width:2px}._labelledTextInput_14xl2_1._medium_14xl2_73 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_14xl2_1._large_14xl2_85{border-radius:var(--swui-border-radius-large)}._labelledTextInput_14xl2_1._large_14xl2_85:focus-within{outline-width:3px}._labelledTextInput_14xl2_1._large_14xl2_85 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_14xl2_1._error_14xl2_99{border-color:var(--swui-state-error-light-color)}._labelledTextInput_14xl2_1._error_14xl2_99:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_14xl2_1._error_14xl2_99 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_14xl2_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { jsx as o, jsxs as h, Fragment as R } from "react/jsx-runtime";
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1t23r_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1t23r_1._standard_1t23r_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1t23r_1._standard_1t23r_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1t23r_1._small_1t23r_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1t23r_1._small_1t23r_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1t23r_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1t23r_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1t23r_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1t23r_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1t23r_1:indeterminate._standard_1t23r_40:after{top:4px;left:8px}._checkbox_1t23r_1:indeterminate._small_1t23r_52:after{top:0;left:4px}._checkbox_1t23r_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1t23r_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1t23r_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_6oeo0_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_6oeo0_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyTop_6oeo0_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyTop_6oeo0_21:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyBottom_6oeo0_31{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyBottom_6oeo0_31:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyLeft_6oeo0_40{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyLeft_6oeo0_40:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyRight_6oeo0_50{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyRight_6oeo0_50:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_6oeo0_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_6oeo0_1._disabled_6oeo0_26{background-color:var(--silver-lighter)}._labelledTextInput_6oeo0_1._disabled_6oeo0_26 input{color:var(--silver)}._labelledTextInput_6oeo0_1._medium_6oeo0_77:focus-within{outline-width:2px}._labelledTextInput_6oeo0_1._medium_6oeo0_77 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_6oeo0_1._large_6oeo0_89{border-radius:var(--swui-border-radius-large)}._labelledTextInput_6oeo0_1._large_6oeo0_89:focus-within{outline-width:3px}._labelledTextInput_6oeo0_1._large_6oeo0_89 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_6oeo0_1._error_6oeo0_103{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_6oeo0_1._error_6oeo0_103:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_6oeo0_1 label{display:flex;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0;cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ import { jsx as r, jsxs as h, Fragment as R } from "react/jsx-runtime";
3
3
  import { Box as wt, Space as m, ScreenReaderOnlyText as q, Text as A, Row as T, parseFloatElseUndefined as P, getDataProps as It } from "@stenajs-webui/core";
4
4
  import * as Bt from "react";
5
5
  import { forwardRef as M, useRef as U, useCallback as w, useEffect as D, useMemo as gt, useState as kt, useId as E } from "react";
@@ -17,10 +17,10 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
17
17
  value: t,
18
18
  disabled: e,
19
19
  onValueChange: n,
20
- className: r,
20
+ className: o,
21
21
  wrapperRef: l,
22
22
  ...c
23
- }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ h(
23
+ }) => /* @__PURE__ */ r("div", { className: o, ref: l, children: /* @__PURE__ */ h(
24
24
  "button",
25
25
  {
26
26
  type: "button",
@@ -31,22 +31,22 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
31
31
  onClick: () => n && n(!t),
32
32
  ...c,
33
33
  children: [
34
- /* @__PURE__ */ o("div", { className: $.filler }),
35
- /* @__PURE__ */ o("div", { className: $.knob })
34
+ /* @__PURE__ */ r("div", { className: $.filler }),
35
+ /* @__PURE__ */ r("div", { className: $.knob })
36
36
  ]
37
37
  }
38
38
  ) }), Qe = ({
39
39
  label: t,
40
40
  disabled: e,
41
41
  textColor: n,
42
- wrapperRef: r,
42
+ wrapperRef: o,
43
43
  screenReaderLabel: l,
44
44
  ...c
45
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(wt, { row: !0, alignItems: "center", children: [
46
- /* @__PURE__ */ o(Ft, { disabled: e, ...c }),
47
- /* @__PURE__ */ o(m, {}),
48
- l ? /* @__PURE__ */ o(q, { children: l }) : null,
49
- /* @__PURE__ */ o(
45
+ }) => /* @__PURE__ */ r("div", { ref: o, children: /* @__PURE__ */ r("label", { children: /* @__PURE__ */ h(wt, { row: !0, alignItems: "center", children: [
46
+ /* @__PURE__ */ r(Ft, { disabled: e, ...c }),
47
+ /* @__PURE__ */ r(m, {}),
48
+ l ? /* @__PURE__ */ r(q, { children: l }) : null,
49
+ /* @__PURE__ */ r(
50
50
  A,
51
51
  {
52
52
  color: n,
@@ -64,7 +64,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
64
64
  indeterminate: t = !1,
65
65
  onChange: e,
66
66
  onValueChange: n,
67
- value: r = !1,
67
+ value: o = !1,
68
68
  size: l = "standard",
69
69
  className: c,
70
70
  ...i
@@ -79,12 +79,12 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
79
79
  );
80
80
  return D(() => {
81
81
  s.current && (s.current.indeterminate = !!t);
82
- }, [t, s]), /* @__PURE__ */ o(
82
+ }, [t, s]), /* @__PURE__ */ r(
83
83
  "input",
84
84
  {
85
85
  type: "checkbox",
86
86
  className: x(z.checkbox, z[l], c),
87
- checked: r,
87
+ checked: o,
88
88
  onChange: p,
89
89
  ref: _,
90
90
  ...i
@@ -95,15 +95,15 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
95
95
  children: t,
96
96
  label: e,
97
97
  inputRef: n,
98
- wrapperRef: r,
98
+ wrapperRef: o,
99
99
  textColor: l,
100
100
  screenReaderLabel: c,
101
101
  ...i
102
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
103
- /* @__PURE__ */ o(jt, { ...i, ref: n }),
104
- /* @__PURE__ */ o(m, {}),
105
- c ? /* @__PURE__ */ o(q, { children: c }) : null,
106
- /* @__PURE__ */ o(
102
+ }) => /* @__PURE__ */ r("div", { ref: o, children: /* @__PURE__ */ r("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
103
+ /* @__PURE__ */ r(jt, { ...i, ref: n }),
104
+ /* @__PURE__ */ r(m, {}),
105
+ c ? /* @__PURE__ */ r(q, { children: c }) : null,
106
+ /* @__PURE__ */ r(
107
107
  A,
108
108
  {
109
109
  color: l,
@@ -122,7 +122,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
122
122
  onChange: t,
123
123
  onValueChange: e,
124
124
  size: n = "standard",
125
- name: r,
125
+ name: o,
126
126
  className: l,
127
127
  ...c
128
128
  }, i) => {
@@ -132,11 +132,11 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
132
132
  },
133
133
  [t, e]
134
134
  );
135
- return /* @__PURE__ */ o(
135
+ return /* @__PURE__ */ r(
136
136
  "input",
137
137
  {
138
138
  type: "radio",
139
- name: r,
139
+ name: o,
140
140
  className: x(O.radiobutton, O[n], l),
141
141
  onChange: d,
142
142
  ref: i,
@@ -154,7 +154,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
154
154
  label: t,
155
155
  screenReaderLabel: e,
156
156
  variant: n = "normal",
157
- size: r = "medium",
157
+ size: o = "medium",
158
158
  className: l,
159
159
  icon: c,
160
160
  contentRight: i,
@@ -164,19 +164,19 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
164
164
  ...p
165
165
  }) => {
166
166
  const u = s ? L("--swui-text-disabled-color") : void 0;
167
- return /* @__PURE__ */ o(
167
+ return /* @__PURE__ */ r(
168
168
  "label",
169
169
  {
170
170
  className: x(
171
171
  W.radioButtonBox,
172
172
  W[n],
173
- W[r],
173
+ W[o],
174
174
  l
175
175
  ),
176
176
  style: d,
177
177
  children: /* @__PURE__ */ h(T, { justifyContent: "space-between", flexGrow: 1, children: [
178
178
  /* @__PURE__ */ h(T, { alignItems: "center", children: [
179
- /* @__PURE__ */ o(
179
+ /* @__PURE__ */ r(
180
180
  Y,
181
181
  {
182
182
  ...p,
@@ -184,9 +184,9 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
184
184
  className: _
185
185
  }
186
186
  ),
187
- /* @__PURE__ */ o(m, {}),
188
- e ? /* @__PURE__ */ o(q, { children: e }) : null,
189
- /* @__PURE__ */ o(A, { color: u, "aria-hidden": !!e, children: t })
187
+ /* @__PURE__ */ r(m, {}),
188
+ e ? /* @__PURE__ */ r(q, { children: e }) : null,
189
+ /* @__PURE__ */ r(A, { color: u, "aria-hidden": !!e, children: t })
190
190
  ] }),
191
191
  /* @__PURE__ */ h(
192
192
  T,
@@ -195,7 +195,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
195
195
  width: c ? "48px" : void 0,
196
196
  justifyContent: "center",
197
197
  children: [
198
- c && /* @__PURE__ */ o(G, { icon: c, size: 24, color: u }),
198
+ c && /* @__PURE__ */ r(G, { icon: c, size: 24, color: u }),
199
199
  !c && i
200
200
  ]
201
201
  }
@@ -207,23 +207,23 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
207
207
  label: t,
208
208
  inputRef: e,
209
209
  wrapperRef: n,
210
- textColor: r,
210
+ textColor: o,
211
211
  screenReaderLabel: l,
212
212
  ...c
213
- }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
214
- /* @__PURE__ */ o(Y, { ref: e, ...c }),
215
- /* @__PURE__ */ o(m, {}),
216
- l ? /* @__PURE__ */ o(q, { children: l }) : null,
217
- /* @__PURE__ */ o(
213
+ }) => /* @__PURE__ */ r("div", { ref: n, children: /* @__PURE__ */ r("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
214
+ /* @__PURE__ */ r(Y, { ref: e, ...c }),
215
+ /* @__PURE__ */ r(m, {}),
216
+ l ? /* @__PURE__ */ r(q, { children: l }) : null,
217
+ /* @__PURE__ */ r(
218
218
  A,
219
219
  {
220
- color: r,
220
+ color: o,
221
221
  "aria-hidden": !!l,
222
222
  userSelect: "none",
223
223
  children: t
224
224
  }
225
225
  )
226
- ] }) }) }), Qt = (t, e, n, r, l, c, i, d) => {
226
+ ] }) }) }), Qt = (t, e, n, o, l, c, i, d) => {
227
227
  const s = U(!1), _ = (a) => {
228
228
  s.current || c == null || c(a.target.value ?? ""), i == null || i(a);
229
229
  }, p = (a) => {
@@ -236,7 +236,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
236
236
  if (f === "Enter")
237
237
  s.current = !0, n == null || n(), c == null || c(a.currentTarget.value ?? "");
238
238
  else if (f === "Escape")
239
- s.current = !0, r == null || r(), a.preventDefault(), a.stopPropagation();
239
+ s.current = !0, o == null || o(), a.preventDefault(), a.stopPropagation();
240
240
  else if (l) {
241
241
  const y = (I, B) => {
242
242
  s.current = !0, t.current.blur(), l(I), B.preventDefault(), B.stopPropagation();
@@ -245,7 +245,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
245
245
  }
246
246
  e && e(a);
247
247
  },
248
- [r, l, e, t, n, c]
248
+ [o, l, e, t, n, c]
249
249
  ),
250
250
  onBlurHandler: _,
251
251
  onFocusHandler: p
@@ -264,7 +264,7 @@ const Zt = (t, e, n) => {
264
264
  }, Ct = (t, {
265
265
  onEnter: e,
266
266
  onEsc: n,
267
- onChange: r,
267
+ onChange: o,
268
268
  onValueChange: l,
269
269
  selectAllOnMount: c,
270
270
  moveCursorToEndOnMount: i,
@@ -287,9 +287,9 @@ const Zt = (t, e, n) => {
287
287
  _
288
288
  ), B = w(
289
289
  (g) => {
290
- r == null || r(g), l == null || l(g.target.value);
290
+ o == null || o(g), l == null || l(g.target.value);
291
291
  },
292
- [r, l]
292
+ [o, l]
293
293
  );
294
294
  return {
295
295
  onBlur: I,
@@ -298,13 +298,13 @@ const Zt = (t, e, n) => {
298
298
  onKeyDown: f,
299
299
  autoFocus: c || a
300
300
  };
301
- }, Vt = "_textInput_1qe61_1", te = "_onlyTop_1qe61_11", ee = "_disabled_1qe61_15", ne = "_onlyBottom_1qe61_20", re = "_onlyLeft_1qe61_28", oe = "_onlyRight_1qe61_37", le = "_input_1qe61_50", ce = "_alwaysShowPlaceholder_1qe61_74", se = "_icon_1qe61_85", ie = "_standard_1qe61_95", de = "_success_1qe61_96", ae = "_loading_1qe61_108", ue = "_modified_1qe61_113", _e = "_error_1qe61_122", pe = "_warning_1qe61_131", fe = "_hideBorder_1qe61_145", he = "_clickable_1qe61_152", b = {
301
+ }, Vt = "_textInput_1qe61_1", te = "_onlyTop_1qe61_11", ee = "_disabled_1qe61_15", ne = "_onlyBottom_1qe61_20", oe = "_onlyLeft_1qe61_28", re = "_onlyRight_1qe61_37", le = "_input_1qe61_50", ce = "_alwaysShowPlaceholder_1qe61_74", se = "_icon_1qe61_85", ie = "_standard_1qe61_95", de = "_success_1qe61_96", ae = "_loading_1qe61_108", ue = "_modified_1qe61_113", _e = "_error_1qe61_122", pe = "_warning_1qe61_131", fe = "_hideBorder_1qe61_145", he = "_clickable_1qe61_152", b = {
302
302
  textInput: Vt,
303
303
  onlyTop: te,
304
304
  disabled: ee,
305
305
  onlyBottom: ne,
306
- onlyLeft: re,
307
- onlyRight: oe,
306
+ onlyLeft: oe,
307
+ onlyRight: re,
308
308
  input: le,
309
309
  alwaysShowPlaceholder: ce,
310
310
  icon: se,
@@ -320,35 +320,35 @@ const Zt = (t, e, n) => {
320
320
  button: t,
321
321
  icon: e,
322
322
  iconClassName: n,
323
- content: r,
323
+ content: o,
324
324
  spaceOnLeft: l,
325
325
  spaceOnRight: c,
326
326
  disableContentPadding: i,
327
327
  disableContentPaddingLeft: d,
328
328
  disableContentPaddingRight: s
329
- }) => !r && !e && !t ? null : t ? /* @__PURE__ */ h(R, { children: [
330
- l ? /* @__PURE__ */ o(m, { num: 0.25 }) : null,
329
+ }) => !o && !e && !t ? null : t ? /* @__PURE__ */ h(R, { children: [
330
+ l ? /* @__PURE__ */ r(m, { num: 0.25 }) : null,
331
331
  t,
332
- c ? /* @__PURE__ */ o(m, { num: 0.25 }) : null
333
- ] }) : r ? /* @__PURE__ */ h(R, { children: [
334
- l && !(i || d) ? /* @__PURE__ */ o(m, {}) : null,
335
- r || null,
336
- c && !(i || s) ? /* @__PURE__ */ o(m, {}) : null
332
+ c ? /* @__PURE__ */ r(m, { num: 0.25 }) : null
333
+ ] }) : o ? /* @__PURE__ */ h(R, { children: [
334
+ l && !(i || d) ? /* @__PURE__ */ r(m, {}) : null,
335
+ o || null,
336
+ c && !(i || s) ? /* @__PURE__ */ r(m, {}) : null
337
337
  ] }) : /* @__PURE__ */ h(R, { children: [
338
- l ? /* @__PURE__ */ o(m, {}) : null,
339
- e && /* @__PURE__ */ o(
338
+ l ? /* @__PURE__ */ r(m, {}) : null,
339
+ e && /* @__PURE__ */ r(
340
340
  At,
341
341
  {
342
342
  icon: e,
343
343
  className: x(b.icon, n)
344
344
  }
345
345
  ),
346
- c ? /* @__PURE__ */ o(m, {}) : null
346
+ c ? /* @__PURE__ */ r(m, {}) : null
347
347
  ] }), Z = (t) => {
348
348
  const {
349
349
  variant: e = "standard",
350
350
  inputRef: n,
351
- disabled: r,
351
+ disabled: o,
352
352
  className: l,
353
353
  buttonLeft: c,
354
354
  buttonRight: i,
@@ -365,8 +365,8 @@ const Zt = (t, e, n) => {
365
365
  onValueChange: g,
366
366
  wrapperClassName: et,
367
367
  wrapperStyle: nt,
368
- onDone: rt,
369
- onEnter: ot,
368
+ onDone: ot,
369
+ onEnter: rt,
370
370
  onEsc: lt,
371
371
  onMove: ct,
372
372
  onChange: st,
@@ -379,19 +379,19 @@ const Zt = (t, e, n) => {
379
379
  alwaysShowPlaceholder: ft,
380
380
  ...ht
381
381
  } = t, yt = U(null), j = n ?? yt, mt = Ct(j, {
382
- onEnter: ot,
382
+ onEnter: rt,
383
383
  onEsc: lt,
384
384
  onChange: st,
385
385
  onValueChange: g,
386
386
  selectAllOnMount: I,
387
387
  moveCursorToEndOnMount: y,
388
- onDone: rt,
388
+ onDone: ot,
389
389
  onMove: ct,
390
390
  onFocus: at,
391
391
  onBlur: ut,
392
392
  onKeyDown: it,
393
393
  autoFocus: B
394
- }), xt = e === "success" ? X : e === "warning" || e === "error" ? J : f, bt = e === "loading" ? /* @__PURE__ */ o(Q, {}) : s;
394
+ }), xt = e === "success" ? X : e === "warning" || e === "error" ? J : f, bt = e === "loading" ? /* @__PURE__ */ r(Q, {}) : s;
395
395
  return /* @__PURE__ */ h(
396
396
  "div",
397
397
  {
@@ -400,7 +400,7 @@ const Zt = (t, e, n) => {
400
400
  b[e],
401
401
  b[_t],
402
402
  {
403
- [b.disabled]: r
403
+ [b.disabled]: o
404
404
  },
405
405
  {
406
406
  [b.hideBorder]: dt
@@ -409,7 +409,7 @@ const Zt = (t, e, n) => {
409
409
  ),
410
410
  style: { width: pt, ...nt },
411
411
  children: [
412
- /* @__PURE__ */ o(
412
+ /* @__PURE__ */ r(
413
413
  H,
414
414
  {
415
415
  content: d,
@@ -421,7 +421,7 @@ const Zt = (t, e, n) => {
421
421
  button: c
422
422
  }
423
423
  ),
424
- /* @__PURE__ */ o(
424
+ /* @__PURE__ */ r(
425
425
  "input",
426
426
  {
427
427
  className: x(
@@ -432,14 +432,14 @@ const Zt = (t, e, n) => {
432
432
  l
433
433
  ),
434
434
  type: "text",
435
- disabled: r,
435
+ disabled: o,
436
436
  ref: j,
437
437
  autoFocus: B,
438
438
  ...ht,
439
439
  ...mt
440
440
  }
441
441
  ),
442
- /* @__PURE__ */ o(
442
+ /* @__PURE__ */ r(
443
443
  H,
444
444
  {
445
445
  content: bt,
@@ -460,37 +460,37 @@ const Zt = (t, e, n) => {
460
460
  onValueChange: t,
461
461
  value: e,
462
462
  numSteps: n,
463
- min: r,
463
+ min: o,
464
464
  max: l
465
465
  }) => {
466
466
  if (t)
467
467
  if (!e)
468
- t(String(F(n, r, l)));
468
+ t(String(F(n, o, l)));
469
469
  else {
470
470
  const i = (P(e) || 0) + n;
471
- t(String(F(i, r, l)));
471
+ t(String(F(i, o, l)));
472
472
  }
473
473
  }, V = ({
474
474
  onValueChange: t,
475
475
  newValue: e,
476
476
  min: n,
477
- max: r
477
+ max: o
478
478
  }) => {
479
479
  if (t)
480
480
  if (e === "")
481
481
  t("");
482
482
  else {
483
483
  const c = P(e) || 0;
484
- t(String(F(c, n, r)));
484
+ t(String(F(c, n, o)));
485
485
  }
486
486
  }, F = (t, e, n) => {
487
- let r = t;
488
- return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
487
+ let o = t;
488
+ return e != null && (o = Math.max(e, o)), n != null && (o = Math.min(n, o)), o;
489
489
  }, xe = ({
490
490
  value: t,
491
491
  onValueChange: e,
492
492
  max: n,
493
- min: r,
493
+ min: o,
494
494
  step: l = 1,
495
495
  contentRight: c,
496
496
  disabled: i,
@@ -500,24 +500,24 @@ const Zt = (t, e, n) => {
500
500
  }) => {
501
501
  const p = w(
502
502
  (f) => {
503
- C({ onValueChange: e, value: t, numSteps: f, min: r, max: n });
503
+ C({ onValueChange: e, value: t, numSteps: f, min: o, max: n });
504
504
  },
505
- [t, n, r, e]
505
+ [t, n, o, e]
506
506
  ), u = w(
507
507
  (f) => {
508
- V({ onValueChange: e, newValue: f, min: r, max: n });
508
+ V({ onValueChange: e, newValue: f, min: o, max: n });
509
509
  },
510
- [n, r, e]
510
+ [n, o, e]
511
511
  );
512
- return /* @__PURE__ */ o(
512
+ return /* @__PURE__ */ r(
513
513
  Z,
514
514
  {
515
515
  contentRight: s ? c : /* @__PURE__ */ h(R, { children: [
516
516
  c && /* @__PURE__ */ h(R, { children: [
517
517
  c,
518
- /* @__PURE__ */ o(m, {})
518
+ /* @__PURE__ */ r(m, {})
519
519
  ] }),
520
- /* @__PURE__ */ o(
520
+ /* @__PURE__ */ r(
521
521
  Tt,
522
522
  {
523
523
  onClickUp: i ? void 0 : () => p(l),
@@ -531,7 +531,7 @@ const Zt = (t, e, n) => {
531
531
  onValueChange: u,
532
532
  disableContentPaddingRight: !s,
533
533
  type: "number",
534
- min: r,
534
+ min: o,
535
535
  max: n,
536
536
  step: l,
537
537
  className: x(me.numericTextInputInput, d),
@@ -551,10 +551,10 @@ const Zt = (t, e, n) => {
551
551
  }
552
552
  },
553
553
  [e]
554
- ), r = gt(() => t === void 0 ? "" : String(t), [t]);
554
+ ), o = gt(() => t === void 0 ? "" : String(t), [t]);
555
555
  return {
556
556
  onValueChange: n,
557
- value: r
557
+ value: o
558
558
  };
559
559
  }, be = (t, e) => {
560
560
  if (S(t))
@@ -574,24 +574,24 @@ const Zt = (t, e, n) => {
574
574
  disabled: t,
575
575
  onValueChange: e,
576
576
  value: n,
577
- max: r,
577
+ max: o,
578
578
  min: l,
579
579
  step: c = 1,
580
580
  ...i
581
581
  }) => {
582
582
  const d = w(
583
583
  (_) => {
584
- C({ onValueChange: e, value: n, numSteps: _, min: l, max: r });
584
+ C({ onValueChange: e, value: n, numSteps: _, min: l, max: o });
585
585
  },
586
- [n, r, l, e]
586
+ [n, o, l, e]
587
587
  ), s = w(
588
588
  (_) => {
589
- V({ onValueChange: e, newValue: _, min: l, max: r });
589
+ V({ onValueChange: e, newValue: _, min: l, max: o });
590
590
  },
591
- [r, l, e]
591
+ [o, l, e]
592
592
  );
593
593
  return /* @__PURE__ */ h(T, { role: "group", children: [
594
- /* @__PURE__ */ o(
594
+ /* @__PURE__ */ r(
595
595
  K,
596
596
  {
597
597
  leftIcon: St,
@@ -600,27 +600,27 @@ const Zt = (t, e, n) => {
600
600
  onClick: () => d(-c)
601
601
  }
602
602
  ),
603
- /* @__PURE__ */ o(m, {}),
604
- /* @__PURE__ */ o(
603
+ /* @__PURE__ */ r(m, {}),
604
+ /* @__PURE__ */ r(
605
605
  xe,
606
606
  {
607
607
  hideButtons: !0,
608
608
  onValueChange: s,
609
609
  value: n,
610
- max: r,
610
+ max: o,
611
611
  min: l,
612
612
  step: c,
613
613
  disabled: t,
614
614
  ...i
615
615
  }
616
616
  ),
617
- /* @__PURE__ */ o(m, {}),
618
- /* @__PURE__ */ o(
617
+ /* @__PURE__ */ r(m, {}),
618
+ /* @__PURE__ */ r(
619
619
  K,
620
620
  {
621
621
  leftIcon: Nt,
622
622
  "aria-label": "Increase",
623
- disabled: t || we(n, r),
623
+ disabled: t || we(n, o),
624
624
  onClick: () => d(c)
625
625
  }
626
626
  )
@@ -630,18 +630,18 @@ const Zt = (t, e, n) => {
630
630
  visibleIcon: e = $t,
631
631
  ...n
632
632
  }) => {
633
- const [r, l] = kt(!0);
634
- return /* @__PURE__ */ o(
633
+ const [o, l] = kt(!0);
634
+ return /* @__PURE__ */ r(
635
635
  Z,
636
636
  {
637
- buttonRight: /* @__PURE__ */ o(
637
+ buttonRight: /* @__PURE__ */ r(
638
638
  v,
639
639
  {
640
- icon: r ? t : e,
640
+ icon: o ? t : e,
641
641
  onClick: () => l((c) => !c)
642
642
  }
643
643
  ),
644
- type: r ? "password" : "text",
644
+ type: o ? "password" : "text",
645
645
  ...n
646
646
  }
647
647
  );
@@ -649,13 +649,12 @@ const Zt = (t, e, n) => {
649
649
  disabled: t,
650
650
  text: e,
651
651
  ...n
652
- }) => /* @__PURE__ */ o(
652
+ }) => /* @__PURE__ */ r(
653
653
  A,
654
654
  {
655
655
  variant: "bold",
656
656
  color: L(t ? "--silver" : "--tjara"),
657
657
  size: "small",
658
- whiteSpace: "nowrap",
659
658
  ...It(n),
660
659
  children: e
661
660
  }
@@ -663,16 +662,16 @@ const Zt = (t, e, n) => {
663
662
  htmlFor: t,
664
663
  screenReaderLabel: e,
665
664
  label: n,
666
- disabled: r,
665
+ disabled: o,
667
666
  className: l
668
667
  }) => /* @__PURE__ */ h("label", { htmlFor: t, className: l, children: [
669
- e ? /* @__PURE__ */ o(q, { children: e }) : null,
670
- /* @__PURE__ */ o(
668
+ e ? /* @__PURE__ */ r(q, { children: e }) : null,
669
+ /* @__PURE__ */ r(
671
670
  Ie,
672
671
  {
673
672
  "aria-hidden": !!e,
674
673
  text: n,
675
- disabled: r
674
+ disabled: o
676
675
  }
677
676
  )
678
677
  ] }), Be = "_labelledSelect_1evxo_1", ge = "_onlyTopBorder_1evxo_8", ke = "_onlyBottomBorder_1evxo_14", Te = "_error_1evxo_19", Se = "_normal_1evxo_24", Ne = "_label_1evxo_1", Re = "_select_1evxo_48", $e = "_iconWrapper_1evxo_73", k = {
@@ -688,7 +687,7 @@ const Zt = (t, e, n) => {
688
687
  onChange: t,
689
688
  onValueChange: e,
690
689
  id: n,
691
- label: r,
690
+ label: o,
692
691
  screenReaderLabel: l,
693
692
  borderVariant: c = "normalBorder",
694
693
  variant: i = "normal",
@@ -710,16 +709,16 @@ const Zt = (t, e, n) => {
710
709
  k[c]
711
710
  ),
712
711
  children: [
713
- /* @__PURE__ */ o(
712
+ /* @__PURE__ */ r(
714
713
  tt,
715
714
  {
716
715
  htmlFor: p,
717
716
  className: k.label,
718
- label: r,
717
+ label: o,
719
718
  screenReaderLabel: l
720
719
  }
721
720
  ),
722
- /* @__PURE__ */ o(
721
+ /* @__PURE__ */ r(
723
722
  "select",
724
723
  {
725
724
  id: p,
@@ -729,7 +728,7 @@ const Zt = (t, e, n) => {
729
728
  children: d
730
729
  }
731
730
  ),
732
- /* @__PURE__ */ o("div", { className: x(k.iconWrapper), children: /* @__PURE__ */ o(
731
+ /* @__PURE__ */ r("div", { className: x(k.iconWrapper), children: /* @__PURE__ */ r(
733
732
  G,
734
733
  {
735
734
  icon: qt,
@@ -740,7 +739,7 @@ const Zt = (t, e, n) => {
740
739
  ]
741
740
  }
742
741
  );
743
- }, qe = "_labelledTextInput_14xl2_1", Ae = "_onlyTop_14xl2_21", Pe = "_disabled_14xl2_25", He = "_onlyBottom_14xl2_30", We = "_onlyLeft_14xl2_38", ve = "_onlyRight_14xl2_47", Fe = "_medium_14xl2_73", Me = "_large_14xl2_85", Ue = "_error_14xl2_99", N = {
742
+ }, qe = "_labelledTextInput_6oeo0_1", Ae = "_onlyTop_6oeo0_21", Pe = "_disabled_6oeo0_26", He = "_onlyBottom_6oeo0_31", We = "_onlyLeft_6oeo0_40", ve = "_onlyRight_6oeo0_50", Fe = "_medium_6oeo0_77", Me = "_large_6oeo0_89", Ue = "_error_6oeo0_103", N = {
744
743
  labelledTextInput: qe,
745
744
  onlyTop: Ae,
746
745
  disabled: Pe,
@@ -750,12 +749,12 @@ const Zt = (t, e, n) => {
750
749
  medium: Fe,
751
750
  large: Me,
752
751
  error: Ue
753
- }, rn = Bt.forwardRef(
752
+ }, on = Bt.forwardRef(
754
753
  ({
755
754
  autoComplete: t = "off",
756
755
  label: e,
757
756
  id: n,
758
- screenReaderLabel: r,
757
+ screenReaderLabel: o,
759
758
  size: l = "medium",
760
759
  value: c,
761
760
  onChange: i,
@@ -784,15 +783,15 @@ const Zt = (t, e, n) => {
784
783
  ),
785
784
  style: u ? { width: u } : void 0,
786
785
  children: [
787
- /* @__PURE__ */ o(
786
+ /* @__PURE__ */ r(
788
787
  tt,
789
788
  {
790
789
  htmlFor: I,
791
- screenReaderLabel: r,
790
+ screenReaderLabel: o,
792
791
  label: e
793
792
  }
794
793
  ),
795
- /* @__PURE__ */ o(
794
+ /* @__PURE__ */ r(
796
795
  "input",
797
796
  {
798
797
  ref: f,
@@ -809,11 +808,11 @@ const Zt = (t, e, n) => {
809
808
  }
810
809
  );
811
810
  }
812
- ), on = ({
811
+ ), rn = ({
813
812
  variant: t = "standard",
814
813
  disabled: e,
815
814
  wrapperClassName: n,
816
- wrapperStyle: r,
815
+ wrapperStyle: o,
817
816
  contentLeft: l,
818
817
  contentRight: c,
819
818
  disableContentPadding: i,
@@ -825,7 +824,7 @@ const Zt = (t, e, n) => {
825
824
  onClickRight: a,
826
825
  children: f
827
826
  }) => {
828
- const y = t === "success" ? X : t === "warning" || t === "error" ? J : _, I = t === "loading" ? /* @__PURE__ */ o(Q, {}) : c;
827
+ const y = t === "success" ? X : t === "warning" || t === "error" ? J : _, I = t === "loading" ? /* @__PURE__ */ r(Q, {}) : c;
829
828
  return /* @__PURE__ */ h(
830
829
  "div",
831
830
  {
@@ -838,9 +837,9 @@ const Zt = (t, e, n) => {
838
837
  },
839
838
  n
840
839
  ),
841
- style: r,
840
+ style: o,
842
841
  children: [
843
- /* @__PURE__ */ o(
842
+ /* @__PURE__ */ r(
844
843
  H,
845
844
  {
846
845
  content: l,
@@ -848,11 +847,11 @@ const Zt = (t, e, n) => {
848
847
  disableContentPaddingLeft: d,
849
848
  disableContentPaddingRight: s,
850
849
  spaceOnLeft: !0,
851
- button: p ? /* @__PURE__ */ o(v, { onClick: u, icon: p }) : void 0
850
+ button: p ? /* @__PURE__ */ r(v, { onClick: u, icon: p }) : void 0
852
851
  }
853
852
  ),
854
- /* @__PURE__ */ o(T, { alignItems: "center", children: f }),
855
- /* @__PURE__ */ o(
853
+ /* @__PURE__ */ r(T, { alignItems: "center", children: f }),
854
+ /* @__PURE__ */ r(
856
855
  H,
857
856
  {
858
857
  content: I,
@@ -860,7 +859,7 @@ const Zt = (t, e, n) => {
860
859
  disableContentPaddingLeft: d,
861
860
  disableContentPaddingRight: s,
862
861
  spaceOnRight: !0,
863
- button: y ? /* @__PURE__ */ o(v, { onClick: a, icon: y }) : void 0
862
+ button: y ? /* @__PURE__ */ r(v, { onClick: a, icon: y }) : void 0
864
863
  }
865
864
  )
866
865
  ]
@@ -873,7 +872,7 @@ const Zt = (t, e, n) => {
873
872
  className: t,
874
873
  value: e,
875
874
  onValueChange: n,
876
- onChange: r,
875
+ onChange: o,
877
876
  resize: l = "none",
878
877
  readOnly: c = !1,
879
878
  rows: i,
@@ -882,11 +881,11 @@ const Zt = (t, e, n) => {
882
881
  }, _) => {
883
882
  const p = w(
884
883
  (u) => {
885
- r && r(u), n && n(u.target.value);
884
+ o && o(u), n && n(u.target.value);
886
885
  },
887
- [r, n]
886
+ [o, n]
888
887
  );
889
- return /* @__PURE__ */ o(
888
+ return /* @__PURE__ */ r(
890
889
  "textarea",
891
890
  {
892
891
  disabled: d,
@@ -908,7 +907,7 @@ export {
908
907
  tt as InputLabel,
909
908
  Ie as InputLabelText,
910
909
  nn as LabelledSelect,
911
- rn as LabelledTextInput,
910
+ on as LabelledTextInput,
912
911
  tn as NumericStepper,
913
912
  xe as NumericTextInput,
914
913
  en as PasswordInput,
@@ -919,7 +918,7 @@ export {
919
918
  Qe as SwitchWithLabel,
920
919
  ln as TextArea,
921
920
  Z as TextInput,
922
- on as TextInputBox,
921
+ rn as TextInputBox,
923
922
  Yt as elementHasSelectionRange,
924
923
  C as onStepValueChange,
925
924
  V as onTextValueChange,