linear-react-components-ui 1.1.25-beta.7 → 1.1.25-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/lib/{BaseMask-0c14ef51.d.ts → BaseMask-78847f45.d.ts} +1 -1
  2. package/lib/{Cnpj-53bfd6ab.d.ts → Cnpj-8366781f.d.ts} +1 -2
  3. package/lib/{Cpf-019b21e0.d.ts → Cpf-3dfd54eb.d.ts} +1 -2
  4. package/lib/{Phone-2bb0b397.d.ts → Phone-1962c0f2.d.ts} +1 -1
  5. package/lib/{ZipCode-09460e18.d.ts → ZipCode-be9c5b3b.d.ts} +1 -1
  6. package/lib/assets/styles/radio.scss +44 -32
  7. package/lib/assets/styles/split.scss +1 -1
  8. package/lib/form2/index.d.ts +1 -1
  9. package/lib/{index-3b70931d.d.ts → index-02a27c19.d.ts} +2 -20
  10. package/lib/index-053f615b.d.ts +26 -0
  11. package/lib/{index-7dfa8924.d.ts → index-25b80f32.d.ts} +1 -1
  12. package/lib/{index-9e576346.d.ts → index-6f5c772d.d.ts} +1 -1
  13. package/lib/{index-208e7f62.d.ts → index-6fcf446c.d.ts} +2 -20
  14. package/lib/index-7159df18.d.ts +21 -0
  15. package/lib/index-c41f4a15.d.ts +15 -0
  16. package/lib/inputs2/checkboxfield/base.d.ts +29 -0
  17. package/lib/inputs2/checkboxfield/base.js +134 -0
  18. package/lib/inputs2/checkboxfield/index.d.ts +3 -2
  19. package/lib/inputs2/checkboxfield/index.js +32 -125
  20. package/lib/inputs2/colorfield/index.d.ts +6 -5
  21. package/lib/inputs2/date/datefield/base.d.ts +13 -0
  22. package/lib/inputs2/date/datefield/base.js +330 -0
  23. package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
  24. package/lib/inputs2/date/datefield/index.js +34 -322
  25. package/lib/inputs2/date/datefield/types.d.ts +5 -3
  26. package/lib/inputs2/date/dateperiodfield/base.d.ts +13 -0
  27. package/lib/inputs2/date/dateperiodfield/base.js +595 -0
  28. package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
  29. package/lib/inputs2/date/dateperiodfield/index.js +34 -587
  30. package/lib/inputs2/date/dateperiodfield/types.d.ts +5 -3
  31. package/lib/inputs2/filefield/index.d.ts +6 -5
  32. package/lib/inputs2/index.d.ts +18 -15
  33. package/lib/inputs2/mask/BaseMask.d.ts +6 -5
  34. package/lib/inputs2/mask/Cnpj.d.ts +7 -6
  35. package/lib/inputs2/mask/Cnpj.js +18 -21
  36. package/lib/inputs2/mask/Cpf.d.ts +7 -6
  37. package/lib/inputs2/mask/Cpf.js +12 -19
  38. package/lib/inputs2/mask/Phone.d.ts +7 -6
  39. package/lib/inputs2/mask/ZipCode.d.ts +7 -6
  40. package/lib/inputs2/numberfield/currency.d.ts +5 -4
  41. package/lib/inputs2/numberfield/decimal.d.ts +5 -4
  42. package/lib/inputs2/numberfield/index.d.ts +5 -4
  43. package/lib/inputs2/numberfield/types.d.ts +5 -4
  44. package/lib/inputs2/radiofield/base.d.ts +12 -0
  45. package/lib/inputs2/radiofield/base.js +156 -0
  46. package/lib/inputs2/radiofield/index.d.ts +1 -1
  47. package/lib/inputs2/radiofield/index.js +25 -126
  48. package/lib/inputs2/radiofield/types.d.ts +6 -4
  49. package/lib/inputs2/selectfield/base.d.ts +11 -0
  50. package/lib/inputs2/selectfield/base.js +513 -0
  51. package/lib/inputs2/selectfield/index.d.ts +1 -1
  52. package/lib/inputs2/selectfield/index.js +35 -502
  53. package/lib/inputs2/selectfield/item.d.ts +1 -1
  54. package/lib/inputs2/selectfield/listbox.d.ts +1 -1
  55. package/lib/inputs2/selectfield/options.d.ts +1 -1
  56. package/lib/inputs2/selectfield/search.d.ts +1 -1
  57. package/lib/inputs2/selectfield/selections.d.ts +1 -1
  58. package/lib/inputs2/selectfield/types.d.ts +8 -6
  59. package/lib/inputs2/slot/index.d.ts +2 -2
  60. package/lib/inputs2/textareafield/base.d.ts +26 -0
  61. package/lib/inputs2/textareafield/base.js +166 -0
  62. package/lib/inputs2/textareafield/index.d.ts +4 -3
  63. package/lib/inputs2/textareafield/index.js +30 -154
  64. package/lib/inputs2/textfield/base.d.ts +26 -0
  65. package/lib/inputs2/textfield/base.js +131 -0
  66. package/lib/inputs2/textfield/index.d.ts +5 -4
  67. package/lib/inputs2/textfield/index.js +30 -120
  68. package/lib/radio/index.js +3 -4
  69. package/lib/tooltip/useTooltip.d.ts +1 -1
  70. package/package.json +1 -1
  71. package/lib/index-19761a50.d.ts +0 -26
  72. package/lib/index-4bda404f.d.ts +0 -42
  73. package/lib/index-afb7b5a9.d.ts +0 -15
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { T as TextFieldInputProps } from './index-3b70931d.js';
2
+ import { T as TextFieldInputProps } from './index-02a27c19.js';
3
3
  import { FactoryOpts } from 'imask';
