@pismo/marola 2.1.64 → 2.1.66

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 (114) hide show
  1. package/dist/Button-CJaBSdv1.js +135 -0
  2. package/dist/ClassNameConfigurator-CVRWfyIa.js +847 -0
  3. package/dist/{ClickAwayListener-Z08peX_P.js → ClickAwayListener-BnYMO5Ki.js} +26 -33
  4. package/dist/Popup-D267EI4e.js +1338 -0
  5. package/dist/{Portal-DJapUCn6.js → Portal-BrGvxB96.js} +32 -36
  6. package/dist/RadioOption-DyRY8xlF.js +1094 -0
  7. package/dist/{Toggle-DcZTfLrC.js → Toggle-nnDfpqI1.js} +31 -31
  8. package/dist/assets/Checkbox.css +1 -1
  9. package/dist/assets/DropdownMenu.css +1 -1
  10. package/dist/assets/ToastCard.css +1 -1
  11. package/dist/assets/Toggle2.css +1 -1
  12. package/dist/combineHooksSlotProps-j-8UVeYo.js +86 -0
  13. package/dist/components/Alert/Alert.stories.d.ts +6 -6
  14. package/dist/components/Autocomplete/Autocomplete.d.ts +1 -1
  15. package/dist/components/Autocomplete/Autocomplete.js +311 -320
  16. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +1 -1
  17. package/dist/components/Avatar/Avatar.stories.d.ts +4 -4
  18. package/dist/components/BankingCard/BankingCard.d.ts +0 -1
  19. package/dist/components/Button/Button.js +1 -1
  20. package/dist/components/Checkbox/Checkbox.js +56 -56
  21. package/dist/components/Checkbox/Checkbox.stories.d.ts +8 -8
  22. package/dist/components/Chip/Chip.js +3 -3
  23. package/dist/components/DatePicker/DatePicker.js +742 -639
  24. package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -8
  25. package/dist/components/DatePicker/dateUtils.d.ts +2 -2
  26. package/dist/components/DatePicker/dateUtils.js +1 -1
  27. package/dist/components/DatePicker/keyboardNavigation.d.ts +1 -1
  28. package/dist/components/DatePicker/renderCalendarDays.js +1 -1
  29. package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
  30. package/dist/components/Dialog/CloseIconButton.js +1 -1
  31. package/dist/components/Dialog/Dialog.js +372 -352
  32. package/dist/components/Dialog/Dialog.stories.d.ts +96 -135
  33. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.d.ts +1 -1
  34. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js +2 -2
  35. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.stories.d.ts +1 -1
  36. package/dist/components/DoubleInput/DoubleInput.stories.d.ts +1 -1
  37. package/dist/components/Draggable/Draggable.d.ts +0 -1
  38. package/dist/components/Draggable/Draggable.js +1 -1
  39. package/dist/components/Draggable/Draggable.stories.d.ts +2 -3
  40. package/dist/components/Draggable/useDraggable.js +1 -1
  41. package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -1
  42. package/dist/components/DropdownMenu/DropdownMenu.js +39 -34
  43. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -4
  44. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +4 -4
  45. package/dist/components/Icon/types.d.ts +1 -1
  46. package/dist/components/IconButton/IconButton.js +1 -1
  47. package/dist/components/Input/Input.js +335 -320
  48. package/dist/components/InputSearch/InputSearch.d.ts +31 -31
  49. package/dist/components/InputSearch/InputSearch.stories.d.ts +31 -31
  50. package/dist/components/Popover/Popover.d.ts +3 -3
  51. package/dist/components/Popover/Popover.js +2 -2
  52. package/dist/components/Popover/Popover.stories.d.ts +3 -3
  53. package/dist/components/Popover/PopoverBody.d.ts +0 -1
  54. package/dist/components/Popover/PopoverFooter.d.ts +0 -1
  55. package/dist/components/Popover/PopoverHeader.d.ts +0 -1
  56. package/dist/components/RadioButton/RadioButton.d.ts +0 -1
  57. package/dist/components/RadioButton/RadioButton.js +684 -769
  58. package/dist/components/RadioButton/RadioOption.d.ts +0 -1
  59. package/dist/components/RadioButton/RadioOption.js +3 -3
  60. package/dist/components/ResultContainer/ResultContainer.d.ts +0 -1
  61. package/dist/components/ResultContainer/ResultContainer.stories.d.ts +9 -9
  62. package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
  63. package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts +9 -9
  64. package/dist/components/RowItem/RowItem.js +2 -2
  65. package/dist/components/Select/Select.js +625 -591
  66. package/dist/components/Skeleton/Skeleton.d.ts +0 -1
  67. package/dist/components/Snackbar/Snackbar.js +295 -239
  68. package/dist/components/Snackbar/Snackbar.stories.d.ts +113 -113
  69. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -1
  70. package/dist/components/Table/Table.stories.d.ts +5 -5
  71. package/dist/components/Tabs/Tab.js +107 -98
  72. package/dist/components/Tabs/TabPanel.js +58 -55
  73. package/dist/components/Tabs/Tabs.js +246 -231
  74. package/dist/components/ToastCard/ToastCard.js +31 -31
  75. package/dist/components/Toggle/Toggle.js +147 -137
  76. package/dist/components/Toggle/Toggle.stories.d.ts +5 -5
  77. package/dist/components/ToggleGroup/Toggle.d.ts +0 -1
  78. package/dist/components/ToggleGroup/Toggle.js +2 -2
  79. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  80. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
  81. package/dist/components/Tooltip/Tooltip.js +266 -325
  82. package/dist/components/Tooltip/Tooltip.stories.d.ts +4 -4
  83. package/dist/components/TransactionRow/TransactionRow.stories.d.ts +21 -21
  84. package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +0 -1
  85. package/dist/contexts/DraggableProvider/DraggableProvider.js +1 -1
  86. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
  87. package/dist/{dayjs.min-ClQKmc--.js → dayjs.min-BtgZiFZY.js} +14 -14
  88. package/dist/getReactElementRef-iorwYm2A.js +19 -0
  89. package/dist/{index-1UpBa69h.js → index-ew-96uBP.js} +2129 -2128
  90. package/dist/isFocusVisible-CPZqtjv2.js +12 -0
  91. package/dist/main.js +2 -2
  92. package/dist/{ownerDocument-By592Iy6.js → ownerDocument-CU-LCrtd.js} +1 -1
  93. package/dist/react-BTbo_5A3.js +526 -0
  94. package/dist/setRef-Bo0HEdBB.js +6 -0
  95. package/dist/useButton-C2E_LFJp.js +90 -0
  96. package/dist/useControlled-BYdyS7Pn.js +31 -0
  97. package/dist/useId-CK6Kn3Tn.js +21 -0
  98. package/dist/useList-BLW78Lq7.js +446 -0
  99. package/dist/utils/draggable.d.ts +2 -2
  100. package/dist/utils/iconsList.js +118 -112
  101. package/package.json +1 -1
  102. package/dist/Button-BrEDdtHO.js +0 -130
  103. package/dist/Popup-Dffqo7wT.js +0 -1246
  104. package/dist/RadioOption-DYovqiwF.js +0 -720
  105. package/dist/combineHooksSlotProps-BhQ14uyD.js +0 -79
  106. package/dist/exactProp-SYjL19cU.js +0 -13
  107. package/dist/react-BvI-Sw9b.js +0 -509
  108. package/dist/useButton-CezPDte8.js +0 -105
  109. package/dist/useControlled-CCMYYdCM.js +0 -31
  110. package/dist/useId-BW-oWmul.js +0 -19
  111. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  112. package/dist/useList-nqLfZem8.js +0 -435
  113. package/dist/useSlotProps-CYHDC4TN.js +0 -834
  114. package/dist/useTimeout-DxF9kiZL.js +0 -36
