linear-react-components-ui 1.1.24-beta.1 → 1.1.24-beta.3

package/lib/BaseMask-ce8dedc1.d.ts

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { T as TextFieldInputProps } from './index-4529c2ba.js';
+import { FactoryOpts } from 'imask';
+
+interface MaskFieldProps extends TextFieldInputProps {
+    maskOptions?: FactoryOpts;
+    onAccept?: (value: string) => void;
+    onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    autoCompleteMask?: string;
+    value?: string;
+}
+declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const BaseMask_Input: typeof Input;
+type BaseMask_MaskFieldProps = MaskFieldProps;
+declare namespace BaseMask {
+  export {
+    BaseMask_Input as Input,
+    BaseMask_MaskFieldProps as MaskFieldProps,
+  };
+}
+
+export { BaseMask as B, Input as I, MaskFieldProps as M };

package/lib/Cnpj-aa8c3e13.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-ce8dedc1.js';
+
+interface CnpjFieldProps extends MaskFieldProps {
+    onValidate?: (errors: string[]) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<CnpjFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type Cnpj_CnpjFieldProps = CnpjFieldProps;
+declare const Cnpj_Input: typeof Input;
+declare namespace Cnpj {
+  export {
+    Cnpj_CnpjFieldProps as CnpjFieldProps,
+    Cnpj_Input as Input,
+  };
+}
+
+export { Cnpj as C, Input as I, CnpjFieldProps as a };

package/lib/Cpf-d58b5482.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-ce8dedc1.js';
+
+interface CpfFieldProps extends MaskFieldProps {
+    onValidate?: (errors: string[]) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<CpfFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type Cpf_CpfFieldProps = CpfFieldProps;
+declare const Cpf_Input: typeof Input;
+declare namespace Cpf {
+  export {
+    Cpf_CpfFieldProps as CpfFieldProps,
+    Cpf_Input as Input,
+  };
+}
+
+export { Cpf as C, Input as I, CpfFieldProps as a };

package/lib/Phone-8a912d9e.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-ce8dedc1.js';
+
+interface PhoneFieldProps extends MaskFieldProps {
+    isCellphone?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const Phone_Input: typeof Input;
+type Phone_PhoneFieldProps = PhoneFieldProps;
+declare namespace Phone {
+  export {
+    Phone_Input as Input,
+    Phone_PhoneFieldProps as PhoneFieldProps,
+  };
+}
+
+export { Input as I, Phone as P, PhoneFieldProps as a };

package/lib/ZipCode-d4a08d23.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-ce8dedc1.js';
+
+declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const ZipCode_Input: typeof Input;
+declare namespace ZipCode {
+  export {
+    ZipCode_Input as Input,
+  };
+}
+
+export { Input as I, ZipCode as Z };

package/lib/assets/styles/numberfield.scss

@@ -0,0 +1,18 @@
+@import "colors.scss";
+@import "effects.scss";
+@import "commons.scss";
+@import "fonts.scss";
+
+.currency-left-elements {
+  .currency-symbol {
+    user-select: none;
+    margin: 0;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0px 6px;
+    font-size: 14px;
+    background-color: $component-bg-default;
+  }
+}

package/lib/assets/styles/radiofield.scss

@@ -0,0 +1,185 @@
+@import "fonts.scss";
+@import "colors.scss";
+@import "commons.scss";
+@import "effects.scss";
+
+$radio-button-checked-color: $component-selected-color;
+$radio-button-border-color: rgba(0, 0, 0, 0.54);
+$radio-button-size: 20px;
+$radio-button-checked-size: 10px;
+$radio-button-ripple-size: 15px;
+
+:root {
+  --radio-small: 12px;
+  --radio-medium: 16px;
+  --radio-large: 20px;
+  --radio-border-size: 1px;
+  --radio-checked-blank-size: calc(var(--radio-border-size) * 6);
+}
+
+.radio-field-root {
+  display: flex;
+  flex-direction: column;
+  .container {
+    width: 100%;
+    height: 32px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    flex-direction: row;
+    justify-content: start;
+    overflow: unset;
+    input.input {
+      @extend %input-placeholder;
+      @extend %component-fonts;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--radio-medium);
+      height: var(--radio-medium);
+      appearance: none;
+      border-radius: 100%;
+      background-color: $default-color;
+      border: 1px solid $component-border-color;
+      transition: 0.2s border;
+      &:checked {
+        border-color: $radio-button-checked-color;
+        &::after {
+          content: '';
+          width: calc(var(--radio-medium) - var(--radio-checked-blank-size));
+          height: calc(var(--radio-medium) - var(--radio-checked-blank-size));
+          border-radius: 100%;
+          background-color: $radio-button-checked-color;
+        }
+      }
+      &:hover, &:focus {
+        outline: 3px solid rgba(161,13,13,0.35);
+        outline-offset: 0px;
+      }
+      &:disabled {
+        cursor: not-allowed;
+        cursor: default;
+        background-color: $input-disabled-bg-color;
+        &:checked {
+          border-color: $font-color-disabled;
+          &::after {
+            background-color: $font-color-disabled;
+          }
+        }
+      }
+      &[data-state-read-only=true] {
+        cursor: default;
+        background-color: $input-read-only-bg-color;
+        &:checked {
+          border-color: $font-color-disabled;
+          &::after {
+            background-color: $font-color-disabled;
+          }
+        }
+      }
+      &:disabled, &[data-state-read-only=true] {
+        &:hover, &:focus {
+          outline: none;
+          box-shadow: none;
+          -webkit-box-shadow: none;
+        }
+      }
+      &[data-state-size="small"] {
+        width: var(--radio-small);
+        height: var(--radio-small);
+        &::after {
+          width: calc(var(--radio-small) - var(--radio-checked-blank-size));
+          height: calc(var(--radio-small) - var(--radio-checked-blank-size));
+        }
+      }
+      &[data-state-size="medium"] {
+        width: var(--radio-medium);
+        height: var(--radio-medium);
+        &::after {
+          width: calc(var(--radio-medium) - var(--radio-checked-blank-size));
+          height: calc(var(--radio-medium) - var(--radio-checked-blank-size));
+        }
+      }
+      &[data-state-size="large"] {
+        width: var(--radio-large);
+        height: var(--radio-large);
+        &::after {
+          width: calc(var(--radio-large) - var(--radio-checked-blank-size));
+          height: calc(var(--radio-large) - var(--radio-checked-blank-size));
+        }
+      }
+      &[data-state-skeletonize=true] {
+        @extend %skeleton-component;
+        border: none;
+      }
+    }
+    &[data-state-skeletonize=true] {
+      gap: 0.375rem;
+    }
+  }
+  .root-label {
+    padding: 0;
+    line-height: normal;
+    display: inline-flex;
+    align-items: center;
+    flex-direction: row;
+    justify-content: flex-start;
+    &[data-state-skeletonize=true] {
+      @extend %skeleton-component;
+      .label {
+        color: transparent;
+      }
+    }
+    .label {
+      font-size: 0.875rem;
+      text-indent: 0.375rem;
+      line-height: normal;
+      color: $font-color-default;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      &[data-state-input-required=true]::after {
+        content: "*";
+        color: $font-color-default;
+      }
+      &[data-state-uppercase=true] {
+        text-transform: uppercase;
+      }
+      &[data-state-required-label=true] {
+        color: $error-color;
+        font-weight: 600;
+        font-size: 0.875rem;
+        margin-left: 1px;
+      }
+      &[data-state-read-only=true], &[data-state-disabled=true] {
+        pointer-events: none;
+      }
+    }
+    >button {
+      width: 20px;
+      height: auto;
+      margin: 0px;
+      margin-left: 3px;
+    }
+  }
+  .hint {
+    span {
+      display: inline-block;
+      width: 100%;
+    }
+  }
+  .error {
+    width: 100%;
+    color: $error-color;
+    margin-top: 5px;
+    font-size: 0.8125rem;
+    line-height: 0.8125rem;
+    &[data-state-skeletonize=true] {
+      @extend %skeleton-component;
+      color: transparent;
+    }
+  }
+}

package/lib/assets/styles/textfield.scss

@@ -1,5 +1,4 @@
 @import "colors.scss";
-@import "colors.scss";
 @import "effects.scss";
 @import "commons.scss";
 @import "fonts.scss";

package/lib/buttons/DefaultButton.js

@@ -11,7 +11,7 @@ var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
 var _tooltip = require("../tooltip");
-const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltip", "tooltipWidth", "tooltipPosition", "buttonRef", "errorMessage", "type", "onDeniedText"];
+const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltip", "tooltipWidth", "tooltipPosition", "buttonRef", "errorMessage", "onDeniedText"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -58,7 +58,6 @@ const DefaultButton = _ref => {
       tooltipPosition,
       buttonRef,
       errorMessage,
-      type = 'button',
       onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -128,7 +127,6 @@ const DefaultButton = _ref => {
   };
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, _lodash.default.omit(rest, 'dropdownAlign'), {
-    type: type,
     style: style,
     onKeyDown: e => {
       if (e && (e.key === 'Enter' || e.key === ' ')) {
@@ -141,20 +139,12 @@ const DefaultButton = _ref => {
       }
     },
     onClick: e => {
-      if (type === 'submit') {
-        if (isDisabled) {
-          e.preventDefault();
-          return;
-        }
-      }
-      if (type !== 'submit') {
-        e.preventDefault();
-        if (isDisabled) return;
-        // É Necessário que tenha o preventDefault pois foi retirado o disabled do botão, assim evitando que o evento padrão seja disparado.
-        if (onClick) onClick(e);
-        if (dropdown && showDropdown) showDropdown();
-        if (onClick && toggleable) setActiveButton(!activeButton);
-      }
+      // É Necessário que tenha o preventDefault pois foi retirado o disabled do botão, assim evitando que o evento padrão seja disparado.
+      e.preventDefault();
+      if (isDisabled) return;
+      if (onClick) onClick(e);
+      if (dropdown && showDropdown) showDropdown();
+      if (onClick && toggleable) setActiveButton(!activeButton);
     },
     className: `${getClass()} ${activeButton ? '-toggleable' : ''} ${skeletonize ? '-skeletonized' : ''}`,
     ref: r => {

package/lib/dialog/base/index.js

@@ -136,7 +136,7 @@ const BaseDialog = props => {
     className: "modalcontainer",
     onMouseDown: handleClickOutside,
     style: {
-      zIndex: 99999 + Number(zIndex)
+      zIndex: Number(zIndex)
     }
   }, overlay && /*#__PURE__*/_react.default.createElement("div", {
     className: "modal-overlay",

package/lib/form2/index.d.ts

@@ -4,6 +4,6 @@ import './types.js';
 
 interface FormElementProps extends React__default.ComponentProps<'form'> {
 }
-declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "slot" | "style" | "title" | "children" | "className" | "key" | "align" | "name" | "onClick" | "color" | "hidden" | "target" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
+declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "target" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
 
 export { Form as default };

package/lib/form2/useForm/index.js

@@ -144,18 +144,17 @@ const useForm = _ref => {
         const {
           value
         } = event.target;
-        const inputValue = !_lodash.default.isNumber(value) ? value : _lodash.default.toNumber(value);
         setValues(prevStateValues => {
           const updatedValues = _lodash.default.cloneDeep(prevStateValues);
-          _lodash.default.set(updatedValues, name, inputValue);
-          const hasChanged = !_lodash.default.isEqual(_lodash.default.get(valuesToCompareInChangedRef.current, name), inputValue);
+          _lodash.default.set(updatedValues, name, value);
+          const hasChanged = !_lodash.default.isEqual(_lodash.default.get(valuesToCompareInChangedRef.current, name), value);
           setChanged(prevStateChanged => {
             const updatedChangedState = _lodash.default.cloneDeep(prevStateChanged);
             _lodash.default.set(updatedChangedState, name, hasChanged);
             return updatedChangedState;
           });
           if (options.validationMode === 'default' && _lodash.default.get(touched, name)) {
-            validateField(name, inputValue);
+            validateField(name, value);
           }
           return updatedValues;
         });

package/lib/icons/helper.d.ts

@@ -631,10 +631,6 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
-    clipboard: {
-        viewbox: string;
-        paths: string[];
-    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -636,9 +636,5 @@ var _default = exports.default = {
   earth: {
     viewbox: '0 0 16 16',
     paths: ['M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 15c-0.984 0-1.92-0.203-2.769-0.57l3.643-4.098c0.081-0.092 0.126-0.21 0.126-0.332v-1.5c0-0.276-0.224-0.5-0.5-0.5-1.765 0-3.628-1.835-3.646-1.854-0.094-0.094-0.221-0.146-0.354-0.146h-2c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.189 0.107 0.363 0.276 0.447l1.724 0.862v2.936c-1.813-1.265-3-3.366-3-5.745 0-1.074 0.242-2.091 0.674-3h1.826c0.133 0 0.26-0.053 0.354-0.146l2-2c0.094-0.094 0.146-0.221 0.146-0.354v-1.21c0.634-0.189 1.305-0.29 2-0.29 1.1 0 2.141 0.254 3.067 0.706-0.065 0.055-0.128 0.112-0.188 0.172-0.567 0.567-0.879 1.32-0.879 2.121s0.312 1.555 0.879 2.121c0.569 0.569 1.332 0.879 2.119 0.879 0.049 0 0.099-0.001 0.149-0.004 0.216 0.809 0.605 2.917-0.131 5.818-0.007 0.027-0.011 0.055-0.013 0.082-1.271 1.298-3.042 2.104-5.002 2.104z']
-  },
-  clipboard: {
-    viewbox: '0 0 16 16',
-    paths: ['M14.5 2h-4.5c0-1.105-0.895-2-2-2s-2 0.895-2 2h-4.5c-0.276 0-0.5 0.224-0.5 0.5v13c0 0.276 0.224 0.5 0.5 0.5h13c0.276 0 0.5-0.224 0.5-0.5v-13c0-0.276-0.224-0.5-0.5-0.5zM8 1c0.552 0 1 0.448 1 1s-0.448 1-1 1c-0.552 0-1-0.448-1-1s0.448-1 1-1zM14 15h-12v-12h2v1.5c0 0.276 0.224 0.5 0.5 0.5h7c0.276 0 0.5-0.224 0.5-0.5v-1.5h2v12z', 'M11.5 9h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 11h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 13h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z']
   }
 };

package/lib/index-287b0453.d.ts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
+import { T as TextFieldInputProps } from './index-4529c2ba.js';
+
+interface ColorFieldInputProps extends TextFieldInputProps {
+    isTypeText?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<ColorFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type index_ColorFieldInputProps = ColorFieldInputProps;
+declare const index_Input: typeof Input;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_RightSlot: typeof RightSlot;
+declare namespace index {
+  export {
+    index_ColorFieldInputProps as ColorFieldInputProps,
+    index_Input as Input,
+    index_LeftSlot as LeftSlot,
+    index_RightSlot as RightSlot,
+  };
+}
+
+export { ColorFieldInputProps as C, Input as I, index as i };

package/lib/index-35ba9ed8.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { RadioFieldInputProps } from './inputs2/radiofield/types.js';
+
+declare const Input: React__default.ForwardRefExoticComponent<Pick<RadioFieldInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "customClass" | "permissionAttr" | "size" | "skeletonize" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "tooltip" | "tooltipWidth" | "tooltipPosition" | "checked" | "required" | "labelUppercase" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "readOnly" | "list" | "step" | "maxLength" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "max" | "min" | "src" | "alt" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "getFieldValue"> & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const index_Input: typeof Input;
+declare const index_RadioFieldInputProps: typeof RadioFieldInputProps;
+declare namespace index {
+  export {
+    index_Input as Input,
+    index_RadioFieldInputProps as RadioFieldInputProps,
+  };
+}
+
+export { Input as I, index as i };

package/lib/index-4529c2ba.d.ts

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { TextAlign } from './@types/Align.js';
+import { ColorTheme } from './@types/ColorStyles.js';
+import { HintPosition, Position } from './@types/Position.js';
+import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
+import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
+import { ITooltipCommonProps } from './tooltip/types.js';
+
+interface TextFieldInputProps extends React__default.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
+    hint?: string | string[];
+    label?: string;
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: React__default.ForwardRefExoticComponent<TextFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const index_Input: typeof Input;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_RightSlot: typeof RightSlot;
+type index_TextFieldInputProps = TextFieldInputProps;
+declare namespace index {
+  export {
+    index_Input as Input,
+    index_LeftSlot as LeftSlot,
+    index_RightSlot as RightSlot,
+    index_TextFieldInputProps as TextFieldInputProps,
+  };
+}
+
+export { Input as I, TextFieldInputProps as T, index as i };

package/lib/index-474db0eb.d.ts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
+import { Item } from './inputs2/selectfield/item.js';
+import { SelectFieldInputProps } from './inputs2/selectfield/types.js';
+
+declare const Input: React__default.ForwardRefExoticComponent<Pick<SelectFieldInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "customClass" | "permissionAttr" | "size" | "skeletonize" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "tooltip" | "tooltipWidth" | "tooltipPosition" | "checked" | "required" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "showClearButton" | "searchOnDropdown" | "undigitable" | "openDropdownOnFocus" | "onSearch" | "striped" | "max" | "min" | "src" | "alt" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "externalSearch" | "notFoundFilterLabel" | "searchInputPlaceholder" | "multipleInputLabelEmpty" | "multipleInputLabelManySelection" | "dropdownAlignButton"> & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const index_Input: typeof Input;
+declare const index_Item: typeof Item;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_RightSlot: typeof RightSlot;
+declare const index_SelectFieldInputProps: typeof SelectFieldInputProps;
+declare namespace index {
+  export {
+    index_Input as Input,
+    index_Item as Item,
+    index_LeftSlot as LeftSlot,
+    index_RightSlot as RightSlot,
+    index_SelectFieldInputProps as SelectFieldInputProps,
+  };
+}
+
+export { Input as I, index as i };