4
4
 
5
5
  interface MaskFieldProps extends TextFieldInputProps {
@@ -1,8 +1,7 @@
1
1
  import React__default from 'react';
2
- import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
2
+ import { M as MaskFieldProps } from './BaseMask-78847f45.js';
3
3
 
4
4
  interface CnpjFieldProps extends MaskFieldProps {
5
- enableValidation?: boolean;
6
5
  onValidate?: (errors: string[]) => void;
7
6
  }
8
7
  declare const Input: React__default.ForwardRefExoticComponent<CnpjFieldProps & React__default.RefAttributes<HTMLInputElement>>;
@@ -1,8 +1,7 @@
1
1
  import React__default from 'react';
2
- import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
2
+ import { M as MaskFieldProps } from './BaseMask-78847f45.js';
3
3
 
4
4
  interface CpfFieldProps extends MaskFieldProps {
5
- enableValidation?: boolean;
6
5
  onValidate?: (errors: string[]) => void;
7
6
  }
8
7
  declare const Input: React__default.ForwardRefExoticComponent<CpfFieldProps & React__default.RefAttributes<HTMLInputElement>>;
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
2
+ import { M as MaskFieldProps } from './BaseMask-78847f45.js';
3
3
 
4
4
  interface PhoneFieldProps extends MaskFieldProps {
5
5
  isCellphone?: boolean;
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
2
+ import { M as MaskFieldProps } from './BaseMask-78847f45.js';
3
3
 
4
4
  declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
5
5
 
@@ -4,29 +4,33 @@
4
4
  $radio-button-checked-color: $component-selected-color;
5
5
  $radio-button-border-color: rgba(0, 0, 0, 0.54);
6
6
  $radio-button-size: 20px;
7
- $radio-button-checked-size: 10px;
7
+ $radio-button-checked-size: 10px;
8
8
  $radio-button-ripple-size: 15px;
9
9
 
10
10
  @keyframes ripple {
11
11
  0% {
12
12
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0);
13
13
  }
14
- 50% {
14
+
15
+ 50% {
15
16
  box-shadow: 0px 0px 0px $radio-button-ripple-size rgba(0, 0, 0, 0.1);
16
17
  }
18
+
17
19
  100% {
18
20
  box-shadow: 0px 0px 0px $radio-button-ripple-size rgba(0, 0, 0, 0);
19
21
  }
20
22
  }
21
- .radio-component:disabled + .description:before {
22
- background-color: #e5e5e5!important;
23
+
24
+ .radio-component:disabled+.description:before {
25
+ background-color: #e5e5e5 !important;
23
26
  }
24
27
 
25
28
  .radio-component {
26
- &:disabled + .description:before {
29
+ &:disabled+.description:before {
27
30
  background-color: rgb(229, 229, 229);
28
31
  }
29
- &:disabled + .description {
32
+
33
+ &:disabled+.description {
30
34
  color: $font-color-disabled;
31
35
  }
32
36
  }
@@ -37,34 +41,36 @@ $radio-button-ripple-size: 15px;
37
41
  left: -9999px;
38
42
  }
39
43
 
40
- .radio-component:focus + label:before {
41
- box-shadow: 0 0 2px 1px $radio-button-checked-color;
44
+ .radio-component:focus+label:before {
45
+ box-shadow: 0 0 2px 1px $radio-button-checked-color;
42
46
  }
43
47
 
44
- .radio-component:checked + .description,
45
- .radio-component:not(:checked) + .description {
48
+ .radio-component:checked+.description,
49
+ .radio-component:not(:checked)+.description {
46
50
  position: relative;
47
51
  padding-left: 1.35rem;
48
52
  cursor: pointer;
49
53
  line-height: 20px;
50
54
  display: inline-block;
51
- color: $font-color-soft;
55
+ color: $font-color-soft;
56
+
52
57
  &.-medium {
53
58
  padding-left: 1.6rem;
54
59
  padding-top: 0.1rem;
55
60
  }
61
+
56
62
  &.-large {
57
63
  padding-left: 1.875rem;
58
64
  padding-top: 0.2rem;
59
65
  }
60
66
  }
61
67
 
62
- .disabled + .description {
68
+ .disabled+.description {
63
69
  @extend %component-menu-disabled;
64
70
  }
65
71
 
66
- .radio-component:checked + .description:before,
67
- .radio-component:not(:checked) + .description:before {
72
+ .radio-component:checked+.description:before,
73
+ .radio-component:not(:checked)+.description:before {
68
74
  content: '';
69
75
  position: absolute;
70
76
  left: 0;
@@ -72,41 +78,46 @@ $radio-button-ripple-size: 15px;
72
78
  border: 1px solid $component-border-color;
73
79
  border-radius: 100%;
74
80
  background: $default-color;
81
+ pointer-events: none;
75
82
  }
76
83
 
77
84
  .radio-button {
78
- .-small:before{
85
+ .-small:before {
79
86
  width: 16px;
80
87
  height: 16px;
81
88
  top: 0.225rem;
82
89
  left: 0.265rem;
83
90
  }
84
- .-medium:before{
91
+
92
+ .-medium:before {
85
93
  width: 20px;
86
94
  height: 20px;
87
95
  top: 0.245rem;
88
96
  left: 0.285rem;
89
97
  }
90
- .-large:before{
98
+
99
+ .-large:before {
91
100
  width: 24px;
92
101
  height: 24px;
93
102
  top: 0.245rem;
94
103
  left: 0.285rem;
95
104
  }
96
105
 
97
- .-small:after{
106
+ .-small:after {
98
107
  width: 8px;
99
108
  height: 8px;
100
109
  top: 0.23rem;
101
110
  left: 0.27rem;
102
111
  }
103
- .-medium:after{
112
+
113
+ .-medium:after {
104
114
  width: 12px;
105
115
  height: 12px;
106
116
  top: 0.24rem;
107
117
  left: 0.26rem;
108
118
  }
109
- .-large:after{
119
+
120
+ .-large:after {
110
121
  width: 16px;
111
122
  height: 16px;
112
123
  top: 0.245rem;
@@ -114,8 +125,8 @@ $radio-button-ripple-size: 15px;
114
125
  }
115
126
  }
116
127
 
117
- .radio-component:checked + .description:after,
118
- .radio-component:not(:checked) + .description:after {
128
+ .radio-component:checked+.description:after,
129
+ .radio-component:not(:checked)+.description:after {
119
130
  content: '';
120
131
  background: $radio-button-checked-color;
121
132
  position: absolute;
@@ -124,33 +135,34 @@ $radio-button-ripple-size: 15px;
124
135
  transition: all 0.2s ease;
125
136
  }
126
137
 
127
- .radio-component:not(:checked) + .description:after {
138
+ .radio-component:not(:checked)+.description:after {
128
139
  opacity: 0;
129
140
  -webkit-transform: scale(0);
130
141
  transform: scale(0);
131
142
  }
132
143
 
133
- .radio-component:checked + .description:after {
144
+ .radio-component:checked+.description:after {
134
145
  opacity: 1;
135
146
  -webkit-transform: scale(1);
136
147
  transform: scale(1);
137
148
  }
138
149
 
139
150
  .radio-button.-skeletonized {
140
- > .radio-component:not(:checked) +.description,
141
- > .radio-component:checked +.description {
151
+
152
+ >.radio-component:not(:checked)+.description,
153
+ >.radio-component:checked+.description {
142
154
  cursor: initial;
143
155
  }
144
156
 
145
- > .radio-component:checked + .description:before,
146
- > .radio-component:checked +.description:after,
147
- > .radio-component:not(:checked) + .description:before,
148
- > .radio-component:not(:checked) +.description:after {
157
+ >.radio-component:checked+.description:before,
158
+ >.radio-component:checked+.description:after,
159
+ >.radio-component:not(:checked)+.description:before,
160
+ >.radio-component:not(:checked)+.description:after {
149
161
  @extend %skeleton-component;
150
162
  border-color: transparent;
151
163
  }
152
164
 
153
- > .description > span {
165
+ >.description>span {
154
166
  @extend %skeleton-component;
155
167
  }
156
- }
168
+ }
@@ -41,7 +41,7 @@
41
41
  overflow: hidden;
42
42
  text-align: center;
43
43
  font-size: 1px;
44
- z-index: 1;
44
+ z-index: 0;
45
45
  background: #aaaaaa;
46
46
  visibility: visible;
47
47
  height: 50px;
@@ -4,6 +4,6 @@ import './types.js';
4
4
 
5
5
  interface FormElementProps extends React__default.ComponentProps<'form'> {
6
6
  }
7
- 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>>;
7
+ declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "children" | "align" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "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" | "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" | "key" | "name" | "target" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
8
8
 
9
9
  export { Form as default };
@@ -1,28 +1,10 @@
1
1
  import React__default from 'react';
2
- import { TextAlign } from './@types/Align.js';
3
- import { ColorTheme } from './@types/ColorStyles.js';
4
- import { HintPosition, Position } from './@types/Position.js';
5
2
  import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
6
3
  import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
7
- import { ITooltipCommonProps } from './tooltip/types.js';
4
+ import { TextFieldInputBaseProps } from './inputs2/textfield/base.js';
8
5
 
9
- interface TextFieldInputProps extends React__default.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
10
- hint?: string;
11
- label?: string;
12
- errors?: string[];
6
+ interface TextFieldInputProps extends TextFieldInputBaseProps {
13
7
  gridLayout?: string;
14
- customClass?: string;
15
- customClassLabel?: string;
16
- customClassWrapper?: string;
17
- customClassInputContainer?: string;
18
- rounded?: boolean;
19
- readOnly?: boolean;
20
- skeletonize?: boolean;
21
- labelUppercase?: boolean;
22
- textAlign?: TextAlign;
23
- hintPosition?: HintPosition;
24
- themePopover?: ColorTheme;
25
- popoverAlign?: Extract<Position, 'left' | 'right'>;
26
8
  permissionAttr?: PermissionAttr;
27
9
  onDeniedActions?: OnDenied;
28
10
  }
@@ -0,0 +1,26 @@
1
+ import React__default from 'react';
2
+ import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
3
+ import { Options } from './inputs2/selectfield/options.js';
4
+ import { Item } from './inputs2/selectfield/item.js';
5
+ import { SelectFieldInputProps } from './inputs2/selectfield/types.js';
6
+
7
+ declare const Input: React__default.ForwardRefExoticComponent<SelectFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
8
+
9
+ declare const index_Input: typeof Input;
10
+ declare const index_Item: typeof Item;
11
+ declare const index_LeftSlot: typeof LeftSlot;
12
+ declare const index_Options: typeof Options;
13
+ declare const index_RightSlot: typeof RightSlot;
14
+ declare const index_SelectFieldInputProps: typeof SelectFieldInputProps;
15
+ declare namespace index {
16
+ export {
17
+ index_Input as Input,
18
+ index_Item as Item,
19
+ index_LeftSlot as LeftSlot,
20
+ index_Options as Options,
21
+ index_RightSlot as RightSlot,
22
+ index_SelectFieldInputProps as SelectFieldInputProps,
23
+ };
24
+ }
25
+
26
+ export { Input as I, index as i };
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { T as TextFieldInputProps } from './index-3b70931d.js';
2
+ import { T as TextFieldInputProps } from './index-02a27c19.js';
3
3
 
4
4
  interface FileFieldInputProps extends Omit<TextFieldInputProps, 'type'> {
5
5
  multiple?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
3
- import { T as TextFieldInputProps } from './index-3b70931d.js';
3
+ import { T as TextFieldInputProps } from './index-02a27c19.js';
4
4
 
5
5
  interface ColorFieldInputProps extends TextFieldInputProps {
6
6
  isTypeText?: boolean;
@@ -1,28 +1,10 @@
1
1
  import React__default from 'react';
2
- import { TextAlign } from './@types/Align.js';
3
- import { ColorTheme } from './@types/ColorStyles.js';
4
- import { HintPosition, Position } from './@types/Position.js';
5
2
  import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
6
3
  import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
7
- import { ITooltipCommonProps } from './tooltip/types.js';
4
+ import { TextAreaFieldInputBaseProps } from './inputs2/textareafield/base.js';
8
5
 
9
- interface TextAreaFieldInputProps extends React__default.ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {
10
- hint?: string;
11
- label?: string;
12
- errors?: string[];
6
+ interface TextAreaFieldInputProps extends TextAreaFieldInputBaseProps {
13
7
  gridLayout?: string;
14
- customClass?: string;
15
- customClassLabel?: string;
16
- customClassWrapper?: string;
17
- customClassInputContainer?: string;
18
- rounded?: boolean;
19
- readOnly?: boolean;
20
- skeletonize?: boolean;
21
- labelUppercase?: boolean;
22
- textAlign?: TextAlign;
23
- hintPosition?: HintPosition;
24
- themePopover?: ColorTheme;
25
- popoverAlign?: Extract<Position, 'left' | 'right'>;
26
8
  permissionAttr?: PermissionAttr;
27
9
  onDeniedActions?: OnDenied;
28
10
  }
@@ -0,0 +1,21 @@
1
+ import React__default from 'react';
2
+ import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
3
+ import { CheckboxFieldInputBaseProps } from './inputs2/checkboxfield/base.js';
4
+
5
+ interface CheckboxFieldInputProps extends CheckboxFieldInputBaseProps {
6
+ gridLayout?: string;
7
+ permissionAttr?: PermissionAttr;
8
+ onDeniedActions?: OnDenied;
9
+ }
10
+ declare const Input: React__default.ForwardRefExoticComponent<CheckboxFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
11
+
12
+ type index_CheckboxFieldInputProps = CheckboxFieldInputProps;
13
+ declare const index_Input: typeof Input;
14
+ declare namespace index {
15
+ export {
16
+ index_CheckboxFieldInputProps as CheckboxFieldInputProps,
17
+ index_Input as Input,
18
+ };
19
+ }
20
+
21
+ export { CheckboxFieldInputProps as C, Input as I, index as i };
@@ -0,0 +1,15 @@
1
+ import React__default from 'react';
2
+ import { RadioFieldInputProps } from './inputs2/radiofield/types.js';
3
+
4
+ declare const Input: React__default.ForwardRefExoticComponent<Pick<RadioFieldInputProps, "customClass" | "skeletonize" | "children" | "align" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "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" | "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" | "form" | "label" | "pattern" | "value" | "size" | "tooltip" | "disabled" | "list" | "key" | "height" | "name" | "tooltipPosition" | "tooltipWidth" | "readOnly" | "permissionAttr" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "step" | "labelUppercase" | "maxLength" | "required" | "hint" | "hintPosition" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "themePopover" | "popoverAlign" | "checked" | "max" | "min" | "src" | "alt" | "fieldId" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "getFieldValue"> & React__default.RefAttributes<HTMLInputElement>>;
5
+
6
+ declare const index_Input: typeof Input;
7
+ declare const index_RadioFieldInputProps: typeof RadioFieldInputProps;
8
+ declare namespace index {
9
+ export {
10
+ index_Input as Input,
11
+ index_RadioFieldInputProps as RadioFieldInputProps,
12
+ };
13
+ }
14
+
15
+ export { Input as I, index as i };
@@ -0,0 +1,29 @@
1
+ import React__default from 'react';
2
+ import { Size } from '../../@types/Size.js';
3
+ import { ColorTheme } from '../../@types/ColorStyles.js';
4
+ import { ITooltipCommonProps } from '../../tooltip/types.js';
5
+ import { HintPosition, Position } from '../../@types/Position.js';
6
+
7
+ type InputHTMLProps = Omit<React__default.ComponentPropsWithoutRef<'input'>, 'size' | 'type'>;
8
+ interface CheckboxFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
9
+ hint?: string;
10
+ label?: string;
11
+ size?: Exclude<Size, 'mini'>;
12
+ variant?: 'default' | 'secondary';
13
+ errors?: string[];
14
+ customClass?: string;
15
+ customClassLabel?: string;
16
+ customClassWrapper?: string;
17
+ customClassInputContainer?: string;
18
+ rounded?: boolean;
19
+ readOnly?: boolean;
20
+ skeletonize?: boolean;
21
+ labelUppercase?: boolean;
22
+ hintPosition?: HintPosition;
23
+ themePopover?: ColorTheme;
24
+ popoverAlign?: Extract<Position, 'left' | 'right'>;
25
+ tabIndex?: number;
26
+ }
27
+ declare const InputBase: React__default.ForwardRefExoticComponent<CheckboxFieldInputBaseProps & React__default.RefAttributes<HTMLInputElement>>;
28
+
29
+ export { CheckboxFieldInputBaseProps, InputBase };
@@ -0,0 +1,134 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.InputBase = void 0;
7
+ require("../../assets/styles/checkbox2.scss");
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _lodash = _interopRequireDefault(require("lodash"));
10
+ var _hint = _interopRequireDefault(require("../../hint"));
11
+ var _icons = _interopRequireDefault(require("../../icons"));
12
+ var _popover = _interopRequireWildcard(require("../../popover"));
13
+ var _tooltip = require("../../tooltip");
14
+ const _excluded = ["name", "label", "errors", "onChange", "size", "tooltip", "tooltipPosition", "tooltipWidth", "tabIndex", "variant", "customClass", "customClassLabel", "customClassWrapper", "labelUppercase", "rounded", "customClassInputContainer", "skeletonize", "hintPosition", "themePopover", "popoverAlign", "disabled", "readOnly"];
15
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
16
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
19
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
20
+ const InputBase = exports.InputBase = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
21
+ var _props$checked, _props$hint;
22
+ const {
23
+ name,
24
+ label,
25
+ errors,
26
+ onChange,
27
+ size = 'default',
28
+ tooltip,
29
+ tooltipPosition,
30
+ tooltipWidth,
31
+ tabIndex = 0,
32
+ variant = 'default',
33
+ customClass = '',
34
+ customClassLabel = '',
35
+ customClassWrapper = '',
36
+ labelUppercase = false,
37
+ rounded = false,
38
+ customClassInputContainer = '',
39
+ skeletonize = false,
40
+ hintPosition = 'below',
41
+ themePopover = 'light',
42
+ popoverAlign = 'left',
43
+ disabled,
44
+ readOnly
45
+ } = props,
46
+ rest = _objectWithoutProperties(props, _excluded);
47
+ const inputId = _react.default.useMemo(() => props.id || "checkboxfield-".concat(name), [props.id, name]);
48
+ const inputRootRef = _react.default.useRef(null);
49
+ const isChecked = (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : Boolean(props.value);
50
+ const hasLabel = !_lodash.default.isEmpty(props === null || props === void 0 ? void 0 : props.label);
51
+ const hasHintMessages = Boolean((_props$hint = props.hint) === null || _props$hint === void 0 ? void 0 : _props$hint.length);
52
+ const hasValidationErrors = Boolean(errors === null || errors === void 0 ? void 0 : errors.length);
53
+ const handleOnChange = _react.default.useCallback(event => {
54
+ if (readOnly || disabled) return;
55
+ Object.defineProperty(event.target, 'value', {
56
+ value: event.target.checked,
57
+ writable: true,
58
+ enumerable: true,
59
+ configurable: true
60
+ });
61
+ onChange === null || onChange === void 0 ? void 0 : onChange(event);
62
+ }, [readOnly, disabled, onChange]);
63
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
64
+ ref: inputRootRef,
65
+ "data-testid": "test-chebox-field-root",
66
+ className: "checkbox-field-root ".concat(customClassWrapper),
67
+ "data-state-error": hasValidationErrors
68
+ }, /*#__PURE__*/_react.default.createElement("div", {
69
+ "data-state-skeletonize": skeletonize,
70
+ className: "container ".concat(customClassInputContainer)
71
+ }, /*#__PURE__*/_react.default.createElement("div", {
72
+ className: "input-root"
73
+ }, /*#__PURE__*/_react.default.createElement("input", _extends({
74
+ ref: ref,
75
+ id: inputId,
76
+ name: name,
77
+ readOnly: readOnly,
78
+ disabled: disabled,
79
+ className: "input ".concat(customClass),
80
+ tabIndex: !readOnly && !tabIndex ? 0 : -1,
81
+ "data-testid": "test-checkbox-field-input",
82
+ "data-state-size": size,
83
+ "data-state-error": hasValidationErrors,
84
+ "data-state-variant": variant,
85
+ "data-state-rounded": rounded,
86
+ "data-state-read-only": readOnly,
87
+ "data-state-skeletonize": skeletonize
88
+ }, rest, {
89
+ type: "checkbox",
90
+ checked: isChecked,
91
+ onChange: handleOnChange
92
+ })), /*#__PURE__*/_react.default.createElement(_icons.default, {
93
+ customClass: "checkmark",
94
+ name: "checkmark",
95
+ colorStyle: "default"
96
+ })), hasLabel && /*#__PURE__*/_react.default.createElement("label", {
97
+ className: "label ".concat(customClassLabel),
98
+ title: label,
99
+ htmlFor: inputId,
100
+ "aria-readonly": readOnly,
101
+ "aria-disabled": disabled,
102
+ "data-testid": "test-checkbox-field-label",
103
+ "data-state-skeletonize": skeletonize,
104
+ "data-state-disabled": disabled,
105
+ "data-state-read-only": readOnly,
106
+ "data-state-uppercase": labelUppercase,
107
+ "data-state-input-required": props.required
108
+ }, label), hasLabel && hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
109
+ customClass: "label-popover",
110
+ theme: themePopover,
111
+ align: popoverAlign,
112
+ iconColor: "#03bde2"
113
+ }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
114
+ text: props === null || props === void 0 ? void 0 : props.hint
115
+ }))), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
116
+ customClass: "hint",
117
+ description: props.hint,
118
+ disabled: disabled,
119
+ skeletonize: skeletonize,
120
+ visible: hasHintMessages
121
+ }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
122
+ className: "error",
123
+ "data-state-skeletonize": skeletonize,
124
+ "aria-describedby": String(name).concat('-errors')
125
+ }, errors === null || errors === void 0 ? void 0 : errors.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
126
+ key: "".concat(index + 1, "-").concat(error)
127
+ }, error, "\xA0")))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
128
+ targetRef: inputRootRef,
129
+ text: tooltip,
130
+ width: tooltipWidth,
131
+ position: tooltipPosition
132
+ }));
133
+ });
134
+ InputBase.displayName = 'CheckboxFieldInputBase';
@@ -1,7 +1,8 @@
1
1
  import 'react';
2
+ import '../../@types/PermissionAttr.js';
3
+ import './base.js';
4
+ export { C as CheckboxFieldInputProps, I as Input } from '../../index-7159df18.js';
2
5
  import '../../@types/Size.js';
3
6
  import '../../@types/ColorStyles.js';
4
7
  import '../../tooltip/types.js';
5
8
  import '../../@types/Position.js';
6
- import '../../@types/PermissionAttr.js';
7
- export { C as CheckboxFieldInputProps, I as Input } from '../../index-4bda404f.js';