@stenajs-webui/forms 23.16.2 → 23.17.0

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