@stenajs-webui/forms 22.7.0 → 22.7.1

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,16 +1,16 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._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
- import { jsx as o, jsxs as y, Fragment as R } from "react/jsx-runtime";
3
- import { Row as T, Box as kt, Space as b, ScreenReaderOnlyText as q, Text as P, parseFloatElseUndefined as A, getDataProps as Tt } from "@stenajs-webui/core";
4
- import * as St from "react";
5
- import { useCallback as h, forwardRef as F, useRef as U, useEffect as X, useMemo as gt, useState as Nt, useId as J } from "react";
6
- import { PrimaryButton as K, stenaMinus as Q, stenaPlus as Y, Icon as Z, stenaCheck as v, stenaExclamationTriangle as D, InputSpinner as C, UpDownButtons as Rt, FlatButton as z, TextInputButton as M, stenaEyeShow as $t, stenaEyeHide as qt, stenaAngleDown as Pt } from "@stenajs-webui/elements";
7
- import w from "classnames";
8
- import { cssColor as L } from "@stenajs-webui/theme";
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._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;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
+ import { jsx as o, jsxs as f, Fragment as R } from "react/jsx-runtime";
3
+ import { Row as k, Box as xt, Space as b, ScreenReaderOnlyText as q, Text as P, parseFloatElseUndefined as A, getDataProps as kt } from "@stenajs-webui/core";
4
+ import * as Tt from "react";
5
+ import { useCallback as m, forwardRef as D, useRef as E, useEffect as K, useMemo as St, useState as Nt, useId as z } from "react";
6
+ import { PrimaryButton as U, stenaMinus as G, stenaPlus as X, Icon as J, stenaCheck as Q, stenaExclamationTriangle as Y, InputSpinner as Z, UpDownButtons as Rt, FlatButton as v, TextInputButton as F, stenaEyeShow as $t, stenaEyeHide as qt, stenaAngleDown as Pt } from "@stenajs-webui/elements";
7
+ import g from "classnames";
8
+ import { cssColor as M } from "@stenajs-webui/theme";
9
9
  import { FontAwesomeIcon as At } from "@fortawesome/react-fontawesome";