@@ -5,124 +5,127 @@ declare const meta: {
5
5
  children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
6
6
  dialogTitle: import('react').ReactNode;
7
7
  dialogSubtitle?: import('react').ReactNode;
8
- icon?: import('../Icon/Icon').IconProps | undefined;
9
- onClose?: ((reason: import('./Dialog').CloseReason) => void) | undefined;
8
+ icon?: import('react').ComponentProps<typeof import('../Icon/Icon').Icon>;
9
+ onClose?: (reason: import('./Dialog').CloseReason) => void;
10
10
  } & import('react').RefAttributes<HTMLDivElement>> & {
11
- Title: import('react').FunctionComponent<import('./DialogTitle').DialogTitleProps>;
12
- Content: import('react').FunctionComponent<import('./Content').DialogContentProps>;
13
- Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
11
+ Title: React.FunctionComponent<import('./DialogTitle').DialogTitleProps>;
12
+ Content: React.FunctionComponent<import('./Content').DialogContentProps>;
13
+ Actions: React.FunctionComponent<import('./Actions').DialogActionProps>;
14
14
  };
15
15
  tags: string[];
16
16
  decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
17
- color?: string | undefined;
17
+ color?: string | undefined | undefined;
18
18
  children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
19
- title?: string | undefined;
19
+ title?: string | undefined | undefined;
20
20
  style?: import('react').CSSProperties | undefined;
