@stenajs-webui/forms 19.0.0-next.4 → 19.0.0-next.40

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,556 +1,609 @@
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)}})();
2
- import { jsx as s, jsxs as m, Fragment as R } from "react/jsx-runtime";
3
- import { Box as rt, Space as w, Text as v, Row as j, parseFloatElseUndefined as A } from "@stenajs-webui/core";
4
- import { forwardRef as B, useRef as H, useCallback as x, useEffect as U, useMemo as nt, useState as ct } from "react";
1
+ (function(){"use strict";try{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: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_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;-webkit-transform:rotate(0deg);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: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_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::-webkit-input-placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._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::-webkit-input-placeholder{opacity:0}._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}._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
+ import { jsx as c, jsxs as g, Fragment as B } from "react/jsx-runtime";
3
+ import { Box as st, Space as w, Text as N, Row as R, ScreenReaderOnlyText as ot, parseFloatElseUndefined as H } from "@stenajs-webui/core";
4
+ import { forwardRef as $, useRef as P, useCallback as m, useEffect as K, useMemo as it, useState as lt } from "react";
5
5
  import I from "classnames";
6
- import { FlatButton as st, stenaCheck as q, stenaExclamationTriangle as it, InputSpinner as F, UpDownButtons as ot } from "@stenajs-webui/elements";
7
- import { FontAwesomeIcon as lt } from "@fortawesome/react-fontawesome";
8
- import { faEye as at } from "@fortawesome/free-solid-svg-icons/faEye";
9
- import { faEyeSlash as ut } from "@fortawesome/free-solid-svg-icons/faEyeSlash";
10
- import { faExclamationTriangle as dt } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
11
- const ft = "_knob_17tiq_55", pt = "_filler_17tiq_60", _t = "_checked_17tiq_74", T = {
12
- switch: "_switch_17tiq_1",
13
- knob: ft,
14
- filler: pt,
15
- checked: _t
16
- }, ht = `${T.switch} ${T.checked}`, gt = ({
6
+ import { Icon as at, FlatButton as dt, stenaCheck as M, stenaExclamationTriangle as O, InputSpinner as j, UpDownButtons as ut, stenaEyeShow as pt, stenaEyeHide as ft } from "@stenajs-webui/elements";
7
+ import { FontAwesomeIcon as _t } from "@fortawesome/react-fontawesome";
8
+ const ht = "_knob_1d6s8_56", gt = "_filler_1d6s8_61", xt = "_checked_1d6s8_75", S = {
9
+ switch: "_switch_1d6s8_1",
10
+ knob: ht,
11
+ filler: gt,
12
+ checked: xt
13
+ }, wt = `${S.switch} ${S.checked}`, yt = ({
17
14
  value: t,
18
15
  disabled: e,
19
- onValueChange: r,
20
- className: n,
21
- wrapperRef: c,
22
- ...i
23
- }) => /* @__PURE__ */ s("div", {
24
- className: n,
25
- ref: c,
26
- children: /* @__PURE__ */ m("button", {
16
+ onValueChange: n,
17
+ className: r,
18
+ wrapperRef: s,
19
+ ...o
20
+ }) => /* @__PURE__ */ c("div", { className: r, ref: s, children: /* @__PURE__ */ g(
21
+ "button",
22
+ {
27
23
  type: "button",
28
24
  role: "switch",
29
25
  "aria-checked": t,
30
- className: t ? ht : T.switch,
26
+ className: t ? wt : S.switch,
31
27
  disabled: e,
32
- onClick: () => r && r(!t),
33
- ...i,
34
- children: [/* @__PURE__ */ s("div", {
35
- className: T.filler
36
- }), /* @__PURE__ */ s("div", {
37
- className: T.knob
38
- })]
39
- })
40
- }), re = ({
28
+ onClick: () => n && n(!t),
29
+ ...o,
30
+ children: [
31
+ /* @__PURE__ */ c("div", { className: S.filler }),
32
+ /* @__PURE__ */ c("div", { className: S.knob })
33
+ ]
34
+ }
35
+ ) }), ce = ({
41
36
  label: t,
42
37
  disabled: e,
43
- textColor: r,
44
- wrapperRef: n,
45
- ...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 = {
38
+ textColor: n,
39
+ wrapperRef: r,
40
+ ...s
41
+ }) => /* @__PURE__ */ c("div", { ref: r, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ g(st, { row: !0, alignItems: "center", children: [
42
+ /* @__PURE__ */ c(yt, { disabled: e, ...s }),
43
+ /* @__PURE__ */ c(w, {}),
44
+ /* @__PURE__ */ c(N, { userSelect: "none", color: n, children: t })
45
+ ] }) }) }), mt = "_checkbox_1ndou_1", It = "_standard_1ndou_39", bt = "_small_1ndou_51", W = {
63
46
  checkbox: mt,
64
- standard: kt,
65
- 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,
87
- ...i
88
- });
89
- }), ne = ({
47
+ standard: It,
48
+ small: bt
49
+ }, kt = $(
50
+ ({
51
+ indeterminate: t = !1,
52
+ onChange: e,
53
+ onValueChange: n,
54
+ value: r = !1,
55
+ size: s = "standard",
56
+ className: o,
57
+ ...l
58
+ }, a) => {
59
+ const i = P(), f = (p) => {
60
+ i.current = p, i.current && (i.current.indeterminate = Boolean(t)), a && (typeof a == "function" ? a(p) : a.current = p);
61
+ }, _ = m(
62
+ (p) => {
63
+ e && e(p), n && n(p.target.checked);
64
+ },
65
+ [e, n]
66
+ );
67
+ return K(() => {
68
+ i.current && (i.current.indeterminate = Boolean(t));
69
+ }, [t, i]), /* @__PURE__ */ c(
70
+ "input",
71
+ {
72
+ type: "checkbox",
73
+ className: I(W.checkbox, W[s], o),
74
+ checked: r,
75
+ onChange: _,
76
+ ref: f,
77
+ ...l
78
+ }
79
+ );
80
+ }
81
+ ), se = ({
90
82
  children: t,
91
83
  label: e,
92
- inputRef: r,
93
- wrapperRef: n,
94
- textColor: c,
95
- ...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 = {
112
- radiobutton: bt,
113
- standard: It,
114
- 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 = ({
84
+ inputRef: n,
85
+ wrapperRef: r,
86
+ textColor: s,
87
+ ...o
88
+ }) => /* @__PURE__ */ c("div", { ref: r, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ g(R, { alignItems: "center", children: [
89
+ /* @__PURE__ */ c(kt, { ...o, ref: n }),
90
+ /* @__PURE__ */ c(w, {}),
91
+ e && /* @__PURE__ */ c(N, { userSelect: "none", color: s, children: e }),
92
+ t
93
+ ] }) }) }), Bt = "_radiobutton_foy83_1", Rt = "_standard_foy83_45", St = "_small_foy83_55", F = {
94
+ radiobutton: Bt,
95
+ standard: Rt,
96
+ small: St
97
+ }, v = $(
98
+ ({ onChange: t, onValueChange: e, size: n = "standard", name: r, ...s }, o) => {
99
+ const l = m(
100
+ (a) => {
101
+ t && t(a), e && e(a.target.value);
102
+ },
103
+ [t, e]
104
+ );
105
+ return /* @__PURE__ */ c(
106
+ "input",
107
+ {
108
+ type: "radio",
109
+ name: r,
110
+ className: F.radiobutton + " " + F[n],
111
+ onChange: l,
112
+ ref: o,
113
+ ...s
114
+ }
115
+ );
116
+ }
117
+ ), Tt = "_radioButtonBox_1h0yy_1", Nt = "_danger_1h0yy_29", At = "_radioButtonWrapper_1h0yy_42", L = {
118
+ radioButtonBox: Tt,
119
+ danger: Nt,
120
+ radioButtonWrapper: At
121
+ }, oe = ({
122
+ label: t,
123
+ screenReaderLabel: e,
124
+ variant: n = "normal",
125
+ icon: r,
126
+ className: s,
127
+ style: o,
128
+ ...l
129
+ }) => /* @__PURE__ */ c(
130
+ "label",
131
+ {
132
+ className: I(L.radioButtonBox, L[n], s),
133
+ style: o,
134
+ children: /* @__PURE__ */ g(R, { justifyContent: "space-between", flexGrow: 1, children: [
135
+ /* @__PURE__ */ g(R, { alignItems: "center", children: [
136
+ /* @__PURE__ */ c(v, { ...l }),
137
+ /* @__PURE__ */ c(w, {}),
138
+ e ? /* @__PURE__ */ c(ot, { children: e }) : null,
139
+ /* @__PURE__ */ c(N, { "aria-hidden": Boolean(e), children: t })
140
+ ] }),
141
+ /* @__PURE__ */ c(R, { alignItems: "center", width: "48px", justifyContent: "center", children: r && /* @__PURE__ */ c(at, { icon: r, size: 24 }) })
142
+ ] })
143
+ }
144
+ ), ie = ({
134
145
  label: t,
135
146
  inputRef: e,
136
- wrapperRef: r,
137
- textColor: n,
138
- ...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) => {
155
- const a = H(!1), p = (u) => {
156
- var d;
157
- a.current || i == null || i((d = u.target.value) != null ? d : ""), o == null || o(u);
158
- }, f = (u) => {
159
- a.current = !1, l == null || l(u);
147
+ wrapperRef: n,
148
+ textColor: r,
149
+ ...s
150
+ }) => /* @__PURE__ */ c("div", { ref: n, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ g(R, { alignItems: "center", children: [
151
+ /* @__PURE__ */ c(v, { ref: e, ...s }),
152
+ /* @__PURE__ */ c(w, {}),
153
+ /* @__PURE__ */ c(N, { color: r, userSelect: "none", children: t })
154
+ ] }) }) }), Ht = (t, e, n, r, s, o, l, a) => {
155
+ const i = P(!1), f = (d) => {
156
+ var u;
157
+ i.current || o == null || o((u = d.target.value) != null ? u : ""), l == null || l(d);
158
+ }, _ = (d) => {
159
+ i.current = !1, a == null || a(d);
160
160
  };
161
161
  return {
162
- onKeyDownHandler: x(
163
- (u) => {
164
- var k;
165
- const { key: d } = u;
166
- if (d === "Enter")
167
- a.current = !0, r == null || r(), i == null || i((k = u.currentTarget.value) != null ? k : "");
168
- else if (d === "Escape")
169
- a.current = !0, n == null || n(), u.preventDefault(), u.stopPropagation();
170
- else if (c) {
171
- const _ = (y, b) => {
172
- a.current = !0, t.current.blur(), c(y), b.preventDefault(), b.stopPropagation();
162
+ onKeyDownHandler: m(
163
+ (d) => {
164
+ var y;
165
+ const { key: u } = d;
166
+ if (u === "Enter")
167
+ i.current = !0, n == null || n(), o == null || o((y = d.currentTarget.value) != null ? y : "");
168
+ else if (u === "Escape")
169
+ i.current = !0, r == null || r(), d.preventDefault(), d.stopPropagation();
170
+ else if (s) {
171
+ const h = (k, b) => {
172
+ i.current = !0, t.current.blur(), s(k), b.preventDefault(), b.stopPropagation();
173
173
  };
174
- u.shiftKey && d === "Tab" ? _("left", u) : d === "Tab" ? _("right", u) : d === "ArrowUp" ? _("up", u) : d === "ArrowDown" ? _("down", u) : d === "ArrowRight" ? t.current.value.length === t.current.selectionStart && _("right", u) : d === "ArrowLeft" && t.current.selectionStart === 0 && _("left", u);
174
+ d.shiftKey && u === "Tab" ? h("left", d) : u === "Tab" ? h("right", d) : u === "ArrowUp" ? h("up", d) : u === "ArrowDown" ? h("down", d) : u === "ArrowRight" ? t.current.value.length === t.current.selectionStart && h("right", d) : u === "ArrowLeft" && t.current.selectionStart === 0 && h("left", d);
175
175
  }
176
- e && e(u);
176
+ e && e(d);
177
177
  },
178
- [n, c, e, t, r, i]
178
+ [r, s, e, t, n, o]
179
179
  ),
180
- onBlurHandler: p,
181
- onFocusHandler: f
180
+ onBlurHandler: f,
181
+ onFocusHandler: _
182
182
  };
183
183
  };
184
- function St(t) {
184
+ function $t(t) {
185
185
  return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && (t.type === "text" || t.type === "search" || t.type === "url" || t.type === "tel" || t.type === "password");
186
186
  }
187
- const Nt = (t, e, r) => {
188
- U(() => {
189
- !t.current || !St(t.current) || (r ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
187
+ const Pt = (t, e, n) => {
188
+ K(() => {
189
+ !t.current || !$t(t.current) || (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
190
190
  t.current.value.length,
191
191
  t.current.value.length
192
192
  ));
193
- }, [e, t, r]);
194
- }, vt = (t, {
193
+ }, [e, t, n]);
194
+ }, Ut = (t, {
195
195
  onEnter: e,
196
- onEsc: r,
197
- onChange: n,
198
- onValueChange: c,
199
- selectAllOnMount: i,
200
- moveCursorToEndOnMount: o,
201
- onDone: l,
202
- onMove: a,
203
- onFocus: p,
204
- onBlur: f,
205
- onKeyDown: h,
206
- autoFocus: u
196
+ onEsc: n,
197
+ onChange: r,
198
+ onValueChange: s,
199
+ selectAllOnMount: o,
200
+ moveCursorToEndOnMount: l,
201
+ onDone: a,
202
+ onMove: i,
203
+ onFocus: f,
204
+ onBlur: _,
205
+ onKeyDown: p,
206
+ autoFocus: d
207
207
  }) => {
208
- Nt(t, !!o, !!i);
209
- const { onKeyDownHandler: d, onFocusHandler: k, onBlurHandler: _ } = Tt(
208
+ Pt(t, !!l, !!o);
209
+ const { onKeyDownHandler: u, onFocusHandler: y, onBlurHandler: h } = Ht(
210
210
  t,
211
- h,
211
+ p,
212
212
  e,
213
- r,
213
+ n,
214
+ i,
214
215
  a,
215
- l,
216
- f,
217
- p
218
- ), y = x(
216
+ _,
217
+ f
218
+ ), k = m(
219
219
  (b) => {
220
- n == null || n(b), c == null || c(b.target.value);
220
+ r == null || r(b), s == null || s(b.target.value);
221
221
  },
222
- [n, c]
222
+ [r, s]
223
223
  );
224
224
  return {
225
- onBlur: _,
226
- onChange: y,
227
- onFocus: k,
228
- onKeyDown: d,
229
- autoFocus: i || u
225
+ onBlur: h,
226
+ onChange: k,
227
+ onFocus: y,
228
+ onKeyDown: u,
229
+ autoFocus: o || d
230
230
  };
231
- }, jt = "_textInput_ijduv_1", At = "_disabled_ijduv_61", Bt = "_input_ijduv_67", Ht = "_standard_ijduv_102", $t = "_success_ijduv_103", Lt = "_loading_ijduv_115", Pt = "_modified_ijduv_120", Ut = "_error_ijduv_126", qt = "_warning_ijduv_132", Ft = "_hideBorder_ijduv_143", Kt = "_clickable_ijduv_149", Mt = "_icon_ijduv_154", g = {
232
- textInput: jt,
233
- disabled: At,
234
- input: Bt,
235
- standard: Ht,
236
- success: $t,
237
- loading: Lt,
238
- modified: Pt,
239
- error: Ut,
240
- warning: qt,
241
- hideBorder: Ft,
242
- clickable: Kt,
243
- icon: Mt
244
- }, S = ({
231
+ }, Wt = "_textInput_axgdw_1", Ft = "_disabled_axgdw_11", Lt = "_input_axgdw_16", Kt = "_icon_axgdw_49", Mt = "_standard_axgdw_59", Ot = "_success_axgdw_60", jt = "_loading_axgdw_72", vt = "_modified_axgdw_77", Ct = "_error_axgdw_86", zt = "_warning_axgdw_95", Et = "_hideBorder_axgdw_109", Gt = "_clickable_axgdw_116", x = {
232
+ textInput: Wt,
233
+ disabled: Ft,
234
+ input: Lt,
235
+ icon: Kt,
236
+ standard: Mt,
237
+ success: Ot,
238
+ loading: jt,
239
+ modified: vt,
240
+ error: Ct,
241
+ warning: zt,
242
+ hideBorder: Et,
243
+ clickable: Gt
244
+ }, T = ({
245
245
  icon: t,
246
246
  iconClassName: e,
247
- content: r,
248
- spaceOnLeft: n,
249
- spaceOnRight: c,
250
- disableContentPadding: i,
251
- disableContentPaddingLeft: o,
252
- disableContentPaddingRight: l,
253
- 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, {
247
+ content: n,
248
+ spaceOnLeft: r,
249
+ spaceOnRight: s,
250
+ disableContentPadding: o,
251
+ disableContentPaddingLeft: l,
252
+ disableContentPaddingRight: a,
253
+ onClick: i
254
+ }) => !n && !t ? null : n ? /* @__PURE__ */ g(B, { children: [
255
+ r && !(o || l) ? /* @__PURE__ */ c(w, {}) : null,
256
+ i ? /* @__PURE__ */ c("span", { onClick: i, className: x.clickable, children: n || null }) : /* @__PURE__ */ c(B, { children: n || null }),
257
+ s && !(o || a) ? /* @__PURE__ */ c(w, {}) : null
258
+ ] }) : /* @__PURE__ */ g(B, { children: [
259
+ r ? /* @__PURE__ */ c(w, {}) : null,
260
+ t && /* @__PURE__ */ c(B, { children: i ? /* @__PURE__ */ c(
261
+ dt,
262
+ {
265
263
  type: "button",
266
- onClick: a,
264
+ onClick: i,
267
265
  leftIcon: t,
268
266
  size: "small"
269
- }) : /* @__PURE__ */ s(lt, {
267
+ }
268
+ ) : /* @__PURE__ */ c(
269
+ _t,
270
+ {
270
271
  icon: t,
271
- className: I(g.icon, e)
272
- })
273
- }), c ? /* @__PURE__ */ s(w, {}) : null]
274
- }), K = (t) => {
272
+ className: I(x.icon, e)
273
+ }
274
+ ) }),
275
+ s ? /* @__PURE__ */ c(w, {}) : null
276
+ ] }), C = (t) => {
275
277
  const {
276
278
  variant: e = "standard",
277
- inputRef: r,
278
- disabled: n,
279
- className: c,
280
- contentLeft: i,
281
- contentRight: o,
282
- disableContentPadding: l,
283
- disableContentPaddingLeft: a,
284
- disableContentPaddingRight: p,
285
- iconLeft: f,
286
- iconRight: h,
287
- onClickLeft: u,
288
- onClickRight: d,
289
- moveCursorToEndOnMount: k,
290
- selectAllOnMount: _,
291
- autoFocus: y,
279
+ inputRef: n,
280
+ disabled: r,
281
+ className: s,
282
+ contentLeft: o,
283
+ contentRight: l,
284
+ disableContentPadding: a,
285
+ disableContentPaddingLeft: i,
286
+ disableContentPaddingRight: f,
287
+ iconLeft: _,
288
+ iconRight: p,
289
+ onClickLeft: d,
290
+ onClickRight: u,
291
+ moveCursorToEndOnMount: y,
292
+ selectAllOnMount: h,
293
+ autoFocus: k,
292
294
  onValueChange: b,
293
- wrapperClassName: M,
294
- wrapperStyle: O,
295
- onDone: W,
296
- onEnter: C,
297
- onEsc: E,
298
- onMove: z,
299
- onChange: X,
300
- onKeyDown: G,
301
- hideBorder: J,
302
- onFocus: Q,
303
- onBlur: Y,
304
- ...Z
305
- } = t, D = H(null), $ = r != null ? r : D, V = vt($, {
306
- onEnter: C,
307
- onEsc: E,
308
- onChange: X,
295
+ wrapperClassName: z,
296
+ wrapperStyle: E,
297
+ onDone: G,
298
+ onEnter: X,
299
+ onEsc: q,
300
+ onMove: J,
301
+ onChange: Q,
302
+ onKeyDown: Y,
303
+ hideBorder: Z,
304
+ onFocus: D,
305
+ onBlur: V,
306
+ ...tt
307
+ } = t, et = P(null), U = n != null ? n : et, nt = Ut(U, {
308
+ onEnter: X,
309
+ onEsc: q,
310
+ onChange: Q,
309
311
  onValueChange: b,
310
- selectAllOnMount: _,
311
- moveCursorToEndOnMount: k,
312
- onDone: W,
313
- onMove: z,
314
- onFocus: Q,
315
- onBlur: Y,
316
- onKeyDown: G,
317
- autoFocus: y
318
- }), 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
- });
352
- }, Ot = "_numericTextInputInput_1tnr6_1", Wt = {
353
- numericTextInputInput: Ot
354
- }, Ct = ({
312
+ selectAllOnMount: h,
313
+ moveCursorToEndOnMount: y,
314
+ onDone: G,
315
+ onMove: J,
316
+ onFocus: D,
317
+ onBlur: V,
318
+ onKeyDown: Y,
319
+ autoFocus: k
320
+ }), rt = e === "success" ? M : e === "warning" || e === "error" ? O : p, ct = e === "loading" ? /* @__PURE__ */ c(j, {}) : l;
321
+ return /* @__PURE__ */ g(
322
+ "div",
323
+ {
324
+ className: I(
325
+ x.textInput,
326
+ x[e],
327
+ {
328
+ [x.disabled]: r
329
+ },
330
+ {
331
+ [x.hideBorder]: Z
332
+ },
333
+ z
334
+ ),
335
+ style: E,
336
+ children: [
337
+ /* @__PURE__ */ c(
338
+ T,
339
+ {
340
+ content: o,
341
+ disableContentPadding: a,
342
+ disableContentPaddingLeft: i,
343
+ disableContentPaddingRight: f,
344
+ icon: _,
345
+ spaceOnLeft: !0,
346
+ onClick: d
347
+ }
348
+ ),
349
+ /* @__PURE__ */ c(
350
+ "input",
351
+ {
352
+ className: I(x.input, s),
353
+ type: "text",
354
+ disabled: r,
355
+ ref: U,
356
+ autoFocus: k,
357
+ ...tt,
358
+ ...nt
359
+ }
360
+ ),
361
+ /* @__PURE__ */ c(
362
+ T,
363
+ {
364
+ content: ct,
365
+ disableContentPadding: a,
366
+ disableContentPaddingLeft: i,
367
+ disableContentPaddingRight: f,
368
+ icon: rt,
369
+ spaceOnRight: !0,
370
+ onClick: u
371
+ }
372
+ )
373
+ ]
374
+ }
375
+ );
376
+ }, Xt = "_numericTextInputInput_1tnr6_1", qt = {
377
+ numericTextInputInput: Xt
378
+ }, Jt = ({
355
379
  onValueChange: t,
356
380
  value: e,
357
- numSteps: r,
358
- min: n,
359
- max: c
381
+ numSteps: n,
382
+ min: r,
383
+ max: s
360
384
  }) => {
361
385
  if (t)
362
386
  if (!e)
363
- t(String(N(r, n, c)));
387
+ t(String(A(n, r, s)));
364
388
  else {
365
- const o = (A(e) || 0) + r;
366
- t(String(N(o, n, c)));
389
+ const l = (H(e) || 0) + n;
390
+ t(String(A(l, r, s)));
367
391
  }
368
- }, Et = ({
392
+ }, Qt = ({
369
393
  onValueChange: t,
370
394
  newValue: e,
371
- min: r,
372
- max: n
395
+ min: n,
396
+ max: r
373
397
  }) => {
374
398
  if (t)
375
399
  if (e === "")
376
400
  t("");
377
401
  else {
378
- const i = A(e) || 0;
379
- t(String(N(i, r, n)));
402
+ const o = H(e) || 0;
403
+ t(String(A(o, n, r)));
380
404
  }
381
- }, N = (t, e, r) => {
382
- let n = t;
383
- return e != null && (n = Math.max(e, n)), r != null && (n = Math.min(r, n)), n;
384
- }, se = ({
405
+ }, A = (t, e, n) => {
406
+ let r = t;
407
+ return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
408
+ }, le = ({
385
409
  value: t,
386
410
  onValueChange: e,
387
- max: r,
388
- min: n,
389
- step: c = 1,
390
- contentRight: i,
391
- disabled: o,
392
- className: l,
393
- hideButtons: a,
394
- ...p
411
+ max: n,
412
+ min: r,
413
+ step: s = 1,
414
+ contentRight: o,
415
+ disabled: l,
416
+ className: a,
417
+ hideButtons: i,
418
+ ...f
395
419
  }) => {
396
- const f = x((d) => {
397
- Ct({
398
- onValueChange: e,
420
+ const _ = m(
421
+ (u) => {
422
+ Jt({ onValueChange: e, value: t, numSteps: u, min: r, max: n });
423
+ },
424
+ [t, n, r, e]
425
+ ), p = m(
426
+ (u) => {
427
+ Qt({ onValueChange: e, newValue: u, min: r, max: n });
428
+ },
429
+ [n, r, e]
430
+ );
431
+ return /* @__PURE__ */ c(
432
+ C,
433
+ {
434
+ contentRight: i ? o : /* @__PURE__ */ g(B, { children: [
435
+ o && /* @__PURE__ */ g(B, { children: [
436
+ o,
437
+ /* @__PURE__ */ c(w, {})
438
+ ] }),
439
+ /* @__PURE__ */ c(
440
+ ut,
441
+ {
442
+ onClickUp: l ? void 0 : () => _(s),
443
+ onClickDown: l ? void 0 : () => _(-s),
444
+ iconColor: "var(--swui-textinput-text-color)",
445
+ disabled: l
446
+ }
447
+ )
448
+ ] }),
399
449
  value: t,
400
- numSteps: d,
401
- 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
- });
434
- }, ie = (t, e) => {
435
- const r = x(
436
- (c) => {
450
+ onValueChange: p,
451
+ disableContentPaddingRight: !i,
452
+ type: "number",
453
+ min: r,
454
+ max: n,
455
+ step: s,
456
+ className: I(qt.numericTextInputInput, a),
457
+ disabled: l,
458
+ ...f
459
+ }
460
+ );
461
+ }, ae = (t, e) => {
462
+ const n = m(
463
+ (s) => {
437
464
  if (e)
438
- if (!c)
465
+ if (!s)
439
466
  e(void 0);
440
467
  else {
441
- const i = A(c);
442
- i !== void 0 && e(i);
468
+ const o = H(s);
469
+ o !== void 0 && e(o);
443
470
  }
444
471
  },
445
472
  [e]
446
- ), n = nt(() => t === void 0 ? "" : String(t), [t]);
473
+ ), r = it(() => t === void 0 ? "" : String(t), [t]);
447
474
  return {
448
- onValueChange: r,
449
- value: n
475
+ onValueChange: n,
476
+ value: r
450
477
  };
451
- }, oe = ({
452
- hiddenIcon: t = at,
453
- visibleIcon: e = ut,
454
- ...r
478
+ }, de = ({
479
+ hiddenIcon: t = pt,
480
+ visibleIcon: e = ft,
481
+ ...n
455
482
  }) => {
456
- 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
- });
463
- }, le = ({
483
+ const [r, s] = lt(!0);
484
+ return /* @__PURE__ */ c(
485
+ C,
486
+ {
487
+ iconRight: r ? t : e,
488
+ onClickRight: () => s((o) => !o),
489
+ type: r ? "password" : "text",
490
+ ...n
491
+ }
492
+ );
493
+ }, ue = ({
464
494
  variant: t = "standard",
465
495
  disabled: e,
466
- wrapperClassName: r,
467
- wrapperStyle: n,
468
- contentLeft: c,
469
- contentRight: i,
470
- disableContentPadding: o,
471
- disableContentPaddingLeft: l,
472
- disableContentPaddingRight: a,
473
- iconRight: p,
474
- iconLeft: f,
475
- onClickLeft: h,
476
- onClickRight: u,
477
- children: d
496
+ wrapperClassName: n,
497
+ wrapperStyle: r,
498
+ contentLeft: s,
499
+ contentRight: o,
500
+ disableContentPadding: l,
501
+ disableContentPaddingLeft: a,
502
+ disableContentPaddingRight: i,
503
+ iconRight: f,
504
+ iconLeft: _,
505
+ onClickLeft: p,
506
+ onClickRight: d,
507
+ children: u
478
508
  }) => {
479
- 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
- });
506
- }, zt = "_textArea_1ta4a_1", Xt = {
507
- 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,
509
+ const y = t === "success" ? M : t === "warning" || t === "error" ? O : f, h = t === "loading" ? /* @__PURE__ */ c(j, {}) : o;
510
+ return /* @__PURE__ */ g(
511
+ "div",
512
+ {
513
+ className: I(
514
+ x.textInput,
515
+ x.inputContainer,
516
+ x[t],
517
+ {
518
+ [x.disabled]: e
519
+ },
520
+ n
521
+ ),
522
+ style: r,
523
+ children: [
524
+ /* @__PURE__ */ c(
525
+ T,
526
+ {
527
+ content: s,
528
+ disableContentPadding: l,
529
+ disableContentPaddingLeft: a,
530
+ disableContentPaddingRight: i,
531
+ icon: _,
532
+ spaceOnLeft: !0,
533
+ onClick: p
534
+ }
535
+ ),
536
+ /* @__PURE__ */ c(R, { alignItems: "center", children: u }),
537
+ /* @__PURE__ */ c(
538
+ T,
539
+ {
540
+ content: h,
541
+ disableContentPadding: l,
542
+ disableContentPaddingLeft: a,
543
+ disableContentPaddingRight: i,
544
+ icon: y,
545
+ spaceOnRight: !0,
546
+ onClick: d
547
+ }
548
+ )
549
+ ]
550
+ }
551
+ );
552
+ }, Yt = "_textArea_6n6nc_1", Zt = {
553
+ textArea: Yt
554
+ }, pe = $(
555
+ ({
556
+ className: t,
531
557
  value: e,
532
- ref: p,
533
- ...a
534
- });
535
- });
558
+ onValueChange: n,
559
+ onChange: r,
560
+ resize: s = "none",
561
+ readOnly: o = !1,
562
+ rows: l,
563
+ disabled: a,
564
+ ...i
565
+ }, f) => {
566
+ const _ = m(
567
+ (p) => {
568
+ r && r(p), n && n(p.target.value);
569
+ },
570
+ [r, n]
571
+ );
572
+ return /* @__PURE__ */ c(
573
+ "textarea",
574
+ {
575
+ disabled: a,
576
+ rows: l,
577
+ readOnly: o,
578
+ className: I(Zt.textArea, t),
579
+ style: { resize: s },
580
+ onChange: _,
581
+ value: e,
582
+ ref: f,
583
+ ...i
584
+ }
585
+ );
586
+ }
587
+ );
536
588
  export {
537
- xt as Checkbox,
538
- ne as CheckboxWithLabel,
539
- se as NumericTextInput,
540
- oe as PasswordInput,
541
- Rt as RadioButton,
542
- ce as RadioButtonWithLabel,
543
- gt as Switch,
544
- re as SwitchWithLabel,
545
- ae as TextArea,
546
- K as TextInput,
547
- le as TextInputBox,
548
- St as elementHasSelectionRange,
549
- Ct as onStepValueChange,
550
- Et as onTextValueChange,
551
- Tt as useKeyboardNavigation,
552
- ie as useNumericInputValue,
553
- Nt as useSelectAllOnMount,
554
- vt as useTextInput
589
+ kt as Checkbox,
590
+ se as CheckboxWithLabel,
591
+ le as NumericTextInput,
592
+ de as PasswordInput,
593
+ v as RadioButton,
594
+ oe as RadioButtonBox,
595
+ ie as RadioButtonWithLabel,
596
+ yt as Switch,
597
+ ce as SwitchWithLabel,
598
+ pe as TextArea,
599
+ C as TextInput,
600
+ ue as TextInputBox,
601
+ $t as elementHasSelectionRange,
602
+ Jt as onStepValueChange,
603
+ Qt as onTextValueChange,
604
+ Ht as useKeyboardNavigation,
605
+ ae as useNumericInputValue,
606
+ Pt as useSelectAllOnMount,
607
+ Ut as useTextInput
555
608
  };
556
609
  //# sourceMappingURL=index.es.js.map