10
- import { isNil as g } from "lodash-es";
11
- const Ht = "_readOnlyInput_7bzmw_1", Wt = {
12
- readOnlyInput: Ht
13
- }, Mt = ({
10
+ import { isNil as S } from "lodash-es";
11
+ const Ct = "_readOnlyInput_7bzmw_1", Ht = {
12
+ readOnlyInput: Ct
13
+ }, Ft = ({
14
14
  value: t,
15
15
  id: e,
16
16
  ...n
@@ -22,83 +22,83 @@ const Ht = "_readOnlyInput_7bzmw_1", Wt = {
22
22
  id: e,
23
23
  value: t,
24
24
  readOnly: !0,
25
- className: Wt.readOnlyInput
25
+ className: Ht.readOnlyInput
26
26
  }
27
27
  ), en = ({
28
28
  value: t,
29
29
  onValueChange: e,
30
30
  decreaseDisabled: n,
31
31
  increaseDisabled: r,
32
- inputId: c,
33
- ariaLabelDecrease: l,
32
+ inputId: l,
33
+ ariaLabelDecrease: c,
34
34
  ariaLabelIncrease: i,
35
- textValueAriaLabel: d,
35
+ textValueAriaLabel: a,
36
36
  increaseTestId: s,
37
- decreaseTestId: p,
38
- onIncrease: _,
39
- onDecrease: a,
37
+ decreaseTestId: _,
38
+ onIncrease: p,
39
+ onDecrease: d,
40
40
  size: u
41
41
  }) => {
42
- const f = h(() => {
43
- _ == null || _(), e == null || e(t + 1);
44
- }, [_, e, t]), m = h(() => {
45
- a == null || a(), e == null || e(t - 1);
46
- }, [a, e, t]);
47
- return /* @__PURE__ */ y(T, { alignItems: "center", children: [
42
+ const h = m(() => {
43
+ p?.(), e?.(t + 1);
44
+ }, [p, e, t]), y = m(() => {
45
+ d?.(), e?.(t - 1);
46
+ }, [d, e, t]);
47
+ return /* @__PURE__ */ f(k, { alignItems: "center", children: [
48
48
  /* @__PURE__ */ o(
49
- K,
49
+ U,
50
50
  {
51
51
  size: u,
52
- "aria-label": l,
53
- leftIcon: Q,
54
- "data-testid": p ?? "decrease",
52
+ "aria-label": c,
53
+ leftIcon: G,
54
+ "data-testid": _ ?? "decrease",
55
55
  disabled: n,
56
- onClick: m
56
+ onClick: y
57
57
  }
58
58
  ),
59
59
  /* @__PURE__ */ o(
60
- Mt,
60
+ Ft,
61
61
  {
62
- id: c,
62
+ id: l,
63
63
  "data-testid": "amountStepperValue",
64
64
  value: t.toString(),
65
- "aria-label": d
65
+ "aria-label": a
66
66
  }
67
67
  ),
68
68
  /* @__PURE__ */ o(
69
- K,
69
+ U,
70
70
  {
71
71
  size: u,
72
- leftIcon: Y,
72
+ leftIcon: X,
73
73
  "aria-label": i,
74
74
  "data-testid": s ?? "increase",
75
75
  disabled: r,
76
- onClick: f
76
+ onClick: h
77
77
  }
78
78
  )
79
79
  ] });
80
- }, Ot = "_knob_1d6s8_56", Ft = "_filler_1d6s8_61", Ut = "_checked_1d6s8_75", $ = {
80
+ }, Wt = "_knob_1d6s8_56", Dt = "_filler_1d6s8_61", Et = "_checked_1d6s8_75", $ = {
81
81
  switch: "_switch_1d6s8_1",
82
- knob: Ot,
83
- filler: Ft,
84
- checked: Ut
85
- }, Lt = `${$.switch} ${$.checked}`, jt = ({
82
+ knob: Wt,
83
+ filler: Dt,
84
+ checked: Et
85
+ }, Mt = `${$.switch} ${$.checked}`, Ot = ({
86
86
  value: t,
87
87
  disabled: e,
88
88
  onValueChange: n,
89
89
  className: r,
90
- wrapperRef: c,
91
- ...l
92
- }) => /* @__PURE__ */ o("div", { className: r, ref: c, children: /* @__PURE__ */ y(
90
+ wrapperRef: l,
91
+ ...c
92
+ }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ f(
93
93
  "button",
94
94
  {
95
95
  type: "button",
96
96
  role: "switch",
97
97
  "aria-checked": t,
98
- className: t ? Lt : $.switch,
98
+ className: t ? Mt : $.switch,
99
99
  disabled: e,
100
100
  onClick: () => n && n(!t),
101
- ...l,
101
+ ...c,
102
102
  children: [
103
103
  /* @__PURE__ */ o("div", { className: $.filler }),
104
104
  /* @__PURE__ */ o("div", { className: $.knob })
@@ -109,93 +109,93 @@ const Ht = "_readOnlyInput_7bzmw_1", Wt = {
109
109
  disabled: e,
110
110
  textColor: n,
111
111
  wrapperRef: r,
112
- screenReaderLabel: c,
113
- ...l
114
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(kt, { row: !0, alignItems: "center", children: [
115
- /* @__PURE__ */ o(jt, { disabled: e, ...l }),
112
+ screenReaderLabel: l,
113
+ ...c
114
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(xt, { row: !0, alignItems: "center", children: [
115
+ /* @__PURE__ */ o(Ot, { disabled: e, ...c }),
116
116
  /* @__PURE__ */ o(b, {}),
117
- c ? /* @__PURE__ */ o(q, { children: c }) : null,
117
+ l ? /* @__PURE__ */ o(q, { children: l }) : null,
118
118
  /* @__PURE__ */ o(
119
119
  P,
120
120
  {
121
121
  color: n,
122
- "aria-hidden": !!c,
122
+ "aria-hidden": !!l,
123
123
  userSelect: "none",
124
124
  children: t
125
125
  }
126
126
  )
127
- ] }) }) }), Kt = "_checkbox_1t23r_1", zt = "_standard_1t23r_40", Et = "_small_1t23r_52", E = {
128
- checkbox: Kt,
129
- standard: zt,
130
- small: Et
131
- }, Gt = F(
127
+ ] }) }) }), Ut = "_checkbox_1t23r_1", vt = "_standard_1t23r_40", Lt = "_small_1t23r_52", L = {
128
+ checkbox: Ut,
129
+ standard: vt,
130
+ small: Lt
131
+ }, jt = D(
132
132
  ({
133
133
  indeterminate: t = !1,
134
134
  onChange: e,
135
135
  onValueChange: n,
136
136
  value: r = !1,
137
- size: c = "standard",
138
- className: l,
137
+ size: l = "standard",
138
+ className: c,
139
139
  ...i
140
- }, d) => {
141
- const s = U(null), p = (a) => {
142
- s.current = a, s.current && (s.current.indeterminate = !!t), d && (typeof d == "function" ? d(a) : d.current = a);
143
- }, _ = h(
144
- (a) => {
145
- e && e(a), n && n(a.target.checked);
140
+ }, a) => {
141
+ const s = E(null), _ = (d) => {
142
+ s.current = d, s.current && (s.current.indeterminate = !!t), a && (typeof a == "function" ? a(d) : a.current = d);
143
+ }, p = m(
144
+ (d) => {
145
+ e && e(d), n && n(d.target.checked);
146
146
  },
147
147
  [e, n]
148
148
  );
149
- return X(() => {
149
+ return K(() => {
150
150
  s.current && (s.current.indeterminate = !!t);
151
151
  }, [t, s]), /* @__PURE__ */ o(
152
152
  "input",
153
153
  {
154
154
  type: "checkbox",
155
- className: w(E.checkbox, E[c], l),
155
+ className: g(L.checkbox, L[l], c),
156
156
  checked: r,
157
- onChange: _,
158
- ref: p,
157
+ onChange: p,
158
+ ref: _,
159
159
  ...i
160
160
  }
161
161
  );
162
162
  }
163
- ), rn = ({
163
+ ), on = ({
164
164
  children: t,
165
165
  label: e,
166
166
  inputRef: n,
167
167
  wrapperRef: r,
168
- textColor: c,
169
- screenReaderLabel: l,
168
+ textColor: l,
169
+ screenReaderLabel: c,
170
170
  ...i
171
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(T, { alignItems: "center", children: [
172
- /* @__PURE__ */ o(Gt, { ...i, ref: n }),
171
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(k, { alignItems: "center", children: [
172
+ /* @__PURE__ */ o(jt, { ...i, ref: n }),
173
173
  /* @__PURE__ */ o(b, {}),
174
- l ? /* @__PURE__ */ o(q, { children: l }) : null,
174
+ c ? /* @__PURE__ */ o(q, { children: c }) : null,
175
175
  /* @__PURE__ */ o(
176
176
  P,
177
177
  {
178
- color: c,
179
- "aria-hidden": !!l,
178
+ color: l,
179
+ "aria-hidden": !!c,
180
180
  userSelect: "none",
181
181
  children: e
182
182
  }
183
183
  ),
184
184
  t
185
- ] }) }) }), Xt = "_radiobutton_a19yk_1", Jt = "_standard_a19yk_46", Qt = "_small_a19yk_56", G = {
186
- radiobutton: Xt,
187
- standard: Jt,
188
- small: Qt
189
- }, V = F(
185
+ ] }) }) }), Kt = "_radiobutton_a19yk_1", zt = "_standard_a19yk_46", Gt = "_small_a19yk_56", j = {
186
+ radiobutton: Kt,
187
+ standard: zt,
188
+ small: Gt
189
+ }, V = D(
190
190
  ({
191
191
  onChange: t,
192
192
  onValueChange: e,
193
193
  size: n = "standard",
194
194
  name: r,
195
- className: c,
196
- ...l
195
+ className: l,
196
+ ...c
197
197
  }, i) => {
198
- const d = h(
198
+ const a = m(
199
199
  (s) => {
200
200
  t && t(s), e && e(s.target.value);
201
201
  },
@@ -206,125 +206,125 @@ const Ht = "_readOnlyInput_7bzmw_1", Wt = {
206
206
  {
207
207
  type: "radio",
208
208
  name: r,
209
- className: w(G.radiobutton, G[n], c),
210
- onChange: d,
209
+ className: g(j.radiobutton, j[n], l),
210
+ onChange: a,
211
211
  ref: i,
212
- ...l
212
+ ...c
213
213
  }
214
214
  );
215
215
  }
216
- ), Yt = "_radioButtonBox_yl38n_1", Zt = "_medium_yl38n_14", vt = "_large_yl38n_19", Dt = "_danger_yl38n_28", Ct = "_radioButtonWrapper_yl38n_39", W = {
217
- radioButtonBox: Yt,
218
- medium: Zt,
219
- large: vt,
220
- danger: Dt,
221
- radioButtonWrapper: Ct
222
- }, on = ({
216
+ ), Xt = "_radioButtonBox_yl38n_1", Jt = "_medium_yl38n_14", Qt = "_large_yl38n_19", Yt = "_danger_yl38n_28", Zt = "_radioButtonWrapper_yl38n_39", H = {
217
+ radioButtonBox: Xt,
218
+ medium: Jt,
219
+ large: Qt,
220
+ danger: Yt,
221
+ radioButtonWrapper: Zt
222
+ }, rn = ({
223
223
  label: t,
224
224
  screenReaderLabel: e,
225
225
  variant: n = "normal",
226
226
  size: r = "medium",
227
- className: c,
228
- icon: l,
227
+ className: l,
228
+ icon: c,
229
229
  contentRight: i,
230
- style: d,
230
+ style: a,
231
231
  disabled: s,
232
- radioButtonClassName: p,
233
- ..._
232
+ radioButtonClassName: _,
233
+ ...p
234
234
  }) => {
235
- const a = s ? L("--swui-text-disabled-color") : void 0;
235
+ const d = s ? M("--swui-text-disabled-color") : void 0;
236
236
  return /* @__PURE__ */ o(
237
237
  "label",
238
238
  {
239
- className: w(
240
- W.radioButtonBox,
241
- W[n],
242
- W[r],
243
- c
239
+ className: g(
240
+ H.radioButtonBox,
241
+ H[n],
242
+ H[r],
243
+ l
244
244
  ),
245
- style: d,
246
- children: /* @__PURE__ */ y(T, { justifyContent: "space-between", flexGrow: 1, children: [
247
- /* @__PURE__ */ y(T, { alignItems: "center", children: [
245
+ style: a,
246
+ children: /* @__PURE__ */ f(k, { justifyContent: "space-between", flexGrow: 1, children: [
247
+ /* @__PURE__ */ f(k, { alignItems: "center", children: [
248
248
  /* @__PURE__ */ o(
249
249
  V,
250
250
  {
251
- ..._,
251
+ ...p,
252
252
  disabled: s,
253
- className: p
253
+ className: _
254
254
  }
255
255
  ),
256
256
  /* @__PURE__ */ o(b, {}),
257
257
  e ? /* @__PURE__ */ o(q, { children: e }) : null,
258
- /* @__PURE__ */ o(P, { color: a, "aria-hidden": !!e, children: t })
258
+ /* @__PURE__ */ o(P, { color: d, "aria-hidden": !!e, children: t })
259
259
  ] }),
260
- /* @__PURE__ */ y(
261
- T,
260
+ /* @__PURE__ */ f(
261
+ k,
262
262
  {
263
263
  alignItems: "center",
264
- width: l ? "48px" : void 0,
264
+ width: c ? "48px" : void 0,
265
265
  justifyContent: "center",
266
266
  children: [
267
- l && /* @__PURE__ */ o(Z, { icon: l, size: 24, color: a }),
268
- !l && i
267
+ c && /* @__PURE__ */ o(J, { icon: c, size: 24, color: d }),
268
+ !c && i
269
269
  ]
270
270
  }
271
271
  )
272
272
  ] })
273
273
  }
274
274
  );
275
- }, cn = ({
275
+ }, ln = ({
276
276
  label: t,
277
277
  inputRef: e,
278
278
  wrapperRef: n,
279
279
  textColor: r,
280
- screenReaderLabel: c,
281
- ...l
282
- }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(T, { alignItems: "center", children: [
283
- /* @__PURE__ */ o(V, { ref: e, ...l }),
280
+ screenReaderLabel: l,
281
+ ...c
282
+ }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(k, { alignItems: "center", children: [
283
+ /* @__PURE__ */ o(V, { ref: e, ...c }),
284
284
  /* @__PURE__ */ o(b, {}),
285
- c ? /* @__PURE__ */ o(q, { children: c }) : null,
285
+ l ? /* @__PURE__ */ o(q, { children: l }) : null,
286
286
  /* @__PURE__ */ o(
287
287
  P,
288
288
  {
289
289
  color: r,
290
- "aria-hidden": !!c,
290
+ "aria-hidden": !!l,
291
291
  userSelect: "none",
292
292
  children: t
293
293
  }
294
294
  )
295
- ] }) }) }), Vt = (t, e, n, r, c, l, i, d) => {
296
- const s = U(!1), p = (u) => {
297
- s.current || l == null || l(u.target.value ?? ""), i == null || i(u);
298
- }, _ = (u) => {
299
- s.current = !1, d == null || d(u);
295
+ ] }) }) }), Vt = (t, e, n, r, l, c, i, a) => {
296
+ const s = E(!1), _ = (u) => {
297
+ s.current || c?.(u.target.value ?? ""), i?.(u);
298
+ }, p = (u) => {
299
+ s.current = !1, a?.(u);
300
300
  };
301
301
  return {
302
- onKeyDownHandler: h(
302
+ onKeyDownHandler: m(
303
303
  (u) => {
304
- const { key: f } = u;
305
- if (f === "Enter")
306
- s.current = !0, n == null || n(), l == null || l(u.currentTarget.value ?? "");
307
- else if (f === "Escape")
308
- s.current = !0, r == null || r(), u.preventDefault(), u.stopPropagation();
309
- else if (c) {
310
- const m = (B, x) => {
311
- s.current = !0, t.current.blur(), c(B), x.preventDefault(), x.stopPropagation();
304
+ const { key: h } = u;
305
+ if (h === "Enter")
306
+ s.current = !0, n?.(), c?.(u.currentTarget.value ?? "");
307
+ else if (h === "Escape")
308
+ s.current = !0, r?.(), u.preventDefault(), u.stopPropagation();
309
+ else if (l) {
310
+ const y = (I, B) => {
311
+ s.current = !0, t.current.blur(), l(I), B.preventDefault(), B.stopPropagation();
312
312
  };
313
- u.shiftKey && f === "Tab" ? m("left", u) : f === "Tab" ? m("right", u) : f === "ArrowUp" ? m("up", u) : f === "ArrowDown" ? m("down", u) : f === "ArrowRight" ? t.current.value.length === t.current.selectionStart && m("right", u) : f === "ArrowLeft" && t.current.selectionStart === 0 && m("left", u);
313
+ u.shiftKey && h === "Tab" ? y("left", u) : h === "Tab" ? y("right", u) : h === "ArrowUp" ? y("up", u) : h === "ArrowDown" ? y("down", u) : h === "ArrowRight" ? t.current.value.length === t.current.selectionStart && y("right", u) : h === "ArrowLeft" && t.current.selectionStart === 0 && y("left", u);
314
314
  }
315
315
  e && e(u);
316
316
  },
317
- [r, c, e, t, n, l]
317
+ [r, l, e, t, n, c]
318
318
  ),
319
- onBlurHandler: p,
320
- onFocusHandler: _
319
+ onBlurHandler: _,
320
+ onFocusHandler: p
321
321
  };
322
322
  };
323
323
  function te(t) {
324
324
  return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && (t.type === "text" || t.type === "search" || t.type === "url" || t.type === "tel" || t.type === "password");
325
325
  }
326
326
  const ee = (t, e, n) => {
327
- X(() => {
327
+ K(() => {
328
328
  t.current && te(t.current) && (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
329
329
  t.current.value.length,
330
330
  t.current.value.length
@@ -334,188 +334,188 @@ const ee = (t, e, n) => {
334
334
  onEnter: e,
335
335
  onEsc: n,
336
336
  onChange: r,
337
- onValueChange: c,
338
- selectAllOnMount: l,
337
+ onValueChange: l,
338
+ selectAllOnMount: c,
339
339
  moveCursorToEndOnMount: i,
340
- onDone: d,
340
+ onDone: a,
341
341
  onMove: s,
342
- onFocus: p,
343
- onBlur: _,
344
- onKeyDown: a,
342
+ onFocus: _,
343
+ onBlur: p,
344
+ onKeyDown: d,
345
345
  autoFocus: u
346
346
  }) => {
347
- ee(t, !!i, !!l);
348
- const { onKeyDownHandler: f, onFocusHandler: m, onBlurHandler: B } = Vt(
347
+ ee(t, !!i, !!c);
348
+ const { onKeyDownHandler: h, onFocusHandler: y, onBlurHandler: I } = Vt(
349
349
  t,
350
- a,
350
+ d,
351
351
  e,
352
352
  n,
353
353
  s,
354
- d,
355
- _,
356
- p
357
- ), x = h(
358
- (S) => {
359
- r == null || r(S), c == null || c(S.target.value);
354
+ a,
355
+ p,
356
+ _
357
+ ), B = m(
358
+ (T) => {
359
+ r?.(T), l?.(T.target.value);
360
360
  },
361
- [r, c]
361
+ [r, l]
362
362
  );
363
363
  return {
364
- onBlur: B,
365
- onChange: x,
366
- onFocus: m,
367
- onKeyDown: f,
368
- autoFocus: l || u
364
+ onBlur: I,
365
+ onChange: B,
366
+ onFocus: y,
367
+ onKeyDown: h,
368
+ autoFocus: c || u
369
369
  };
370
- }, re = "_textInput_1qe61_1", oe = "_onlyTop_1qe61_11", ce = "_disabled_1qe61_15", le = "_onlyBottom_1qe61_20", se = "_onlyLeft_1qe61_28", ie = "_onlyRight_1qe61_37", de = "_input_1qe61_50", ae = "_alwaysShowPlaceholder_1qe61_74", ue = "_icon_1qe61_85", _e = "_standard_1qe61_95", pe = "_success_1qe61_96", fe = "_loading_1qe61_108", ye = "_modified_1qe61_113", me = "_error_1qe61_122", he = "_warning_1qe61_131", be = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
371
- textInput: re,
372
- onlyTop: oe,
373
- disabled: ce,
374
- onlyBottom: le,
370
+ }, oe = "_textInput_1qe61_1", re = "_onlyTop_1qe61_11", le = "_disabled_1qe61_15", ce = "_onlyBottom_1qe61_20", se = "_onlyLeft_1qe61_28", ie = "_onlyRight_1qe61_37", ae = "_input_1qe61_50", de = "_alwaysShowPlaceholder_1qe61_74", ue = "_icon_1qe61_85", _e = "_standard_1qe61_95", pe = "_success_1qe61_96", he = "_loading_1qe61_108", fe = "_modified_1qe61_113", ye = "_error_1qe61_122", me = "_warning_1qe61_131", be = "_hideBorder_1qe61_145", ge = "_clickable_1qe61_152", w = {
371
+ textInput: oe,
372
+ onlyTop: re,
373
+ disabled: le,
374
+ onlyBottom: ce,
375
375
  onlyLeft: se,
376
376
  onlyRight: ie,
377
- input: de,
378
- alwaysShowPlaceholder: ae,
377
+ input: ae,
378
+ alwaysShowPlaceholder: de,
379
379
  icon: ue,
380
380
  standard: _e,
381
381
  success: pe,
382
- loading: fe,
383
- modified: ye,
384
- error: me,
385
- warning: he,
382
+ loading: he,
383
+ modified: fe,
384
+ error: ye,
385
+ warning: me,
386
386
  hideBorder: be,
387
- clickable: we
388
- }, H = ({
387
+ clickable: ge
388
+ }, C = ({
389
389
  button: t,
390
390
  icon: e,
391
391
  iconClassName: n,
392
392
  content: r,
393
- spaceOnLeft: c,
394
- spaceOnRight: l,
393
+ spaceOnLeft: l,
394
+ spaceOnRight: c,
395
395
  disableContentPadding: i,
396
- disableContentPaddingLeft: d,
396
+ disableContentPaddingLeft: a,
397
397
  disableContentPaddingRight: s
398
- }) => !r && !e && !t ? null : t ? /* @__PURE__ */ y(R, { children: [
399
- c ? /* @__PURE__ */ o(b, { num: 0.25 }) : null,
398
+ }) => !r && !e && !t ? null : t ? /* @__PURE__ */ f(R, { children: [
399
+ l ? /* @__PURE__ */ o(b, { num: 0.25 }) : null,
400
400
  t,
401
- l ? /* @__PURE__ */ o(b, { num: 0.25 }) : null
402
- ] }) : r ? /* @__PURE__ */ y(R, { children: [
403
- c && !(i || d) ? /* @__PURE__ */ o(b, {}) : null,
401
+ c ? /* @__PURE__ */ o(b, { num: 0.25 }) : null
402
+ ] }) : r ? /* @__PURE__ */ f(R, { children: [
403
+ l && !(i || a) ? /* @__PURE__ */ o(b, {}) : null,
404
404
  r || null,
405
- l && !(i || s) ? /* @__PURE__ */ o(b, {}) : null
406
- ] }) : /* @__PURE__ */ y(R, { children: [
407
- c ? /* @__PURE__ */ o(b, {}) : null,
405
+ c && !(i || s) ? /* @__PURE__ */ o(b, {}) : null
406
+ ] }) : /* @__PURE__ */ f(R, { children: [
407
+ l ? /* @__PURE__ */ o(b, {}) : null,
408
408
  e && /* @__PURE__ */ o(
409
409
  At,
410
410
  {
411
411
  icon: e,
412
- className: w(I.icon, n)
412
+ className: g(w.icon, n)
413
413
  }
414
414
  ),
415
- l ? /* @__PURE__ */ o(b, {}) : null
415
+ c ? /* @__PURE__ */ o(b, {}) : null
416
416
  ] }), tt = (t) => {
417
417
  const {
418
418
  variant: e = "standard",
419
419
  inputRef: n,
420
420
  disabled: r,
421
- className: c,
422
- buttonLeft: l,
421
+ className: l,
422
+ buttonLeft: c,
423
423
  buttonRight: i,
424
- contentLeft: d,
424
+ contentLeft: a,
425
425
  contentRight: s,
426
- disableContentPadding: p,
427
- disableContentPaddingLeft: _,
428
- disableContentPaddingRight: a,
426
+ disableContentPadding: _,
427
+ disableContentPaddingLeft: p,
428
+ disableContentPaddingRight: d,
429
429
  iconLeft: u,
430
- iconRight: f,
431
- moveCursorToEndOnMount: m,
432
- selectAllOnMount: B,
433
- autoFocus: x,
434
- onValueChange: S,
435
- wrapperClassName: ot,
436
- wrapperStyle: ct,
437
- onDone: lt,
430
+ iconRight: h,
431
+ moveCursorToEndOnMount: y,
432
+ selectAllOnMount: I,
433
+ autoFocus: B,
434
+ onValueChange: T,
435
+ wrapperClassName: rt,
436
+ wrapperStyle: lt,
437
+ onDone: ct,
438
438
  onEnter: st,
439
439
  onEsc: it,
440
- onMove: dt,
441
- onChange: at,
440
+ onMove: at,
441
+ onChange: dt,
442
442
  onKeyDown: ut,
443
443
  hideBorder: _t,
444
444
  onFocus: pt,
445
- onBlur: ft,
446
- borderRadiusVariant: yt = "normalBorder",
447
- width: mt,
448
- alwaysShowPlaceholder: ht,
445
+ onBlur: ht,
446
+ borderRadiusVariant: ft = "normalBorder",
447
+ width: yt,
448
+ alwaysShowPlaceholder: mt,
449
449
  ...bt
450
- } = t, wt = U(null), j = n ?? wt, It = ne(j, {
450
+ } = t, gt = E(null), O = n ?? gt, wt = ne(O, {
451
451
  onEnter: st,
452
452
  onEsc: it,
453
- onChange: at,
454
- onValueChange: S,
455
- selectAllOnMount: B,
456
- moveCursorToEndOnMount: m,
457
- onDone: lt,
458
- onMove: dt,
453
+ onChange: dt,
454
+ onValueChange: T,
455
+ selectAllOnMount: I,
456
+ moveCursorToEndOnMount: y,
457
+ onDone: ct,
458
+ onMove: at,
459
459
  onFocus: pt,
460
- onBlur: ft,
460
+ onBlur: ht,
461
461
  onKeyDown: ut,
462
- autoFocus: x
463
- }), Bt = e === "success" ? v : e === "warning" || e === "error" ? D : f, xt = e === "loading" ? /* @__PURE__ */ o(C, {}) : s;
464
- return /* @__PURE__ */ y(
462
+ autoFocus: B
463
+ }), It = e === "success" ? Q : e === "warning" || e === "error" ? Y : h, Bt = e === "loading" ? /* @__PURE__ */ o(Z, {}) : s;
464
+ return /* @__PURE__ */ f(
465
465
  "div",
466
466
  {
467
- className: w(
468
- I.textInput,
469
- I[e],
470
- I[yt],
467
+ className: g(
468
+ w.textInput,
469
+ w[e],
470
+ w[ft],
471
471
  {
472
- [I.disabled]: r
472
+ [w.disabled]: r
473
473
  },
474
474
  {
475
- [I.hideBorder]: _t
475
+ [w.hideBorder]: _t
476
476
  },
477
- ot
477
+ rt
478
478
  ),
479
- style: { width: mt, ...ct },
479
+ style: { width: yt, ...lt },
480
480
  children: [
481
481
  /* @__PURE__ */ o(
482
- H,
482
+ C,
483
483
  {
484
- content: d,
485
- disableContentPadding: p,
486
- disableContentPaddingLeft: _,
487
- disableContentPaddingRight: a,
484
+ content: a,
485
+ disableContentPadding: _,
486
+ disableContentPaddingLeft: p,
487
+ disableContentPaddingRight: d,
488
488
  icon: u,
489
489
  spaceOnLeft: !0,
490
- button: l
490
+ button: c
491
491
  }
492
492
  ),
493
493
  /* @__PURE__ */ o(
494
494
  "input",
495
495
  {
496
- className: w(
497
- I.input,
496
+ className: g(
497
+ w.input,
498
498
  {
499
- [I.alwaysShowPlaceholder]: ht
499
+ [w.alwaysShowPlaceholder]: mt
500
500
  },
501
- c
501
+ l
502
502
  ),
503
503
  type: "text",
504
504
  disabled: r,
505
- ref: j,
506
- autoFocus: x,
505
+ ref: O,
506
+ autoFocus: B,
507
507
  ...bt,
508
- ...It
508
+ ...wt
509
509
  }
510
510
  ),
511
511
  /* @__PURE__ */ o(
512
- H,
512
+ C,
513
513
  {
514
- content: xt,
515
- disableContentPadding: p,
516
- disableContentPaddingLeft: _,
517
- disableContentPaddingRight: a,
518
- icon: Bt,
514
+ content: Bt,
515
+ disableContentPadding: _,
516
+ disableContentPaddingLeft: p,
517
+ disableContentPaddingRight: d,
518
+ icon: It,
519
519
  spaceOnRight: !0,
520
520
  button: i
521
521
  }
@@ -523,21 +523,21 @@ const ee = (t, e, n) => {
523
523
  ]
524
524
  }
525
525
  );
526
- }, Ie = "_numericTextInputInput_1tnr6_1", Be = {
527
- numericTextInputInput: Ie
526
+ }, we = "_numericTextInputInput_1tnr6_1", Ie = {
527
+ numericTextInputInput: we
528
528
  }, et = ({
529
529
  onValueChange: t,
530
530
  value: e,
531
531
  numSteps: n,
532
532
  min: r,
533
- max: c
533
+ max: l
534
534
  }) => {
535
535
  if (t)
536
536
  if (!e)
537
- t(String(O(n, r, c)));
537
+ t(String(W(n, r, l)));
538
538
  else {
539
539
  const i = (A(e) || 0) + n;
540
- t(String(O(i, r, c)));
540
+ t(String(W(i, r, l)));
541
541
  }
542
542
  }, nt = ({
543
543
  onValueChange: t,
@@ -549,172 +549,172 @@ const ee = (t, e, n) => {
549
549
  if (e === "")
550
550
  t("");
551
551
  else {
552
- const l = A(e) || 0;
553
- t(String(O(l, n, r)));
552
+ const c = A(e) || 0;
553
+ t(String(W(c, n, r)));
554
554
  }
555
- }, O = (t, e, n) => {
555
+ }, W = (t, e, n) => {
556
556
  let r = t;
557
557
  return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
558
- }, xe = ({
558
+ }, Be = ({
559
559
  value: t,
560
560
  onValueChange: e,
561
561
  max: n,
562
562
  min: r,
563
- step: c = 1,
564
- contentRight: l,
563
+ step: l = 1,
564
+ contentRight: c,
565
565
  disabled: i,
566
- className: d,
566
+ className: a,
567
567
  hideButtons: s,
568
- ...p
568
+ ..._
569
569
  }) => {
570
- const _ = h(
571
- (f) => {
572
- et({ onValueChange: e, value: t, numSteps: f, min: r, max: n });
570
+ const p = m(
571
+ (h) => {
572
+ et({ onValueChange: e, value: t, numSteps: h, min: r, max: n });
573
573
  },
574
574
  [t, n, r, e]
575
- ), a = h(
576
- (f) => {
577
- nt({ onValueChange: e, newValue: f, min: r, max: n });
575
+ ), d = m(
576
+ (h) => {
577
+ nt({ onValueChange: e, newValue: h, min: r, max: n });
578
578
  },
579
579
  [n, r, e]
580
580
  );
581
581
  return /* @__PURE__ */ o(
582
582
  tt,
583
583
  {
584
- contentRight: s ? l : /* @__PURE__ */ y(R, { children: [
585
- l && /* @__PURE__ */ y(R, { children: [
586
- l,
584
+ contentRight: s ? c : /* @__PURE__ */ f(R, { children: [
585
+ c && /* @__PURE__ */ f(R, { children: [
586
+ c,
587
587
  /* @__PURE__ */ o(b, {})
588
588
  ] }),
589
589
  /* @__PURE__ */ o(
590
590
  Rt,
591
591
  {
592
- onClickUp: i ? void 0 : () => _(c),
593
- onClickDown: i ? void 0 : () => _(-c),
592
+ onClickUp: i ? void 0 : () => p(l),
593
+ onClickDown: i ? void 0 : () => p(-l),
594
594
  iconColor: "var(--swui-textinput-text-color)",
595
595
  disabled: i
596
596
  }
597
597
  )
598
598
  ] }),
599
599
  value: t,
600
- onValueChange: a,
600
+ onValueChange: d,
601
601
  disableContentPaddingRight: !s,
602
602
  type: "number",
603
603
  min: r,
604
604
  max: n,
605
- step: c,
606
- className: w(Be.numericTextInputInput, d),
605
+ step: l,
606
+ className: g(Ie.numericTextInputInput, a),
607
607
  disabled: i,
608
- ...p
608
+ ..._
609
609
  }
610
610
  );
611
- }, ln = (t, e) => {
612
- const n = h(
613
- (c) => {
611
+ }, cn = (t, e) => {
612
+ const n = m(
613
+ (l) => {
614
614
  if (e)
615
- if (!c)
615
+ if (!l)
616
616
  e(void 0);
617
617
  else {
618
- const l = A(c);
619
- l !== void 0 && e(l);
618
+ const c = A(l);
619
+ c !== void 0 && e(c);
620
620
  }
621
621
  },
622
622
  [e]
623
- ), r = gt(() => t === void 0 ? "" : String(t), [t]);
623
+ ), r = St(() => t === void 0 ? "" : String(t), [t]);
624
624
  return {
625
625
  onValueChange: n,
626
626
  value: r
627
627
  };
628
- }, ke = (t, e) => {
629
- if (g(t))
628
+ }, xe = (t, e) => {
629
+ if (S(t))
630
630
  return !1;
631
631
  {
632
632
  const n = A(t);
633
- return !g(n) && !g(e) && n <= e;
633
+ return !S(n) && !S(e) && n <= e;
634
634
  }
635
- }, Te = (t, e) => {
636
- if (g(t))
635
+ }, ke = (t, e) => {
636
+ if (S(t))
637
637
  return !1;
638
638
  {
639
639
  const n = A(t);
640
- return !g(n) && !g(e) && n >= e;
640
+ return !S(n) && !S(e) && n >= e;
641
641
  }
642
642
  }, sn = ({
643
643
  disabled: t,
644
644
  onValueChange: e,
645
645
  value: n,
646
646
  max: r,
647
- min: c,
648
- step: l = 1,
647
+ min: l,
648
+ step: c = 1,
649
649
  ...i
650
650
  }) => {
651
- const d = h(
652
- (p) => {
653
- et({ onValueChange: e, value: n, numSteps: p, min: c, max: r });
651
+ const a = m(
652
+ (_) => {
653
+ et({ onValueChange: e, value: n, numSteps: _, min: l, max: r });
654
654
  },
655
- [n, r, c, e]
656
- ), s = h(
657
- (p) => {
658
- nt({ onValueChange: e, newValue: p, min: c, max: r });
655
+ [n, r, l, e]
656
+ ), s = m(
657
+ (_) => {
658
+ nt({ onValueChange: e, newValue: _, min: l, max: r });
659
659
  },
660
- [r, c, e]
660
+ [r, l, e]
661
661
  );
662
- return /* @__PURE__ */ y(T, { role: "group", children: [
662
+ return /* @__PURE__ */ f(k, { role: "group", children: [
663
663
  /* @__PURE__ */ o(
664
- z,
664
+ v,
665
665
  {
666
- leftIcon: Q,
666
+ leftIcon: G,
667
667
  "aria-label": "Decrease",
668
- disabled: t || ke(n, c),
669
- onClick: () => d(-l)
668
+ disabled: t || xe(n, l),
669
+ onClick: () => a(-c)
670
670
  }
671
671
  ),
672
672
  /* @__PURE__ */ o(b, {}),
673
673
  /* @__PURE__ */ o(
674
- xe,
674
+ Be,
675
675
  {
676
676
  hideButtons: !0,
677
677
  onValueChange: s,
678
678
  value: n,
679
679
  max: r,
680
- min: c,
681
- step: l,
680
+ min: l,
681
+ step: c,
682
682
  disabled: t,
683
683
  ...i
684
684
  }
685
685
  ),
686
686
  /* @__PURE__ */ o(b, {}),
687
687
  /* @__PURE__ */ o(
688
- z,
688
+ v,
689
689
  {
690
- leftIcon: Y,
690
+ leftIcon: X,
691
691
  "aria-label": "Increase",
692
- disabled: t || Te(n, r),
693
- onClick: () => d(l)
692
+ disabled: t || ke(n, r),
693
+ onClick: () => a(c)
694
694
  }
695
695
  )
696
696
  ] });
697
- }, dn = ({
697
+ }, an = ({
698
698
  hiddenIcon: t = $t,
699
699
  visibleIcon: e = qt,
700
700
  ...n
701
701
  }) => {
702
- const [r, c] = Nt(!0);
702
+ const [r, l] = Nt(!0);
703
703
  return /* @__PURE__ */ o(
704
704
  tt,
705
705
  {
706
706
  buttonRight: /* @__PURE__ */ o(
707
- M,
707
+ F,
708
708
  {
709
709
  icon: r ? t : e,
710
- onClick: () => c((l) => !l)
710
+ onClick: () => l((c) => !c)
711
711
  }
712
712
  ),
713
713
  type: r ? "password" : "text",
714
714
  ...n
715
715
  }
716
716
  );
717
- }, Se = ({
717
+ }, Te = ({
718
718
  disabled: t,
719
719
  text: e,
720
720
  ...n
@@ -722,144 +722,144 @@ const ee = (t, e, n) => {
722
722
  P,
723
723
  {
724
724
  variant: "bold",
725
- color: L(t ? "--silver" : "--tjara"),
725
+ color: M(t ? "--silver" : "--tjara"),
726
726
  size: "small",
727
- ...Tt(n),
727
+ ...kt(n),
728
728
  children: e
729
729
  }
730
- ), rt = ({
730
+ ), ot = ({
731
731
  htmlFor: t,
732
732
  screenReaderLabel: e,
733
733
  label: n,
734
734
  disabled: r,
735
- className: c
736
- }) => /* @__PURE__ */ y("label", { htmlFor: t, className: c, children: [
735
+ className: l
736
+ }) => /* @__PURE__ */ f("label", { htmlFor: t, className: l, children: [
737
737
  e ? /* @__PURE__ */ o(q, { children: e }) : null,
738
738
  /* @__PURE__ */ o(
739
- Se,
739
+ Te,
740
740
  {
741
741
  "aria-hidden": !!e,
742
742
  text: n,
743
743
  disabled: r
744
744
  }
745
745
  )
746
- ] }), ge = "_labelledSelect_s3b2w_1", Ne = "_medium_s3b2w_7", Re = "_large_s3b2w_11", $e = "_onlyTopBorder_s3b2w_15", qe = "_onlyBottomBorder_s3b2w_21", Pe = "_error_s3b2w_26", Ae = "_normal_s3b2w_31", He = "_label_s3b2w_1", We = "_select_s3b2w_54", Me = "_iconWrapper_s3b2w_88", k = {
747
- labelledSelect: ge,
746
+ ] }), Se = "_labelledSelect_s3b2w_1", Ne = "_medium_s3b2w_7", Re = "_large_s3b2w_11", $e = "_onlyTopBorder_s3b2w_15", qe = "_onlyBottomBorder_s3b2w_21", Pe = "_error_s3b2w_26", Ae = "_normal_s3b2w_31", Ce = "_label_s3b2w_1", He = "_select_s3b2w_54", Fe = "_iconWrapper_s3b2w_88", x = {
747
+ labelledSelect: Se,
748
748
  medium: Ne,
749
749
  large: Re,
750
750
  onlyTopBorder: $e,
751
751
  onlyBottomBorder: qe,
752
752
  error: Pe,
753
753
  normal: Ae,
754
- label: He,
755
- select: We,
756
- iconWrapper: Me
757
- }, an = ({
754
+ label: Ce,
755
+ select: He,
756
+ iconWrapper: Fe
757
+ }, dn = ({
758
758
  onChange: t,
759
759
  onValueChange: e,
760
760
  id: n,
761
761
  label: r,
762
- screenReaderLabel: c,
763
- borderVariant: l = "normalBorder",
762
+ screenReaderLabel: l,
763
+ borderVariant: c = "normalBorder",
764
764
  variant: i = "normal",
765
- size: d = "medium",
765
+ size: a = "medium",
766
766
  children: s,
767
- ...p
767
+ ..._
768
768
  }) => {
769
- const _ = J(), a = n ?? _, u = h(
770
- (f) => {
771
- t == null || t(f), e == null || e(f.target.value);
769
+ const p = z(), d = n ?? p, u = m(
770
+ (h) => {
771
+ t?.(h), e?.(h.target.value);
772
772
  },
773
773
  [t, e]
774
774
  );
775
- return /* @__PURE__ */ y(
775
+ return /* @__PURE__ */ f(
776
776
  "div",
777
777
  {
778
- className: w(
779
- k.labelledSelect,
780
- k[i],
781
- k[d],
782
- k[l]
778
+ className: g(
779
+ x.labelledSelect,
780
+ x[i],
781
+ x[a],
782
+ x[c]
783
783
  ),
784
784
  children: [
785
785
  /* @__PURE__ */ o(
786
- rt,
786
+ ot,
787
787
  {
788
- htmlFor: a,
789
- className: k.label,
788
+ htmlFor: d,
789
+ className: x.label,
790
790
  label: r,
791
- screenReaderLabel: c
791
+ screenReaderLabel: l
792
792
  }
793
793
  ),
794
794
  /* @__PURE__ */ o(
795
795
  "select",
796
796
  {
797
- id: a,
797
+ id: d,
798
798
  onChange: u,
799
- className: w(k.select, k[i], k[d]),
800
- ...p,
799
+ className: g(x.select, x[i], x[a]),
800
+ ..._,
801
801
  children: s
802
802
  }
803
803
  ),
804
- /* @__PURE__ */ o("div", { className: w(k.iconWrapper), children: /* @__PURE__ */ o(
805
- Z,
804
+ /* @__PURE__ */ o("div", { className: g(x.iconWrapper), children: /* @__PURE__ */ o(
805
+ J,
806
806
  {
807
807
  icon: Pt,
808
808
  size: 24,
809
- color: L("--modern-blue")
809
+ color: M("--modern-blue")
810
810
  }
811
811
  ) })
812
812
  ]
813
813
  }
814
814
  );
815
- }, Oe = "_labelledTextInput_1uyc3_1", Fe = "_onlyTop_1uyc3_21", Ue = "_onlyBottom_1uyc3_27", Le = "_onlyLeft_1uyc3_32", je = "_onlyRight_1uyc3_38", Ke = "_disabled_1uyc3_53", ze = "_medium_1uyc3_61", Ee = "_large_1uyc3_73", Ge = "_error_1uyc3_87", N = {
816
- labelledTextInput: Oe,
817
- onlyTop: Fe,
818
- onlyBottom: Ue,
819
- onlyLeft: Le,
820
- onlyRight: je,
821
- disabled: Ke,
822
- medium: ze,
823
- large: Ee,
824
- error: Ge
825
- }, un = St.forwardRef(
815
+ }, We = "_labelledTextInput_1uyc3_1", De = "_onlyTop_1uyc3_21", Ee = "_onlyBottom_1uyc3_27", Me = "_onlyLeft_1uyc3_32", Oe = "_onlyRight_1uyc3_38", Ue = "_disabled_1uyc3_53", ve = "_medium_1uyc3_61", Le = "_large_1uyc3_73", je = "_error_1uyc3_87", N = {
816
+ labelledTextInput: We,
817
+ onlyTop: De,
818
+ onlyBottom: Ee,
819
+ onlyLeft: Me,
820
+ onlyRight: Oe,
821
+ disabled: Ue,
822
+ medium: ve,
823
+ large: Le,
824
+ error: je
825
+ }, un = Tt.forwardRef(
826
826
  ({
827
827
  autoComplete: t = "off",
828
828
  label: e,
829
829
  id: n,
830
830
  screenReaderLabel: r,
831
- size: c = "medium",
832
- value: l,
831
+ size: l = "medium",
832
+ value: c,
833
833
  onChange: i,
834
- disabled: d,
834
+ disabled: a,
835
835
  onValueChange: s,
836
- borderRadiusVariant: p = "normalBorder",
837
- variant: _ = "normal",
838
- width: a,
836
+ borderRadiusVariant: _ = "normalBorder",
837
+ variant: p = "normal",
838
+ width: d,
839
839
  ...u
840
- }, f) => {
841
- const m = J(), B = n ?? m, x = h(
842
- (S) => {
843
- i == null || i(S), s == null || s(S.target.value);
840
+ }, h) => {
841
+ const y = z(), I = n ?? y, B = m(
842
+ (T) => {
843
+ i?.(T), s?.(T.target.value);
844
844
  },
845
845
  [i, s]
846
846
  );
847
- return /* @__PURE__ */ y(
847
+ return /* @__PURE__ */ f(
848
848
  "div",
849
849
  {
850
- className: w(
850
+ className: g(
851
851
  N.labelledTextInput,
852
- N[_],
853
852
  N[p],
854
- N[c],
855
- d && N.disabled
853
+ N[_],
854
+ N[l],
855
+ a && N.disabled
856
856
  ),
857
- style: a ? { width: a } : void 0,
857
+ style: d ? { width: d } : void 0,
858
858
  children: [
859
859
  /* @__PURE__ */ o(
860
- rt,
860
+ ot,
861
861
  {
862
- htmlFor: B,
862
+ htmlFor: I,
863
863
  screenReaderLabel: r,
864
864
  label: e
865
865
  }
@@ -867,13 +867,13 @@ const ee = (t, e, n) => {
867
867
  /* @__PURE__ */ o(
868
868
  "input",
869
869
  {
870
- ref: f,
871
- id: B,
870
+ ref: h,
871
+ id: I,
872
872
  autoComplete: t,
873
873
  type: "text",
874
- value: l,
875
- onChange: x,
876
- disabled: d,
874
+ value: c,
875
+ onChange: B,
876
+ disabled: a,
877
877
  ...u
878
878
  }
879
879
  )
@@ -886,89 +886,89 @@ const ee = (t, e, n) => {
886
886
  disabled: e,
887
887
  wrapperClassName: n,
888
888
  wrapperStyle: r,
889
- contentLeft: c,
890
- contentRight: l,
889
+ contentLeft: l,
890
+ contentRight: c,
891
891
  disableContentPadding: i,
892
- disableContentPaddingLeft: d,
892
+ disableContentPaddingLeft: a,
893
893
  disableContentPaddingRight: s,
894
- iconRight: p,
895
- iconLeft: _,
896
- onClickLeft: a,
894
+ iconRight: _,
895
+ iconLeft: p,
896
+ onClickLeft: d,
897
897
  onClickRight: u,
898
- children: f
898
+ children: h
899
899
  }) => {
900
- const m = t === "success" ? v : t === "warning" || t === "error" ? D : p, B = t === "loading" ? /* @__PURE__ */ o(C, {}) : l;
901
- return /* @__PURE__ */ y(
900
+ const y = t === "success" ? Q : t === "warning" || t === "error" ? Y : _, I = t === "loading" ? /* @__PURE__ */ o(Z, {}) : c;
901
+ return /* @__PURE__ */ f(
902
902
  "div",
903
903
  {
904
- className: w(
905
- I.textInput,
906
- I.inputContainer,
907
- I[t],
904
+ className: g(
905
+ w.textInput,
906
+ w.inputContainer,
907
+ w[t],
908
908
  {
909
- [I.disabled]: e
909
+ [w.disabled]: e
910
910
  },
911
911
  n
912
912
  ),
913
913
  style: r,
914
914
  children: [
915
915
  /* @__PURE__ */ o(
916
- H,
916
+ C,
917
917
  {
918
- content: c,
918
+ content: l,
919
919
  disableContentPadding: i,
920
- disableContentPaddingLeft: d,
920
+ disableContentPaddingLeft: a,
921
921
  disableContentPaddingRight: s,
922
922
  spaceOnLeft: !0,
923
- button: _ ? /* @__PURE__ */ o(M, { onClick: a, icon: _ }) : void 0
923
+ button: p ? /* @__PURE__ */ o(F, { onClick: d, icon: p }) : void 0
924
924
  }
925
925
  ),
926
- /* @__PURE__ */ o(T, { alignItems: "center", children: f }),
926
+ /* @__PURE__ */ o(k, { alignItems: "center", children: h }),
927
927
  /* @__PURE__ */ o(
928
- H,
928
+ C,
929
929
  {
930
- content: B,
930
+ content: I,
931
931
  disableContentPadding: i,
932
- disableContentPaddingLeft: d,
932
+ disableContentPaddingLeft: a,
933
933
  disableContentPaddingRight: s,
934
934
  spaceOnRight: !0,
935
- button: m ? /* @__PURE__ */ o(M, { onClick: u, icon: m }) : void 0
935
+ button: y ? /* @__PURE__ */ o(F, { onClick: u, icon: y }) : void 0
936
936
  }
937
937
  )
938
938
  ]
939
939
  }
940
940
  );
941
- }, Xe = "_textArea_6n6nc_1", Je = {
942
- textArea: Xe
943
- }, pn = F(
941
+ }, Ke = "_textArea_6n6nc_1", ze = {
942
+ textArea: Ke
943
+ }, pn = D(
944
944
  ({
945
945
  className: t,
946
946
  value: e,
947
947
  onValueChange: n,
948
948
  onChange: r,
949
- resize: c = "none",
950
- readOnly: l = !1,
949
+ resize: l = "none",
950
+ readOnly: c = !1,
951
951
  rows: i,
952
- disabled: d,
952
+ disabled: a,
953
953
  ...s
954
- }, p) => {
955
- const _ = h(
956
- (a) => {
957
- r && r(a), n && n(a.target.value);
954
+ }, _) => {
955
+ const p = m(
956
+ (d) => {
957
+ r && r(d), n && n(d.target.value);
958
958
  },
959
959
  [r, n]
960
960
  );
961
961
  return /* @__PURE__ */ o(
962
962
  "textarea",
963
963
  {
964
- disabled: d,
964
+ disabled: a,
965
965
  rows: i,
966
- readOnly: l,
967
- className: w(Je.textArea, t),
968
- style: { resize: c },
969
- onChange: _,
966
+ readOnly: c,
967
+ className: g(ze.textArea, t),
968
+ style: { resize: l },
969
+ onChange: p,
970
970
  value: e,
971
- ref: p,
971
+ ref: _,
972
972
  ...s
973
973
  }
974
974
  );
@@ -976,20 +976,20 @@ const ee = (t, e, n) => {
976
976
  );
977
977
  export {
978
978
  en as AmountStepperButtons,
979
- Gt as Checkbox,
980
- rn as CheckboxWithLabel,
981
- rt as InputLabel,
982
- Se as InputLabelText,
983
- an as LabelledSelect,
979
+ jt as Checkbox,
980
+ on as CheckboxWithLabel,
981
+ ot as InputLabel,
982
+ Te as InputLabelText,
983
+ dn as LabelledSelect,
984
984
  un as LabelledTextInput,
985
985
  sn as NumericStepper,
986
- xe as NumericTextInput,
987
- dn as PasswordInput,
986
+ Be as NumericTextInput,
987
+ an as PasswordInput,
988
988
  V as RadioButton,
989
- on as RadioButtonBox,
990
- cn as RadioButtonWithLabel,
991
- Mt as ReadOnlyNumericInput,
992
- jt as Switch,
989
+ rn as RadioButtonBox,
990
+ ln as RadioButtonWithLabel,
991
+ Ft as ReadOnlyNumericInput,
992
+ Ot as Switch,
993
993
  nn as SwitchWithLabel,
994
994
  pn as TextArea,
995
995
  tt as TextInput,
@@ -998,7 +998,7 @@ export {
998
998
  et as onStepValueChange,
999
999
  nt as onTextValueChange,
1000
1000
  Vt as useKeyboardNavigation,
1001
- ln as useNumericInputValue,
1001
+ cn as useNumericInputValue,
1002
1002
  ee as useSelectAllOnMount,
1003
1003
  ne as useTextInput
1004
1004
  };