21
- className?: string | undefined;
22
- slot?: string | undefined;
23
- suppressHydrationWarning?: boolean | undefined;
24
- defaultChecked?: boolean | undefined;
21
+ className?: string | undefined | undefined;
22
+ slot?: string | undefined | undefined;
23
+ suppressHydrationWarning?: boolean | undefined | undefined;
24
+ defaultChecked?: boolean | undefined | undefined;
25
25
  defaultValue?: string | number | readonly string[] | undefined;
26
- suppressContentEditableWarning?: boolean | undefined;
26
+ suppressContentEditableWarning?: boolean | undefined | undefined;
27
27
  open: boolean;
28
- content?: string | undefined;
29
- dir?: string | undefined;
30
- hidden?: boolean | undefined;
28
+ content?: string | undefined | undefined;
29
+ dir?: string | undefined | undefined;
30
+ hidden?: boolean | undefined | undefined;
31
31
  container?: Element | (() => Element | null) | null | undefined;
32
32
  onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
33
33
  onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
34
- accessKey?: string | undefined;
35
- autoFocus?: boolean | undefined;
34
+ accessKey?: string | undefined | undefined;
35
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
36
+ autoFocus?: boolean | undefined | undefined;
36
37
  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
37
- contextMenu?: string | undefined;
38
+ contextMenu?: string | undefined | undefined;
38
39
  draggable?: (boolean | "true" | "false") | undefined;
39
- id?: string | undefined;
40
- lang?: string | undefined;
41
- nonce?: string | undefined;
40
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
41
+ id?: string | undefined | undefined;
42
+ lang?: string | undefined | undefined;
43
+ nonce?: string | undefined | undefined;
42
44
  spellCheck?: (boolean | "true" | "false") | undefined;
43
- tabIndex?: number | undefined;
44
- translate?: "no" | "yes" | undefined;
45
- radioGroup?: string | undefined;
45
+ tabIndex?: number | undefined | undefined;
46
+ translate?: "yes" | "no" | undefined | undefined;
47
+ radioGroup?: string | undefined | undefined;
46
48
  role?: import('react').AriaRole | undefined;
47
- about?: string | undefined;
48
- datatype?: string | undefined;
49
+ about?: string | undefined | undefined;
50
+ datatype?: string | undefined | undefined;
49
51
  inlist?: any;
50
- prefix?: string | undefined;
51
- property?: string | undefined;
52
- rel?: string | undefined;
53
- resource?: string | undefined;
54
- rev?: string | undefined;
55
- typeof?: string | undefined;
56
- vocab?: string | undefined;
57
- autoCapitalize?: string | undefined;
58
- autoCorrect?: string | undefined;
59
- autoSave?: string | undefined;
60
- itemProp?: string | undefined;
61
- itemScope?: boolean | undefined;
62
- itemType?: string | undefined;
63
- itemID?: string | undefined;
64
- itemRef?: string | undefined;
65
- results?: number | undefined;
66
- security?: string | undefined;
67
- unselectable?: "on" | "off" | undefined;
68
- inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
69
- is?: string | undefined;
70
- "aria-activedescendant"?: string | undefined;
52
+ prefix?: string | undefined | undefined;
53
+ property?: string | undefined | undefined;
54
+ rel?: string | undefined | undefined;
55
+ resource?: string | undefined | undefined;
56
+ rev?: string | undefined | undefined;
57
+ typeof?: string | undefined | undefined;
58
+ vocab?: string | undefined | undefined;
59
+ autoCorrect?: string | undefined | undefined;
60
+ autoSave?: string | undefined | undefined;
61
+ itemProp?: string | undefined | undefined;
62
+ itemScope?: boolean | undefined | undefined;
63
+ itemType?: string | undefined | undefined;
64
+ itemID?: string | undefined | undefined;
65
+ itemRef?: string | undefined | undefined;
66
+ results?: number | undefined | undefined;
67
+ security?: string | undefined | undefined;
68
+ unselectable?: "on" | "off" | undefined | undefined;
69
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
70
+ is?: string | undefined | undefined;
71
+ exportparts?: string | undefined | undefined;
72
+ part?: string | undefined | undefined;
73
+ "aria-activedescendant"?: string | undefined | undefined;
71
74
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
72
- "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
73
- "aria-braillelabel"?: string | undefined;
74
- "aria-brailleroledescription"?: string | undefined;
75
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
76
+ "aria-braillelabel"?: string | undefined | undefined;
77
+ "aria-brailleroledescription"?: string | undefined | undefined;
75
78
  "aria-busy"?: (boolean | "true" | "false") | undefined;
