@stenajs-webui/forms 21.45.0 → 21.46.0

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,35 +1,35 @@
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_ltj9l_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_ltj9l_1._labelledSelect_ltj9l_1._onlyTopBorder_ltj9l_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_ltj9l_1._onlyBottomBorder_ltj9l_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_ltj9l_1._error_ltj9l_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_ltj9l_1._normal_ltj9l_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_ltj9l_1._labelledSelect_ltj9l_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_ltj9l_1._labelledSelect_ltj9l_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_ltj9l_1 ._label_ltj9l_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_ltj9l_1 ._select_ltj9l_47{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_ltj9l_1 ._select_ltj9l_47._error_ltj9l_19{background-color:var(--snackskal)}._labelledSelect_ltj9l_1 ._select_ltj9l_47._normal_ltj9l_24{background-color:var(--moln)}._labelledSelect_ltj9l_1 ._select_ltj9l_47._medium_ltj9l_67{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)}._labelledSelect_ltj9l_1 ._select_ltj9l_47._large_ltj9l_73{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_ltj9l_1 ._iconWrapper_ltj9l_81{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_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_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_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 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_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 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_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_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(r){console.error("vite-plugin-css-injected-by-js",r)}})();
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_s3b2w_1{border:1px solid var(--swui-field-border-color);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_s3b2w_1._medium_s3b2w_7{border-radius:var(--swui-border-radius)}._labelledSelect_s3b2w_1._large_s3b2w_11{border-radius:var(--swui-border-radius-large)}._labelledSelect_s3b2w_1._labelledSelect_s3b2w_1._onlyTopBorder_s3b2w_15{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_s3b2w_1._onlyBottomBorder_s3b2w_21{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_s3b2w_1._error_s3b2w_26{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_s3b2w_1._normal_s3b2w_31{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_s3b2w_1._labelledSelect_s3b2w_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_s3b2w_1._labelledSelect_s3b2w_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_s3b2w_1 ._label_s3b2w_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_s3b2w_1 ._select_s3b2w_54{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_s3b2w_1 ._select_s3b2w_54._error_s3b2w_26{background-color:var(--snackskal)}._labelledSelect_s3b2w_1 ._select_s3b2w_54._normal_s3b2w_31{background-color:var(--moln)}._labelledSelect_s3b2w_1 ._select_s3b2w_54._medium_s3b2w_7{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)}._labelledSelect_s3b2w_1 ._select_s3b2w_54._large_s3b2w_11{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_s3b2w_1 ._iconWrapper_s3b2w_88{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_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_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_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 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_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 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_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_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(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
2
  import { jsx as o, jsxs as y, Fragment as R } from "react/jsx-runtime";
3
- import { Box as It, Space as m, ScreenReaderOnlyText as q, Text as j, Row as T, parseFloatElseUndefined as A, getDataProps as xt } from "@stenajs-webui/core";
3
+ import { Box as It, Space as m, ScreenReaderOnlyText as q, Text as A, Row as T, parseFloatElseUndefined as P, getDataProps as xt } from "@stenajs-webui/core";
4
4
  import * as Bt from "react";
5
- import { forwardRef as M, useRef as U, useCallback as I, useEffect as E, useMemo as gt, useState as kt, useId as G } from "react";
5
+ import { forwardRef as U, useRef as L, useCallback as I, useEffect as E, useMemo as gt, useState as kt, useId as G } from "react";
6
6
  import b from "classnames";
7
- import { Icon as X, stenaCheck as v, stenaExclamationTriangle as J, InputSpinner as Q, UpDownButtons as Tt, FlatButton as z, stenaMinus as St, stenaPlus as Nt, TextInputButton as W, stenaEyeShow as Rt, stenaEyeHide as $t, stenaAngleDown as qt } from "@stenajs-webui/elements";
8
- import { cssColor as L } from "@stenajs-webui/theme";
9
- import { FontAwesomeIcon as jt } from "@fortawesome/react-fontawesome";
7
+ import { Icon as X, stenaCheck as v, stenaExclamationTriangle as J, InputSpinner as Q, UpDownButtons as Tt, FlatButton as O, stenaMinus as St, stenaPlus as Nt, TextInputButton as F, stenaEyeShow as Rt, stenaEyeHide as $t, stenaAngleDown as qt } from "@stenajs-webui/elements";
8
+ import { cssColor as j } from "@stenajs-webui/theme";
9
+ import { FontAwesomeIcon as At } from "@fortawesome/react-fontawesome";
10
10
  import { isNil as S } from "lodash-es";
11
- const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75", $ = {
11
+ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75", $ = {
12
12
  switch: "_switch_1d6s8_1",
13
- knob: At,
14
- filler: Pt,
15
- checked: Ht
16
- }, Wt = `${$.switch} ${$.checked}`, Ft = ({
13
+ knob: Pt,
14
+ filler: Ht,
15
+ checked: Wt
16
+ }, Ft = `${$.switch} ${$.checked}`, Mt = ({
17
17
  value: t,
18
18
  disabled: e,
19
19
  onValueChange: n,
20
20
  className: r,
21
- wrapperRef: l,
22
- ...c
23
- }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ y(
21
+ wrapperRef: c,
22
+ ...l
23
+ }) => /* @__PURE__ */ o("div", { className: r, ref: c, children: /* @__PURE__ */ y(
24
24
  "button",
25
25
  {
26
26
  type: "button",
27
27
  role: "switch",
28
28
  "aria-checked": t,
29
- className: t ? Wt : $.switch,
29
+ className: t ? Ft : $.switch,
30
30
  disabled: e,
31
31
  onClick: () => n && n(!t),
32
- ...c,
32
+ ...l,
33
33
  children: [
34
34
  /* @__PURE__ */ o("div", { className: $.filler }),
35
35
  /* @__PURE__ */ o("div", { className: $.knob })
@@ -40,36 +40,36 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
40
40
  disabled: e,
41
41
  textColor: n,
42
42
  wrapperRef: r,
43
- screenReaderLabel: l,
44
- ...c
43
+ screenReaderLabel: c,
44
+ ...l
45
45
  }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(It, { row: !0, alignItems: "center", children: [
46
- /* @__PURE__ */ o(Ft, { disabled: e, ...c }),
46
+ /* @__PURE__ */ o(Mt, { disabled: e, ...l }),
47
47
  /* @__PURE__ */ o(m, {}),
48
- l ? /* @__PURE__ */ o(q, { children: l }) : null,
48
+ c ? /* @__PURE__ */ o(q, { children: c }) : null,
49
49
  /* @__PURE__ */ o(
50
- j,
50
+ A,
51
51
  {
52
52
  color: n,
53
- "aria-hidden": !!l,
53
+ "aria-hidden": !!c,
54
54
  userSelect: "none",
55
55
  children: t
56
56
  }
57
57
  )
58
- ] }) }) }), Mt = "_checkbox_1t23r_1", Ut = "_standard_1t23r_40", Lt = "_small_1t23r_52", O = {
59
- checkbox: Mt,
60
- standard: Ut,
61
- small: Lt
62
- }, Kt = M(
58
+ ] }) }) }), Ut = "_checkbox_1t23r_1", Lt = "_standard_1t23r_40", jt = "_small_1t23r_52", z = {
59
+ checkbox: Ut,
60
+ standard: Lt,
61
+ small: jt
62
+ }, Kt = U(
63
63
  ({
64
64
  indeterminate: t = !1,
65
65
  onChange: e,
66
66
  onValueChange: n,
67
67
  value: r = !1,
68
- size: l = "standard",
69
- className: c,
68
+ size: c = "standard",
69
+ className: l,
70
70
  ...i
71
71
  }, d) => {
72
- const s = U(null), _ = (a) => {
72
+ const s = L(null), _ = (a) => {
73
73
  s.current = a, s.current && (s.current.indeterminate = !!t), d && (typeof d == "function" ? d(a) : d.current = a);
74
74
  }, f = I(
75
75
  (a) => {
@@ -83,7 +83,7 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
83
83
  "input",
84
84
  {
85
85
  type: "checkbox",
86
- className: b(O.checkbox, O[l], c),
86
+ className: b(z.checkbox, z[c], l),
87
87
  checked: r,
88
88
  onChange: f,
89
89
  ref: _,
@@ -96,35 +96,35 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
96
96
  label: e,
97
97
  inputRef: n,
98
98
  wrapperRef: r,
99
- textColor: l,
100
- screenReaderLabel: c,
99
+ textColor: c,
100
+ screenReaderLabel: l,
101
101
  ...i
102
102
  }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(T, { alignItems: "center", children: [
103
103
  /* @__PURE__ */ o(Kt, { ...i, ref: n }),
104
104
  /* @__PURE__ */ o(m, {}),
105
- c ? /* @__PURE__ */ o(q, { children: c }) : null,
105
+ l ? /* @__PURE__ */ o(q, { children: l }) : null,
106
106
  /* @__PURE__ */ o(
107
- j,
107
+ A,
108
108
  {
109
- color: l,
110
- "aria-hidden": !!c,
109
+ color: c,
110
+ "aria-hidden": !!l,
111
111
  userSelect: "none",
112
112
  children: e
113
113
  }
114
114
  ),
115
115
  t
116
- ] }) }) }), zt = "_radiobutton_a19yk_1", Ot = "_standard_a19yk_46", Dt = "_small_a19yk_56", D = {
117
- radiobutton: zt,
118
- standard: Ot,
116
+ ] }) }) }), Ot = "_radiobutton_a19yk_1", zt = "_standard_a19yk_46", Dt = "_small_a19yk_56", D = {
117
+ radiobutton: Ot,
118
+ standard: zt,
119
119
  small: Dt
120
- }, Y = M(
120
+ }, Y = U(
121
121
  ({
122
122
  onChange: t,
123
123
  onValueChange: e,
124
124
  size: n = "standard",
125
125
  name: r,
126
- className: l,
127
- ...c
126
+ className: c,
127
+ ...l
128
128
  }, i) => {
129
129
  const d = I(
130
130
  (s) => {
@@ -137,14 +137,14 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
137
137
  {
138
138
  type: "radio",
139
139
  name: r,
140
- className: b(D.radiobutton, D[n], l),
140
+ className: b(D.radiobutton, D[n], c),
141
141
  onChange: d,
142
142
  ref: i,
143
- ...c
143
+ ...l
144
144
  }
145
145
  );
146
146
  }
147
- ), Et = "_radioButtonBox_yl38n_1", Gt = "_medium_yl38n_14", Xt = "_large_yl38n_19", vt = "_danger_yl38n_28", Jt = "_radioButtonWrapper_yl38n_39", H = {
147
+ ), Et = "_radioButtonBox_yl38n_1", Gt = "_medium_yl38n_14", Xt = "_large_yl38n_19", vt = "_danger_yl38n_28", Jt = "_radioButtonWrapper_yl38n_39", W = {
148
148
  radioButtonBox: Et,
149
149
  medium: Gt,
150
150
  large: Xt,
@@ -155,23 +155,23 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
155
155
  screenReaderLabel: e,
156
156
  variant: n = "normal",
157
157
  size: r = "medium",
158
- className: l,
159
- icon: c,
158
+ className: c,
159
+ icon: l,
160
160
  contentRight: i,
161
161
  style: d,
162
162
  disabled: s,
163
163
  radioButtonClassName: _,
164
164
  ...f
165
165
  }) => {
166
- const a = s ? L("--swui-text-disabled-color") : void 0;
166
+ const a = s ? j("--swui-text-disabled-color") : void 0;
167
167
  return /* @__PURE__ */ o(
168
168
  "label",
169
169
  {
170
170
  className: b(
171
- H.radioButtonBox,
172
- H[n],
173
- H[r],
174
- l
171
+ W.radioButtonBox,
172
+ W[n],
173
+ W[r],
174
+ c
175
175
  ),
176
176
  style: d,
177
177
  children: /* @__PURE__ */ y(T, { justifyContent: "space-between", flexGrow: 1, children: [
@@ -186,17 +186,17 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
186
186
  ),
187
187
  /* @__PURE__ */ o(m, {}),
188
188
  e ? /* @__PURE__ */ o(q, { children: e }) : null,
189
- /* @__PURE__ */ o(j, { color: a, "aria-hidden": !!e, children: t })
189
+ /* @__PURE__ */ o(A, { color: a, "aria-hidden": !!e, children: t })
190
190
  ] }),
191
191
  /* @__PURE__ */ y(
192
192
  T,
193
193
  {
194
194
  alignItems: "center",
195
- width: c ? "48px" : void 0,
195
+ width: l ? "48px" : void 0,
196
196
  justifyContent: "center",
197
197
  children: [
198
- c && /* @__PURE__ */ o(X, { icon: c, size: 24, color: a }),
199
- !c && i
198
+ l && /* @__PURE__ */ o(X, { icon: l, size: 24, color: a }),
199
+ !l && i
200
200
  ]
201
201
  }
202
202
  )
@@ -208,24 +208,24 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
208
208
  inputRef: e,
209
209
  wrapperRef: n,
210
210
  textColor: r,
211
- screenReaderLabel: l,
212
- ...c
211
+ screenReaderLabel: c,
212
+ ...l
213
213
  }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(T, { alignItems: "center", children: [
214
- /* @__PURE__ */ o(Y, { ref: e, ...c }),
214
+ /* @__PURE__ */ o(Y, { ref: e, ...l }),
215
215
  /* @__PURE__ */ o(m, {}),
216
- l ? /* @__PURE__ */ o(q, { children: l }) : null,
216
+ c ? /* @__PURE__ */ o(q, { children: c }) : null,
217
217
  /* @__PURE__ */ o(
218
- j,
218
+ A,
219
219
  {
220
220
  color: r,
221
- "aria-hidden": !!l,
221
+ "aria-hidden": !!c,
222
222
  userSelect: "none",
223
223
  children: t
224
224
  }
225
225
  )
226
- ] }) }) }), Qt = (t, e, n, r, l, c, i, d) => {
227
- const s = U(!1), _ = (u) => {
228
- s.current || c == null || c(u.target.value ?? ""), i == null || i(u);
226
+ ] }) }) }), Qt = (t, e, n, r, c, l, i, d) => {
227
+ const s = L(!1), _ = (u) => {
228
+ s.current || l == null || l(u.target.value ?? ""), i == null || i(u);
229
229
  }, f = (u) => {
230
230
  s.current = !1, d == null || d(u);
231
231
  };
@@ -234,18 +234,18 @@ const At = "_knob_1d6s8_56", Pt = "_filler_1d6s8_61", Ht = "_checked_1d6s8_75",
234
234
  (u) => {
235
235
  const { key: p } = u;
236
236
  if (p === "Enter")
237
- s.current = !0, n == null || n(), c == null || c(u.currentTarget.value ?? "");
237
+ s.current = !0, n == null || n(), l == null || l(u.currentTarget.value ?? "");
238
238
  else if (p === "Escape")
239
239
  s.current = !0, r == null || r(), u.preventDefault(), u.stopPropagation();
240
- else if (l) {
240
+ else if (c) {
241
241
  const h = (x, B) => {
242
- s.current = !0, t.current.blur(), l(x), B.preventDefault(), B.stopPropagation();
242
+ s.current = !0, t.current.blur(), c(x), B.preventDefault(), B.stopPropagation();
243
243
  };
244
244
  u.shiftKey && p === "Tab" ? h("left", u) : p === "Tab" ? h("right", u) : p === "ArrowUp" ? h("up", u) : p === "ArrowDown" ? h("down", u) : p === "ArrowRight" ? t.current.value.length === t.current.selectionStart && h("right", u) : p === "ArrowLeft" && t.current.selectionStart === 0 && h("left", u);
245
245
  }
246
246
  e && e(u);
247
247
  },
248
- [r, l, e, t, n, c]
248
+ [r, c, e, t, n, l]
249
249
  ),
250
250
  onBlurHandler: _,
251
251
  onFocusHandler: f
@@ -265,8 +265,8 @@ const Zt = (t, e, n) => {
265
265
  onEnter: e,
266
266
  onEsc: n,
267
267
  onChange: r,
268
- onValueChange: l,
269
- selectAllOnMount: c,
268
+ onValueChange: c,
269
+ selectAllOnMount: l,
270
270
  moveCursorToEndOnMount: i,
271
271
  onDone: d,
272
272
  onMove: s,
@@ -275,7 +275,7 @@ const Zt = (t, e, n) => {
275
275
  onKeyDown: a,
276
276
  autoFocus: u
277
277
  }) => {
278
- Zt(t, !!i, !!c);
278
+ Zt(t, !!i, !!l);
279
279
  const { onKeyDownHandler: p, onFocusHandler: h, onBlurHandler: x } = Qt(
280
280
  t,
281
281
  a,
@@ -287,26 +287,26 @@ const Zt = (t, e, n) => {
287
287
  _
288
288
  ), B = I(
289
289
  (k) => {
290
- r == null || r(k), l == null || l(k.target.value);
290
+ r == null || r(k), c == null || c(k.target.value);
291
291
  },
292
- [r, l]
292
+ [r, c]
293
293
  );
294
294
  return {
295
295
  onBlur: x,
296
296
  onChange: B,
297
297
  onFocus: h,
298
298
  onKeyDown: p,
299
- autoFocus: c || u
299
+ autoFocus: l || u
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", ye = "_clickable_1qe61_152", w = {
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", ce = "_input_1qe61_50", le = "_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", ye = "_clickable_1qe61_152", w = {
302
302
  textInput: Vt,
303
303
  onlyTop: te,
304
304
  disabled: ee,
305
305
  onlyBottom: ne,
306
306
  onlyLeft: re,
307
307
  onlyRight: oe,
308
- input: le,
309
- alwaysShowPlaceholder: ce,
308
+ input: ce,
309
+ alwaysShowPlaceholder: le,
310
310
  icon: se,
311
311
  standard: ie,
312
312
  success: de,
@@ -316,41 +316,41 @@ const Zt = (t, e, n) => {
316
316
  warning: pe,
317
317
  hideBorder: fe,
318
318
  clickable: ye
319
- }, P = ({
319
+ }, H = ({
320
320
  button: t,
321
321
  icon: e,
322
322
  iconClassName: n,
323
323
  content: r,
324
- spaceOnLeft: l,
325
- spaceOnRight: c,
324
+ spaceOnLeft: c,
325
+ spaceOnRight: l,
326
326
  disableContentPadding: i,
327
327
  disableContentPaddingLeft: d,
328
328
  disableContentPaddingRight: s
329
329
  }) => !r && !e && !t ? null : t ? /* @__PURE__ */ y(R, { children: [
330
- l ? /* @__PURE__ */ o(m, { num: 0.25 }) : null,
330
+ c ? /* @__PURE__ */ o(m, { num: 0.25 }) : null,
331
331
  t,
332
- c ? /* @__PURE__ */ o(m, { num: 0.25 }) : null
332
+ l ? /* @__PURE__ */ o(m, { num: 0.25 }) : null
333
333
  ] }) : r ? /* @__PURE__ */ y(R, { children: [
334
- l && !(i || d) ? /* @__PURE__ */ o(m, {}) : null,
334
+ c && !(i || d) ? /* @__PURE__ */ o(m, {}) : null,
335
335
  r || null,
336
- c && !(i || s) ? /* @__PURE__ */ o(m, {}) : null
336
+ l && !(i || s) ? /* @__PURE__ */ o(m, {}) : null
337
337
  ] }) : /* @__PURE__ */ y(R, { children: [
338
- l ? /* @__PURE__ */ o(m, {}) : null,
338
+ c ? /* @__PURE__ */ o(m, {}) : null,
339
339
  e && /* @__PURE__ */ o(
340
- jt,
340
+ At,
341
341
  {
342
342
  icon: e,
343
343
  className: b(w.icon, n)
344
344
  }
345
345
  ),
346
- c ? /* @__PURE__ */ o(m, {}) : null
346
+ l ? /* @__PURE__ */ o(m, {}) : null
347
347
  ] }), Z = (t) => {
348
348
  const {
349
349
  variant: e = "standard",
350
350
  inputRef: n,
351
351
  disabled: r,
352
- className: l,
353
- buttonLeft: c,
352
+ className: c,
353
+ buttonLeft: l,
354
354
  buttonRight: i,
355
355
  contentLeft: d,
356
356
  contentRight: s,
@@ -367,8 +367,8 @@ const Zt = (t, e, n) => {
367
367
  wrapperStyle: nt,
368
368
  onDone: rt,
369
369
  onEnter: ot,
370
- onEsc: lt,
371
- onMove: ct,
370
+ onEsc: ct,
371
+ onMove: lt,
372
372
  onChange: st,
373
373
  onKeyDown: it,
374
374
  hideBorder: dt,
@@ -378,15 +378,15 @@ const Zt = (t, e, n) => {
378
378
  width: pt,
379
379
  alwaysShowPlaceholder: ft,
380
380
  ...yt
381
- } = t, ht = U(null), K = n ?? ht, mt = Ct(K, {
381
+ } = t, ht = L(null), K = n ?? ht, mt = Ct(K, {
382
382
  onEnter: ot,
383
- onEsc: lt,
383
+ onEsc: ct,
384
384
  onChange: st,
385
385
  onValueChange: k,
386
386
  selectAllOnMount: x,
387
387
  moveCursorToEndOnMount: h,
388
388
  onDone: rt,
389
- onMove: ct,
389
+ onMove: lt,
390
390
  onFocus: at,
391
391
  onBlur: ut,
392
392
  onKeyDown: it,
@@ -410,7 +410,7 @@ const Zt = (t, e, n) => {
410
410
  style: { width: pt, ...nt },
411
411
  children: [
412
412
  /* @__PURE__ */ o(
413
- P,
413
+ H,
414
414
  {
415
415
  content: d,
416
416
  disableContentPadding: _,
@@ -418,7 +418,7 @@ const Zt = (t, e, n) => {
418
418
  disableContentPaddingRight: a,
419
419
  icon: u,
420
420
  spaceOnLeft: !0,
421
- button: c
421
+ button: l
422
422
  }
423
423
  ),
424
424
  /* @__PURE__ */ o(
@@ -429,7 +429,7 @@ const Zt = (t, e, n) => {
429
429
  {
430
430
  [w.alwaysShowPlaceholder]: ft
431
431
  },
432
- l
432
+ c
433
433
  ),
434
434
  type: "text",
435
435
  disabled: r,
@@ -440,7 +440,7 @@ const Zt = (t, e, n) => {
440
440
  }
441
441
  ),
442
442
  /* @__PURE__ */ o(
443
- P,
443
+ H,
444
444
  {
445
445
  content: wt,
446
446
  disableContentPadding: _,
@@ -461,14 +461,14 @@ const Zt = (t, e, n) => {
461
461
  value: e,
462
462
  numSteps: n,
463
463
  min: r,
464
- max: l
464
+ max: c
465
465
  }) => {
466
466
  if (t)
467
467
  if (!e)
468
- t(String(F(n, r, l)));
468
+ t(String(M(n, r, c)));
469
469
  else {
470
- const i = (A(e) || 0) + n;
471
- t(String(F(i, r, l)));
470
+ const i = (P(e) || 0) + n;
471
+ t(String(M(i, r, c)));
472
472
  }
473
473
  }, V = ({
474
474
  onValueChange: t,
@@ -480,10 +480,10 @@ const Zt = (t, e, n) => {
480
480
  if (e === "")
481
481
  t("");
482
482
  else {
483
- const c = A(e) || 0;
484
- t(String(F(c, n, r)));
483
+ const l = P(e) || 0;
484
+ t(String(M(l, n, r)));
485
485
  }
486
- }, F = (t, e, n) => {
486
+ }, M = (t, e, n) => {
487
487
  let r = t;
488
488
  return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
489
489
  }, be = ({
@@ -491,8 +491,8 @@ const Zt = (t, e, n) => {
491
491
  onValueChange: e,
492
492
  max: n,
493
493
  min: r,
494
- step: l = 1,
495
- contentRight: c,
494
+ step: c = 1,
495
+ contentRight: l,
496
496
  disabled: i,
497
497
  className: d,
498
498
  hideButtons: s,
@@ -512,16 +512,16 @@ const Zt = (t, e, n) => {
512
512
  return /* @__PURE__ */ o(
513
513
  Z,
514
514
  {
515
- contentRight: s ? c : /* @__PURE__ */ y(R, { children: [
516
- c && /* @__PURE__ */ y(R, { children: [
517
- c,
515
+ contentRight: s ? l : /* @__PURE__ */ y(R, { children: [
516
+ l && /* @__PURE__ */ y(R, { children: [
517
+ l,
518
518
  /* @__PURE__ */ o(m, {})
519
519
  ] }),
520
520
  /* @__PURE__ */ o(
521
521
  Tt,
522
522
  {
523
- onClickUp: i ? void 0 : () => f(l),
524
- onClickDown: i ? void 0 : () => f(-l),
523
+ onClickUp: i ? void 0 : () => f(c),
524
+ onClickDown: i ? void 0 : () => f(-c),
525
525
  iconColor: "var(--swui-textinput-text-color)",
526
526
  disabled: i
527
527
  }
@@ -533,7 +533,7 @@ const Zt = (t, e, n) => {
533
533
  type: "number",
534
534
  min: r,
535
535
  max: n,
536
- step: l,
536
+ step: c,
537
537
  className: b(me.numericTextInputInput, d),
538
538
  disabled: i,
539
539
  ..._
@@ -541,13 +541,13 @@ const Zt = (t, e, n) => {
541
541
  );
542
542
  }, en = (t, e) => {
543
543
  const n = I(
544
- (l) => {
544
+ (c) => {
545
545
  if (e)
546
- if (!l)
546
+ if (!c)
547
547
  e(void 0);
548
548
  else {
549
- const c = A(l);
550
- c !== void 0 && e(c);
549
+ const l = P(c);
550
+ l !== void 0 && e(l);
551
551
  }
552
552
  },
553
553
  [e]
@@ -560,14 +560,14 @@ const Zt = (t, e, n) => {
560
560
  if (S(t))
561
561
  return !1;
562
562
  {
563
- const n = A(t);
563
+ const n = P(t);
564
564
  return !S(n) && !S(e) && n <= e;
565
565
  }
566
566
  }, Ie = (t, e) => {
567
567
  if (S(t))
568
568
  return !1;
569
569
  {
570
- const n = A(t);
570
+ const n = P(t);
571
571
  return !S(n) && !S(e) && n >= e;
572
572
  }
573
573
  }, nn = ({
@@ -575,29 +575,29 @@ const Zt = (t, e, n) => {
575
575
  onValueChange: e,
576
576
  value: n,
577
577
  max: r,
578
- min: l,
579
- step: c = 1,
578
+ min: c,
579
+ step: l = 1,
580
580
  ...i
581
581
  }) => {
582
582
  const d = I(
583
583
  (_) => {
584
- C({ onValueChange: e, value: n, numSteps: _, min: l, max: r });
584
+ C({ onValueChange: e, value: n, numSteps: _, min: c, max: r });
585
585
  },
586
- [n, r, l, e]
586
+ [n, r, c, e]
587
587
  ), s = I(
588
588
  (_) => {
589
- V({ onValueChange: e, newValue: _, min: l, max: r });
589
+ V({ onValueChange: e, newValue: _, min: c, max: r });
590
590
  },
591
- [r, l, e]
591
+ [r, c, e]
592
592
  );
593
593
  return /* @__PURE__ */ y(T, { role: "group", children: [
594
594
  /* @__PURE__ */ o(
595
- z,
595
+ O,
596
596
  {
597
597
  leftIcon: St,
598
598
  "aria-label": "Decrease",
599
- disabled: t || we(n, l),
600
- onClick: () => d(-c)
599
+ disabled: t || we(n, c),
600
+ onClick: () => d(-l)
601
601
  }
602
602
  ),
603
603
  /* @__PURE__ */ o(m, {}),
@@ -608,20 +608,20 @@ const Zt = (t, e, n) => {
608
608
  onValueChange: s,
609
609
  value: n,
610
610
  max: r,
611
- min: l,
612
- step: c,
611
+ min: c,
612
+ step: l,
613
613
  disabled: t,
614
614
  ...i
615
615
  }
616
616
  ),
617
617
  /* @__PURE__ */ o(m, {}),
618
618
  /* @__PURE__ */ o(
619
- z,
619
+ O,
620
620
  {
621
621
  leftIcon: Nt,
622
622
  "aria-label": "Increase",
623
623
  disabled: t || Ie(n, r),
624
- onClick: () => d(c)
624
+ onClick: () => d(l)
625
625
  }
626
626
  )
627
627
  ] });
@@ -630,15 +630,15 @@ const Zt = (t, e, n) => {
630
630
  visibleIcon: e = $t,
631
631
  ...n
632
632
  }) => {
633
- const [r, l] = kt(!0);
633
+ const [r, c] = kt(!0);
634
634
  return /* @__PURE__ */ o(
635
635
  Z,
636
636
  {
637
637
  buttonRight: /* @__PURE__ */ o(
638
- W,
638
+ F,
639
639
  {
640
640
  icon: r ? t : e,
641
- onClick: () => l((c) => !c)
641
+ onClick: () => c((l) => !l)
642
642
  }
643
643
  ),
644
644
  type: r ? "password" : "text",
@@ -650,10 +650,10 @@ const Zt = (t, e, n) => {
650
650
  text: e,
651
651
  ...n
652
652
  }) => /* @__PURE__ */ o(
653
- j,
653
+ A,
654
654
  {
655
655
  variant: "bold",
656
- color: L(t ? "--silver" : "--tjara"),
656
+ color: j(t ? "--silver" : "--tjara"),
657
657
  size: "small",
658
658
  ...xt(n),
659
659
  children: e
@@ -663,8 +663,8 @@ const Zt = (t, e, n) => {
663
663
  screenReaderLabel: e,
664
664
  label: n,
665
665
  disabled: r,
666
- className: l
667
- }) => /* @__PURE__ */ y("label", { htmlFor: t, className: l, children: [
666
+ className: c
667
+ }) => /* @__PURE__ */ y("label", { htmlFor: t, className: c, children: [
668
668
  e ? /* @__PURE__ */ o(q, { children: e }) : null,
669
669
  /* @__PURE__ */ o(
670
670
  xe,
@@ -674,24 +674,24 @@ const Zt = (t, e, n) => {
674
674
  disabled: r
675
675
  }
676
676
  )
677
- ] }), Be = "_labelledSelect_ltj9l_1", ge = "_onlyTopBorder_ltj9l_8", ke = "_onlyBottomBorder_ltj9l_14", Te = "_error_ltj9l_19", Se = "_normal_ltj9l_24", Ne = "_label_ltj9l_1", Re = "_select_ltj9l_47", $e = "_medium_ltj9l_67", qe = "_large_ltj9l_73", je = "_iconWrapper_ltj9l_81", g = {
677
+ ] }), Be = "_labelledSelect_s3b2w_1", ge = "_medium_s3b2w_7", ke = "_large_s3b2w_11", Te = "_onlyTopBorder_s3b2w_15", Se = "_onlyBottomBorder_s3b2w_21", Ne = "_error_s3b2w_26", Re = "_normal_s3b2w_31", $e = "_label_s3b2w_1", qe = "_select_s3b2w_54", Ae = "_iconWrapper_s3b2w_88", g = {
678
678
  labelledSelect: Be,
679
- onlyTopBorder: ge,
680
- onlyBottomBorder: ke,
681
- error: Te,
682
- normal: Se,
683
- label: Ne,
684
- select: Re,
685
- medium: $e,
686
- large: qe,
687
- iconWrapper: je
679
+ medium: ge,
680
+ large: ke,
681
+ onlyTopBorder: Te,
682
+ onlyBottomBorder: Se,
683
+ error: Ne,
684
+ normal: Re,
685
+ label: $e,
686
+ select: qe,
687
+ iconWrapper: Ae
688
688
  }, on = ({
689
689
  onChange: t,
690
690
  onValueChange: e,
691
691
  id: n,
692
692
  label: r,
693
- screenReaderLabel: l,
694
- borderVariant: c = "normalBorder",
693
+ screenReaderLabel: c,
694
+ borderVariant: l = "normalBorder",
695
695
  variant: i = "normal",
696
696
  size: d = "medium",
697
697
  children: s,
@@ -709,7 +709,8 @@ const Zt = (t, e, n) => {
709
709
  className: b(
710
710
  g.labelledSelect,
711
711
  g[i],
712
- g[c]
712
+ g[d],
713
+ g[l]
713
714
  ),
714
715
  children: [
715
716
  /* @__PURE__ */ o(
@@ -718,7 +719,7 @@ const Zt = (t, e, n) => {
718
719
  htmlFor: a,
719
720
  className: g.label,
720
721
  label: r,
721
- screenReaderLabel: l
722
+ screenReaderLabel: c
722
723
  }
723
724
  ),
724
725
  /* @__PURE__ */ o(
@@ -736,30 +737,30 @@ const Zt = (t, e, n) => {
736
737
  {
737
738
  icon: qt,
738
739
  size: 24,
739
- color: L("--modern-blue")
740
+ color: j("--modern-blue")
740
741
  }
741
742
  ) })
742
743
  ]
743
744
  }
744
745
  );
745
- }, Ae = "_labelledTextInput_1uyc3_1", Pe = "_onlyTop_1uyc3_21", He = "_onlyBottom_1uyc3_27", We = "_onlyLeft_1uyc3_32", Fe = "_onlyRight_1uyc3_38", Me = "_disabled_1uyc3_53", Ue = "_medium_1uyc3_61", Le = "_large_1uyc3_73", Ke = "_error_1uyc3_87", N = {
746
- labelledTextInput: Ae,
747
- onlyTop: Pe,
748
- onlyBottom: He,
749
- onlyLeft: We,
750
- onlyRight: Fe,
751
- disabled: Me,
752
- medium: Ue,
753
- large: Le,
746
+ }, Pe = "_labelledTextInput_1uyc3_1", He = "_onlyTop_1uyc3_21", We = "_onlyBottom_1uyc3_27", Fe = "_onlyLeft_1uyc3_32", Me = "_onlyRight_1uyc3_38", Ue = "_disabled_1uyc3_53", Le = "_medium_1uyc3_61", je = "_large_1uyc3_73", Ke = "_error_1uyc3_87", N = {
747
+ labelledTextInput: Pe,
748
+ onlyTop: He,
749
+ onlyBottom: We,
750
+ onlyLeft: Fe,
751
+ onlyRight: Me,
752
+ disabled: Ue,
753
+ medium: Le,
754
+ large: je,
754
755
  error: Ke
755
- }, ln = Bt.forwardRef(
756
+ }, cn = Bt.forwardRef(
756
757
  ({
757
758
  autoComplete: t = "off",
758
759
  label: e,
759
760
  id: n,
760
761
  screenReaderLabel: r,
761
- size: l = "medium",
762
- value: c,
762
+ size: c = "medium",
763
+ value: l,
763
764
  onChange: i,
764
765
  disabled: d,
765
766
  onValueChange: s,
@@ -781,7 +782,7 @@ const Zt = (t, e, n) => {
781
782
  N.labelledTextInput,
782
783
  N[f],
783
784
  N[_],
784
- N[l],
785
+ N[c],
785
786
  d && N.disabled
786
787
  ),
787
788
  style: a ? { width: a } : void 0,
@@ -801,7 +802,7 @@ const Zt = (t, e, n) => {
801
802
  id: x,
802
803
  autoComplete: t,
803
804
  type: "text",
804
- value: c,
805
+ value: l,
805
806
  onChange: B,
806
807
  disabled: d,
807
808
  ...u
@@ -811,13 +812,13 @@ const Zt = (t, e, n) => {
811
812
  }
812
813
  );
813
814
  }
814
- ), cn = ({
815
+ ), ln = ({
815
816
  variant: t = "standard",
816
817
  disabled: e,
817
818
  wrapperClassName: n,
818
819
  wrapperStyle: r,
819
- contentLeft: l,
820
- contentRight: c,
820
+ contentLeft: c,
821
+ contentRight: l,
821
822
  disableContentPadding: i,
822
823
  disableContentPaddingLeft: d,
823
824
  disableContentPaddingRight: s,
@@ -827,7 +828,7 @@ const Zt = (t, e, n) => {
827
828
  onClickRight: u,
828
829
  children: p
829
830
  }) => {
830
- const h = t === "success" ? v : t === "warning" || t === "error" ? J : _, x = t === "loading" ? /* @__PURE__ */ o(Q, {}) : c;
831
+ const h = t === "success" ? v : t === "warning" || t === "error" ? J : _, x = t === "loading" ? /* @__PURE__ */ o(Q, {}) : l;
831
832
  return /* @__PURE__ */ y(
832
833
  "div",
833
834
  {
@@ -843,41 +844,41 @@ const Zt = (t, e, n) => {
843
844
  style: r,
844
845
  children: [
845
846
  /* @__PURE__ */ o(
846
- P,
847
+ H,
847
848
  {
848
- content: l,
849
+ content: c,
849
850
  disableContentPadding: i,
850
851
  disableContentPaddingLeft: d,
851
852
  disableContentPaddingRight: s,
852
853
  spaceOnLeft: !0,
853
- button: f ? /* @__PURE__ */ o(W, { onClick: a, icon: f }) : void 0
854
+ button: f ? /* @__PURE__ */ o(F, { onClick: a, icon: f }) : void 0
854
855
  }
855
856
  ),
856
857
  /* @__PURE__ */ o(T, { alignItems: "center", children: p }),
857
858
  /* @__PURE__ */ o(
858
- P,
859
+ H,
859
860
  {
860
861
  content: x,
861
862
  disableContentPadding: i,
862
863
  disableContentPaddingLeft: d,
863
864
  disableContentPaddingRight: s,
864
865
  spaceOnRight: !0,
865
- button: h ? /* @__PURE__ */ o(W, { onClick: u, icon: h }) : void 0
866
+ button: h ? /* @__PURE__ */ o(F, { onClick: u, icon: h }) : void 0
866
867
  }
867
868
  )
868
869
  ]
869
870
  }
870
871
  );
871
- }, ze = "_textArea_6n6nc_1", Oe = {
872
- textArea: ze
873
- }, sn = M(
872
+ }, Oe = "_textArea_6n6nc_1", ze = {
873
+ textArea: Oe
874
+ }, sn = U(
874
875
  ({
875
876
  className: t,
876
877
  value: e,
877
878
  onValueChange: n,
878
879
  onChange: r,
879
- resize: l = "none",
880
- readOnly: c = !1,
880
+ resize: c = "none",
881
+ readOnly: l = !1,
881
882
  rows: i,
882
883
  disabled: d,
883
884
  ...s
@@ -893,9 +894,9 @@ const Zt = (t, e, n) => {
893
894
  {
894
895
  disabled: d,
895
896
  rows: i,
896
- readOnly: c,
897
- className: b(Oe.textArea, t),
898
- style: { resize: l },
897
+ readOnly: l,
898
+ className: b(ze.textArea, t),
899
+ style: { resize: c },
899
900
  onChange: f,
900
901
  value: e,
901
902
  ref: _,
@@ -910,18 +911,18 @@ export {
910
911
  tt as InputLabel,
911
912
  xe as InputLabelText,
912
913
  on as LabelledSelect,
913
- ln as LabelledTextInput,
914
+ cn as LabelledTextInput,
914
915
  nn as NumericStepper,
915
916
  be as NumericTextInput,
916
917
  rn as PasswordInput,
917
918
  Y as RadioButton,
918
919
  Ve as RadioButtonBox,
919
920
  tn as RadioButtonWithLabel,
920
- Ft as Switch,
921
+ Mt as Switch,
921
922
  Ze as SwitchWithLabel,
922
923
  sn as TextArea,
923
924
  Z as TextInput,
924
- cn as TextInputBox,
925
+ ln as TextInputBox,
925
926
  Yt as elementHasSelectionRange,
926
927
  C as onStepValueChange,
927
928
  V as onTextValueChange,