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