76
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
77
- "aria-colcount"?: number | undefined;
78
- "aria-colindex"?: number | undefined;
79
- "aria-colindextext"?: string | undefined;
80
- "aria-colspan"?: number | undefined;
81
- "aria-controls"?: string | undefined;
82
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
83
- "aria-describedby"?: string | undefined;
84
- "aria-description"?: string | undefined;
85
- "aria-details"?: string | undefined;
79
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
80
+ "aria-colcount"?: number | undefined | undefined;
81
+ "aria-colindex"?: number | undefined | undefined;
82
+ "aria-colindextext"?: string | undefined | undefined;
83
+ "aria-colspan"?: number | undefined | undefined;
84
+ "aria-controls"?: string | undefined | undefined;
85
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
86
+ "aria-describedby"?: string | undefined | undefined;
87
+ "aria-description"?: string | undefined | undefined;
88
+ "aria-details"?: string | undefined | undefined;
86
89
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
87
- "aria-dropeffect"?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
88
- "aria-errormessage"?: string | undefined;
90
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
91
+ "aria-errormessage"?: string | undefined | undefined;
89
92
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
90
- "aria-flowto"?: string | undefined;
93
+ "aria-flowto"?: string | undefined | undefined;
91
94
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
92
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
95
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
93
96
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
94
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
95
- "aria-keyshortcuts"?: string | undefined;
96
- "aria-label"?: string | undefined;
97
- "aria-labelledby"?: string | undefined;
98
- "aria-level"?: number | undefined;
99
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
97
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
98
+ "aria-keyshortcuts"?: string | undefined | undefined;
99
+ "aria-label"?: string | undefined | undefined;
100
+ "aria-labelledby"?: string | undefined | undefined;
101
+ "aria-level"?: number | undefined | undefined;
102
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
100
103
  "aria-modal"?: (boolean | "true" | "false") | undefined;
101
104
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
102
105
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
103
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
104
- "aria-owns"?: string | undefined;
105
- "aria-placeholder"?: string | undefined;
106
- "aria-posinset"?: number | undefined;
107
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
106
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
107
+ "aria-owns"?: string | undefined | undefined;
108
+ "aria-placeholder"?: string | undefined | undefined;
109
+ "aria-posinset"?: number | undefined | undefined;
110
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
108
111
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
109
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
112
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
110
113
  "aria-required"?: (boolean | "true" | "false") | undefined;
111
- "aria-roledescription"?: string | undefined;
112
- "aria-rowcount"?: number | undefined;
113
- "aria-rowindex"?: number | undefined;
114
- "aria-rowindextext"?: string | undefined;
115
- "aria-rowspan"?: number | undefined;
114
+ "aria-roledescription"?: string | undefined | undefined;
115
+ "aria-rowcount"?: number | undefined | undefined;
116
+ "aria-rowindex"?: number | undefined | undefined;
117
+ "aria-rowindextext"?: string | undefined | undefined;
118
+ "aria-rowspan"?: number | undefined | undefined;
116
119
  "aria-selected"?: (boolean | "true" | "false") | undefined;
