@stenajs-webui/forms 18.12.1-next.0 → 18.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode('._switch_17tiq_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(--swui-primary-action-color);--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_17tiq_1:focus{outline:0}._switch_17tiq_1:focus-visible{border:1px solid var(--swui-switch-selected-highlight-color);box-shadow:inset var(--swui-switch-selected-highlight-color) 0 0 4px 0}._switch_17tiq_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_17tiq_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_17tiq_1:disabled ._knob_17tiq_55{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_17tiq_1 ._filler_17tiq_60{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_17tiq_1 ._knob_17tiq_55{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_17tiq_74{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_17tiq_74 ._filler_17tiq_60{flex:1}._checkbox_14k6d_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(--swui-primary-action-color);--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);--swui-checkbox-checked-focus-shadow: var(--swui-field-focus-shadow-inverted);--swui-checkbox-unchecked-focus-shadow: var(--swui-field-focus-shadow);-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),box-shadow var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_14k6d_1._standard_14k6d_44{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_14k6d_1._standard_14k6d_44:after{width:3px;height:6px;left:9px;top:6px}._checkbox_14k6d_1._small_14k6d_56{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_14k6d_1._small_14k6d_56:after{width:3px;height:6px;left:5px;top:2px}._checkbox_14k6d_1:after{content:"";display:block;position:absolute;transition:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_14k6d_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_14k6d_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_14k6d_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_14k6d_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_14k6d_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_14k6d_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_14k6d_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_14k6d_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;-webkit-transform:rotate(0deg);transform:rotate(0);width:6px}._checkbox_14k6d_1:indeterminate._standard_14k6d_44:after{top:4px;left:8px}._checkbox_14k6d_1:indeterminate._small_14k6d_56:after{top:0;left:4px}._checkbox_14k6d_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_14k6d_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_14k6d_1:focus-visible:checked{box-shadow:var(--swui-checkbox-checked-focus-shadow)}._checkbox_14k6d_1:focus-visible:not(:checked){box-shadow:var(--swui-checkbox-unchecked-focus-shadow)}._checkbox_14k6d_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_i2gqw_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(--swui-primary-action-color);--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 );--swui-radiobutton-checked-focus-shadow: var( --swui-field-focus-shadow-inverted );--swui-radiobutton-unchecked-focus-shadow: var(--swui-field-focus-shadow);-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),box-shadow var(--swui-radiobutton-animation-time)}._radiobutton_i2gqw_1._standard_i2gqw_52{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_i2gqw_1._standard_i2gqw_52:after{left:7px;top:7px}._radiobutton_i2gqw_1._small_i2gqw_62{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_i2gqw_1._small_i2gqw_62:after{left:3px;top:3px}._radiobutton_i2gqw_1:after{content:"";display:block;position:absolute;transition:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_i2gqw_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_i2gqw_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_i2gqw_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_i2gqw_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_i2gqw_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_i2gqw_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_i2gqw_1:focus-visible:checked{box-shadow:var(--swui-radiobutton-checked-focus-shadow)}._radiobutton_i2gqw_1:focus-visible:not(:checked){box-shadow:var(--swui-radiobutton-unchecked-focus-shadow)}._radiobutton_i2gqw_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._textInput_ijduv_1{--swui-textinput-text-color: var(--swui-field-text-color);--swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textinput-letter-spacing: var(--swui-field-letter-spacing);--swui-textinput-line-height: var(--swui-field-text-line-height);--swui-textinput-indent: var(--swui-metrics-indent);--swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);--swui-textinput-font-size: var(--swui-font-size-inputs);--swui-textinput-font-family: var(--swui-font-input);--swui-textinput-font-weight: var(--swui-font-weight-inputs);--swui-textinput-placeholder-color: var(--swui-field-placeholder-color);--swui-textinput-animation-time: var(--swui-animation-time-medium);--swui-textinput-icon-color: var(--swui-field-border-color-disabled);--swui-textinput-icon-hover-color: var(--swui-primary-action-color);--swui-textinput-icon-size: var(--swui-field-icon-size);--swui-textinput-icon-color-success: var(--swui-state-success-color);--swui-textinput-bg-loading: var(--swui-state-loading-light-color);--swui-textinput-border-color-loading: var(--swui-state-loading-color);--swui-textinput-bg-modified: var(--swui-state-modified-light-color);--swui-textinput-border-color-modified: var(--swui-state-modified-color);--swui-textinput-bg-warning: var(--swui-state-alert-light-color);--swui-textinput-border-color-warning: var(--swui-state-alert-color);--swui-textinput-bg-error: var(--swui-state-error-light-color);--swui-textinput-border-color-error: var(--swui-state-error-color);--swui-textinput-bg-color: var(--swui-field-bg-enabled);--swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-border-radius: var(--swui-field-border-radius);--swui-textinput-border-color: var(--swui-field-border-color);--swui-textinput-border-color-hover: var(--swui-field-border-color-hover);--swui-textinput-border-color-disabled: var( --swui-field-border-color-disabled );--swui-textinput-focus-shadow: var(--swui-field-focus-shadow);--current-bg: var(--swui-textinput-bg-color);--current-border-color: var(--swui-textinput-border-color);--current-icon-color: var(--swui-textinput-icon-color);display:flex;width:100%;align-items:center;background:var(--current-bg);border:1px solid var(--current-border-color);border-radius:var(--swui-textinput-border-radius);transition:all var(--swui-textinput-animation-time)}._textInput_ijduv_1._textInput_ijduv_1:focus-within:not(._disabled_ijduv_61){box-shadow:var(--swui-textinput-focus-shadow);--current-border-color: var(--swui-textinput-border-color-hover);--current-bg: var(--swui-textinput-bg-color)}._textInput_ijduv_1 ._input_ijduv_67{letter-spacing:var(--swui-textinput-letter-spacing);line-height:var(--swui-textinput-line-height);width:100%;padding:var(--swui-textinput-spacing) var(--swui-textinput-indent);color:var(--swui-textinput-text-color);font-size:var(--swui-textinput-font-size);font-family:var(--swui-textinput-font-family);font-weight:var(--swui-textinput-font-weight);background:var(--swui-hidden);border:none;min-width:0;margin:0}._textInput_ijduv_1 ._input_ijduv_67:disabled{color:var(--swui-textinput-text-color-disabled)}._textInput_ijduv_1 ._input_ijduv_67::-webkit-input-placeholder{color:var(--swui-textinput-placeholder-color)}._textInput_ijduv_1 ._input_ijduv_67:-ms-input-placeholder{color:var(--swui-textinput-placeholder-color)}._textInput_ijduv_1 ._input_ijduv_67::placeholder{color:var(--swui-textinput-placeholder-color)}._textInput_ijduv_1 ._input_ijduv_67:focus{outline:none}._textInput_ijduv_1 ._input_ijduv_67::-webkit-calendar-picker-indicator{display:none}._textInput_ijduv_1._standard_ijduv_102:hover:not(._disabled_ijduv_61),._textInput_ijduv_1._success_ijduv_103:hover:not(._disabled_ijduv_61){--current-border-color: var(--swui-textinput-border-color-hover)}._textInput_ijduv_1._success_ijduv_103{--current-icon-color: var(--swui-textinput-icon-color-success)}._textInput_ijduv_1._loading_ijduv_115{--current-bg: var(--swui-textinput-bg-loading);--current-border-color: var(--swui-textinput-border-color-loading)}._textInput_ijduv_1._modified_ijduv_120{--current-bg: var(--swui-textinput-bg-modified);--current-border-color: var(--swui-textinput-border-color-modified);--current-icon-color: var(--lhds-color-blue-300)}._textInput_ijduv_1._error_ijduv_126{--current-bg: var(--swui-textinput-bg-error);--current-border-color: var(--swui-textinput-border-color-error);--current-icon-color: var(--swui-textinput-border-color-error)}._textInput_ijduv_1._warning_ijduv_132{--current-bg: var(--swui-textinput-bg-warning);--current-border-color: var(--swui-textinput-border-color-warning);--current-icon-color: var(--swui-textinput-border-color-warning)}._textInput_ijduv_1._disabled_ijduv_61{--current-bg: var(--swui-textinput-bg-color-disabled);--current-border-color: var(--swui-textinput-border-color-disabled)}._textInput_ijduv_1._textInput_ijduv_1._hideBorder_ijduv_143{border:none;box-shadow:none;background:none}._textInput_ijduv_1 ._clickable_ijduv_149:hover{--current-icon-color: var(--swui-textinput-icon-hover-color);cursor:pointer}._textInput_ijduv_1 ._icon_ijduv_154{transition:color var(--swui-textinput-animation-time);color:var(--current-icon-color);font-size:var(--swui-textinput-icon-size)}._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}._textArea_1ta4a_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-spacing: calc(var(--swui-field-text-spacing) - 1px);--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 );--swui-textarea-focus-shadow: var(--swui-field-focus-shadow);max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:var(--swui-textarea-spacing) 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_1ta4a_1:focus{outline:none;box-shadow:var(--swui-textarea-focus-shadow);--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_1ta4a_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(r)}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
1
+ (function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode('._switch_17tiq_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(--swui-primary-action-color);--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_17tiq_1:focus{outline:0}._switch_17tiq_1:focus-visible{border:1px solid var(--swui-switch-selected-highlight-color);box-shadow:inset var(--swui-switch-selected-highlight-color) 0 0 4px 0}._switch_17tiq_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_17tiq_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_17tiq_1:disabled ._knob_17tiq_55{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_17tiq_1 ._filler_17tiq_60{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_17tiq_1 ._knob_17tiq_55{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_17tiq_74{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_17tiq_74 ._filler_17tiq_60{flex:1}._checkbox_14k6d_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(--swui-primary-action-color);--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);--swui-checkbox-checked-focus-shadow: var(--swui-field-focus-shadow-inverted);--swui-checkbox-unchecked-focus-shadow: var(--swui-field-focus-shadow);-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),box-shadow var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_14k6d_1._standard_14k6d_44{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_14k6d_1._standard_14k6d_44:after{width:3px;height:6px;left:9px;top:6px}._checkbox_14k6d_1._small_14k6d_56{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_14k6d_1._small_14k6d_56:after{width:3px;height:6px;left:5px;top:2px}._checkbox_14k6d_1:after{content:"";display:block;position:absolute;transition:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_14k6d_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_14k6d_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_14k6d_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_14k6d_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_14k6d_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_14k6d_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_14k6d_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_14k6d_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;-webkit-transform:rotate(0deg);transform:rotate(0);width:6px}._checkbox_14k6d_1:indeterminate._standard_14k6d_44:after{top:4px;left:8px}._checkbox_14k6d_1:indeterminate._small_14k6d_56:after{top:0;left:4px}._checkbox_14k6d_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_14k6d_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_14k6d_1:focus-visible:checked{box-shadow:var(--swui-checkbox-checked-focus-shadow)}._checkbox_14k6d_1:focus-visible:not(:checked){box-shadow:var(--swui-checkbox-unchecked-focus-shadow)}._checkbox_14k6d_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_i2gqw_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(--swui-primary-action-color);--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 );--swui-radiobutton-checked-focus-shadow: var( --swui-field-focus-shadow-inverted );--swui-radiobutton-unchecked-focus-shadow: var(--swui-field-focus-shadow);-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),box-shadow var(--swui-radiobutton-animation-time)}._radiobutton_i2gqw_1._standard_i2gqw_52{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_i2gqw_1._standard_i2gqw_52:after{left:7px;top:7px}._radiobutton_i2gqw_1._small_i2gqw_62{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_i2gqw_1._small_i2gqw_62:after{left:3px;top:3px}._radiobutton_i2gqw_1:after{content:"";display:block;position:absolute;transition:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_i2gqw_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_i2gqw_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_i2gqw_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_i2gqw_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_i2gqw_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_i2gqw_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_i2gqw_1:focus-visible:checked{box-shadow:var(--swui-radiobutton-checked-focus-shadow)}._radiobutton_i2gqw_1:focus-visible:not(:checked){box-shadow:var(--swui-radiobutton-unchecked-focus-shadow)}._radiobutton_i2gqw_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._textInput_ijduv_1{--swui-textinput-text-color: var(--swui-field-text-color);--swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textinput-letter-spacing: var(--swui-field-letter-spacing);--swui-textinput-line-height: var(--swui-field-text-line-height);--swui-textinput-indent: var(--swui-metrics-indent);--swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);--swui-textinput-font-size: var(--swui-font-size-inputs);--swui-textinput-font-family: var(--swui-font-input);--swui-textinput-font-weight: var(--swui-font-weight-inputs);--swui-textinput-placeholder-color: var(--swui-field-placeholder-color);--swui-textinput-animation-time: var(--swui-animation-time-medium);--swui-textinput-icon-color: var(--swui-field-border-color-disabled);--swui-textinput-icon-hover-color: var(--swui-primary-action-color);--swui-textinput-icon-size: var(--swui-field-icon-size);--swui-textinput-icon-color-success: var(--swui-state-success-color);--swui-textinput-bg-loading: var(--swui-state-loading-light-color);--swui-textinput-border-color-loading: var(--swui-state-loading-color);--swui-textinput-bg-modified: var(--swui-state-modified-light-color);--swui-textinput-border-color-modified: var(--swui-state-modified-color);--swui-textinput-bg-warning: var(--swui-state-alert-light-color);--swui-textinput-border-color-warning: var(--swui-state-alert-color);--swui-textinput-bg-error: var(--swui-state-error-light-color);--swui-textinput-border-color-error: var(--swui-state-error-color);--swui-textinput-bg-color: var(--swui-field-bg-enabled);--swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-border-radius: var(--swui-field-border-radius);--swui-textinput-border-color: var(--swui-field-border-color);--swui-textinput-border-color-hover: var(--swui-field-border-color-hover);--swui-textinput-border-color-disabled: var( --swui-field-border-color-disabled );--swui-textinput-focus-shadow: var(--swui-field-focus-shadow);--current-bg: var(--swui-textinput-bg-color);--current-border-color: var(--swui-textinput-border-color);--current-icon-color: var(--swui-textinput-icon-color);display:flex;width:100%;align-items:center;background:var(--current-bg);border:1px solid var(--current-border-color);border-radius:var(--swui-textinput-border-radius);transition:all var(--swui-textinput-animation-time)}._textInput_ijduv_1._textInput_ijduv_1:focus-within:not(._disabled_ijduv_61){box-shadow:var(--swui-textinput-focus-shadow);--current-border-color: var(--swui-textinput-border-color-hover);--current-bg: var(--swui-textinput-bg-color)}._textInput_ijduv_1 ._input_ijduv_67{letter-spacing:var(--swui-textinput-letter-spacing);line-height:var(--swui-textinput-line-height);width:100%;padding:var(--swui-textinput-spacing) var(--swui-textinput-indent);color:var(--swui-textinput-text-color);font-size:var(--swui-textinput-font-size);font-family:var(--swui-textinput-font-family);font-weight:var(--swui-textinput-font-weight);background:var(--swui-hidden);border:none;min-width:0;margin:0}._textInput_ijduv_1 ._input_ijduv_67:disabled{color:var(--swui-textinput-text-color-disabled)}._textInput_ijduv_1 ._input_ijduv_67::-webkit-input-placeholder{color:var(--swui-textinput-placeholder-color)}._textInput_ijduv_1 ._input_ijduv_67::placeholder{color:var(--swui-textinput-placeholder-color)}._textInput_ijduv_1 ._input_ijduv_67:focus{outline:none}._textInput_ijduv_1 ._input_ijduv_67::-webkit-calendar-picker-indicator{display:none}._textInput_ijduv_1._standard_ijduv_102:hover:not(._disabled_ijduv_61),._textInput_ijduv_1._success_ijduv_103:hover:not(._disabled_ijduv_61){--current-border-color: var(--swui-textinput-border-color-hover)}._textInput_ijduv_1._success_ijduv_103{--current-icon-color: var(--swui-textinput-icon-color-success)}._textInput_ijduv_1._loading_ijduv_115{--current-bg: var(--swui-textinput-bg-loading);--current-border-color: var(--swui-textinput-border-color-loading)}._textInput_ijduv_1._modified_ijduv_120{--current-bg: var(--swui-textinput-bg-modified);--current-border-color: var(--swui-textinput-border-color-modified);--current-icon-color: var(--lhds-color-blue-300)}._textInput_ijduv_1._error_ijduv_126{--current-bg: var(--swui-textinput-bg-error);--current-border-color: var(--swui-textinput-border-color-error);--current-icon-color: var(--swui-textinput-border-color-error)}._textInput_ijduv_1._warning_ijduv_132{--current-bg: var(--swui-textinput-bg-warning);--current-border-color: var(--swui-textinput-border-color-warning);--current-icon-color: var(--swui-textinput-border-color-warning)}._textInput_ijduv_1._disabled_ijduv_61{--current-bg: var(--swui-textinput-bg-color-disabled);--current-border-color: var(--swui-textinput-border-color-disabled)}._textInput_ijduv_1._textInput_ijduv_1._hideBorder_ijduv_143{border:none;box-shadow:none;background:none}._textInput_ijduv_1 ._clickable_ijduv_149:hover{--current-icon-color: var(--swui-textinput-icon-hover-color);cursor:pointer}._textInput_ijduv_1 ._icon_ijduv_154{transition:color var(--swui-textinput-animation-time);color:var(--current-icon-color);font-size:var(--swui-textinput-icon-size)}._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}._textArea_1ta4a_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-spacing: calc(var(--swui-field-text-spacing) - 1px);--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 );--swui-textarea-focus-shadow: var(--swui-field-focus-shadow);max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:var(--swui-textarea-spacing) 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_1ta4a_1:focus{outline:none;box-shadow:var(--swui-textarea-focus-shadow);--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_1ta4a_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(r)}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
2
2
  import { jsx as s, jsxs as m, Fragment as R } from "react/jsx-runtime";
3
3
  import { Box as rt, Space as w, Text as v, Row as j, parseFloatElseUndefined as A } from "@stenajs-webui/core";
4
4
  import { forwardRef as B, useRef as H, useCallback as x, useEffect as U, useMemo as nt, useState as ct } from "react";
@@ -20,10 +20,9 @@ const ft = "_knob_17tiq_55", pt = "_filler_17tiq_60", _t = "_checked_17tiq_74",
20
20
  className: n,
21
21
  wrapperRef: c,
22
22
  ...i
23
- }) => /* @__PURE__ */ s("div", {
24
- className: n,
25
- ref: c,
26
- children: /* @__PURE__ */ m("button", {
23
+ }) => /* @__PURE__ */ s("div", { className: n, ref: c, children: /* @__PURE__ */ m(
24
+ "button",
25
+ {
27
26
  type: "button",
28
27
  role: "switch",
29
28
  "aria-checked": t,
@@ -31,127 +30,103 @@ const ft = "_knob_17tiq_55", pt = "_filler_17tiq_60", _t = "_checked_17tiq_74",
31
30
  disabled: e,
32
31
  onClick: () => r && r(!t),
33
32
  ...i,
34
- children: [/* @__PURE__ */ s("div", {
35
- className: T.filler
36
- }), /* @__PURE__ */ s("div", {
37
- className: T.knob
38
- })]
39
- })
40
- }), re = ({
33
+ children: [
34
+ /* @__PURE__ */ s("div", { className: T.filler }),
35
+ /* @__PURE__ */ s("div", { className: T.knob })
36
+ ]
37
+ }
38
+ ) }), re = ({
41
39
  label: t,
42
40
  disabled: e,
43
41
  textColor: r,
44
42
  wrapperRef: n,
45
43
  ...c
46
- }) => /* @__PURE__ */ s("div", {
47
- ref: n,
48
- children: /* @__PURE__ */ s("label", {
49
- children: /* @__PURE__ */ m(rt, {
50
- row: !0,
51
- alignItems: "center",
52
- children: [/* @__PURE__ */ s(gt, {
53
- disabled: e,
54
- ...c
55
- }), /* @__PURE__ */ s(w, {}), /* @__PURE__ */ s(v, {
56
- userSelect: "none",
57
- color: r,
58
- children: t
59
- })]
60
- })
61
- })
62
- }), mt = "_checkbox_14k6d_1", kt = "_standard_14k6d_44", wt = "_small_14k6d_56", L = {
44
+ }) => /* @__PURE__ */ s("div", { ref: n, children: /* @__PURE__ */ s("label", { children: /* @__PURE__ */ m(rt, { row: !0, alignItems: "center", children: [
45
+ /* @__PURE__ */ s(gt, { disabled: e, ...c }),
46
+ /* @__PURE__ */ s(w, {}),
47
+ /* @__PURE__ */ s(v, { userSelect: "none", color: r, children: t })
48
+ ] }) }) }), mt = "_checkbox_14k6d_1", kt = "_standard_14k6d_44", wt = "_small_14k6d_56", L = {
63
49
  checkbox: mt,
64
50
  standard: kt,
65
51
  small: wt
66
- }, xt = B(({
67
- indeterminate: t = !1,
68
- onChange: e,
69
- onValueChange: r,
70
- value: n = !1,
71
- size: c = "standard",
72
- ...i
73
- }, o) => {
74
- const l = H(), a = (f) => {
75
- l.current = f, l.current && (l.current.indeterminate = Boolean(t)), o && (typeof o == "function" ? o(f) : o.current = f);
76
- }, p = x((f) => {
77
- e && e(f), r && r(f.target.checked);
78
- }, [e, r]);
79
- return U(() => {
80
- l.current && (l.current.indeterminate = Boolean(t));
81
- }, [t, l]), /* @__PURE__ */ s("input", {
82
- type: "checkbox",
83
- className: I(L.checkbox, L[c]),
84
- checked: n,
85
- onChange: p,
86
- ref: a,
52
+ }, xt = B(
53
+ ({
54
+ indeterminate: t = !1,
55
+ onChange: e,
56
+ onValueChange: r,
57
+ value: n = !1,
58
+ size: c = "standard",
87
59
  ...i
88
- });
89
- }), ne = ({
60
+ }, o) => {
61
+ const l = H(), a = (f) => {
62
+ l.current = f, l.current && (l.current.indeterminate = Boolean(t)), o && (typeof o == "function" ? o(f) : o.current = f);
63
+ }, p = x(
64
+ (f) => {
65
+ e && e(f), r && r(f.target.checked);
66
+ },
67
+ [e, r]
68
+ );
69
+ return U(() => {
70
+ l.current && (l.current.indeterminate = Boolean(t));
71
+ }, [t, l]), /* @__PURE__ */ s(
72
+ "input",
73
+ {
74
+ type: "checkbox",
75
+ className: I(L.checkbox, L[c]),
76
+ checked: n,
77
+ onChange: p,
78
+ ref: a,
79
+ ...i
80
+ }
81
+ );
82
+ }
83
+ ), ne = ({
90
84
  children: t,
91
85
  label: e,
92
86
  inputRef: r,
93
87
  wrapperRef: n,
94
88
  textColor: c,
95
89
  ...i
96
- }) => /* @__PURE__ */ s("div", {
97
- ref: n,
98
- children: /* @__PURE__ */ s("label", {
99
- children: /* @__PURE__ */ m(j, {
100
- alignItems: "center",
101
- children: [/* @__PURE__ */ s(xt, {
102
- ...i,
103
- ref: r
104
- }), /* @__PURE__ */ s(w, {}), e && /* @__PURE__ */ s(v, {
105
- userSelect: "none",
106
- color: c,
107
- children: e
108
- }), t]
109
- })
110
- })
111
- }), bt = "_radiobutton_i2gqw_1", It = "_standard_i2gqw_52", yt = "_small_i2gqw_62", P = {
90
+ }) => /* @__PURE__ */ s("div", { ref: n, children: /* @__PURE__ */ s("label", { children: /* @__PURE__ */ m(j, { alignItems: "center", children: [
91
+ /* @__PURE__ */ s(xt, { ...i, ref: r }),
92
+ /* @__PURE__ */ s(w, {}),
93
+ e && /* @__PURE__ */ s(v, { userSelect: "none", color: c, children: e }),
94
+ t
95
+ ] }) }) }), bt = "_radiobutton_i2gqw_1", It = "_standard_i2gqw_52", yt = "_small_i2gqw_62", P = {
112
96
  radiobutton: bt,
113
97
  standard: It,
114
98
  small: yt
115
- }, Rt = B(({
116
- onChange: t,
117
- onValueChange: e,
118
- size: r = "standard",
119
- name: n,
120
- ...c
121
- }, i) => {
122
- const o = x((l) => {
123
- t && t(l), e && e(l.target.value);
124
- }, [t, e]);
125
- return /* @__PURE__ */ s("input", {
126
- type: "radio",
127
- name: n,
128
- className: P.radiobutton + " " + P[r],
129
- onChange: o,
130
- ref: i,
131
- ...c
132
- });
133
- }), ce = ({
99
+ }, Rt = B(
100
+ ({ onChange: t, onValueChange: e, size: r = "standard", name: n, ...c }, i) => {
101
+ const o = x(
102
+ (l) => {
103
+ t && t(l), e && e(l.target.value);
104
+ },
105
+ [t, e]
106
+ );
107
+ return /* @__PURE__ */ s(
108
+ "input",
109
+ {
110
+ type: "radio",
111
+ name: n,
112
+ className: P.radiobutton + " " + P[r],
113
+ onChange: o,
114
+ ref: i,
115
+ ...c
116
+ }
117
+ );
118
+ }
119
+ ), ce = ({
134
120
  label: t,
135
121
  inputRef: e,
136
122
  wrapperRef: r,
137
123
  textColor: n,
138
124
  ...c
139
- }) => /* @__PURE__ */ s("div", {
140
- ref: r,
141
- children: /* @__PURE__ */ s("label", {
142
- children: /* @__PURE__ */ m(j, {
143
- alignItems: "center",
144
- children: [/* @__PURE__ */ s(Rt, {
145
- ref: e,
146
- ...c
147
- }), /* @__PURE__ */ s(w, {}), /* @__PURE__ */ s(v, {
148
- color: n,
149
- userSelect: "none",
150
- children: t
151
- })]
152
- })
153
- })
154
- }), Tt = (t, e, r, n, c, i, o, l) => {
125
+ }) => /* @__PURE__ */ s("div", { ref: r, children: /* @__PURE__ */ s("label", { children: /* @__PURE__ */ m(j, { alignItems: "center", children: [
126
+ /* @__PURE__ */ s(Rt, { ref: e, ...c }),
127
+ /* @__PURE__ */ s(w, {}),
128
+ /* @__PURE__ */ s(v, { color: n, userSelect: "none", children: t })
129
+ ] }) }) }), Tt = (t, e, r, n, c, i, o, l) => {
155
130
  const a = H(!1), p = (u) => {
156
131
  var d;
157
132
  a.current || i == null || i((d = u.target.value) != null ? d : ""), o == null || o(u);
@@ -251,27 +226,29 @@ const Nt = (t, e, r) => {
251
226
  disableContentPaddingLeft: o,
252
227
  disableContentPaddingRight: l,
253
228
  onClick: a
254
- }) => !r && !t ? null : r ? /* @__PURE__ */ m(R, {
255
- children: [n && !(i || o) ? /* @__PURE__ */ s(w, {}) : null, a ? /* @__PURE__ */ s("span", {
256
- onClick: a,
257
- className: g.clickable,
258
- children: r || null
259
- }) : /* @__PURE__ */ s(R, {
260
- children: r || null
261
- }), c && !(i || l) ? /* @__PURE__ */ s(w, {}) : null]
262
- }) : /* @__PURE__ */ m(R, {
263
- children: [n ? /* @__PURE__ */ s(w, {}) : null, t && /* @__PURE__ */ s(R, {
264
- children: a ? /* @__PURE__ */ s(st, {
229
+ }) => !r && !t ? null : r ? /* @__PURE__ */ m(R, { children: [
230
+ n && !(i || o) ? /* @__PURE__ */ s(w, {}) : null,
231
+ a ? /* @__PURE__ */ s("span", { onClick: a, className: g.clickable, children: r || null }) : /* @__PURE__ */ s(R, { children: r || null }),
232
+ c && !(i || l) ? /* @__PURE__ */ s(w, {}) : null
233
+ ] }) : /* @__PURE__ */ m(R, { children: [
234
+ n ? /* @__PURE__ */ s(w, {}) : null,
235
+ t && /* @__PURE__ */ s(R, { children: a ? /* @__PURE__ */ s(
236
+ st,
237
+ {
265
238
  type: "button",
266
239
  onClick: a,
267
240
  leftIcon: t,
268
241
  size: "small"
269
- }) : /* @__PURE__ */ s(lt, {
242
+ }
243
+ ) : /* @__PURE__ */ s(
244
+ lt,
245
+ {
270
246
  icon: t,
271
247
  className: I(g.icon, e)
272
- })
273
- }), c ? /* @__PURE__ */ s(w, {}) : null]
274
- }), K = (t) => {
248
+ }
249
+ ) }),
250
+ c ? /* @__PURE__ */ s(w, {}) : null
251
+ ] }), K = (t) => {
275
252
  const {
276
253
  variant: e = "standard",
277
254
  inputRef: r,
@@ -316,39 +293,61 @@ const Nt = (t, e, r) => {
316
293
  onKeyDown: G,
317
294
  autoFocus: y
318
295
  }), tt = e === "success" ? q : e === "warning" || e === "error" ? it : h, et = e === "loading" ? /* @__PURE__ */ s(F, {}) : o;
319
- return /* @__PURE__ */ m("div", {
320
- className: I(g.textInput, g[e], {
321
- [g.disabled]: n
322
- }, {
323
- [g.hideBorder]: J
324
- }, M),
325
- style: O,
326
- children: [/* @__PURE__ */ s(S, {
327
- content: i,
328
- disableContentPadding: l,
329
- disableContentPaddingLeft: a,
330
- disableContentPaddingRight: p,
331
- icon: f,
332
- spaceOnLeft: !0,
333
- onClick: u
334
- }), /* @__PURE__ */ s("input", {
335
- className: I(g.input, c),
336
- type: "text",
337
- disabled: n,
338
- ref: $,
339
- autoFocus: y,
340
- ...Z,
341
- ...V
342
- }), /* @__PURE__ */ s(S, {
343
- content: et,
344
- disableContentPadding: l,
345
- disableContentPaddingLeft: a,
346
- disableContentPaddingRight: p,
347
- icon: tt,
348
- spaceOnRight: !0,
349
- onClick: d
350
- })]
351
- });
296
+ return /* @__PURE__ */ m(
297
+ "div",
298
+ {
299
+ className: I(
300
+ g.textInput,
301
+ g[e],
302
+ {
303
+ [g.disabled]: n
304
+ },
305
+ {
306
+ [g.hideBorder]: J
307
+ },
308
+ M
309
+ ),
310
+ style: O,
311
+ children: [
312
+ /* @__PURE__ */ s(
313
+ S,
314
+ {
315
+ content: i,
316
+ disableContentPadding: l,
317
+ disableContentPaddingLeft: a,
318
+ disableContentPaddingRight: p,
319
+ icon: f,
320
+ spaceOnLeft: !0,
321
+ onClick: u
322
+ }
323
+ ),
324
+ /* @__PURE__ */ s(
325
+ "input",
326
+ {
327
+ className: I(g.input, c),
328
+ type: "text",
329
+ disabled: n,
330
+ ref: $,
331
+ autoFocus: y,
332
+ ...Z,
333
+ ...V
334
+ }
335
+ ),
336
+ /* @__PURE__ */ s(
337
+ S,
338
+ {
339
+ content: et,
340
+ disableContentPadding: l,
341
+ disableContentPaddingLeft: a,
342
+ disableContentPaddingRight: p,
343
+ icon: tt,
344
+ spaceOnRight: !0,
345
+ onClick: d
346
+ }
347
+ )
348
+ ]
349
+ }
350
+ );
352
351
  }, Ot = "_numericTextInputInput_1tnr6_1", Wt = {
353
352
  numericTextInputInput: Ot
354
353
  }, Ct = ({
@@ -393,44 +392,47 @@ const Nt = (t, e, r) => {
393
392
  hideButtons: a,
394
393
  ...p
395
394
  }) => {
396
- const f = x((d) => {
397
- Ct({
398
- onValueChange: e,
395
+ const f = x(
396
+ (d) => {
397
+ Ct({ onValueChange: e, value: t, numSteps: d, min: n, max: r });
398
+ },
399
+ [t, r, n, e]
400
+ ), h = x(
401
+ (d) => {
402
+ Et({ onValueChange: e, newValue: d, min: n, max: r });
403
+ },
404
+ [r, n, e]
405
+ );
406
+ return /* @__PURE__ */ s(
407
+ K,
408
+ {
409
+ contentRight: a ? i : /* @__PURE__ */ m(R, { children: [
410
+ i && /* @__PURE__ */ m(R, { children: [
411
+ i,
412
+ /* @__PURE__ */ s(w, {})
413
+ ] }),
414
+ /* @__PURE__ */ s(
415
+ ot,
416
+ {
417
+ onClickUp: o ? void 0 : () => f(c),
418
+ onClickDown: o ? void 0 : () => f(-c),
419
+ iconColor: "var(--swui-textinput-text-color)",
420
+ disabled: o
421
+ }
422
+ )
423
+ ] }),
399
424
  value: t,
400
- numSteps: d,
425
+ onValueChange: h,
426
+ disableContentPaddingRight: !a,
427
+ type: "number",
401
428
  min: n,
402
- max: r
403
- });
404
- }, [t, r, n, e]), h = x((d) => {
405
- Et({
406
- onValueChange: e,
407
- newValue: d,
408
- min: n,
409
- max: r
410
- });
411
- }, [r, n, e]);
412
- return /* @__PURE__ */ s(K, {
413
- contentRight: a ? i : /* @__PURE__ */ m(R, {
414
- children: [i && /* @__PURE__ */ m(R, {
415
- children: [i, /* @__PURE__ */ s(w, {})]
416
- }), /* @__PURE__ */ s(ot, {
417
- onClickUp: o ? void 0 : () => f(c),
418
- onClickDown: o ? void 0 : () => f(-c),
419
- iconColor: "var(--swui-textinput-text-color)",
420
- disabled: o
421
- })]
422
- }),
423
- value: t,
424
- onValueChange: h,
425
- disableContentPaddingRight: !a,
426
- type: "number",
427
- min: n,
428
- max: r,
429
- step: c,
430
- className: I(Wt.numericTextInputInput, l),
431
- disabled: o,
432
- ...p
433
- });
429
+ max: r,
430
+ step: c,
431
+ className: I(Wt.numericTextInputInput, l),
432
+ disabled: o,
433
+ ...p
434
+ }
435
+ );
434
436
  }, ie = (t, e) => {
435
437
  const r = x(
436
438
  (c) => {
@@ -454,12 +456,15 @@ const Nt = (t, e, r) => {
454
456
  ...r
455
457
  }) => {
456
458
  const [n, c] = ct(!0);
457
- return /* @__PURE__ */ s(K, {
458
- iconRight: n ? t : e,
459
- onClickRight: () => c((i) => !i),
460
- type: n ? "password" : "text",
461
- ...r
462
- });
459
+ return /* @__PURE__ */ s(
460
+ K,
461
+ {
462
+ iconRight: n ? t : e,
463
+ onClickRight: () => c((i) => !i),
464
+ type: n ? "password" : "text",
465
+ ...r
466
+ }
467
+ );
463
468
  }, le = ({
464
469
  variant: t = "standard",
465
470
  disabled: e,
@@ -477,62 +482,84 @@ const Nt = (t, e, r) => {
477
482
  children: d
478
483
  }) => {
479
484
  const k = t === "success" ? q : t === "warning" || t === "error" ? dt : p, _ = t === "loading" ? /* @__PURE__ */ s(F, {}) : i;
480
- return /* @__PURE__ */ m("div", {
481
- className: I(g.textInput, g.inputContainer, g[t], {
482
- [g.disabled]: e
483
- }, r),
484
- style: n,
485
- children: [/* @__PURE__ */ s(S, {
486
- content: c,
487
- disableContentPadding: o,
488
- disableContentPaddingLeft: l,
489
- disableContentPaddingRight: a,
490
- icon: f,
491
- spaceOnLeft: !0,
492
- onClick: h
493
- }), /* @__PURE__ */ s(j, {
494
- alignItems: "center",
495
- children: d
496
- }), /* @__PURE__ */ s(S, {
497
- content: _,
498
- disableContentPadding: o,
499
- disableContentPaddingLeft: l,
500
- disableContentPaddingRight: a,
501
- icon: k,
502
- spaceOnRight: !0,
503
- onClick: u
504
- })]
505
- });
485
+ return /* @__PURE__ */ m(
486
+ "div",
487
+ {
488
+ className: I(
489
+ g.textInput,
490
+ g.inputContainer,
491
+ g[t],
492
+ {
493
+ [g.disabled]: e
494
+ },
495
+ r
496
+ ),
497
+ style: n,
498
+ children: [
499
+ /* @__PURE__ */ s(
500
+ S,
501
+ {
502
+ content: c,
503
+ disableContentPadding: o,
504
+ disableContentPaddingLeft: l,
505
+ disableContentPaddingRight: a,
506
+ icon: f,
507
+ spaceOnLeft: !0,
508
+ onClick: h
509
+ }
510
+ ),
511
+ /* @__PURE__ */ s(j, { alignItems: "center", children: d }),
512
+ /* @__PURE__ */ s(
513
+ S,
514
+ {
515
+ content: _,
516
+ disableContentPadding: o,
517
+ disableContentPaddingLeft: l,
518
+ disableContentPaddingRight: a,
519
+ icon: k,
520
+ spaceOnRight: !0,
521
+ onClick: u
522
+ }
523
+ )
524
+ ]
525
+ }
526
+ );
506
527
  }, zt = "_textArea_1ta4a_1", Xt = {
507
528
  textArea: zt
508
- }, ae = B(({
509
- className: t,
510
- value: e,
511
- onValueChange: r,
512
- onChange: n,
513
- resize: c = "none",
514
- readOnly: i = !1,
515
- rows: o,
516
- disabled: l,
517
- ...a
518
- }, p) => {
519
- const f = x((h) => {
520
- n && n(h), r && r(h.target.value);
521
- }, [n, r]);
522
- return /* @__PURE__ */ s("textarea", {
523
- disabled: l,
524
- rows: o,
525
- readOnly: i,
526
- className: I(Xt.textArea, t),
527
- style: {
528
- resize: c
529
- },
530
- onChange: f,
529
+ }, ae = B(
530
+ ({
531
+ className: t,
531
532
  value: e,
532
- ref: p,
533
+ onValueChange: r,
534
+ onChange: n,
535
+ resize: c = "none",
536
+ readOnly: i = !1,
537
+ rows: o,
538
+ disabled: l,
533
539
  ...a
534
- });
535
- });
540
+ }, p) => {
541
+ const f = x(
542
+ (h) => {
543
+ n && n(h), r && r(h.target.value);
544
+ },
545
+ [n, r]
546
+ );
547
+ return /* @__PURE__ */ s(
548
+ "textarea",
549
+ {
550
+ disabled: l,
551
+ rows: o,
552
+ readOnly: i,
553
+ className: I(Xt.textArea, t),
554
+ style: { resize: c },
555
+ onChange: f,
556
+ value: e,
557
+ ref: p,
558
+ ...a
559
+ }
560
+ );
561
+ }
562
+ );
536
563
  export {
537
564
  xt as Checkbox,
538
565
  ne as CheckboxWithLabel,