linear-react-components-ui 1.1.24-beta.5 → 1.1.24-beta.6

package/lib/assets/styles/datepicker2.scss

@@ -48,9 +48,6 @@ input::-webkit-inner-spin-button {
         font-size: 0.875rem;
         margin-left: 1px;
       }
-      &[data-state-read-only=true], &[data-state-disabled=true] {
-        pointer-events: none;
-      }
     }
     >button {
       width: 20px;
@@ -85,10 +82,9 @@ input::-webkit-inner-spin-button {
     }
     &:has(input[data-state-read-only=true]) {
       cursor: default;
-      pointer-events: none;
       background-color: $input-read-only-bg-color;
     }
-    &:has(input:focus) {
+    &:has(input:focus:not([data-state-read-only=true])) {
       box-shadow: 0 3px 0 $component-selected-color;
       transition: box-shadow 250ms cubic-bezier(.19, .62, .58, .98) 100ms;
     }
@@ -111,7 +107,6 @@ input::-webkit-inner-spin-button {
       @extend %input-placeholder;
       @extend %component-fonts;
       flex-grow: 1;
-      max-width: 100%;
       padding: 6px;
       font-size: 0.875rem;
       text-indent: 0.375rem;

package/lib/assets/styles/filefield.scss

@@ -0,0 +1,42 @@
+@import "colors.scss";
+@import "effects";
+@import "commons.scss";
+
+::-webkit-file-upload-button {
+  display: none;
+}
+
+.file-container {
+  &:has(input[type="text"], input.file-input) {
+    background-color: $input-read-only-bg-color;
+  }
+
+  .file-input[type="text"] {
+    line-height: normal;
+    caret-color: transparent;
+    &::selection {
+      color: inherit;
+    }
+  }
+
+  .file-right-slot {
+    display: flex;
+    flex-direction: row;
+
+    .show-files-selected-list,
+    .clear-files-selected,
+    .select-files {
+      padding: 8px;
+
+      svg {
+        margin: 0px;
+      }
+
+      &.select-files {
+        border-radius: 0;
+        border: 0px;
+        border-left: 1px solid $component-border-color;
+      }
+    }
+  }
+}

package/lib/assets/styles/selectfield.scss

@@ -117,7 +117,6 @@ input::-webkit-inner-spin-button {
         @extend %input-placeholder;
         @extend %component-fonts;
         flex-grow: 1;
-        max-width: 100%;
         padding: 6px;
         font-size: 0.875rem;
         text-indent: 0.375rem;
@@ -305,8 +304,11 @@ input::-webkit-inner-spin-button {
 
 .select-field-listbox[aria-expanded=true] {
   z-index: auto;
+  position: fixed;
   display: flex;
   flex-direction: column;
+  height: auto;
+  max-height: calc(34px * 15);
   margin: 5px 0px;
   border: 1px solid $component-border-color;
   animation: 0.3s ease-in 0s 1 slideDown, revealelement 0.3s forwards ease-in-out;

package/lib/assets/styles/textfield.scss

@@ -53,9 +53,6 @@ input[type=number] {
         font-size: 0.875rem;
         margin-left: 1px;
       }
-      &[data-state-read-only=true], &[data-state-disabled=true] {
-        pointer-events: none;
-      }
     }
     >button {
       width: 20px;
@@ -76,28 +73,29 @@ input[type=number] {
     border-radius: 2px;
     border: 1px solid $component-border-color;
     background-color: $component-bg-default;
+    &:has(textarea) {
+      height: auto;
+    }
     &[data-state-skeletonize=true] {
       @extend %skeleton-component;
       color: transparent;
       border: 1px solid transparent;
       background-color: transparent;
     }
-    &:has(input[data-state-error=true]):has(input[data-state-skeletonize=false]) {
+    &:has(input[data-state-error=true]):has(input[data-state-skeletonize=false]),
+    &:has(textarea[data-state-error=true]):has(textarea[data-state-skeletonize=false]) {
       border-color: $input-error-border-color;
       background-color: $input-error-bg-color;
     }
-    &:has(input[data-state-read-only=true]) {
-      > input {
-        cursor: default;
-        pointer-events: none;
-      }
+    &:has(input[data-state-read-only=true]), &:has(textarea[data-state-read-only=true]){
+      cursor: default;
       background-color: $input-read-only-bg-color;
     }
-    &:has(input:focus) {
+    &:has(input:focus:not([data-state-read-only=true])), &:has(textarea:focus:not([data-state-read-only=true])) {
       box-shadow: 0 3px 0 $component-selected-color;
       transition: box-shadow 250ms cubic-bezier(.19, .62, .58, .98) 100ms;
     }
-    &:has(input:disabled) {
+    &:has(input:disabled), &:has(textarea:disabled) {
       color: $font-color-disabled;
       transition: color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       background-color: $input-disabled-bg-color;
@@ -106,7 +104,6 @@ input[type=number] {
       @extend %input-placeholder;
       @extend %component-fonts;
       flex-grow: 1;
-      max-width: 100%;
       padding: 6px;
       font-size: 0.875rem;
       text-indent: 0.375rem;
@@ -128,12 +125,41 @@ input[type=number] {
       &:disabled {
         cursor: not-allowed;
       }
+      &:is(textarea) {
+        text-indent: 0rem;
+        min-height: 30px;
+      }
     }
   }
-  .hint {
-    span {
-      display: inline-block;
-      width: 100%;
+  .footer {
+    min-height: 0px;
+    margin-top: 5px;
+    overflow: hidden;
+    display: flex;
+    gap: 5px;
+    &[data-state-has-hint=true][data-state-has-max-length=true] {
+      justify-content: space-between;
+    }
+    &[data-state-has-hint=true][data-state-has-max-length=false] {
+      justify-content: start;
+    }
+    &[data-state-has-hint=false][data-state-has-max-length=true] {
+      justify-content: end;
+    }
+    &[data-state-has-hint=false][data-state-has-max-length=false] {
+      margin-top: 0px;
+    }
+    .max-length-counter {
+      text-align: right;
+      font-size: 0.75rem;
+      line-height: normal;
+    }
+    .hint {
+      margin: 0px;
+      span {
+        display: inline-block;
+        width: 100%;
+      }
     }
   }
   .error {

package/lib/dialog/base/index.js

@@ -181,17 +181,6 @@ const BaseDialog = props => {
       document.removeEventListener('mousemove', onMouseMove);
     };
   }, [isDragging, open]);
-  (0, _react.useEffect)(() => {
-    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-    const originalOverflow = document.body.style.overflow;
-    const originalPaddingRight = document.body.style.paddingRight;
-    document.body.style.overflow = 'hidden';
-    document.body.style.paddingRight = `${scrollbarWidth}px`;
-    return () => {
-      document.body.style.overflow = originalOverflow;
-      document.body.style.paddingRight = originalPaddingRight;
-    };
-  }, [open]);
   if (!open) return null;
   return /*#__PURE__*/_react.default.createElement(DialogContext.Provider, {
     value: {

package/lib/dialog/form/index.js

@@ -12,6 +12,7 @@ var _Content = _interopRequireDefault(require("../base/Content"));
 var _Footer = _interopRequireDefault(require("../base/Footer"));
 var _spinner = _interopRequireDefault(require("../../spinner"));
 var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecurity"));
+var _Question = _interopRequireDefault(require("../Question"));
 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; }
@@ -33,14 +34,34 @@ const ModalForm = props => {
     className = '',
     wrapperClassName = '',
     contentClassName = '',
-    headerClassName = ''
+    headerClassName = '',
+    securityBeforeUnload = false,
+    securityTitle = 'Dados Alterados',
+    securityText = 'Você possui dados alterados, confirma o fechamento?'
   } = props;
   const headerRef = (0, _react.useRef)(null);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+  const [showSecurityDialog, setShowSecurityDialog] = (0, _react.useState)(false);
   const overlayStyle = isWaiting ? {
     opacity: 0.4,
     pointerEvent: 'none'
   } : {};
+  const handlerClose = () => {
+    if (securityBeforeUnload) {
+      setShowSecurityDialog(true);
+      return;
+    }
+    if (props.handlerClose) {
+      props.handlerClose();
+    }
+  };
+  const onConfirmSecurity = () => {
+    props.handlerClose?.();
+    setShowSecurityDialog(false);
+  };
+  const onUnconfirmClick = () => {
+    setShowSecurityDialog(false);
+  };
   const getSpinner = () => {
     if (!isWaiting) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -52,21 +73,33 @@ const ModalForm = props => {
       delayTime: 0
     }));
   };
+  (0, _react.useEffect)(() => {
+    const onBeforeUnload = e => {
+      e?.preventDefault();
+    };
+    if (securityBeforeUnload) {
+      window.addEventListener('beforeunload', onBeforeUnload);
+    }
+    return () => {
+      window.removeEventListener('beforeunload', onBeforeUnload);
+    };
+  }, [securityBeforeUnload]);
   return /*#__PURE__*/_react.default.createElement(FormDialogContext.Provider, {
     value: {
       headerRef
     }
-  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     width: width,
-    height: height
-  }, props, {
+    height: height,
     className: className,
-    wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`
+    wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`,
+    securityBeforeUnload: securityBeforeUnload,
+    handlerClose: handlerClose
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
     className: `header-form ${headerClassName}`
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
     title: props.title,
-    handlerClose: props.handlerClose,
+    handlerClose: handlerClose,
     icon: props.icon
   })), /*#__PURE__*/_react.default.createElement(_Content.default, {
     styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle),
@@ -74,12 +107,19 @@ const ModalForm = props => {
   }, content || children), getSpinner(), showFooter && props.buttons && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
     style: _objectSpread({}, overlayStyle)
   }), _react.default.Children.toArray(props.buttons.map(button => {
-    if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
+    if (context && (context.securityBeforeUnload || securityBeforeUnload) && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {
-        onClick: props.handlerClose
+        onClick: handlerClose
       });
     }
     return /*#__PURE__*/_react.default.cloneElement(button);
-  }))))));
+  }))))), /*#__PURE__*/_react.default.createElement(_Question.default, {
+    zIndex: "99999999",
+    title: securityTitle,
+    text: securityText,
+    visible: showSecurityDialog,
+    onConfirmClick: onConfirmSecurity,
+    onUnconfirmClick: onUnconfirmClick
+  }));
 };
 var _default = exports.default = (0, _withFormSecurity.default)(ModalForm);