117
- "aria-setsize"?: number | undefined;
118
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
119
- "aria-valuemax"?: number | undefined;
120
- "aria-valuemin"?: number | undefined;
121
- "aria-valuenow"?: number | undefined;
122
- "aria-valuetext"?: string | undefined;
120
+ "aria-setsize"?: number | undefined | undefined;
121
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
122
+ "aria-valuemax"?: number | undefined | undefined;
123
+ "aria-valuemin"?: number | undefined | undefined;
124
+ "aria-valuenow"?: number | undefined | undefined;
125
+ "aria-valuetext"?: string | undefined | undefined;
123
126
  dangerouslySetInnerHTML?: {
124
127
  __html: string | TrustedHTML;
125
- } | undefined;
128
+ } | undefined | undefined;
126
129
  onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
127
130
  onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
128
131
  onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -140,7 +143,7 @@ declare const meta: {
140
143
  onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
141
144
  onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
142
145
  onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
143
- onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
146
+ onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
144
147
  onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
145
148
  onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
146
149
  onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -190,8 +193,6 @@ declare const meta: {
190
193
  onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
191
194
  onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
192
195
  onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
193
- onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
194
- onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
195
196
  onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
196
197
  onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
197
198
  onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -282,48 +283,8 @@ declare const meta: {
282
283
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
283
284
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
284
285
  slotProps?: {
285
- root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, {
286
- children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
287
- closeAfterTransition: boolean;
288
- container?: Element | (() => Element | null) | null | undefined;
289
- disableAutoFocus: boolean;
290
- disableEnforceFocus: boolean;
291
- disableEscapeKeyDown: boolean;
292
- disablePortal: boolean;
293
- disableRestoreFocus: boolean;
294
- disableScrollLock: boolean;
295
- hideBackdrop: boolean;
296
- keepMounted: boolean;
297
- onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
298
- onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
299
- onTransitionEnter?: (() => void) | undefined;
300
- onTransitionExited?: (() => void) | undefined;
301
- open: boolean;
302
- slotProps?: any | undefined;
303
- slots?: import('@mui/base').ModalSlots | undefined;
304
- exited: boolean;
305
- }> | undefined;
306
- backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, {
307
- children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
308
- closeAfterTransition: boolean;
309
- container?: Element | (() => Element | null) | null | undefined;
310
- disableAutoFocus: boolean;
311
- disableEnforceFocus: boolean;
312
- disableEscapeKeyDown: boolean;
313
- disablePortal: boolean;
314
- disableRestoreFocus: boolean;
315
- disableScrollLock: boolean;
316
- hideBackdrop: boolean;
317
- keepMounted: boolean;
318
- onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
319
- onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
320
- onTransitionEnter?: (() => void) | undefined;
321
- onTransitionExited?: (() => void) | undefined;
322
- open: boolean;
323
- slotProps?: any | undefined;
324
- slots?: import('@mui/base').ModalSlots | undefined;
325
- exited: boolean;
326
- }> | undefined;
286
+ root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, import('@mui/base').ModalOwnerState>;
287
+ backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, import('@mui/base').ModalOwnerState>;
327
288
  } | undefined;
328
289
  slots?: import('@mui/base').ModalSlots | undefined;
329
290
  key?: import('react').Key | null | undefined;
@@ -336,12 +297,12 @@ declare const meta: {
336
297
  disableScrollLock?: boolean | undefined;
337
298
  hideBackdrop?: boolean | undefined;
338
299
  keepMounted?: boolean | undefined;
339
- onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
300
+ onBackdropClick?: React.ReactEventHandler<{}> | undefined;
340
301
  onTransitionEnter?: (() => void) | undefined;
341
302
  onTransitionExited?: (() => void) | undefined;
342
303
  dialogTitle: import('react').ReactNode;
343
304
  dialogSubtitle?: import('react').ReactNode;
344
- icon?: import('../Icon/Icon').IconProps | undefined;
305
+ icon?: import('react').ComponentProps<typeof import('../Icon/Icon').Icon> | undefined;
345
306
  onClose?: ((reason: import('./Dialog').CloseReason) => void) | undefined;
346
307
  ref?: import('react').LegacyRef<HTMLDivElement> | undefined;
347
308
  }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -20,4 +20,4 @@ export type DoubleAutocompleteProps<T> = {
20
20
  /** Id to be applied as `data-testid` on the container element */
21
21
  'data-testid'?: string;
22
22
  };
23
- export declare const DoubleAutocomplete: <T extends string | object>({ separator, useLabelInside, leftAutocompleteProps, rightAutocompleteProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
23
+ export declare const DoubleAutocomplete: <T extends object | string>({ separator, useLabelInside, leftAutocompleteProps, rightAutocompleteProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -6,11 +6,11 @@ import { Autocomplete as i } from "../Autocomplete/Autocomplete.js";
6
6
  import "../Avatar/Avatar.js";
7
7
  import "react";
8
8
  import "../Button/Button.js";
9
- import "../../Toggle-DcZTfLrC.js";
9
+ import "../../Toggle-nnDfpqI1.js";
10
10
  import "../Dialog/Dialog.js";
11
11
  import "../DatePicker/DatePicker.js";
12
12
  import "../Input/Input.js";
13
- import "../../index-1UpBa69h.js";
13
+ import "../../index-ew-96uBP.js";
14
14
  import "../Draggable/useDraggable.js";
15
15
  import "../IconButton/IconButton.js";
16
16
  import "../InputSearch/InputSearch.js";
@@ -10,7 +10,7 @@ declare const meta: {
10
10
  component: ({ separator, useLabelInside, leftAutocompleteProps, rightAutocompleteProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleAutocompleteProps<Option>) => import("react/jsx-runtime").JSX.Element;
11
11
  tags: string[];
12
12
  decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
13
- separator: import('react').ReactNode;
13
+ separator: React.ReactNode;
14
14
  separatorStyles?: import('react').CSSProperties | undefined;
15
15
  useLabelInside?: boolean | undefined;
16
16
  leftAutocompleteProps: AutocompleteProps<Option>;
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  component: ({ separator, leftInputProps, rightInputProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: import('./DoubleInput').DoubleInputProps) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
7
- separator: import('react').ReactNode;
7
+ separator: React.ReactNode;
8
8
  separatorStyles?: import('react').CSSProperties | undefined;
9
9
  leftInputProps: import('../Input/Input').InputProps;
10
10
  rightInputProps: import('../Input/Input').InputProps;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export type DraggableProps<T> = React.PropsWithChildren<{
3
2
  /** Unique identifier for the draggable element */
4
3
  id: string;
@@ -1,7 +1,7 @@
1
1
  import { jsxs as u, jsx as b } from "react/jsx-runtime";
2
2
  import { useRef as K, useState as w, useMemo as V } from "react";
3
3
  import { c as o } from "../../clsx-OuTLNxxd.js";
4
- import { r as P } from "../../index-1UpBa69h.js";
4
+ import { r as P } from "../../index-ew-96uBP.js";
5
5
  import { useDraggable as Q } from "./useDraggable.js";
6
6
  import '../../assets/Draggable.css';const r = {
7
7
  "draggable-container": "_draggable-container_i3ufr_1",
@@ -1,9 +1,8 @@
1
1
  import { StoryObj } from '@storybook/react';
2
+ import { DraggableProviderProps } from '../../contexts/DraggableProvider/DraggableProvider';
2
3
  declare const meta: {
3
4
  title: string;
4
- component: ({ children }: {
5
- children?: import('react').ReactNode;
6
- }) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ children }: DraggableProviderProps) => import("react/jsx-runtime").JSX.Element;
7
6
  tags: string[];
8
7
  parameters: {
9
8
  layout: string;
@@ -1,4 +1,4 @@
1
- import { u as m, a as o } from "../../react-BvI-Sw9b.js";
1
+ import { u as m, a as o } from "../../react-BTbo_5A3.js";
2
2
  const r = o(null), n = () => {
3
3
  const [e, t] = m(r);
4
4
  return {
@@ -14,7 +14,9 @@ export type MenuSections = {
14
14
  }[];
15
15
  }[];
16
16
  type DropdownMenuProps = {
17
- buttonProps?: Omit<ButtonProps, 'link'>;
17
+ buttonProps?: Omit<ButtonProps, 'link' | 'children'> & {
18
+ children?: ReactNode;
19
+ };
18
20
  menuSections: MenuSections;
19
21
  buttonLabel: ReactNode;
20
22
  containerClassName?: string;
@@ -1,15 +1,15 @@
1
- import { jsxs as s, jsx as i } from "react/jsx-runtime";
2
- import { useState as f } from "react";
3
- import { c as l } from "../../clsx-OuTLNxxd.js";
4
- import { Icon as C } from "../Icon/Icon.js";
5
- import { Typography as m } from "../Typography/Typography.js";
1
+ import { jsxs as r, jsx as n } from "react/jsx-runtime";
2
+ import { useState as v } from "react";
3
+ import { c as m } from "../../clsx-OuTLNxxd.js";
4
+ import { Icon as g } from "../Icon/Icon.js";
5
+ import { Typography as p } from "../Typography/Typography.js";
6
6
  import "../Input/Input.js";
7
7
  import "../Avatar/Avatar.js";
8
8
  import { Button as k } from "../Button/Button.js";
9
- import "../../Toggle-DcZTfLrC.js";
9
+ import "../../Toggle-nnDfpqI1.js";
10
10
  import "../Dialog/Dialog.js";
11
11
  import "../DatePicker/DatePicker.js";
12
- import "../../index-1UpBa69h.js";
12
+ import "../../index-ew-96uBP.js";
13
13
  import "../Draggable/useDraggable.js";
14
14
  import "../IconButton/IconButton.js";
15
15
  import "../InputSearch/InputSearch.js";
@@ -20,53 +20,58 @@ import "../Tabs/Tabs.js";
20
20
  import "../../Group-DJz1rK2n.js";
21
21
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
22
22
  import "../../utils/iconsList.js";
23
- import '../../assets/DropdownMenu.css';const r = {
24
- "dropdown-container": "_dropdown-container_1szwv_1",
25
- "menu-button": "_menu-button_1szwv_6",
26
- "menu-options": "_menu-options_1szwv_10",
27
- "menu-section--title": "_menu-section--title_1szwv_24",
28
- "menu-section": "_menu-section_1szwv_24"
29
- }, Q = ({
23
+ import '../../assets/DropdownMenu.css';const t = {
24
+ "dropdown-container": "_dropdown-container_8h422_1",
25
+ "menu-button": "_menu-button_8h422_6",
26
+ "menu-options": "_menu-options_8h422_10",
27
+ "menu-options--padding-top": "_menu-options--padding-top_8h422_23",
28
+ "menu-section--title": "_menu-section--title_8h422_26",
29
+ "menu-section": "_menu-section_8h422_26"
30
+ }, R = ({
30
31
  buttonProps: e,
31
- menuSections: a,
32
- buttonLabel: p,
32
+ menuSections: c,
33
+ buttonLabel: a,
33
34
  containerClassName: d,
34
- dropdownClassName: _,
35
- "data-testid": u
35
+ dropdownClassName: h,
36
+ "data-testid": _
36
37
  }) => {
37
- const [c, t] = f(!1), h = l(r["menu-options"], _), v = l(r["dropdown-container"], d);
38
- return /* @__PURE__ */ s("div", { className: v, children: [
39
- /* @__PURE__ */ i("div", { className: r["menu-button"], children: /* @__PURE__ */ i(
38
+ const [s, l] = v(!1), u = m(
39
+ t["menu-options"],
40
+ c.length > 1 && t["menu-options--padding-top"],
41
+ h
42
+ ), f = m(t["dropdown-container"], d);
43
+ return /* @__PURE__ */ r("div", { className: f, children: [
44
+ /* @__PURE__ */ n("div", { className: t["menu-button"], children: /* @__PURE__ */ n(
40
45
  k,
41
46
  {
42
- "data-testid": u,
47
+ "data-testid": _,
43
48
  ...e,
44
49
  onClick: () => {
45
- var n;
46
- (n = e == null ? void 0 : e.onClick) == null || n.call(e), t(!c);
50
+ var i;
51
+ (i = e == null ? void 0 : e.onClick) == null || i.call(e), l(!s);
47
52
  },
48
- children: p
53
+ children: a
49
54
  }
50
55
  ) }),
51
- c && /* @__PURE__ */ i("div", { className: h, children: a.map((n, w) => /* @__PURE__ */ s("div", { className: r["menu-section"], children: [
52
- !!n.sectionTitle && /* @__PURE__ */ i("div", { className: r["menu-section--title"], children: /* @__PURE__ */ i(m, { ...n.sectionTitleProps, children: n.sectionTitle }) }),
53
- /* @__PURE__ */ i("ul", { children: n.sectionItems.map((o) => /* @__PURE__ */ s(
56
+ s && /* @__PURE__ */ n("div", { className: u, children: c.map((i, C) => /* @__PURE__ */ r("div", { className: t["menu-section"], children: [
57
+ !!i.sectionTitle && /* @__PURE__ */ n("div", { className: t["menu-section--title"], children: /* @__PURE__ */ n(p, { ...i.sectionTitleProps, children: i.sectionTitle }) }),
58
+ /* @__PURE__ */ n("ul", { children: i.sectionItems.map((o) => /* @__PURE__ */ r(
54
59
  "li",
55
60
  {
56
61
  onClick: () => {
57
- o == null || o.onClick(), t(!1);
62
+ o == null || o.onClick(), l(!1);
58
63
  },
59
64
  children: [
60
- o.icon && /* @__PURE__ */ i(C, { color: o.iconColor || "var(--accent)", icon: o.icon }),
61
- /* @__PURE__ */ i(m, { ...o.labelProps, children: o.label })
65
+ o.icon && /* @__PURE__ */ n(g, { color: o.iconColor || "var(--accent)", icon: o.icon }),
66
+ /* @__PURE__ */ n(p, { ...o.labelProps, children: o.label })
62
67
  ]
63
68
  },
64
69
  o.key
65
70
  )) })
66
- ] }, w)) })
71
+ ] }, C)) })
67
72
  ] });
68
73
  };
69
74
  export {
70
- Q as DropdownMenu,
71
- Q as default
75
+ R as DropdownMenu,
76
+ R as default
72
77
  };
@@ -2,12 +2,14 @@ import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ buttonProps, menuSections, buttonLabel, containerClassName, dropdownClassName, "data-testid": dataTestId, }: {
5
- buttonProps?: Omit<import('../Button/Button').ButtonProps, "link"> | undefined;
5
+ buttonProps?: Omit<import('../Button/Button').ButtonProps, "link" | "children"> & {
6
+ children?: import('react').ReactNode;
7
+ };
6
8
  menuSections: import('./DropdownMenu').MenuSections;
7
9
  buttonLabel: import('react').ReactNode;
8
- containerClassName?: string | undefined;
9
- dropdownClassName?: string | undefined;
10
- 'data-testid'?: string | undefined;
10
+ containerClassName?: string;
11
+ dropdownClassName?: string;
12
+ 'data-testid'?: string;
11
13
  }) => import("react/jsx-runtime").JSX.Element;
12
14
  tags: string[];
13
15
  parameters: {
@@ -14,15 +14,15 @@ declare const meta: {
14
14
  className?: string | undefined;
15
15
  'data-testid'?: string | undefined;
16
16
  footer?: {
17
- type: "link" | "button";
17
+ type: "button" | "link";
18
18
  label: string;
19
- onClick?: (() => void) | undefined;
20
- href?: string | undefined;
19
+ onClick?: () => void;
20
+ href?: string;
21
21
  } | undefined;
22
22
  open?: boolean | undefined;
23
23
  onClose?: (() => void) | undefined;
24
24
  content: import('react').ReactNode;
25
- position?: import('@floating-ui/react-dom').Placement | undefined;
25
+ position?: import('@floating-ui/utils').Placement | undefined;
26
26
  disablePortal?: boolean | undefined;
27
27
  arialRole?: import('react').AriaRole | undefined;
28
28
  disableHoverListener?: boolean | undefined;
@@ -2,4 +2,4 @@
2
2
  * This file is automatically generated. Any changes will be lost.
3
3
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
4
4
  */
5
- export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-rotate-left' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'graduation-cap' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'laptop' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'plus' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'sd-card' | 'sd-cards' | 'server' | 'sheet-plastic' | 'sidebar' | 'sitemap' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-group-crown' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
5
+ export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-rotate-left' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'graduation-cap' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'laptop' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'messages-question' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'plus' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'sd-card' | 'sd-cards' | 'server' | 'sheet-plastic' | 'sidebar' | 'sitemap' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-group-crown' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as c } from "react/jsx-runtime";
2
2
  import { forwardRef as d, useMemo as l } from "react";
3
3
  import { c as j } from "../../clsx-OuTLNxxd.js";
4
4
  import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
5
- import { B as x } from "../../Button-BrEDdtHO.js";
5
+ import { B as x } from "../../Button-CJaBSdv1.js";
6
6
  import '../../assets/IconButton.css';const o = {
7
7
  "u-typography-h1": "_u-typography-h1_gt5j9_1",
8
8
  "u-typography-h2": "_u-typography-h2_gt5j9_8",