@stenajs-webui/forms 20.0.3 → 20.2.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 (3) hide show
  1. package/dist/index.es.js +122 -122
  2. package/dist/index.js +2 -2
  3. package/package.json +6 -6
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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_1ndou_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_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_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_1ndou_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_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_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_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_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_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_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_foy83_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_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_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_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_axgdw_1{display:flex;height:36px;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_axgdw_1._textInput_axgdw_1:focus-within:not(._disabled_axgdw_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_axgdw_1 ._input_axgdw_16{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_axgdw_1 ._input_axgdw_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_axgdw_1 ._input_axgdw_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_axgdw_1 ._input_axgdw_16:focus::placeholder{opacity:0}._textInput_axgdw_1 ._input_axgdw_16::-webkit-calendar-picker-indicator{display:none}._textInput_axgdw_1 ._icon_axgdw_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_axgdw_1._standard_axgdw_59:hover:not(:focus-within):not(._disabled_axgdw_11),._textInput_axgdw_1._success_axgdw_60:hover:not(:focus-within):not(._disabled_axgdw_11){border-color:var(--swui-field-border-color-hover)}._textInput_axgdw_1._success_axgdw_60 ._icon_axgdw_49{color:var(--swui-state-success-color)}._textInput_axgdw_1._loading_axgdw_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_axgdw_1._modified_axgdw_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_axgdw_1._modified_axgdw_77 ._icon_axgdw_49{color:var(--lhds-color-blue-300)}._textInput_axgdw_1._error_axgdw_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_axgdw_1._error_axgdw_86 ._icon_axgdw_49{color:var(--swui-state-error-light-color)}._textInput_axgdw_1._warning_axgdw_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._warning_axgdw_95 ._icon_axgdw_49{color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._disabled_axgdw_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_axgdw_1._textInput_axgdw_1._hideBorder_axgdw_109{border:none;box-shadow:none;background:none;outline:none}._textInput_axgdw_1 ._clickable_axgdw_116:hover{cursor:pointer}._textInput_axgdw_1 ._clickable_axgdw_116:hover ._icon_axgdw_49{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_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_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_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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_1ndou_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_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_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_1ndou_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_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_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_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_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_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_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_foy83_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_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_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_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_1jb3g_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_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{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_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{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_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_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_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
2
  import { jsx as o, jsxs as h, Fragment as S } from "react/jsx-runtime";
3
- import { Box as pt, Space as b, Text as R, Row as T, ScreenReaderOnlyText as M, parseFloatElseUndefined as W, getDataProps as ft } from "@stenajs-webui/core";
3
+ import { Box as pt, Space as x, Text as R, Row as T, ScreenReaderOnlyText as M, parseFloatElseUndefined as H, getDataProps as ft } from "@stenajs-webui/core";
4
4
  import * as mt from "react";
5
- import { forwardRef as P, useRef as U, useCallback as I, useEffect as z, useMemo as ht, useState as xt, useId as O } from "react";
6
- import x from "classnames";
7
- import { Icon as D, stenaCheck as E, stenaExclamationTriangle as G, InputSpinner as X, UpDownButtons as bt, TextInputButton as A, stenaEyeShow as yt, stenaEyeHide as wt, stenaAngleDown as It } from "@stenajs-webui/elements";
8
- import { FontAwesomeIcon as gt } from "@fortawesome/react-fontawesome";
5
+ import { forwardRef as W, useRef as P, useCallback as g, useEffect as z, useMemo as ht, useState as bt, useId as O } from "react";
6
+ import b from "classnames";
7
+ import { Icon as D, stenaCheck as E, stenaExclamationTriangle as G, InputSpinner as X, UpDownButtons as xt, TextInputButton as $, stenaEyeShow as yt, stenaEyeHide as It, stenaAngleDown as gt } from "@stenajs-webui/elements";
8
+ import { FontAwesomeIcon as wt } from "@fortawesome/react-fontawesome";
9
9
  import { cssColor as q } from "@stenajs-webui/theme";
10
10
  const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75", N = {
11
11
  switch: "_switch_1d6s8_1",
@@ -42,13 +42,13 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
42
42
  ...c
43
43
  }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(pt, { row: !0, alignItems: "center", children: [
44
44
  /* @__PURE__ */ o(Nt, { disabled: e, ...c }),
45
- /* @__PURE__ */ o(b, {}),
45
+ /* @__PURE__ */ o(x, {}),
46
46
  /* @__PURE__ */ o(R, { userSelect: "none", color: n, children: t })
47
- ] }) }) }), Rt = "_checkbox_1ndou_1", vt = "_standard_1ndou_39", $t = "_small_1ndou_51", L = {
47
+ ] }) }) }), Rt = "_checkbox_1ndou_1", vt = "_standard_1ndou_39", jt = "_small_1ndou_51", F = {
48
48
  checkbox: Rt,
49
49
  standard: vt,
50
- small: $t
51
- }, At = P(
50
+ small: jt
51
+ }, $t = W(
52
52
  ({
53
53
  indeterminate: t = !1,
54
54
  onChange: e,
@@ -58,9 +58,9 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
58
58
  className: s,
59
59
  ...l
60
60
  }, a) => {
61
- const i = U(), f = (u) => {
61
+ const i = P(), f = (u) => {
62
62
  i.current = u, i.current && (i.current.indeterminate = !!t), a && (typeof a == "function" ? a(u) : a.current = u);
63
- }, _ = I(
63
+ }, _ = g(
64
64
  (u) => {
65
65
  e && e(u), n && n(u.target.checked);
66
66
  },
@@ -72,7 +72,7 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
72
72
  "input",
73
73
  {
74
74
  type: "checkbox",
75
- className: x(L.checkbox, L[c], s),
75
+ className: b(F.checkbox, F[c], s),
76
76
  checked: r,
77
77
  onChange: _,
78
78
  ref: f,
@@ -80,7 +80,7 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
80
80
  }
81
81
  );
82
82
  }
83
- ), $e = ({
83
+ ), je = ({
84
84
  children: t,
85
85
  label: e,
86
86
  inputRef: n,
@@ -88,15 +88,15 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
88
88
  textColor: c,
89
89
  ...s
90
90
  }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
91
- /* @__PURE__ */ o(At, { ...s, ref: n }),
92
- /* @__PURE__ */ o(b, {}),
91
+ /* @__PURE__ */ o($t, { ...s, ref: n }),
92
+ /* @__PURE__ */ o(x, {}),
93
93
  e && /* @__PURE__ */ o(R, { userSelect: "none", color: c, children: e }),
94
94
  t
95
- ] }) }) }), Ht = "_radiobutton_foy83_1", Wt = "_standard_foy83_45", Pt = "_small_foy83_55", j = {
96
- radiobutton: Ht,
97
- standard: Wt,
98
- small: Pt
99
- }, J = P(
95
+ ] }) }) }), At = "_radiobutton_foy83_1", Ht = "_standard_foy83_45", Wt = "_small_foy83_55", L = {
96
+ radiobutton: At,
97
+ standard: Ht,
98
+ small: Wt
99
+ }, J = W(
100
100
  ({
101
101
  onChange: t,
102
102
  onValueChange: e,
@@ -105,7 +105,7 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
105
105
  className: c,
106
106
  ...s
107
107
  }, l) => {
108
- const a = I(
108
+ const a = g(
109
109
  (i) => {
110
110
  t && t(i), e && e(i.target.value);
111
111
  },
@@ -116,18 +116,18 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
116
116
  {
117
117
  type: "radio",
118
118
  name: r,
119
- className: x(j.radiobutton, j[n], c),
119
+ className: b(L.radiobutton, L[n], c),
120
120
  onChange: a,
121
121
  ref: l,
122
122
  ...s
123
123
  }
124
124
  );
125
125
  }
126
- ), Ut = "_radioButtonBox_1h0yy_1", Ft = "_danger_1h0yy_29", Lt = "_radioButtonWrapper_1h0yy_42", K = {
127
- radioButtonBox: Ut,
128
- danger: Ft,
129
- radioButtonWrapper: Lt
130
- }, Ae = ({
126
+ ), Pt = "_radioButtonBox_1h0yy_1", Ut = "_danger_1h0yy_29", Ft = "_radioButtonWrapper_1h0yy_42", K = {
127
+ radioButtonBox: Pt,
128
+ danger: Ut,
129
+ radioButtonWrapper: Ft
130
+ }, $e = ({
131
131
  label: t,
132
132
  screenReaderLabel: e,
133
133
  variant: n = "normal",
@@ -139,19 +139,19 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
139
139
  }) => /* @__PURE__ */ o(
140
140
  "label",
141
141
  {
142
- className: x(K.radioButtonBox, K[n], c),
142
+ className: b(K.radioButtonBox, K[n], c),
143
143
  style: s,
144
144
  children: /* @__PURE__ */ h(T, { justifyContent: "space-between", flexGrow: 1, children: [
145
145
  /* @__PURE__ */ h(T, { alignItems: "center", children: [
146
146
  /* @__PURE__ */ o(J, { ...a, className: l }),
147
- /* @__PURE__ */ o(b, {}),
147
+ /* @__PURE__ */ o(x, {}),
148
148
  e ? /* @__PURE__ */ o(M, { children: e }) : null,
149
149
  /* @__PURE__ */ o(R, { "aria-hidden": !!e, children: t })
150
150
  ] }),
151
151
  /* @__PURE__ */ o(T, { alignItems: "center", width: "48px", justifyContent: "center", children: r && /* @__PURE__ */ o(D, { icon: r, size: 24 }) })
152
152
  ] })
153
153
  }
154
- ), He = ({
154
+ ), Ae = ({
155
155
  label: t,
156
156
  inputRef: e,
157
157
  wrapperRef: n,
@@ -159,16 +159,16 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
159
159
  ...c
160
160
  }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
161
161
  /* @__PURE__ */ o(J, { ref: e, ...c }),
162
- /* @__PURE__ */ o(b, {}),
162
+ /* @__PURE__ */ o(x, {}),
163
163
  /* @__PURE__ */ o(R, { color: r, userSelect: "none", children: t })
164
- ] }) }) }), jt = (t, e, n, r, c, s, l, a) => {
165
- const i = U(!1), f = (d) => {
164
+ ] }) }) }), Lt = (t, e, n, r, c, s, l, a) => {
165
+ const i = P(!1), f = (d) => {
166
166
  i.current || s == null || s(d.target.value ?? ""), l == null || l(d);
167
167
  }, _ = (d) => {
168
168
  i.current = !1, a == null || a(d);
169
169
  };
170
170
  return {
171
- onKeyDownHandler: I(
171
+ onKeyDownHandler: g(
172
172
  (d) => {
173
173
  const { key: p } = d;
174
174
  if (p === "Enter")
@@ -176,8 +176,8 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
176
176
  else if (p === "Escape")
177
177
  i.current = !0, r == null || r(), d.preventDefault(), d.stopPropagation();
178
178
  else if (c) {
179
- const m = (g, y) => {
180
- i.current = !0, t.current.blur(), c(g), y.preventDefault(), y.stopPropagation();
179
+ const m = (w, y) => {
180
+ i.current = !0, t.current.blur(), c(w), y.preventDefault(), y.stopPropagation();
181
181
  };
182
182
  d.shiftKey && p === "Tab" ? m("left", d) : p === "Tab" ? m("right", d) : p === "ArrowUp" ? m("up", d) : p === "ArrowDown" ? m("down", d) : p === "ArrowRight" ? t.current.value.length === t.current.selectionStart && m("right", d) : p === "ArrowLeft" && t.current.selectionStart === 0 && m("left", d);
183
183
  }
@@ -214,7 +214,7 @@ const Mt = (t, e, n) => {
214
214
  autoFocus: d
215
215
  }) => {
216
216
  Mt(t, !!l, !!s);
217
- const { onKeyDownHandler: p, onFocusHandler: m, onBlurHandler: g } = jt(
217
+ const { onKeyDownHandler: p, onFocusHandler: m, onBlurHandler: w } = Lt(
218
218
  t,
219
219
  u,
220
220
  e,
@@ -223,20 +223,20 @@ const Mt = (t, e, n) => {
223
223
  a,
224
224
  _,
225
225
  f
226
- ), y = I(
226
+ ), y = g(
227
227
  (v) => {
228
228
  r == null || r(v), c == null || c(v.target.value);
229
229
  },
230
230
  [r, c]
231
231
  );
232
232
  return {
233
- onBlur: g,
233
+ onBlur: w,
234
234
  onChange: y,
235
235
  onFocus: m,
236
236
  onKeyDown: p,
237
237
  autoFocus: s || d
238
238
  };
239
- }, Ot = "_textInput_axgdw_1", Dt = "_disabled_axgdw_11", Et = "_input_axgdw_16", Gt = "_icon_axgdw_49", Xt = "_standard_axgdw_59", qt = "_success_axgdw_60", Jt = "_loading_axgdw_72", Qt = "_modified_axgdw_77", Yt = "_error_axgdw_86", Zt = "_warning_axgdw_95", Ct = "_hideBorder_axgdw_109", Vt = "_clickable_axgdw_116", w = {
239
+ }, Ot = "_textInput_1jb3g_1", Dt = "_disabled_1jb3g_11", Et = "_input_1jb3g_16", Gt = "_icon_1jb3g_49", Xt = "_standard_1jb3g_59", qt = "_success_1jb3g_60", Jt = "_loading_1jb3g_72", Qt = "_modified_1jb3g_77", Yt = "_error_1jb3g_86", Zt = "_warning_1jb3g_95", Ct = "_hideBorder_1jb3g_109", Vt = "_clickable_1jb3g_116", I = {
240
240
  textInput: Ot,
241
241
  disabled: Dt,
242
242
  input: Et,
@@ -249,7 +249,7 @@ const Mt = (t, e, n) => {
249
249
  warning: Zt,
250
250
  hideBorder: Ct,
251
251
  clickable: Vt
252
- }, $ = ({
252
+ }, j = ({
253
253
  button: t,
254
254
  icon: e,
255
255
  iconClassName: n,
@@ -260,23 +260,23 @@ const Mt = (t, e, n) => {
260
260
  disableContentPaddingLeft: a,
261
261
  disableContentPaddingRight: i
262
262
  }) => !r && !e && !t ? null : t ? /* @__PURE__ */ h(S, { children: [
263
- c ? /* @__PURE__ */ o(b, { num: 0.25 }) : null,
263
+ c ? /* @__PURE__ */ o(x, { num: 0.25 }) : null,
264
264
  t,
265
- s ? /* @__PURE__ */ o(b, { num: 0.25 }) : null
265
+ s ? /* @__PURE__ */ o(x, { num: 0.25 }) : null
266
266
  ] }) : r ? /* @__PURE__ */ h(S, { children: [
267
- c && !(l || a) ? /* @__PURE__ */ o(b, {}) : null,
267
+ c && !(l || a) ? /* @__PURE__ */ o(x, {}) : null,
268
268
  r || null,
269
- s && !(l || i) ? /* @__PURE__ */ o(b, {}) : null
269
+ s && !(l || i) ? /* @__PURE__ */ o(x, {}) : null
270
270
  ] }) : /* @__PURE__ */ h(S, { children: [
271
- c ? /* @__PURE__ */ o(b, {}) : null,
271
+ c ? /* @__PURE__ */ o(x, {}) : null,
272
272
  e && /* @__PURE__ */ o(
273
- gt,
273
+ wt,
274
274
  {
275
275
  icon: e,
276
- className: x(w.icon, n)
276
+ className: b(I.icon, n)
277
277
  }
278
278
  ),
279
- s ? /* @__PURE__ */ o(b, {}) : null
279
+ s ? /* @__PURE__ */ o(x, {}) : null
280
280
  ] }), Q = (t) => {
281
281
  const {
282
282
  variant: e = "standard",
@@ -293,7 +293,7 @@ const Mt = (t, e, n) => {
293
293
  iconLeft: d,
294
294
  iconRight: p,
295
295
  moveCursorToEndOnMount: m,
296
- selectAllOnMount: g,
296
+ selectAllOnMount: w,
297
297
  autoFocus: y,
298
298
  onValueChange: v,
299
299
  wrapperClassName: Z,
@@ -308,12 +308,12 @@ const Mt = (t, e, n) => {
308
308
  onFocus: st,
309
309
  onBlur: lt,
310
310
  ...it
311
- } = t, at = U(null), F = n ?? at, dt = zt(F, {
311
+ } = t, at = P(null), U = n ?? at, dt = zt(U, {
312
312
  onEnter: tt,
313
313
  onEsc: et,
314
314
  onChange: nt,
315
315
  onValueChange: v,
316
- selectAllOnMount: g,
316
+ selectAllOnMount: w,
317
317
  moveCursorToEndOnMount: m,
318
318
  onDone: V,
319
319
  onMove: rt,
@@ -325,21 +325,21 @@ const Mt = (t, e, n) => {
325
325
  return /* @__PURE__ */ h(
326
326
  "div",
327
327
  {
328
- className: x(
329
- w.textInput,
330
- w[e],
328
+ className: b(
329
+ I.textInput,
330
+ I[e],
331
331
  {
332
- [w.disabled]: r
332
+ [I.disabled]: r
333
333
  },
334
334
  {
335
- [w.hideBorder]: ct
335
+ [I.hideBorder]: ct
336
336
  },
337
337
  Z
338
338
  ),
339
339
  style: C,
340
340
  children: [
341
341
  /* @__PURE__ */ o(
342
- $,
342
+ j,
343
343
  {
344
344
  content: a,
345
345
  disableContentPadding: f,
@@ -353,17 +353,17 @@ const Mt = (t, e, n) => {
353
353
  /* @__PURE__ */ o(
354
354
  "input",
355
355
  {
356
- className: x(w.input, c),
356
+ className: b(I.input, c),
357
357
  type: "text",
358
358
  disabled: r,
359
- ref: F,
359
+ ref: U,
360
360
  autoFocus: y,
361
361
  ...it,
362
362
  ...dt
363
363
  }
364
364
  ),
365
365
  /* @__PURE__ */ o(
366
- $,
366
+ j,
367
367
  {
368
368
  content: _t,
369
369
  disableContentPadding: f,
@@ -388,10 +388,10 @@ const Mt = (t, e, n) => {
388
388
  }) => {
389
389
  if (t)
390
390
  if (!e)
391
- t(String(H(n, r, c)));
391
+ t(String(A(n, r, c)));
392
392
  else {
393
- const l = (W(e) || 0) + n;
394
- t(String(H(l, r, c)));
393
+ const l = (H(e) || 0) + n;
394
+ t(String(A(l, r, c)));
395
395
  }
396
396
  }, ne = ({
397
397
  onValueChange: t,
@@ -403,13 +403,13 @@ const Mt = (t, e, n) => {
403
403
  if (e === "")
404
404
  t("");
405
405
  else {
406
- const s = W(e) || 0;
407
- t(String(H(s, n, r)));
406
+ const s = H(e) || 0;
407
+ t(String(A(s, n, r)));
408
408
  }
409
- }, H = (t, e, n) => {
409
+ }, A = (t, e, n) => {
410
410
  let r = t;
411
411
  return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
412
- }, We = ({
412
+ }, He = ({
413
413
  value: t,
414
414
  onValueChange: e,
415
415
  max: n,
@@ -421,12 +421,12 @@ const Mt = (t, e, n) => {
421
421
  hideButtons: i,
422
422
  ...f
423
423
  }) => {
424
- const _ = I(
424
+ const _ = g(
425
425
  (p) => {
426
426
  re({ onValueChange: e, value: t, numSteps: p, min: r, max: n });
427
427
  },
428
428
  [t, n, r, e]
429
- ), u = I(
429
+ ), u = g(
430
430
  (p) => {
431
431
  ne({ onValueChange: e, newValue: p, min: r, max: n });
432
432
  },
@@ -438,10 +438,10 @@ const Mt = (t, e, n) => {
438
438
  contentRight: i ? s : /* @__PURE__ */ h(S, { children: [
439
439
  s && /* @__PURE__ */ h(S, { children: [
440
440
  s,
441
- /* @__PURE__ */ o(b, {})
441
+ /* @__PURE__ */ o(x, {})
442
442
  ] }),
443
443
  /* @__PURE__ */ o(
444
- bt,
444
+ xt,
445
445
  {
446
446
  onClickUp: l ? void 0 : () => _(c),
447
447
  onClickDown: l ? void 0 : () => _(-c),
@@ -457,19 +457,19 @@ const Mt = (t, e, n) => {
457
457
  min: r,
458
458
  max: n,
459
459
  step: c,
460
- className: x(ee.numericTextInputInput, a),
460
+ className: b(ee.numericTextInputInput, a),
461
461
  disabled: l,
462
462
  ...f
463
463
  }
464
464
  );
465
- }, Pe = (t, e) => {
466
- const n = I(
465
+ }, We = (t, e) => {
466
+ const n = g(
467
467
  (c) => {
468
468
  if (e)
469
469
  if (!c)
470
470
  e(void 0);
471
471
  else {
472
- const s = W(c);
472
+ const s = H(c);
473
473
  s !== void 0 && e(s);
474
474
  }
475
475
  },
@@ -479,17 +479,17 @@ const Mt = (t, e, n) => {
479
479
  onValueChange: n,
480
480
  value: r
481
481
  };
482
- }, Ue = ({
482
+ }, Pe = ({
483
483
  hiddenIcon: t = yt,
484
- visibleIcon: e = wt,
484
+ visibleIcon: e = It,
485
485
  ...n
486
486
  }) => {
487
- const [r, c] = xt(!0);
487
+ const [r, c] = bt(!0);
488
488
  return /* @__PURE__ */ o(
489
489
  Q,
490
490
  {
491
491
  buttonRight: /* @__PURE__ */ o(
492
- A,
492
+ $,
493
493
  {
494
494
  icon: r ? t : e,
495
495
  onClick: () => c((s) => !s)
@@ -537,7 +537,7 @@ const Mt = (t, e, n) => {
537
537
  label: de,
538
538
  select: ue,
539
539
  iconWrapper: _e
540
- }, Fe = ({
540
+ }, Ue = ({
541
541
  onChange: t,
542
542
  onValueChange: e,
543
543
  id: n,
@@ -548,7 +548,7 @@ const Mt = (t, e, n) => {
548
548
  children: a,
549
549
  ...i
550
550
  }) => {
551
- const f = O(), _ = n ?? f, u = I(
551
+ const f = O(), _ = n ?? f, u = g(
552
552
  (d) => {
553
553
  t == null || t(d), e == null || e(d.target.value);
554
554
  },
@@ -557,7 +557,7 @@ const Mt = (t, e, n) => {
557
557
  return /* @__PURE__ */ h(
558
558
  "div",
559
559
  {
560
- className: x(
560
+ className: b(
561
561
  B.labelledSelect,
562
562
  B[l],
563
563
  B[s]
@@ -577,15 +577,15 @@ const Mt = (t, e, n) => {
577
577
  {
578
578
  id: _,
579
579
  onChange: u,
580
- className: x(B.select, B[l]),
580
+ className: b(B.select, B[l]),
581
581
  ...i,
582
582
  children: a
583
583
  }
584
584
  ),
585
- /* @__PURE__ */ o("div", { className: x(B.iconWrapper), children: /* @__PURE__ */ o(
585
+ /* @__PURE__ */ o("div", { className: b(B.iconWrapper), children: /* @__PURE__ */ o(
586
586
  D,
587
587
  {
588
- icon: It,
588
+ icon: gt,
589
589
  size: 24,
590
590
  color: q("--modern-blue")
591
591
  }
@@ -593,15 +593,15 @@ const Mt = (t, e, n) => {
593
593
  ]
594
594
  }
595
595
  );
596
- }, pe = "_labelledTextInput_lnht8_1", fe = "_onlyTop_lnht8_21", me = "_onlyBottom_lnht8_27", he = "_disabled_lnht8_42", xe = "_medium_lnht8_50", be = "_large_lnht8_62", ye = "_error_lnht8_76", k = {
596
+ }, pe = "_labelledTextInput_lnht8_1", fe = "_onlyTop_lnht8_21", me = "_onlyBottom_lnht8_27", he = "_disabled_lnht8_42", be = "_medium_lnht8_50", xe = "_large_lnht8_62", ye = "_error_lnht8_76", k = {
597
597
  labelledTextInput: pe,
598
598
  onlyTop: fe,
599
599
  onlyBottom: me,
600
600
  disabled: he,
601
- medium: xe,
602
- large: be,
601
+ medium: be,
602
+ large: xe,
603
603
  error: ye
604
- }, Le = mt.forwardRef(
604
+ }, Fe = mt.forwardRef(
605
605
  ({
606
606
  autoComplete: t = "off",
607
607
  label: e,
@@ -616,7 +616,7 @@ const Mt = (t, e, n) => {
616
616
  variant: _ = "normal",
617
617
  ...u
618
618
  }, d) => {
619
- const p = O(), m = n ?? p, g = I(
619
+ const p = O(), m = n ?? p, w = g(
620
620
  (y) => {
621
621
  l == null || l(y), i == null || i(y.target.value);
622
622
  },
@@ -625,7 +625,7 @@ const Mt = (t, e, n) => {
625
625
  return /* @__PURE__ */ h(
626
626
  "div",
627
627
  {
628
- className: x(
628
+ className: b(
629
629
  k.labelledTextInput,
630
630
  k[_],
631
631
  k[f],
@@ -649,7 +649,7 @@ const Mt = (t, e, n) => {
649
649
  autoComplete: t,
650
650
  type: "text",
651
651
  value: s,
652
- onChange: g,
652
+ onChange: w,
653
653
  disabled: a,
654
654
  ...u
655
655
  }
@@ -658,7 +658,7 @@ const Mt = (t, e, n) => {
658
658
  }
659
659
  );
660
660
  }
661
- ), je = ({
661
+ ), Le = ({
662
662
  variant: t = "standard",
663
663
  disabled: e,
664
664
  wrapperClassName: n,
@@ -674,50 +674,50 @@ const Mt = (t, e, n) => {
674
674
  onClickRight: d,
675
675
  children: p
676
676
  }) => {
677
- const m = t === "success" ? E : t === "warning" || t === "error" ? G : f, g = t === "loading" ? /* @__PURE__ */ o(X, {}) : s;
677
+ const m = t === "success" ? E : t === "warning" || t === "error" ? G : f, w = t === "loading" ? /* @__PURE__ */ o(X, {}) : s;
678
678
  return /* @__PURE__ */ h(
679
679
  "div",
680
680
  {
681
- className: x(
682
- w.textInput,
683
- w.inputContainer,
684
- w[t],
681
+ className: b(
682
+ I.textInput,
683
+ I.inputContainer,
684
+ I[t],
685
685
  {
686
- [w.disabled]: e
686
+ [I.disabled]: e
687
687
  },
688
688
  n
689
689
  ),
690
690
  style: r,
691
691
  children: [
692
692
  /* @__PURE__ */ o(
693
- $,
693
+ j,
694
694
  {
695
695
  content: c,
696
696
  disableContentPadding: l,
697
697
  disableContentPaddingLeft: a,
698
698
  disableContentPaddingRight: i,
699
699
  spaceOnLeft: !0,
700
- button: _ ? /* @__PURE__ */ o(A, { onClick: u, icon: _ }) : void 0
700
+ button: _ ? /* @__PURE__ */ o($, { onClick: u, icon: _ }) : void 0
701
701
  }
702
702
  ),
703
703
  /* @__PURE__ */ o(T, { alignItems: "center", children: p }),
704
704
  /* @__PURE__ */ o(
705
- $,
705
+ j,
706
706
  {
707
- content: g,
707
+ content: w,
708
708
  disableContentPadding: l,
709
709
  disableContentPaddingLeft: a,
710
710
  disableContentPaddingRight: i,
711
711
  spaceOnRight: !0,
712
- button: m ? /* @__PURE__ */ o(A, { onClick: d, icon: m }) : void 0
712
+ button: m ? /* @__PURE__ */ o($, { onClick: d, icon: m }) : void 0
713
713
  }
714
714
  )
715
715
  ]
716
716
  }
717
717
  );
718
- }, we = "_textArea_6n6nc_1", Ie = {
719
- textArea: we
720
- }, Ke = P(
718
+ }, Ie = "_textArea_6n6nc_1", ge = {
719
+ textArea: Ie
720
+ }, Ke = W(
721
721
  ({
722
722
  className: t,
723
723
  value: e,
@@ -729,7 +729,7 @@ const Mt = (t, e, n) => {
729
729
  disabled: a,
730
730
  ...i
731
731
  }, f) => {
732
- const _ = I(
732
+ const _ = g(
733
733
  (u) => {
734
734
  r && r(u), n && n(u.target.value);
735
735
  },
@@ -741,7 +741,7 @@ const Mt = (t, e, n) => {
741
741
  disabled: a,
742
742
  rows: l,
743
743
  readOnly: s,
744
- className: x(Ie.textArea, t),
744
+ className: b(ge.textArea, t),
745
745
  style: { resize: c },
746
746
  onChange: _,
747
747
  value: e,
@@ -752,27 +752,27 @@ const Mt = (t, e, n) => {
752
752
  }
753
753
  );
754
754
  export {
755
- At as Checkbox,
756
- $e as CheckboxWithLabel,
755
+ $t as Checkbox,
756
+ je as CheckboxWithLabel,
757
757
  Y as InputLabel,
758
758
  oe as InputLabelText,
759
- Fe as LabelledSelect,
760
- Le as LabelledTextInput,
761
- We as NumericTextInput,
762
- Ue as PasswordInput,
759
+ Ue as LabelledSelect,
760
+ Fe as LabelledTextInput,
761
+ He as NumericTextInput,
762
+ Pe as PasswordInput,
763
763
  J as RadioButton,
764
- Ae as RadioButtonBox,
765
- He as RadioButtonWithLabel,
764
+ $e as RadioButtonBox,
765
+ Ae as RadioButtonWithLabel,
766
766
  Nt as Switch,
767
767
  ve as SwitchWithLabel,
768
768
  Ke as TextArea,
769
769
  Q as TextInput,
770
- je as TextInputBox,
770
+ Le as TextInputBox,
771
771
  Kt as elementHasSelectionRange,
772
772
  re as onStepValueChange,
773
773
  ne as onTextValueChange,
774
- jt as useKeyboardNavigation,
775
- Pe as useNumericInputValue,
774
+ Lt as useKeyboardNavigation,
775
+ We as useNumericInputValue,
776
776
  Mt as useSelectAllOnMount,
777
777
  zt as useTextInput
778
778
  };
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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_1ndou_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_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_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_1ndou_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_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_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_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_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_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_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_foy83_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_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_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_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_axgdw_1{display:flex;height:36px;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_axgdw_1._textInput_axgdw_1:focus-within:not(._disabled_axgdw_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_axgdw_1 ._input_axgdw_16{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_axgdw_1 ._input_axgdw_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_axgdw_1 ._input_axgdw_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_axgdw_1 ._input_axgdw_16:focus::placeholder{opacity:0}._textInput_axgdw_1 ._input_axgdw_16::-webkit-calendar-picker-indicator{display:none}._textInput_axgdw_1 ._icon_axgdw_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_axgdw_1._standard_axgdw_59:hover:not(:focus-within):not(._disabled_axgdw_11),._textInput_axgdw_1._success_axgdw_60:hover:not(:focus-within):not(._disabled_axgdw_11){border-color:var(--swui-field-border-color-hover)}._textInput_axgdw_1._success_axgdw_60 ._icon_axgdw_49{color:var(--swui-state-success-color)}._textInput_axgdw_1._loading_axgdw_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_axgdw_1._modified_axgdw_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_axgdw_1._modified_axgdw_77 ._icon_axgdw_49{color:var(--lhds-color-blue-300)}._textInput_axgdw_1._error_axgdw_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_axgdw_1._error_axgdw_86 ._icon_axgdw_49{color:var(--swui-state-error-light-color)}._textInput_axgdw_1._warning_axgdw_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._warning_axgdw_95 ._icon_axgdw_49{color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._disabled_axgdw_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_axgdw_1._textInput_axgdw_1._hideBorder_axgdw_109{border:none;box-shadow:none;background:none;outline:none}._textInput_axgdw_1 ._clickable_axgdw_116:hover{cursor:pointer}._textInput_axgdw_1 ._clickable_axgdw_116:hover ._icon_axgdw_49{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_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_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_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),p=require("react"),m=require("classnames"),h=require("@stenajs-webui/elements"),at=require("@fortawesome/react-fontawesome"),L=require("@stenajs-webui/theme");function it(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const ut=it(p),dt="_knob_1d6s8_56",xt="_filler_1d6s8_61",pt="_checked_1d6s8_75",S={switch:"_switch_1d6s8_1",knob:dt,filler:xt,checked:pt},_t=`${S.switch} ${S.checked}`,P=({value:t,disabled:e,onValueChange:r,className:s,wrapperRef:o,...c})=>n.jsx("div",{className:s,ref:o,children:n.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?_t:S.switch,disabled:e,onClick:()=>r&&r(!t),...c,children:[n.jsx("div",{className:S.filler}),n.jsx("div",{className:S.knob})]})}),ft=({label:t,disabled:e,textColor:r,wrapperRef:s,...o})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Box,{row:!0,alignItems:"center",children:[n.jsx(P,{disabled:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{userSelect:"none",color:r,children:t})]})})}),bt="_checkbox_1ndou_1",jt="_standard_1ndou_39",ht="_small_1ndou_51",H={checkbox:bt,standard:jt,small:ht},O=p.forwardRef(({indeterminate:t=!1,onChange:e,onValueChange:r,value:s=!1,size:o="standard",className:c,...l},i)=>{const a=p.useRef(),b=x=>{a.current=x,a.current&&(a.current.indeterminate=!!t),i&&(typeof i=="function"?i(x):i.current=x)},_=p.useCallback(x=>{e&&e(x),r&&r(x.target.checked)},[e,r]);return p.useEffect(()=>{a.current&&(a.current.indeterminate=!!t)},[t,a]),n.jsx("input",{type:"checkbox",className:m(H.checkbox,H[o],c),checked:s,onChange:_,ref:b,...l})}),mt=({children:t,label:e,inputRef:r,wrapperRef:s,textColor:o,...c})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(O,{...c,ref:r}),n.jsx(d.Space,{}),e&&n.jsx(d.Text,{userSelect:"none",color:o,children:e}),t]})})}),yt="_radiobutton_foy83_1",wt="_standard_foy83_45",It="_small_foy83_55",F={radiobutton:yt,standard:wt,small:It},N=p.forwardRef(({onChange:t,onValueChange:e,size:r="standard",name:s,className:o,...c},l)=>{const i=p.useCallback(a=>{t&&t(a),e&&e(a.target.value)},[t,e]);return n.jsx("input",{type:"radio",name:s,className:m(F.radiobutton,F[r],o),onChange:i,ref:l,...c})}),gt="_radioButtonBox_1h0yy_1",Tt="_danger_1h0yy_29",St="_radioButtonWrapper_1h0yy_42",W={radioButtonBox:gt,danger:Tt,radioButtonWrapper:St},kt=({label:t,screenReaderLabel:e,variant:r="normal",icon:s,className:o,style:c,radioButtonClassName:l,...i})=>n.jsx("label",{className:m(W.radioButtonBox,W[r],o),style:c,children:n.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(N,{...i,className:l}),n.jsx(d.Space,{}),e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(d.Text,{"aria-hidden":!!e,children:t})]}),n.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:s&&n.jsx(h.Icon,{icon:s,size:24})})]})}),Bt=({label:t,inputRef:e,wrapperRef:r,textColor:s,...o})=>n.jsx("div",{ref:r,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(N,{ref:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{color:s,userSelect:"none",children:t})]})})}),U=(t,e,r,s,o,c,l,i)=>{const a=p.useRef(!1),b=u=>{a.current||c==null||c(u.target.value??""),l==null||l(u)},_=u=>{a.current=!1,i==null||i(u)};return{onKeyDownHandler:p.useCallback(u=>{const{key:f}=u;if(f==="Enter")a.current=!0,r==null||r(),c==null||c(u.currentTarget.value??"");else if(f==="Escape")a.current=!0,s==null||s(),u.preventDefault(),u.stopPropagation();else if(o){const j=(I,y)=>{a.current=!0,t.current.blur(),o(I),y.preventDefault(),y.stopPropagation()};u.shiftKey&&f==="Tab"?j("left",u):f==="Tab"?j("right",u):f==="ArrowUp"?j("up",u):f==="ArrowDown"?j("down",u):f==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):f==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}e&&e(u)},[s,o,e,t,r,c]),onBlurHandler:b,onFocusHandler:_}};function M(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const q=(t,e,r)=>{p.useEffect(()=>{t.current&&M(t.current)&&(r?t.current.setSelectionRange(0,t.current.value.length):e&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[e,t,r])},K=(t,{onEnter:e,onEsc:r,onChange:s,onValueChange:o,selectAllOnMount:c,moveCursorToEndOnMount:l,onDone:i,onMove:a,onFocus:b,onBlur:_,onKeyDown:x,autoFocus:u})=>{q(t,!!l,!!c);const{onKeyDownHandler:f,onFocusHandler:j,onBlurHandler:I}=U(t,x,e,r,a,i,_,b),y=p.useCallback(k=>{s==null||s(k),o==null||o(k.target.value)},[s,o]);return{onBlur:I,onChange:y,onFocus:j,onKeyDown:f,autoFocus:c||u}},Rt="_textInput_axgdw_1",Nt="_disabled_axgdw_11",vt="_input_axgdw_16",At="_icon_axgdw_49",$t="_standard_axgdw_59",Ht="_success_axgdw_60",Ft="_loading_axgdw_72",Wt="_modified_axgdw_77",Lt="_error_axgdw_86",Pt="_warning_axgdw_95",Ot="_hideBorder_axgdw_109",Ut="_clickable_axgdw_116",w={textInput:Rt,disabled:Nt,input:vt,icon:At,standard:$t,success:Ht,loading:Ft,modified:Wt,error:Lt,warning:Pt,hideBorder:Ot,clickable:Ut},B=({button:t,icon:e,iconClassName:r,content:s,spaceOnLeft:o,spaceOnRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a})=>!s&&!e&&!t?null:t?n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{num:.25}):null,t,c?n.jsx(d.Space,{num:.25}):null]}):s?n.jsxs(n.Fragment,{children:[o&&!(l||i)?n.jsx(d.Space,{}):null,s||null,c&&!(l||a)?n.jsx(d.Space,{}):null]}):n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{}):null,e&&n.jsx(at.FontAwesomeIcon,{icon:e,className:m(w.icon,r)}),c?n.jsx(d.Space,{}):null]}),v=t=>{const{variant:e="standard",inputRef:r,disabled:s,className:o,buttonLeft:c,buttonRight:l,contentLeft:i,contentRight:a,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,iconLeft:u,iconRight:f,moveCursorToEndOnMount:j,selectAllOnMount:I,autoFocus:y,onValueChange:k,wrapperClassName:D,wrapperStyle:G,onDone:X,onEnter:J,onEsc:Q,onMove:Y,onChange:Z,onKeyDown:V,hideBorder:tt,onFocus:et,onBlur:nt,...st}=t,rt=p.useRef(null),$=r??rt,ot=K($,{onEnter:J,onEsc:Q,onChange:Z,onValueChange:k,selectAllOnMount:I,moveCursorToEndOnMount:j,onDone:X,onMove:Y,onFocus:et,onBlur:nt,onKeyDown:V,autoFocus:y}),ct=e==="success"?h.stenaCheck:e==="warning"||e==="error"?h.stenaExclamationTriangle:f,lt=e==="loading"?n.jsx(h.InputSpinner,{}):a;return n.jsxs("div",{className:m(w.textInput,w[e],{[w.disabled]:s},{[w.hideBorder]:tt},D),style:G,children:[n.jsx(B,{content:i,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:u,spaceOnLeft:!0,button:c}),n.jsx("input",{className:m(w.input,o),type:"text",disabled:s,ref:$,autoFocus:y,...st,...ot}),n.jsx(B,{content:lt,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:ct,spaceOnRight:!0,button:l})]})},Mt="_numericTextInputInput_1tnr6_1",qt={numericTextInputInput:Mt},E=({onValueChange:t,value:e,numSteps:r,min:s,max:o})=>{if(t)if(!e)t(String(R(r,s,o)));else{const l=(d.parseFloatElseUndefined(e)||0)+r;t(String(R(l,s,o)))}},z=({onValueChange:t,newValue:e,min:r,max:s})=>{if(t)if(e==="")t("");else{const c=d.parseFloatElseUndefined(e)||0;t(String(R(c,r,s)))}},R=(t,e,r)=>{let s=t;return e!=null&&(s=Math.max(e,s)),r!=null&&(s=Math.min(r,s)),s},Kt=({value:t,onValueChange:e,max:r,min:s,step:o=1,contentRight:c,disabled:l,className:i,hideButtons:a,...b})=>{const _=p.useCallback(f=>{E({onValueChange:e,value:t,numSteps:f,min:s,max:r})},[t,r,s,e]),x=p.useCallback(f=>{z({onValueChange:e,newValue:f,min:s,max:r})},[r,s,e]),u=a?c:n.jsxs(n.Fragment,{children:[c&&n.jsxs(n.Fragment,{children:[c,n.jsx(d.Space,{})]}),n.jsx(h.UpDownButtons,{onClickUp:l?void 0:()=>_(o),onClickDown:l?void 0:()=>_(-o),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return n.jsx(v,{contentRight:u,value:t,onValueChange:x,disableContentPaddingRight:!a,type:"number",min:s,max:r,step:o,className:m(qt.numericTextInputInput,i),disabled:l,...b})},Et=(t,e)=>{const r=p.useCallback(o=>{if(e)if(!o)e(void 0);else{const c=d.parseFloatElseUndefined(o);c!==void 0&&e(c)}},[e]),s=p.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:r,value:s}},zt=({hiddenIcon:t=h.stenaEyeShow,visibleIcon:e=h.stenaEyeHide,...r})=>{const[s,o]=p.useState(!0);return n.jsx(v,{buttonRight:n.jsx(h.TextInputButton,{icon:s?t:e,onClick:()=>o(c=>!c)}),type:s?"password":"text",...r})},C=({disabled:t,text:e,...r})=>n.jsx(d.Text,{variant:"bold",color:L.cssColor(t?"--silver":"--tjara"),size:"small",...d.getDataProps(r),children:e}),A=({htmlFor:t,screenReaderLabel:e,label:r,disabled:s,className:o})=>n.jsxs("label",{htmlFor:t,className:o,children:[e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(C,{"aria-hidden":!!e,text:r,disabled:s})]}),Ct="_labelledSelect_1evxo_1",Dt="_onlyTopBorder_1evxo_8",Gt="_onlyBottomBorder_1evxo_14",Xt="_error_1evxo_19",Jt="_normal_1evxo_24",Qt="_label_1evxo_1",Yt="_select_1evxo_48",Zt="_iconWrapper_1evxo_73",g={labelledSelect:Ct,onlyTopBorder:Dt,onlyBottomBorder:Gt,error:Xt,normal:Jt,label:Qt,select:Yt,iconWrapper:Zt},Vt=({onChange:t,onValueChange:e,id:r,label:s,screenReaderLabel:o,borderVariant:c="normalBorder",variant:l="normal",children:i,...a})=>{const b=p.useId(),_=r??b,x=p.useCallback(u=>{t==null||t(u),e==null||e(u.target.value)},[t,e]);return n.jsxs("div",{className:m(g.labelledSelect,g[l],g[c]),children:[n.jsx(A,{htmlFor:_,className:g.label,label:s,screenReaderLabel:o}),n.jsx("select",{id:_,onChange:x,className:m(g.select,g[l]),...a,children:i}),n.jsx("div",{className:m(g.iconWrapper),children:n.jsx(h.Icon,{icon:h.stenaAngleDown,size:24,color:L.cssColor("--modern-blue")})})]})},te="_labelledTextInput_lnht8_1",ee="_onlyTop_lnht8_21",ne="_onlyBottom_lnht8_27",se="_disabled_lnht8_42",re="_medium_lnht8_50",oe="_large_lnht8_62",ce="_error_lnht8_76",T={labelledTextInput:te,onlyTop:ee,onlyBottom:ne,disabled:se,medium:re,large:oe,error:ce},le=ut.forwardRef(({autoComplete:t="off",label:e,id:r,screenReaderLabel:s,size:o="medium",value:c,onChange:l,disabled:i,onValueChange:a,borderRadiusVariant:b="normalBorder",variant:_="normal",...x},u)=>{const f=p.useId(),j=r??f,I=p.useCallback(y=>{l==null||l(y),a==null||a(y.target.value)},[l,a]);return n.jsxs("div",{className:m(T.labelledTextInput,T[_],T[b],T[o],i&&T.disabled),children:[n.jsx(A,{htmlFor:j,screenReaderLabel:s,label:e}),n.jsx("input",{ref:u,id:j,autoComplete:t,type:"text",value:c,onChange:I,disabled:i,...x})]})}),ae=({variant:t="standard",disabled:e,wrapperClassName:r,wrapperStyle:s,contentLeft:o,contentRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,iconRight:b,iconLeft:_,onClickLeft:x,onClickRight:u,children:f})=>{const j=t==="success"?h.stenaCheck:t==="warning"||t==="error"?h.stenaExclamationTriangle:b,I=t==="loading"?n.jsx(h.InputSpinner,{}):c;return n.jsxs("div",{className:m(w.textInput,w.inputContainer,w[t],{[w.disabled]:e},r),style:s,children:[n.jsx(B,{content:o,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnLeft:!0,button:_?n.jsx(h.TextInputButton,{onClick:x,icon:_}):void 0}),n.jsx(d.Row,{alignItems:"center",children:f}),n.jsx(B,{content:I,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnRight:!0,button:j?n.jsx(h.TextInputButton,{onClick:u,icon:j}):void 0})]})},ie="_textArea_6n6nc_1",ue={textArea:ie},de=p.forwardRef(({className:t,value:e,onValueChange:r,onChange:s,resize:o="none",readOnly:c=!1,rows:l,disabled:i,...a},b)=>{const _=p.useCallback(x=>{s&&s(x),r&&r(x.target.value)},[s,r]);return n.jsx("textarea",{disabled:i,rows:l,readOnly:c,className:m(ue.textArea,t),style:{resize:o},onChange:_,value:e,ref:b,...a})});exports.Checkbox=O;exports.CheckboxWithLabel=mt;exports.InputLabel=A;exports.InputLabelText=C;exports.LabelledSelect=Vt;exports.LabelledTextInput=le;exports.NumericTextInput=Kt;exports.PasswordInput=zt;exports.RadioButton=N;exports.RadioButtonBox=kt;exports.RadioButtonWithLabel=Bt;exports.Switch=P;exports.SwitchWithLabel=ft;exports.TextArea=de;exports.TextInput=v;exports.TextInputBox=ae;exports.elementHasSelectionRange=M;exports.onStepValueChange=E;exports.onTextValueChange=z;exports.useKeyboardNavigation=U;exports.useNumericInputValue=Et;exports.useSelectAllOnMount=q;exports.useTextInput=K;
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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_1ndou_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_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_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_1ndou_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_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_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_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_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_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_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_foy83_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_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_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_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_1jb3g_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_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{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_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{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_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_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_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),p=require("react"),m=require("classnames"),h=require("@stenajs-webui/elements"),at=require("@fortawesome/react-fontawesome"),L=require("@stenajs-webui/theme");function it(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const ut=it(p),dt="_knob_1d6s8_56",xt="_filler_1d6s8_61",pt="_checked_1d6s8_75",S={switch:"_switch_1d6s8_1",knob:dt,filler:xt,checked:pt},_t=`${S.switch} ${S.checked}`,P=({value:t,disabled:e,onValueChange:r,className:s,wrapperRef:o,...c})=>n.jsx("div",{className:s,ref:o,children:n.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?_t:S.switch,disabled:e,onClick:()=>r&&r(!t),...c,children:[n.jsx("div",{className:S.filler}),n.jsx("div",{className:S.knob})]})}),ft=({label:t,disabled:e,textColor:r,wrapperRef:s,...o})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Box,{row:!0,alignItems:"center",children:[n.jsx(P,{disabled:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{userSelect:"none",color:r,children:t})]})})}),bt="_checkbox_1ndou_1",jt="_standard_1ndou_39",ht="_small_1ndou_51",H={checkbox:bt,standard:jt,small:ht},O=p.forwardRef(({indeterminate:t=!1,onChange:e,onValueChange:r,value:s=!1,size:o="standard",className:c,...l},i)=>{const a=p.useRef(),b=x=>{a.current=x,a.current&&(a.current.indeterminate=!!t),i&&(typeof i=="function"?i(x):i.current=x)},_=p.useCallback(x=>{e&&e(x),r&&r(x.target.checked)},[e,r]);return p.useEffect(()=>{a.current&&(a.current.indeterminate=!!t)},[t,a]),n.jsx("input",{type:"checkbox",className:m(H.checkbox,H[o],c),checked:s,onChange:_,ref:b,...l})}),mt=({children:t,label:e,inputRef:r,wrapperRef:s,textColor:o,...c})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(O,{...c,ref:r}),n.jsx(d.Space,{}),e&&n.jsx(d.Text,{userSelect:"none",color:o,children:e}),t]})})}),yt="_radiobutton_foy83_1",It="_standard_foy83_45",gt="_small_foy83_55",F={radiobutton:yt,standard:It,small:gt},N=p.forwardRef(({onChange:t,onValueChange:e,size:r="standard",name:s,className:o,...c},l)=>{const i=p.useCallback(a=>{t&&t(a),e&&e(a.target.value)},[t,e]);return n.jsx("input",{type:"radio",name:s,className:m(F.radiobutton,F[r],o),onChange:i,ref:l,...c})}),wt="_radioButtonBox_1h0yy_1",Tt="_danger_1h0yy_29",St="_radioButtonWrapper_1h0yy_42",W={radioButtonBox:wt,danger:Tt,radioButtonWrapper:St},kt=({label:t,screenReaderLabel:e,variant:r="normal",icon:s,className:o,style:c,radioButtonClassName:l,...i})=>n.jsx("label",{className:m(W.radioButtonBox,W[r],o),style:c,children:n.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(N,{...i,className:l}),n.jsx(d.Space,{}),e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(d.Text,{"aria-hidden":!!e,children:t})]}),n.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:s&&n.jsx(h.Icon,{icon:s,size:24})})]})}),Bt=({label:t,inputRef:e,wrapperRef:r,textColor:s,...o})=>n.jsx("div",{ref:r,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(N,{ref:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{color:s,userSelect:"none",children:t})]})})}),U=(t,e,r,s,o,c,l,i)=>{const a=p.useRef(!1),b=u=>{a.current||c==null||c(u.target.value??""),l==null||l(u)},_=u=>{a.current=!1,i==null||i(u)};return{onKeyDownHandler:p.useCallback(u=>{const{key:f}=u;if(f==="Enter")a.current=!0,r==null||r(),c==null||c(u.currentTarget.value??"");else if(f==="Escape")a.current=!0,s==null||s(),u.preventDefault(),u.stopPropagation();else if(o){const j=(g,y)=>{a.current=!0,t.current.blur(),o(g),y.preventDefault(),y.stopPropagation()};u.shiftKey&&f==="Tab"?j("left",u):f==="Tab"?j("right",u):f==="ArrowUp"?j("up",u):f==="ArrowDown"?j("down",u):f==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):f==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}e&&e(u)},[s,o,e,t,r,c]),onBlurHandler:b,onFocusHandler:_}};function M(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const q=(t,e,r)=>{p.useEffect(()=>{t.current&&M(t.current)&&(r?t.current.setSelectionRange(0,t.current.value.length):e&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[e,t,r])},K=(t,{onEnter:e,onEsc:r,onChange:s,onValueChange:o,selectAllOnMount:c,moveCursorToEndOnMount:l,onDone:i,onMove:a,onFocus:b,onBlur:_,onKeyDown:x,autoFocus:u})=>{q(t,!!l,!!c);const{onKeyDownHandler:f,onFocusHandler:j,onBlurHandler:g}=U(t,x,e,r,a,i,_,b),y=p.useCallback(k=>{s==null||s(k),o==null||o(k.target.value)},[s,o]);return{onBlur:g,onChange:y,onFocus:j,onKeyDown:f,autoFocus:c||u}},Rt="_textInput_1jb3g_1",Nt="_disabled_1jb3g_11",vt="_input_1jb3g_16",At="_icon_1jb3g_49",$t="_standard_1jb3g_59",Ht="_success_1jb3g_60",Ft="_loading_1jb3g_72",Wt="_modified_1jb3g_77",Lt="_error_1jb3g_86",Pt="_warning_1jb3g_95",Ot="_hideBorder_1jb3g_109",Ut="_clickable_1jb3g_116",I={textInput:Rt,disabled:Nt,input:vt,icon:At,standard:$t,success:Ht,loading:Ft,modified:Wt,error:Lt,warning:Pt,hideBorder:Ot,clickable:Ut},B=({button:t,icon:e,iconClassName:r,content:s,spaceOnLeft:o,spaceOnRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a})=>!s&&!e&&!t?null:t?n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{num:.25}):null,t,c?n.jsx(d.Space,{num:.25}):null]}):s?n.jsxs(n.Fragment,{children:[o&&!(l||i)?n.jsx(d.Space,{}):null,s||null,c&&!(l||a)?n.jsx(d.Space,{}):null]}):n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{}):null,e&&n.jsx(at.FontAwesomeIcon,{icon:e,className:m(I.icon,r)}),c?n.jsx(d.Space,{}):null]}),v=t=>{const{variant:e="standard",inputRef:r,disabled:s,className:o,buttonLeft:c,buttonRight:l,contentLeft:i,contentRight:a,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,iconLeft:u,iconRight:f,moveCursorToEndOnMount:j,selectAllOnMount:g,autoFocus:y,onValueChange:k,wrapperClassName:D,wrapperStyle:G,onDone:X,onEnter:J,onEsc:Q,onMove:Y,onChange:Z,onKeyDown:V,hideBorder:tt,onFocus:et,onBlur:nt,...st}=t,rt=p.useRef(null),$=r??rt,ot=K($,{onEnter:J,onEsc:Q,onChange:Z,onValueChange:k,selectAllOnMount:g,moveCursorToEndOnMount:j,onDone:X,onMove:Y,onFocus:et,onBlur:nt,onKeyDown:V,autoFocus:y}),ct=e==="success"?h.stenaCheck:e==="warning"||e==="error"?h.stenaExclamationTriangle:f,lt=e==="loading"?n.jsx(h.InputSpinner,{}):a;return n.jsxs("div",{className:m(I.textInput,I[e],{[I.disabled]:s},{[I.hideBorder]:tt},D),style:G,children:[n.jsx(B,{content:i,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:u,spaceOnLeft:!0,button:c}),n.jsx("input",{className:m(I.input,o),type:"text",disabled:s,ref:$,autoFocus:y,...st,...ot}),n.jsx(B,{content:lt,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:ct,spaceOnRight:!0,button:l})]})},Mt="_numericTextInputInput_1tnr6_1",qt={numericTextInputInput:Mt},E=({onValueChange:t,value:e,numSteps:r,min:s,max:o})=>{if(t)if(!e)t(String(R(r,s,o)));else{const l=(d.parseFloatElseUndefined(e)||0)+r;t(String(R(l,s,o)))}},z=({onValueChange:t,newValue:e,min:r,max:s})=>{if(t)if(e==="")t("");else{const c=d.parseFloatElseUndefined(e)||0;t(String(R(c,r,s)))}},R=(t,e,r)=>{let s=t;return e!=null&&(s=Math.max(e,s)),r!=null&&(s=Math.min(r,s)),s},Kt=({value:t,onValueChange:e,max:r,min:s,step:o=1,contentRight:c,disabled:l,className:i,hideButtons:a,...b})=>{const _=p.useCallback(f=>{E({onValueChange:e,value:t,numSteps:f,min:s,max:r})},[t,r,s,e]),x=p.useCallback(f=>{z({onValueChange:e,newValue:f,min:s,max:r})},[r,s,e]),u=a?c:n.jsxs(n.Fragment,{children:[c&&n.jsxs(n.Fragment,{children:[c,n.jsx(d.Space,{})]}),n.jsx(h.UpDownButtons,{onClickUp:l?void 0:()=>_(o),onClickDown:l?void 0:()=>_(-o),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return n.jsx(v,{contentRight:u,value:t,onValueChange:x,disableContentPaddingRight:!a,type:"number",min:s,max:r,step:o,className:m(qt.numericTextInputInput,i),disabled:l,...b})},Et=(t,e)=>{const r=p.useCallback(o=>{if(e)if(!o)e(void 0);else{const c=d.parseFloatElseUndefined(o);c!==void 0&&e(c)}},[e]),s=p.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:r,value:s}},zt=({hiddenIcon:t=h.stenaEyeShow,visibleIcon:e=h.stenaEyeHide,...r})=>{const[s,o]=p.useState(!0);return n.jsx(v,{buttonRight:n.jsx(h.TextInputButton,{icon:s?t:e,onClick:()=>o(c=>!c)}),type:s?"password":"text",...r})},C=({disabled:t,text:e,...r})=>n.jsx(d.Text,{variant:"bold",color:L.cssColor(t?"--silver":"--tjara"),size:"small",...d.getDataProps(r),children:e}),A=({htmlFor:t,screenReaderLabel:e,label:r,disabled:s,className:o})=>n.jsxs("label",{htmlFor:t,className:o,children:[e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(C,{"aria-hidden":!!e,text:r,disabled:s})]}),Ct="_labelledSelect_1evxo_1",Dt="_onlyTopBorder_1evxo_8",Gt="_onlyBottomBorder_1evxo_14",Xt="_error_1evxo_19",Jt="_normal_1evxo_24",Qt="_label_1evxo_1",Yt="_select_1evxo_48",Zt="_iconWrapper_1evxo_73",w={labelledSelect:Ct,onlyTopBorder:Dt,onlyBottomBorder:Gt,error:Xt,normal:Jt,label:Qt,select:Yt,iconWrapper:Zt},Vt=({onChange:t,onValueChange:e,id:r,label:s,screenReaderLabel:o,borderVariant:c="normalBorder",variant:l="normal",children:i,...a})=>{const b=p.useId(),_=r??b,x=p.useCallback(u=>{t==null||t(u),e==null||e(u.target.value)},[t,e]);return n.jsxs("div",{className:m(w.labelledSelect,w[l],w[c]),children:[n.jsx(A,{htmlFor:_,className:w.label,label:s,screenReaderLabel:o}),n.jsx("select",{id:_,onChange:x,className:m(w.select,w[l]),...a,children:i}),n.jsx("div",{className:m(w.iconWrapper),children:n.jsx(h.Icon,{icon:h.stenaAngleDown,size:24,color:L.cssColor("--modern-blue")})})]})},te="_labelledTextInput_lnht8_1",ee="_onlyTop_lnht8_21",ne="_onlyBottom_lnht8_27",se="_disabled_lnht8_42",re="_medium_lnht8_50",oe="_large_lnht8_62",ce="_error_lnht8_76",T={labelledTextInput:te,onlyTop:ee,onlyBottom:ne,disabled:se,medium:re,large:oe,error:ce},le=ut.forwardRef(({autoComplete:t="off",label:e,id:r,screenReaderLabel:s,size:o="medium",value:c,onChange:l,disabled:i,onValueChange:a,borderRadiusVariant:b="normalBorder",variant:_="normal",...x},u)=>{const f=p.useId(),j=r??f,g=p.useCallback(y=>{l==null||l(y),a==null||a(y.target.value)},[l,a]);return n.jsxs("div",{className:m(T.labelledTextInput,T[_],T[b],T[o],i&&T.disabled),children:[n.jsx(A,{htmlFor:j,screenReaderLabel:s,label:e}),n.jsx("input",{ref:u,id:j,autoComplete:t,type:"text",value:c,onChange:g,disabled:i,...x})]})}),ae=({variant:t="standard",disabled:e,wrapperClassName:r,wrapperStyle:s,contentLeft:o,contentRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,iconRight:b,iconLeft:_,onClickLeft:x,onClickRight:u,children:f})=>{const j=t==="success"?h.stenaCheck:t==="warning"||t==="error"?h.stenaExclamationTriangle:b,g=t==="loading"?n.jsx(h.InputSpinner,{}):c;return n.jsxs("div",{className:m(I.textInput,I.inputContainer,I[t],{[I.disabled]:e},r),style:s,children:[n.jsx(B,{content:o,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnLeft:!0,button:_?n.jsx(h.TextInputButton,{onClick:x,icon:_}):void 0}),n.jsx(d.Row,{alignItems:"center",children:f}),n.jsx(B,{content:g,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnRight:!0,button:j?n.jsx(h.TextInputButton,{onClick:u,icon:j}):void 0})]})},ie="_textArea_6n6nc_1",ue={textArea:ie},de=p.forwardRef(({className:t,value:e,onValueChange:r,onChange:s,resize:o="none",readOnly:c=!1,rows:l,disabled:i,...a},b)=>{const _=p.useCallback(x=>{s&&s(x),r&&r(x.target.value)},[s,r]);return n.jsx("textarea",{disabled:i,rows:l,readOnly:c,className:m(ue.textArea,t),style:{resize:o},onChange:_,value:e,ref:b,...a})});exports.Checkbox=O;exports.CheckboxWithLabel=mt;exports.InputLabel=A;exports.InputLabelText=C;exports.LabelledSelect=Vt;exports.LabelledTextInput=le;exports.NumericTextInput=Kt;exports.PasswordInput=zt;exports.RadioButton=N;exports.RadioButtonBox=kt;exports.RadioButtonWithLabel=Bt;exports.Switch=P;exports.SwitchWithLabel=ft;exports.TextArea=de;exports.TextInput=v;exports.TextInputBox=ae;exports.elementHasSelectionRange=M;exports.onStepValueChange=E;exports.onTextValueChange=z;exports.useKeyboardNavigation=U;exports.useNumericInputValue=Et;exports.useSelectAllOnMount=q;exports.useTextInput=K;
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/forms",
3
- "version": "20.0.3",
3
+ "version": "20.2.0",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -33,10 +33,10 @@
33
33
  "deploy": "gh-pages -d example/build"
34
34
  },
35
35
  "dependencies": {
36
- "@stenajs-webui/core": "20.0.3",
37
- "@stenajs-webui/elements": "20.0.3",
38
- "@stenajs-webui/theme": "20.0.3",
39
- "@stenajs-webui/tooltip": "20.0.3",
36
+ "@stenajs-webui/core": "20.2.0",
37
+ "@stenajs-webui/elements": "20.2.0",
38
+ "@stenajs-webui/theme": "20.2.0",
39
+ "@stenajs-webui/tooltip": "20.2.0",
40
40
  "classnames": "^2.3.1",
41
41
  "date-fns": "2.26.0"
42
42
  },
@@ -82,5 +82,5 @@
82
82
  "files": [
83
83
  "dist"
84
84
  ],
85
- "gitHead": "d2a4bd79ec7b86ed62ffadc61004c59ed0c34685"
85
+ "gitHead": "2ae515d01732febab6e374d886dcbbdd48cf1f3b"
86
86
  }