package/lib/dialog/types.d.ts

@@ -33,6 +33,7 @@ interface IBaseProps {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     id?: string;
+    securityBeforeUnload?: boolean;
 }
 interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];
@@ -44,6 +45,9 @@ interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     content?: ReactNode;
     contentClassName?: string;
     headerClassName?: string;
+    securityBeforeUnload?: boolean;
+    securityTitle?: string;
+    securityText?: string;
 }
 interface ICommonDialogProps {
     onConfirmClick?: () => void;

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, "style" | "children" | "slot" | "title" | "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/types.d.ts

@@ -60,12 +60,12 @@ interface UseFormReturn<T> {
      * @param name - Nome do campo.
      * @param externalRef - Referência externa para o input.
      */
-    register: (name: string, externalRef?: React.Ref<HTMLInputElement>) => {
+    register: (name: string, externalRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>) => {
         name: string;
-        ref: React.RefCallback<HTMLInputElement>;
+        ref: React.RefCallback<HTMLInputElement | HTMLTextAreaElement>;
         value: any;
         onBlur: () => void;
-        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     };
     /**
      * Limpa mensagens de erro de campos especificados, ou de todos os campos se nenhum for informado.

package/lib/index-208e7f62.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 TextAreaFieldInputProps extends React__default.ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {
+    hint?: 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<TextAreaFieldInputProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+declare const index_Input: typeof Input;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_RightSlot: typeof RightSlot;
+type index_TextAreaFieldInputProps = TextAreaFieldInputProps;
+declare namespace index {
+  export {
+    index_Input as Input,
+    index_LeftSlot as LeftSlot,
+    index_RightSlot as RightSlot,
+    index_TextAreaFieldInputProps as TextAreaFieldInputProps,
+  };
+}
+
+export { Input as I, TextAreaFieldInputProps as T, index as i };

package/lib/index-299f841a.d.ts

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { Size } from './@types/Size.js';
+import { ColorTheme } from './@types/ColorStyles.js';
+import { ITooltipCommonProps } from './tooltip/types.js';
+import { HintPosition, Position } from './@types/Position.js';
+import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
+
+type InputHTMLProps = Omit<React__default.ComponentProps<'input'>, 'size' | 'type'>;
+interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    size?: Exclude<Size, 'mini'>;
+    variant?: 'default' | 'secondary';
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: React__default.ForwardRefExoticComponent<Pick<CheckboxFieldInputProps, "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" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "rounded" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "src" | "alt" | "max" | "min" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "variant"> & React__default.RefAttributes<HTMLInputElement>>;
+
+type index_CheckboxFieldInputProps = CheckboxFieldInputProps;
+declare const index_Input: typeof Input;
+declare namespace index {
+  export {
+    index_CheckboxFieldInputProps as CheckboxFieldInputProps,
+    index_Input as Input,
+  };
+}
+
+export { CheckboxFieldInputProps as C, Input as I, index as i };

package/lib/index-543f1d54.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" | "src" | "alt" | "max" | "min" | "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 };

package/lib/index-7dfa8924.d.ts

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { T as TextFieldInputProps } from './index-3b70931d.js';
+
+interface FileFieldInputProps extends Omit<TextFieldInputProps, 'type'> {
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    gridLayout?: string;
+    showClearButton?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<FileFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type index_FileFieldInputProps = FileFieldInputProps;
+declare const index_Input: typeof Input;
+declare namespace index {
+  export {
+    index_FileFieldInputProps as FileFieldInputProps,
+    index_Input as Input,
+  };
+}
+
+export { FileFieldInputProps as F, Input as I, index as i };

package/lib/index-e71434f9.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" | "src" | "alt" | "max" | "min" | "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/inputs/file/index.js

@@ -19,6 +19,5 @@ exports.default = void 0;
 var _File = _interopRequireDefault(require("./File"));
 var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
 var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
-require("../../assets/styles/file.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = exports.default = _File.default;

package/lib/inputs2/checkboxfield/index.d.ts

@@ -4,4 +4,4 @@ import '../../@types/ColorStyles.js';
 import '../../tooltip/types.js';
 import '../../@types/Position.js';
 import '../../@types/PermissionAttr.js';
-export { C as CheckboxFieldInputProps, I as Input } from '../../index-5e77448f.js';
+export { C as CheckboxFieldInputProps, I as Input } from '../../index-299f841a.js';

package/lib/inputs2/checkboxfield/index.js

@@ -77,6 +77,7 @@ const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref
     cols: gridLayout
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: inputRootRef,
+    "data-testid": "test-chebox-field-root",
     className: `checkbox-field-root ${customClassWrapper}`,
     "data-state-error": hasValidationErrors
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -92,6 +93,7 @@ const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref
     disabled: isDisabled,
     className: `input ${customClass}`,
     tabIndex: !isReadOnly ? 0 : -1,
+    "data-testid": "test-checkbox-field-input",
     "data-state-size": size,
     "data-state-error": hasValidationErrors,
     "data-state-variant": variant,
@@ -112,6 +114,7 @@ const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref
     htmlFor: inputId,
     "aria-readonly": isReadOnly,
     "aria-disabled": isDisabled,
+    "data-testid": "test-checkbox-field-label",
     "data-state-skeletonize": skeletonize,
     "data-state-disabled": isDisabled,
     "data-state-read-only": isReadOnly,