@stenajs-webui/forms 17.13.2 → 17.13.3

package/dist/index.es.js

@@ -1,686 +1,555 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("._switch_ven48_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_ven48_1:focus{outline:0;border:1px solid var(--swui-switch-selected-highlight-color);box-shadow:inset var(--swui-switch-selected-highlight-color) 0 0 4px 0}._switch_ven48_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_ven48_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_ven48_1:disabled ._knob_ven48_52{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_ven48_1 ._filler_ven48_57{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_ven48_1 ._knob_ven48_52{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_ven48_71{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_ven48_71 ._filler_ven48_57{flex:1}._checkbox_pf7pg_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-field-border-color-disabled);--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-field-border-color-disabled );--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_pf7pg_1._standard_pf7pg_44{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_pf7pg_1._standard_pf7pg_44:after{width:3px;height:6px;left:9px;top:6px}._checkbox_pf7pg_1._small_pf7pg_56{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_pf7pg_1._small_pf7pg_56:after{width:3px;height:6px;left:5px;top:2px}._checkbox_pf7pg_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_pf7pg_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_pf7pg_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_pf7pg_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_pf7pg_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_pf7pg_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_pf7pg_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_pf7pg_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_pf7pg_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_pf7pg_1:indeterminate._standard_pf7pg_44:after{top:4px;left:8px}._checkbox_pf7pg_1:indeterminate._small_pf7pg_56:after{top:0;left:4px}._checkbox_pf7pg_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_pf7pg_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_pf7pg_1:focus:checked{box-shadow:var(--swui-checkbox-checked-focus-shadow)}._checkbox_pf7pg_1:focus:not(:checked){box-shadow:var(--swui-checkbox-unchecked-focus-shadow)}._checkbox_pf7pg_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_qxvf5_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-separator-color);--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-field-border-color-disabled );--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_qxvf5_1._standard_qxvf5_51{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_qxvf5_1._standard_qxvf5_51:after{left:7px;top:7px}._radiobutton_qxvf5_1._small_qxvf5_61{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_qxvf5_1._small_qxvf5_61:after{left:3px;top:3px}._radiobutton_qxvf5_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_qxvf5_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_qxvf5_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_qxvf5_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_qxvf5_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_qxvf5_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_qxvf5_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_qxvf5_1:focus:checked{box-shadow:var(--swui-radiobutton-checked-focus-shadow)}._radiobutton_qxvf5_1:focus:not(:checked){box-shadow:var(--swui-radiobutton-unchecked-focus-shadow)}._radiobutton_qxvf5_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(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Box, Space, Text, Row, parseFloatElseUndefined } from "@stenajs-webui/core";
-import { forwardRef, useRef, useCallback, useEffect, useMemo, useState } from "react";
-import cx from "classnames";
-import { FlatButton, stenaCheck, stenaExclamationTriangle, InputSpinner, UpDownButtons } from "@stenajs-webui/elements";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faEye } from "@fortawesome/free-solid-svg-icons/faEye";
-import { faEyeSlash } from "@fortawesome/free-solid-svg-icons/faEyeSlash";
-import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
-const knob = "_knob_ven48_52";
-const filler = "_filler_ven48_57";
-const checked = "_checked_ven48_71";
-var styles$5 = {
-  "switch": "_switch_ven48_1",
-  knob,
-  filler,
-  checked
-};
-const styleChecked = `${styles$5.switch} ${styles$5.checked}`;
-const Switch = ({
-  value,
-  disabled: disabled2,
-  onValueChange,
-  className,
-  wrapperRef,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsx("div", {
-    className,
-    ref: wrapperRef,
-    children: /* @__PURE__ */ jsxs("button", {
-      type: "button",
-      role: "switch",
-      "aria-checked": value,
-      className: value ? styleChecked : styles$5.switch,
-      disabled: disabled2,
-      onClick: () => onValueChange && onValueChange(!value),
-      ...restProps,
-      children: [/* @__PURE__ */ jsx("div", {
-        className: styles$5.filler
-      }), /* @__PURE__ */ jsx("div", {
-        className: styles$5.knob
+(function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode('._switch_ven48_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_ven48_1:focus{outline:0;border:1px solid var(--swui-switch-selected-highlight-color);box-shadow:inset var(--swui-switch-selected-highlight-color) 0 0 4px 0}._switch_ven48_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_ven48_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_ven48_1:disabled ._knob_ven48_52{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_ven48_1 ._filler_ven48_57{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_ven48_1 ._knob_ven48_52{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_ven48_71{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_ven48_71 ._filler_ven48_57{flex:1}._checkbox_pf7pg_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-field-border-color-disabled);--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-field-border-color-disabled );--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_pf7pg_1._standard_pf7pg_44{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_pf7pg_1._standard_pf7pg_44:after{width:3px;height:6px;left:9px;top:6px}._checkbox_pf7pg_1._small_pf7pg_56{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_pf7pg_1._small_pf7pg_56:after{width:3px;height:6px;left:5px;top:2px}._checkbox_pf7pg_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_pf7pg_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_pf7pg_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_pf7pg_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_pf7pg_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_pf7pg_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_pf7pg_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_pf7pg_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_pf7pg_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_pf7pg_1:indeterminate._standard_pf7pg_44:after{top:4px;left:8px}._checkbox_pf7pg_1:indeterminate._small_pf7pg_56:after{top:0;left:4px}._checkbox_pf7pg_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_pf7pg_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_pf7pg_1:focus:checked{box-shadow:var(--swui-checkbox-checked-focus-shadow)}._checkbox_pf7pg_1:focus:not(:checked){box-shadow:var(--swui-checkbox-unchecked-focus-shadow)}._checkbox_pf7pg_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_qxvf5_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-separator-color);--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-field-border-color-disabled );--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_qxvf5_1._standard_qxvf5_51{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_qxvf5_1._standard_qxvf5_51:after{left:7px;top:7px}._radiobutton_qxvf5_1._small_qxvf5_61{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_qxvf5_1._small_qxvf5_61:after{left:3px;top:3px}._radiobutton_qxvf5_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_qxvf5_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_qxvf5_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_qxvf5_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_qxvf5_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_qxvf5_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_qxvf5_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_qxvf5_1:focus:checked{box-shadow:var(--swui-radiobutton-checked-focus-shadow)}._radiobutton_qxvf5_1:focus:not(:checked){box-shadow:var(--swui-radiobutton-unchecked-focus-shadow)}._radiobutton_qxvf5_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)}})();
+import { jsx as s, jsxs as m, Fragment as R } from "react/jsx-runtime";
+import { Box as nt, Space as b, Text as N, Row as j, parseFloatElseUndefined as A } from "@stenajs-webui/core";
+import { forwardRef as B, useRef as H, useCallback as k, useEffect as U, useMemo as rt, useState as ct } from "react";
+import I from "classnames";
+import { FlatButton as st, stenaCheck as F, stenaExclamationTriangle as it, InputSpinner as K, UpDownButtons as ot } from "@stenajs-webui/elements";
+import { FontAwesomeIcon as lt } from "@fortawesome/react-fontawesome";
+import { faEye as at } from "@fortawesome/free-solid-svg-icons/faEye";
+import { faEyeSlash as ut } from "@fortawesome/free-solid-svg-icons/faEyeSlash";
+import { faExclamationTriangle as dt } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
+const ft = "_knob_ven48_52", pt = "_filler_ven48_57", _t = "_checked_ven48_71", v = {
+  switch: "_switch_ven48_1",
+  knob: ft,
+  filler: pt,
+  checked: _t
+}, ht = `${v.switch} ${v.checked}`, gt = ({
+  value: t,
+  disabled: e,
+  onValueChange: n,
+  className: r,
+  wrapperRef: c,
+  ...i
+}) => /* @__PURE__ */ s("div", {
+  className: r,
+  ref: c,
+  children: /* @__PURE__ */ m("button", {
+    type: "button",
+    role: "switch",
+    "aria-checked": t,
+    className: t ? ht : v.switch,
+    disabled: e,
+    onClick: () => n && n(!t),
+    ...i,
+    children: [/* @__PURE__ */ s("div", {
+      className: v.filler
+    }), /* @__PURE__ */ s("div", {
+      className: v.knob
+    })]
+  })
+}), ne = ({
+  label: t,
+  disabled: e,
+  textColor: n,
+  wrapperRef: r,
+  ...c
+}) => /* @__PURE__ */ s("div", {
+  ref: r,
+  children: /* @__PURE__ */ s("label", {
+    children: /* @__PURE__ */ m(nt, {
+      row: !0,
+      alignItems: "center",
+      children: [/* @__PURE__ */ s(gt, {
+        disabled: e,
+        ...c
+      }), /* @__PURE__ */ s(b, {}), /* @__PURE__ */ s(N, {
+        userSelect: "none",
+        color: n,
+        children: t
       })]
     })
-  });
-};
-const SwitchWithLabel = ({
-  label,
-  disabled: disabled2,
-  textColor,
-  wrapperRef,
-  ...switchProps
-}) => {
-  return /* @__PURE__ */ jsx("div", {
-    ref: wrapperRef,
-    children: /* @__PURE__ */ jsx("label", {
-      children: /* @__PURE__ */ jsxs(Box, {
-        row: true,
-        alignItems: "center",
-        children: [/* @__PURE__ */ jsx(Switch, {
-          disabled: disabled2,
-          ...switchProps
-        }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Text, {
-          userSelect: "none",
-          color: textColor,
-          children: label
-        })]
-      })
-    })
-  });
-};
-const checkbox = "_checkbox_pf7pg_1";
-const standard$2 = "_standard_pf7pg_44";
-const small$1 = "_small_pf7pg_56";
-var styles$4 = {
-  checkbox,
-  standard: standard$2,
-  small: small$1
-};
-const Checkbox = forwardRef(({
-  indeterminate = false,
-  onChange,
-  onValueChange,
-  value = false,
-  size = "standard",
-  ...inputProps
-}, ref) => {
-  const localRef = useRef();
-  const setRef = (element) => {
-    localRef.current = element;
-    if (localRef.current) {
-      localRef.current.indeterminate = Boolean(indeterminate);
-    }
-    if (ref) {
-      if (typeof ref === "function") {
-        ref(element);
-      } else {
-        ref.current = element;
-      }
-    }
-  };
-  const handleInputChange = useCallback((ev) => {
-    if (onChange) {
-      onChange(ev);
-    }
-    if (onValueChange) {
-      onValueChange(ev.target.checked);
-    }
-  }, [onChange, onValueChange]);
-  useEffect(() => {
-    if (localRef.current) {
-      localRef.current.indeterminate = Boolean(indeterminate);
-    }
-  }, [indeterminate, localRef]);
-  return /* @__PURE__ */ jsx("input", {
+  })
+}), mt = "_checkbox_pf7pg_1", xt = "_standard_pf7pg_44", bt = "_small_pf7pg_56", L = {
+  checkbox: mt,
+  standard: xt,
+  small: bt
+}, kt = B(({
+  indeterminate: t = !1,
+  onChange: e,
+  onValueChange: n,
+  value: r = !1,
+  size: c = "standard",
+  ...i
+}, o) => {
+  const l = H(), a = (f) => {
+    l.current = f, l.current && (l.current.indeterminate = Boolean(t)), o && (typeof o == "function" ? o(f) : o.current = f);
+  }, p = k((f) => {
+    e && e(f), n && n(f.target.checked);
+  }, [e, n]);
+  return U(() => {
+    l.current && (l.current.indeterminate = Boolean(t));
+  }, [t, l]), /* @__PURE__ */ s("input", {
     type: "checkbox",
-    className: cx(styles$4.checkbox, styles$4[size]),
-    checked: value,
-    onChange: handleInputChange,
-    ref: setRef,
-    ...inputProps
+    className: I(L.checkbox, L[c]),
+    checked: r,
+    onChange: p,
+    ref: a,
+    ...i
   });
-});
-const CheckboxWithLabel = ({
-  children,
-  label,
-  inputRef,
-  wrapperRef,
-  textColor,
-  ...checkboxProps
-}) => {
-  return /* @__PURE__ */ jsx("div", {
-    ref: wrapperRef,
-    children: /* @__PURE__ */ jsx("label", {
-      children: /* @__PURE__ */ jsxs(Row, {
-        alignItems: "center",
-        children: [/* @__PURE__ */ jsx(Checkbox, {
-          ...checkboxProps,
-          ref: inputRef
-        }), /* @__PURE__ */ jsx(Space, {}), label && /* @__PURE__ */ jsx(Text, {
-          userSelect: "none",
-          color: textColor,
-          children: label
-        }), children]
-      })
+}), re = ({
+  children: t,
+  label: e,
+  inputRef: n,
+  wrapperRef: r,
+  textColor: c,
+  ...i
+}) => /* @__PURE__ */ s("div", {
+  ref: r,
+  children: /* @__PURE__ */ s("label", {
+    children: /* @__PURE__ */ m(j, {
+      alignItems: "center",
+      children: [/* @__PURE__ */ s(kt, {
+        ...i,
+        ref: n
+      }), /* @__PURE__ */ s(b, {}), e && /* @__PURE__ */ s(N, {
+        userSelect: "none",
+        color: c,
+        children: e
+      }), t]
     })
-  });
-};
-const radiobutton = "_radiobutton_qxvf5_1";
-const standard$1 = "_standard_qxvf5_51";
-const small = "_small_qxvf5_61";
-var styles$3 = {
-  radiobutton,
-  standard: standard$1,
-  small
-};
-const RadioButton = forwardRef(({
-  onChange,
-  onValueChange,
-  size = "standard",
-  name,
-  ...inputProps
-}, ref) => {
-  const handleInputChange = useCallback((ev) => {
-    if (onChange) {
-      onChange(ev);
-    }
-    if (onValueChange) {
-      onValueChange(ev.target.value);
-    }
-  }, [onChange, onValueChange]);
-  return /* @__PURE__ */ jsx("input", {
+  })
+}), wt = "_radiobutton_qxvf5_1", It = "_standard_qxvf5_51", yt = "_small_qxvf5_61", P = {
+  radiobutton: wt,
+  standard: It,
+  small: yt
+}, Rt = B(({
+  onChange: t,
+  onValueChange: e,
+  size: n = "standard",
+  name: r,
+  ...c
+}, i) => {
+  const o = k((l) => {
+    t && t(l), e && e(l.target.value);
+  }, [t, e]);
+  return /* @__PURE__ */ s("input", {
     type: "radio",
-    name,
-    className: styles$3.radiobutton + " " + styles$3[size],
-    onChange: handleInputChange,
-    ref,
-    ...inputProps
+    name: r,
+    className: P.radiobutton + " " + P[n],
+    onChange: o,
+    ref: i,
+    ...c
   });
-});
-const RadioButtonWithLabel = ({
-  label,
-  inputRef,
-  wrapperRef,
-  textColor,
-  ...radioButtonProps
-}) => {
-  return /* @__PURE__ */ jsx("div", {
-    ref: wrapperRef,
-    children: /* @__PURE__ */ jsx("label", {
-      children: /* @__PURE__ */ jsxs(Row, {
-        alignItems: "center",
-        children: [/* @__PURE__ */ jsx(RadioButton, {
-          ref: inputRef,
-          ...radioButtonProps
-        }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Text, {
-          color: textColor,
-          userSelect: "none",
-          children: label
-        })]
-      })
+}), ce = ({
+  label: t,
+  inputRef: e,
+  wrapperRef: n,
+  textColor: r,
+  ...c
+}) => /* @__PURE__ */ s("div", {
+  ref: n,
+  children: /* @__PURE__ */ s("label", {
+    children: /* @__PURE__ */ m(j, {
+      alignItems: "center",
+      children: [/* @__PURE__ */ s(Rt, {
+        ref: e,
+        ...c
+      }), /* @__PURE__ */ s(b, {}), /* @__PURE__ */ s(N, {
+        color: r,
+        userSelect: "none",
+        children: t
+      })]
     })
-  });
-};
-const useKeyboardNavigation = (ref, onKeyDown, onEnter, onEsc, onMove, onDone, onBlur, onFocus) => {
-  const wasHandled = useRef(false);
-  const onBlurHandler = (ev) => {
-    var _a;
-    if (!wasHandled.current) {
-      onDone == null ? void 0 : onDone((_a = ev.target.value) != null ? _a : "");
-    }
-    onBlur == null ? void 0 : onBlur(ev);
-  };
-  const onFocusHandler = (ev) => {
-    wasHandled.current = false;
-    onFocus == null ? void 0 : onFocus(ev);
+  })
+}), vt = (t, e, n, r, c, i, o, l) => {
+  const a = H(!1), p = (u) => {
+    var d;
+    a.current || i == null || i((d = u.target.value) != null ? d : ""), o == null || o(u);
+  }, f = (u) => {
+    a.current = !1, l == null || l(u);
   };
-  const onKeyDownHandler = useCallback((ev) => {
-    var _a;
-    const { key } = ev;
-    if (key === "Enter") {
-      wasHandled.current = true;
-      onEnter == null ? void 0 : onEnter();
-      onDone == null ? void 0 : onDone((_a = ev.currentTarget.value) != null ? _a : "");
-    } else if (key === "Escape") {
-      wasHandled.current = true;
-      onEsc == null ? void 0 : onEsc();
-      ev.preventDefault();
-      ev.stopPropagation();
-    } else if (onMove) {
-      const blurMoveAndCancel = (direction, e) => {
-        wasHandled.current = true;
-        ref.current.blur();
-        onMove(direction);
-        e.preventDefault();
-        e.stopPropagation();
-      };
-      if (ev.shiftKey && key === "Tab") {
-        blurMoveAndCancel("left", ev);
-      } else if (key === "Tab") {
-        blurMoveAndCancel("right", ev);
-      } else if (key === "ArrowUp") {
-        blurMoveAndCancel("up", ev);
-      } else if (key === "ArrowDown") {
-        blurMoveAndCancel("down", ev);
-      } else if (key === "ArrowRight") {
-        if (ref.current.value.length === ref.current.selectionStart) {
-          blurMoveAndCancel("right", ev);
-        }
-      } else if (key === "ArrowLeft") {
-        if (ref.current.selectionStart === 0) {
-          blurMoveAndCancel("left", ev);
-        }
-      }
-    }
-    if (onKeyDown) {
-      onKeyDown(ev);
-    }
-  }, [onEsc, onMove, onKeyDown, ref, onEnter, onDone]);
   return {
-    onKeyDownHandler,
-    onBlurHandler,
-    onFocusHandler
+    onKeyDownHandler: k(
+      (u) => {
+        var x;
+        const { key: d } = u;
+        if (d === "Enter")
+          a.current = !0, n == null || n(), i == null || i((x = u.currentTarget.value) != null ? x : "");
+        else if (d === "Escape")
+          a.current = !0, r == null || r(), u.preventDefault(), u.stopPropagation();
+        else if (c) {
+          const _ = (y, w) => {
+            a.current = !0, t.current.blur(), c(y), w.preventDefault(), w.stopPropagation();
+          };
+          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);
+        }
+        e && e(u);
+      },
+      [r, c, e, t, n, i]
+    ),
+    onBlurHandler: p,
+    onFocusHandler: f
   };
 };
-function elementHasSelectionRange(element) {
-  if (element.tagName === "TEXTAREA") {
-    return true;
-  }
-  if (element.tagName === "INPUT" && (element.type === "text" || element.type === "search" || element.type === "url" || element.type === "tel" || element.type === "password")) {
-    return true;
-  }
-  return false;
+function Tt(t) {
+  return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && (t.type === "text" || t.type === "search" || t.type === "url" || t.type === "tel" || t.type === "password");
 }
-const useSelectAllOnMount = (ref, moveCursorToEnd, enabled) => {
-  useEffect(() => {
-    if (!ref.current) {
-      return;
-    }
-    if (!elementHasSelectionRange(ref.current)) {
-      return;
-    }
-    if (enabled) {
-      ref.current.setSelectionRange(0, ref.current.value.length);
-    } else if (moveCursorToEnd) {
-      ref.current.setSelectionRange(ref.current.value.length, ref.current.value.length);
-    }
-  }, [moveCursorToEnd, ref, enabled]);
-};
-const useTextInput = (ref, {
-  onEnter,
-  onEsc,
-  onChange,
-  onValueChange,
-  selectAllOnMount,
-  moveCursorToEndOnMount,
-  onDone,
-  onMove,
-  onFocus,
-  onBlur,
-  onKeyDown,
-  autoFocus
+const St = (t, e, n) => {
+  U(() => {
+    !t.current || !Tt(t.current) || (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
+      t.current.value.length,
+      t.current.value.length
+    ));
+  }, [e, t, n]);
+}, Nt = (t, {
+  onEnter: e,
+  onEsc: n,
+  onChange: r,
+  onValueChange: c,
+  selectAllOnMount: i,
+  moveCursorToEndOnMount: o,
+  onDone: l,
+  onMove: a,
+  onFocus: p,
+  onBlur: f,
+  onKeyDown: h,
+  autoFocus: u
 }) => {
-  useSelectAllOnMount(ref, !!moveCursorToEndOnMount, !!selectAllOnMount);
-  const { onKeyDownHandler, onFocusHandler, onBlurHandler } = useKeyboardNavigation(ref, onKeyDown, onEnter, onEsc, onMove, onDone, onBlur, onFocus);
-  const onChangeHandler = useCallback((ev) => {
-    onChange == null ? void 0 : onChange(ev);
-    onValueChange == null ? void 0 : onValueChange(ev.target.value);
-  }, [onChange, onValueChange]);
+  St(t, !!o, !!i);
+  const { onKeyDownHandler: d, onFocusHandler: x, onBlurHandler: _ } = vt(
+    t,
+    h,
+    e,
+    n,
+    a,
+    l,
+    f,
+    p
+  ), y = k(
+    (w) => {
+      r == null || r(w), c == null || c(w.target.value);
+    },
+    [r, c]
+  );
   return {
-    onBlur: onBlurHandler,
-    onChange: onChangeHandler,
-    onFocus: onFocusHandler,
-    onKeyDown: onKeyDownHandler,
-    autoFocus: selectAllOnMount || autoFocus
+    onBlur: _,
+    onChange: y,
+    onFocus: x,
+    onKeyDown: d,
+    autoFocus: i || u
   };
-};
-const textInput = "_textInput_ijduv_1";
-const disabled = "_disabled_ijduv_61";
-const input = "_input_ijduv_67";
-const standard = "_standard_ijduv_102";
-const success = "_success_ijduv_103";
-const loading = "_loading_ijduv_115";
-const modified = "_modified_ijduv_120";
-const error = "_error_ijduv_126";
-const warning = "_warning_ijduv_132";
-const hideBorder = "_hideBorder_ijduv_143";
-const clickable = "_clickable_ijduv_149";
-const icon = "_icon_ijduv_154";
-var styles$2 = {
-  textInput,
-  disabled,
-  input,
-  standard,
-  success,
-  loading,
-  modified,
-  error,
-  warning,
-  hideBorder,
-  clickable,
-  icon
-};
-const TextInputIcon = ({
-  icon: icon2,
-  iconClassName,
-  content,
-  spaceOnLeft,
-  spaceOnRight,
-  disableContentPadding,
-  disableContentPaddingLeft,
-  disableContentPaddingRight,
-  onClick
-}) => {
-  if (!content && !icon2) {
-    return null;
-  }
-  if (content) {
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [spaceOnLeft && !(disableContentPadding || disableContentPaddingLeft) ? /* @__PURE__ */ jsx(Space, {}) : null, onClick ? /* @__PURE__ */ jsx("span", {
-        onClick,
-        className: styles$2.clickable,
-        children: content || null
-      }) : /* @__PURE__ */ jsx(Fragment, {
-        children: content || null
-      }), spaceOnRight && !(disableContentPadding || disableContentPaddingRight) ? /* @__PURE__ */ jsx(Space, {}) : null]
-    });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [spaceOnLeft ? /* @__PURE__ */ jsx(Space, {}) : null, icon2 && /* @__PURE__ */ jsx(Fragment, {
-      children: onClick ? /* @__PURE__ */ jsx(FlatButton, {
-        onClick,
-        leftIcon: icon2,
-        size: "small"
-      }) : /* @__PURE__ */ jsx(FontAwesomeIcon, {
-        icon: icon2,
-        className: cx(styles$2.icon, iconClassName)
-      })
-    }), spaceOnRight ? /* @__PURE__ */ jsx(Space, {}) : null]
-  });
-};
-const TextInput = (props) => {
+}, 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", Ft = "_warning_ijduv_132", Kt = "_hideBorder_ijduv_143", Mt = "_clickable_ijduv_149", Ot = "_icon_ijduv_154", g = {
+  textInput: jt,
+  disabled: At,
+  input: Bt,
+  standard: Ht,
+  success: $t,
+  loading: Lt,
+  modified: Pt,
+  error: Ut,
+  warning: Ft,
+  hideBorder: Kt,
+  clickable: Mt,
+  icon: Ot
+}, T = ({
+  icon: t,
+  iconClassName: e,
+  content: n,
+  spaceOnLeft: r,
+  spaceOnRight: c,
+  disableContentPadding: i,
+  disableContentPaddingLeft: o,
+  disableContentPaddingRight: l,
+  onClick: a
+}) => !n && !t ? null : n ? /* @__PURE__ */ m(R, {
+  children: [r && !(i || o) ? /* @__PURE__ */ s(b, {}) : null, a ? /* @__PURE__ */ s("span", {
+    onClick: a,
+    className: g.clickable,
+    children: n || null
+  }) : /* @__PURE__ */ s(R, {
+    children: n || null
+  }), c && !(i || l) ? /* @__PURE__ */ s(b, {}) : null]
+}) : /* @__PURE__ */ m(R, {
+  children: [r ? /* @__PURE__ */ s(b, {}) : null, t && /* @__PURE__ */ s(R, {
+    children: a ? /* @__PURE__ */ s(st, {
+      onClick: a,
+      leftIcon: t,
+      size: "small"
+    }) : /* @__PURE__ */ s(lt, {
+      icon: t,
+      className: I(g.icon, e)
+    })
+  }), c ? /* @__PURE__ */ s(b, {}) : null]
+}), M = (t) => {
   const {
-    variant = "standard",
-    inputRef,
-    disabled: disabled2,
-    className,
-    contentLeft,
-    contentRight,
-    disableContentPadding,
-    disableContentPaddingLeft,
-    disableContentPaddingRight,
-    iconLeft,
-    iconRight,
-    onClickLeft,
-    onClickRight,
-    moveCursorToEndOnMount,
-    selectAllOnMount,
-    autoFocus,
-    onValueChange,
-    wrapperClassName,
-    wrapperStyle,
-    onDone,
-    onEnter,
-    onEsc,
-    onMove,
-    onChange,
-    onKeyDown,
-    hideBorder: hideBorder2,
-    onFocus,
-    onBlur,
-    ...inputProps
-  } = props;
-  const localRef = useRef(null);
-  const refToUse = inputRef != null ? inputRef : localRef;
-  const hookProps = useTextInput(refToUse, {
-    onEnter,
-    onEsc,
-    onChange,
-    onValueChange,
-    selectAllOnMount,
-    moveCursorToEndOnMount,
-    onDone,
-    onMove,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    autoFocus
-  });
-  const currentIconRight = variant === "success" ? stenaCheck : variant === "warning" || variant === "error" ? stenaExclamationTriangle : iconRight;
-  const currentContentRight = variant === "loading" ? /* @__PURE__ */ jsx(InputSpinner, {}) : contentRight;
-  return /* @__PURE__ */ jsxs("div", {
-    className: cx(styles$2.textInput, styles$2[variant], {
-      [styles$2.disabled]: disabled2
+    variant: e = "standard",
+    inputRef: n,
+    disabled: r,
+    className: c,
+    contentLeft: i,
+    contentRight: o,
+    disableContentPadding: l,
+    disableContentPaddingLeft: a,
+    disableContentPaddingRight: p,
+    iconLeft: f,
+    iconRight: h,
+    onClickLeft: u,
+    onClickRight: d,
+    moveCursorToEndOnMount: x,
+    selectAllOnMount: _,
+    autoFocus: y,
+    onValueChange: w,
+    wrapperClassName: O,
+    wrapperStyle: W,
+    onDone: q,
+    onEnter: C,
+    onEsc: E,
+    onMove: z,
+    onChange: X,
+    onKeyDown: G,
+    hideBorder: J,
+    onFocus: Q,
+    onBlur: Y,
+    ...Z
+  } = t, D = H(null), $ = n != null ? n : D, V = Nt($, {
+    onEnter: C,
+    onEsc: E,
+    onChange: X,
+    onValueChange: w,
+    selectAllOnMount: _,
+    moveCursorToEndOnMount: x,
+    onDone: q,
+    onMove: z,
+    onFocus: Q,
+    onBlur: Y,
+    onKeyDown: G,
+    autoFocus: y
+  }), tt = e === "success" ? F : e === "warning" || e === "error" ? it : h, et = e === "loading" ? /* @__PURE__ */ s(K, {}) : o;
+  return /* @__PURE__ */ m("div", {
+    className: I(g.textInput, g[e], {
+      [g.disabled]: r
     }, {
-      [styles$2.hideBorder]: hideBorder2
-    }, wrapperClassName),
-    style: wrapperStyle,
-    children: [/* @__PURE__ */ jsx(TextInputIcon, {
-      content: contentLeft,
-      disableContentPadding,
-      disableContentPaddingLeft,
-      disableContentPaddingRight,
-      icon: iconLeft,
-      spaceOnLeft: true,
-      onClick: onClickLeft
-    }), /* @__PURE__ */ jsx("input", {
-      className: cx(styles$2.input, className),
+      [g.hideBorder]: J
+    }, O),
+    style: W,
+    children: [/* @__PURE__ */ s(T, {
+      content: i,
+      disableContentPadding: l,
+      disableContentPaddingLeft: a,
+      disableContentPaddingRight: p,
+      icon: f,
+      spaceOnLeft: !0,
+      onClick: u
+    }), /* @__PURE__ */ s("input", {
+      className: I(g.input, c),
       type: "text",
-      disabled: disabled2,
-      ref: refToUse,
-      autoFocus,
-      ...inputProps,
-      ...hookProps
-    }), /* @__PURE__ */ jsx(TextInputIcon, {
-      content: currentContentRight,
-      disableContentPadding,
-      disableContentPaddingLeft,
-      disableContentPaddingRight,
-      icon: currentIconRight,
-      spaceOnRight: true,
-      onClick: onClickRight
+      disabled: r,
+      ref: $,
+      autoFocus: y,
+      ...Z,
+      ...V
+    }), /* @__PURE__ */ s(T, {
+      content: et,
+      disableContentPadding: l,
+      disableContentPaddingLeft: a,
+      disableContentPaddingRight: p,
+      icon: tt,
+      spaceOnRight: !0,
+      onClick: d
     })]
   });
-};
-const numericTextInputInput = "_numericTextInputInput_1tnr6_1";
-var styles$1 = {
-  numericTextInputInput
-};
-const onStepValueChange = ({
-  onValueChange,
-  value,
-  numSteps,
-  min,
-  max
+}, Wt = "_numericTextInputInput_1tnr6_1", qt = {
+  numericTextInputInput: Wt
+}, Ct = ({
+  onValueChange: t,
+  value: e,
+  numSteps: n,
+  min: r,
+  max: c
 }) => {
-  if (onValueChange) {
-    if (!value) {
-      onValueChange(String(limitWithinRange(numSteps, min, max)));
-    } else {
-      const parsedValue = parseFloatElseUndefined(value);
-      const newValue = (parsedValue || 0) + numSteps;
-      onValueChange(String(limitWithinRange(newValue, min, max)));
+  if (t)
+    if (!e)
+      t(String(S(n, r, c)));
+    else {
+      const o = (A(e) || 0) + n;
+      t(String(S(o, r, c)));
     }
-  }
-};
-const onTextValueChange = ({
-  onValueChange,
-  newValue,
-  min,
-  max
+}, Et = ({
+  onValueChange: t,
+  newValue: e,
+  min: n,
+  max: r
 }) => {
-  if (onValueChange) {
-    if (newValue === "") {
-      onValueChange("");
-    } else {
-      const parsedValue = parseFloatElseUndefined(newValue);
-      const value = parsedValue || 0;
-      onValueChange(String(limitWithinRange(value, min, max)));
+  if (t)
+    if (e === "")
+      t("");
+    else {
+      const i = A(e) || 0;
+      t(String(S(i, n, r)));
     }
-  }
-};
-const limitWithinRange = (value, min, max) => {
-  let v = value;
-  if (min != null) {
-    v = Math.max(min, v);
-  }
-  if (max != null) {
-    v = Math.min(max, v);
-  }
-  return v;
-};
-const NumericTextInput = ({
-  value,
-  onValueChange,
-  max,
-  min,
-  step = 1,
-  contentRight,
-  disabled: disabled2,
-  className,
-  hideButtons,
-  ...restProps
+}, S = (t, e, n) => {
+  let r = t;
+  return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
+}, se = ({
+  value: t,
+  onValueChange: e,
+  max: n,
+  min: r,
+  step: c = 1,
+  contentRight: i,
+  disabled: o,
+  className: l,
+  hideButtons: a,
+  ...p
 }) => {
-  const onClick = useCallback((numSteps) => {
-    onStepValueChange({
-      onValueChange,
-      value,
-      numSteps,
-      min,
-      max
+  const f = k((d) => {
+    Ct({
+      onValueChange: e,
+      value: t,
+      numSteps: d,
+      min: r,
+      max: n
     });
-  }, [value, max, min, onValueChange]);
-  const onChange = useCallback((newValue) => {
-    onTextValueChange({
-      onValueChange,
-      newValue,
-      min,
-      max
+  }, [t, n, r, e]), h = k((d) => {
+    Et({
+      onValueChange: e,
+      newValue: d,
+      min: r,
+      max: n
     });
-  }, [max, min, onValueChange]);
-  const contentRightToUse = hideButtons ? contentRight : /* @__PURE__ */ jsxs(Fragment, {
-    children: [contentRight && /* @__PURE__ */ jsxs(Fragment, {
-      children: [contentRight, /* @__PURE__ */ jsx(Space, {})]
-    }), /* @__PURE__ */ jsx(UpDownButtons, {
-      onClickUp: disabled2 ? void 0 : () => onClick(step),
-      onClickDown: disabled2 ? void 0 : () => onClick(-step),
-      iconColor: "var(--swui-textinput-text-color)",
-      disabled: disabled2
-    })]
-  });
-  return /* @__PURE__ */ jsx(TextInput, {
-    contentRight: contentRightToUse,
-    value,
-    onValueChange: onChange,
-    disableContentPaddingRight: !hideButtons,
+  }, [n, r, e]);
+  return /* @__PURE__ */ s(M, {
+    contentRight: a ? i : /* @__PURE__ */ m(R, {
+      children: [i && /* @__PURE__ */ m(R, {
+        children: [i, /* @__PURE__ */ s(b, {})]
+      }), /* @__PURE__ */ s(ot, {
+        onClickUp: o ? void 0 : () => f(c),
+        onClickDown: o ? void 0 : () => f(-c),
+        iconColor: "var(--swui-textinput-text-color)",
+        disabled: o
+      })]
+    }),
+    value: t,
+    onValueChange: h,
+    disableContentPaddingRight: !a,
     type: "number",
-    min,
-    max,
-    step,
-    className: cx(styles$1.numericTextInputInput, className),
-    disabled: disabled2,
-    ...restProps
+    min: r,
+    max: n,
+    step: c,
+    className: I(qt.numericTextInputInput, l),
+    disabled: o,
+    ...p
   });
-};
-const useNumericInputValue = (value, onValueChange) => {
-  const onValueChangeString = useCallback((newValue) => {
-    if (onValueChange) {
-      if (!newValue) {
-        onValueChange(void 0);
-      } else {
-        const n = parseFloatElseUndefined(newValue);
-        if (n !== void 0) {
-          onValueChange(n);
+}, ie = (t, e) => {
+  const n = k(
+    (c) => {
+      if (e)
+        if (!c)
+          e(void 0);
+        else {
+          const i = A(c);
+          i !== void 0 && e(i);
         }
-      }
-    }
-  }, [onValueChange]);
-  const valueString = useMemo(() => {
-    if (value === void 0) {
-      return "";
-    }
-    return String(value);
-  }, [value]);
+    },
+    [e]
+  ), r = rt(() => t === void 0 ? "" : String(t), [t]);
   return {
-    onValueChange: onValueChangeString,
-    value: valueString
+    onValueChange: n,
+    value: r
   };
-};
-const PasswordInput = ({
-  hiddenIcon = faEye,
-  visibleIcon = faEyeSlash,
-  ...props
+}, oe = ({
+  hiddenIcon: t = at,
+  visibleIcon: e = ut,
+  ...n
 }) => {
-  const [isPassword, setIsPassword] = useState(true);
-  return /* @__PURE__ */ jsx(TextInput, {
-    iconRight: isPassword ? hiddenIcon : visibleIcon,
-    onClickRight: () => setIsPassword((x) => !x),
-    type: isPassword ? "password" : "text",
-    ...props
+  const [r, c] = ct(!0);
+  return /* @__PURE__ */ s(M, {
+    iconRight: r ? t : e,
+    onClickRight: () => c((i) => !i),
+    type: r ? "password" : "text",
+    ...n
   });
-};
-const TextInputBox = ({
-  variant = "standard",
-  disabled: disabled2,
-  wrapperClassName,
-  wrapperStyle,
-  contentLeft,
-  contentRight,
-  disableContentPadding,
-  disableContentPaddingLeft,
-  disableContentPaddingRight,
-  iconRight,
-  iconLeft,
-  onClickLeft,
-  onClickRight,
-  children
+}, le = ({
+  variant: t = "standard",
+  disabled: e,
+  wrapperClassName: n,
+  wrapperStyle: r,
+  contentLeft: c,
+  contentRight: i,
+  disableContentPadding: o,
+  disableContentPaddingLeft: l,
+  disableContentPaddingRight: a,
+  iconRight: p,
+  iconLeft: f,
+  onClickLeft: h,
+  onClickRight: u,
+  children: d
 }) => {
-  const currentIconRight = variant === "success" ? stenaCheck : variant === "warning" || variant === "error" ? faExclamationTriangle : iconRight;
-  const currentContentRight = variant === "loading" ? /* @__PURE__ */ jsx(InputSpinner, {}) : contentRight;
-  return /* @__PURE__ */ jsxs("div", {
-    className: cx(styles$2.textInput, styles$2.inputContainer, styles$2[variant], {
-      [styles$2.disabled]: disabled2
-    }, wrapperClassName),
-    style: wrapperStyle,
-    children: [/* @__PURE__ */ jsx(TextInputIcon, {
-      content: contentLeft,
-      disableContentPadding,
-      disableContentPaddingLeft,
-      disableContentPaddingRight,
-      icon: iconLeft,
-      spaceOnLeft: true,
-      onClick: onClickLeft
-    }), /* @__PURE__ */ jsx(Row, {
+  const x = t === "success" ? F : t === "warning" || t === "error" ? dt : p, _ = t === "loading" ? /* @__PURE__ */ s(K, {}) : i;
+  return /* @__PURE__ */ m("div", {
+    className: I(g.textInput, g.inputContainer, g[t], {
+      [g.disabled]: e
+    }, n),
+    style: r,
+    children: [/* @__PURE__ */ s(T, {
+      content: c,
+      disableContentPadding: o,
+      disableContentPaddingLeft: l,
+      disableContentPaddingRight: a,
+      icon: f,
+      spaceOnLeft: !0,
+      onClick: h
+    }), /* @__PURE__ */ s(j, {
       alignItems: "center",
-      children
-    }), /* @__PURE__ */ jsx(TextInputIcon, {
-      content: currentContentRight,
-      disableContentPadding,
-      disableContentPaddingLeft,
-      disableContentPaddingRight,
-      icon: currentIconRight,
-      spaceOnRight: true,
-      onClick: onClickRight
+      children: d
+    }), /* @__PURE__ */ s(T, {
+      content: _,
+      disableContentPadding: o,
+      disableContentPaddingLeft: l,
+      disableContentPaddingRight: a,
+      icon: x,
+      spaceOnRight: !0,
+      onClick: u
     })]
   });
-};
-const textArea = "_textArea_1ta4a_1";
-var styles = {
-  textArea
-};
-const TextArea = forwardRef(({
-  className,
-  value,
-  onValueChange,
-  onChange,
-  resize = "none",
-  readOnly = false,
-  rows,
-  disabled: disabled2,
-  ...textAreaProps
-}, ref) => {
-  const onChangeHandler = useCallback((ev) => {
-    if (onChange) {
-      onChange(ev);
-    }
-    if (onValueChange) {
-      onValueChange(ev.target.value);
-    }
-  }, [onChange, onValueChange]);
-  return /* @__PURE__ */ jsx("textarea", {
-    disabled: disabled2,
-    rows,
-    readOnly,
-    className: cx(styles.textArea, className),
+}, zt = "_textArea_1ta4a_1", Xt = {
+  textArea: zt
+}, ae = B(({
+  className: t,
+  value: e,
+  onValueChange: n,
+  onChange: r,
+  resize: c = "none",
+  readOnly: i = !1,
+  rows: o,
+  disabled: l,
+  ...a
+}, p) => {
+  const f = k((h) => {
+    r && r(h), n && n(h.target.value);
+  }, [r, n]);
+  return /* @__PURE__ */ s("textarea", {
+    disabled: l,
+    rows: o,
+    readOnly: i,
+    className: I(Xt.textArea, t),
     style: {
-      resize
+      resize: c
     },
-    onChange: onChangeHandler,
-    value,
-    ref,
-    ...textAreaProps
+    onChange: f,
+    value: e,
+    ref: p,
+    ...a
   });
 });
-export { Checkbox, CheckboxWithLabel, NumericTextInput, PasswordInput, RadioButton, RadioButtonWithLabel, Switch, SwitchWithLabel, TextArea, TextInput, TextInputBox, elementHasSelectionRange, onStepValueChange, onTextValueChange, useKeyboardNavigation, useNumericInputValue, useSelectAllOnMount, useTextInput };
+export {
+  kt as Checkbox,
+  re as CheckboxWithLabel,
+  se as NumericTextInput,
+  oe as PasswordInput,
+  Rt as RadioButton,
+  ce as RadioButtonWithLabel,
+  gt as Switch,
+  ne as SwitchWithLabel,
+  ae as TextArea,
+  M as TextInput,
+  le as TextInputBox,
+  Tt as elementHasSelectionRange,
+  Ct as onStepValueChange,
+  Et as onTextValueChange,
+  vt as useKeyboardNavigation,
+  ie as useNumericInputValue,
+  St as useSelectAllOnMount,
+  Nt as useTextInput
+};
 //# sourceMappingURL=index.es.js.map