@alextheman/components 6.1.2 → 6.2.0

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 (7) hide show
  1. package/dist/index.cjs +2 -2
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +99 -27
  4. package/dist/index.d.ts +99 -27
  5. package/dist/index.js +2 -2
  6. package/dist/index.js.map +1 -1
  7. package/package.json +31 -38
package/dist/index.d.cts CHANGED
@@ -1,14 +1,15 @@
1
- import * as react_jsx_runtime0 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime2 from "react/jsx-runtime";
2
2
  import { CollapseProps } from "@mui/material/Collapse";
3
3
  import { PaletteMode, SxProps, Theme } from "@mui/material/styles";
4
4
  import * as react0 from "react";
5
- import { CSSProperties, ComponentProps, ComponentType, Dispatch, ElementType, JSX, ReactNode, Ref, SetStateAction } from "react";
6
- import { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
5
+ import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, Dispatch, ElementType, JSX, MouseEvent, MouseEventHandler, ReactNode, Ref, SetStateAction } from "react";
6
+ import Button$1, { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
7
7
  import { LinkProps } from "@mui/material/Link";
8
8
  import { CommonProps, OverridableComponent } from "@mui/material/OverridableComponent";
9
9
  import { SvgIconTypeMap } from "@mui/material/SvgIcon";
10
10
  import { ListItemButtonProps } from "@mui/material/ListItemButton";
11
11
  import { OptionalOnCondition } from "@alextheman/utility";
12
+ import { MenuItemOwnProps } from "@mui/material/MenuItem";
12
13
  import { AlertColor } from "@mui/material/Alert";
13
14
  import { TypographyProps } from "@mui/material/Typography";
14
15
  import { LiveProvider } from "react-live";
@@ -40,10 +41,10 @@ declare function CollapsableItem({
40
41
  openIcon,
41
42
  closedIcon,
42
43
  useDefaultStyling
43
- }: CollapsableItemProps): react_jsx_runtime0.JSX.Element;
44
+ }: CollapsableItemProps): react_jsx_runtime2.JSX.Element;
44
45
  //#endregion
45
46
  //#region src/components/DarkModeToggle.d.ts
46
- declare function DarkModeToggle(): react_jsx_runtime0.JSX.Element;
47
+ declare function DarkModeToggle(): react_jsx_runtime2.JSX.Element;
47
48
  //#endregion
48
49
  //#region src/components/DropdownMenu.d.ts
49
50
  interface DropdownMenuProps {
@@ -56,6 +57,7 @@ interface DropdownMenuProps {
56
57
  onOpen?: () => void;
57
58
  onClose?: () => void;
58
59
  }
60
+ /** @deprecated This component does not support the new context-based pattern and individual DropdownMenuItem components. Please use DropdownMenu2 instead. */
59
61
  declare function DropdownMenu({
60
62
  children,
61
63
  button: Button,
@@ -65,7 +67,7 @@ declare function DropdownMenu({
65
67
  isClosedIcon,
66
68
  onOpen,
67
69
  onClose
68
- }: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
70
+ }: DropdownMenuProps): react_jsx_runtime2.JSX.Element;
69
71
  //#endregion
70
72
  //#region src/components/ExternalLink.d.ts
71
73
  interface ExternalLinkProps extends Omit<LinkProps, "to" | "target" | "rel"> {
@@ -79,7 +81,7 @@ declare function ExternalLink({
79
81
  children,
80
82
  ref,
81
83
  ...linkProps
82
- }: ExternalLinkProps): react_jsx_runtime0.JSX.Element;
84
+ }: ExternalLinkProps): react_jsx_runtime2.JSX.Element;
83
85
  //#endregion
84
86
  //#region src/components/FileInput.d.ts
85
87
  declare const FileType: {
@@ -108,7 +110,7 @@ declare function FileInput({
108
110
  accept,
109
111
  useDropzone,
110
112
  ...buttonProps
111
- }: FileInputProps): react_jsx_runtime0.JSX.Element;
113
+ }: FileInputProps): react_jsx_runtime2.JSX.Element;
112
114
  //#endregion
113
115
  //#region src/components/FileInputList.d.ts
114
116
  interface FileInputListProps extends Omit<FileInputProps, "onFileInput"> {
@@ -119,7 +121,7 @@ declare function FileInputList({
119
121
  files,
120
122
  setFiles,
121
123
  ...fileInputProps
122
- }: FileInputListProps): react_jsx_runtime0.JSX.Element;
124
+ }: FileInputListProps): react_jsx_runtime2.JSX.Element;
123
125
  //#endregion
124
126
  //#region src/components/IconWithPopover.d.ts
125
127
  interface IconWithPopoverProps {
@@ -137,7 +139,7 @@ declare function IconWithPopover({
137
139
  onClose,
138
140
  iconProps,
139
141
  children
140
- }: IconWithPopoverProps): react_jsx_runtime0.JSX.Element;
142
+ }: IconWithPopoverProps): react_jsx_runtime2.JSX.Element;
141
143
  //#endregion
142
144
  //#region src/components/InternalLink.d.ts
143
145
  interface InternalLinkProps extends Omit<LinkProps, "href"> {
@@ -151,7 +153,7 @@ declare function InternalLink({
151
153
  children,
152
154
  ref,
153
155
  ...linkProps
154
- }: InternalLinkProps): react_jsx_runtime0.JSX.Element;
156
+ }: InternalLinkProps): react_jsx_runtime2.JSX.Element;
155
157
  //#endregion
156
158
  //#region src/components/ListItemInternalLink.d.ts
157
159
  interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
@@ -161,13 +163,83 @@ interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
161
163
  declare function ListItemInternalLink({
162
164
  children,
163
165
  ...listItemButtonProps
164
- }: ListItemInternalLinkProps): react_jsx_runtime0.JSX.Element;
166
+ }: ListItemInternalLinkProps): react_jsx_runtime2.JSX.Element;
165
167
  //#endregion
166
168
  //#region src/types/ContextHookOptions.d.ts
167
169
  interface ContextHookOptions<S extends boolean = true> {
168
170
  strict?: S;
169
171
  }
170
172
  //#endregion
173
+ //#region src/providers/DropdownMenu2/DropdownMenu2.d.ts
174
+ interface DropdownMenuContextValue {
175
+ closeMenu: () => void;
176
+ isDropdownOpen: boolean;
177
+ }
178
+ declare function useDropdownMenu<Strict extends boolean = true>({
179
+ strict
180
+ }?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, DropdownMenuContextValue>;
181
+ interface DropdownMenu2Props {
182
+ children: ReactNode;
183
+ button?: ElementType;
184
+ buttonProps?: Omit<ButtonOwnProps, "endIcon"> & {
185
+ onClick?: (event: MouseEvent<HTMLElement>) => void;
186
+ };
187
+ openIcon?: ReactNode;
188
+ closedIcon?: ReactNode;
189
+ }
190
+ declare function DropdownMenu2({
191
+ children,
192
+ button: Button,
193
+ buttonProps,
194
+ openIcon,
195
+ closedIcon
196
+ }: DropdownMenu2Props): react_jsx_runtime2.JSX.Element;
197
+ //#endregion
198
+ //#region src/providers/DropdownMenu2/DropdownMenuExternalLink.d.ts
199
+ interface DropdownMenuExternalLinkProps extends MenuItemOwnProps {
200
+ ref?: Ref<HTMLAnchorElement>;
201
+ href: ComponentProps<typeof ExternalLink>["href"];
202
+ onClick?: MouseEventHandler<HTMLAnchorElement>;
203
+ children: ReactNode;
204
+ }
205
+ declare function DropdownMenuExternalLink({
206
+ ref,
207
+ href,
208
+ children,
209
+ onClick,
210
+ ...menuItemProps
211
+ }: DropdownMenuExternalLinkProps): react_jsx_runtime2.JSX.Element;
212
+ //#endregion
213
+ //#region src/providers/DropdownMenu2/DropdownMenuInternalLink.d.ts
214
+ interface DropdownMenuInternalLinkProps extends MenuItemOwnProps {
215
+ ref?: Ref<HTMLAnchorElement>;
216
+ to: ComponentProps<typeof InternalLink>["to"];
217
+ onClick?: MouseEventHandler<HTMLAnchorElement>;
218
+ children: ReactNode;
219
+ }
220
+ declare function DropdownMenuInternalLink({
221
+ to,
222
+ ref,
223
+ children,
224
+ onClick,
225
+ ...menuItemProps
226
+ }: DropdownMenuInternalLinkProps): react_jsx_runtime2.JSX.Element;
227
+ //#endregion
228
+ //#region src/providers/DropdownMenu2/DropdownMenuItem.d.ts
229
+ type DropdownMenuItemProps<RootComponent extends ElementType = typeof Button$1> = {
230
+ component?: RootComponent;
231
+ children?: ReactNode;
232
+ ref?: ComponentPropsWithRef<RootComponent>["ref"];
233
+ onClick?: ComponentProps<RootComponent>["onClick"];
234
+ } & Omit<ComponentPropsWithoutRef<RootComponent>, "children" | "ref"> & MenuItemOwnProps;
235
+ declare function DropdownMenuItem<RootComponent extends ElementType>({
236
+ component,
237
+ children,
238
+ ref,
239
+ onClick,
240
+ ...menuItemProps
241
+ }: DropdownMenuItemProps<RootComponent>): react_jsx_runtime2.JSX.Element;
242
+ //#endregion
171
243
  //#region src/providers/LoaderProvider/LoaderProvider.d.ts
172
244
  interface LoaderProviderBaseProps<T> {
173
245
  /** The current loading status (true if loading, false if not) */
@@ -203,7 +275,7 @@ declare function LoaderProvider<T>({
203
275
  children,
204
276
  loadingComponent,
205
277
  ...contextProps
206
- }: LoaderProviderProps<T>): react_jsx_runtime0.JSX.Element;
278
+ }: LoaderProviderProps<T>): react_jsx_runtime2.JSX.Element;
207
279
  //#endregion
208
280
  //#region src/providers/LoaderProvider/LoaderData.d.ts
209
281
  interface LoaderDataProps<T> {
@@ -221,7 +293,7 @@ declare function LoaderData<T>({
221
293
  children,
222
294
  dataParser: loaderDataParser,
223
295
  loadingComponent
224
- }: LoaderDataProps<T>): react_jsx_runtime0.JSX.Element;
296
+ }: LoaderDataProps<T>): react_jsx_runtime2.JSX.Element;
225
297
  //#endregion
226
298
  //#region src/providers/LoaderProvider/LoaderError.d.ts
227
299
  interface LoaderErrorBaseProps {
@@ -256,7 +328,7 @@ declare function LoaderError({
256
328
  nullComponent,
257
329
  nullableComponent,
258
330
  logError: propsLogError
259
- }: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
331
+ }: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime2.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
260
332
  //#endregion
261
333
  //#region src/providers/ModeProvider.d.ts
262
334
  interface ModeContextValue {
@@ -273,7 +345,7 @@ interface ModeProviderProps {
273
345
  declare function ModeProvider({
274
346
  children,
275
347
  mode: modeProp
276
- }: ModeProviderProps): react_jsx_runtime0.JSX.Element;
348
+ }: ModeProviderProps): react_jsx_runtime2.JSX.Element;
277
349
  //#endregion
278
350
  //#region src/providers/ScreenSizeProvider.d.ts
279
351
  interface ScreenSizeProps {
@@ -293,7 +365,7 @@ declare function ScreenSizeProvider({
293
365
  children,
294
366
  largeScreenWidth,
295
367
  largeScreenHeight
296
- }: ScreenSizeProps): react_jsx_runtime0.JSX.Element;
368
+ }: ScreenSizeProps): react_jsx_runtime2.JSX.Element;
297
369
  //#endregion
298
370
  //#region src/providers/SnackbarProvider.d.ts
299
371
  interface SnackbarProviderProps {
@@ -309,7 +381,7 @@ declare function useSnackbar<Strict extends boolean = true>({
309
381
  declare function SnackbarProvider({
310
382
  children,
311
383
  autoHideDuration
312
- }: SnackbarProviderProps): react_jsx_runtime0.JSX.Element;
384
+ }: SnackbarProviderProps): react_jsx_runtime2.JSX.Element;
313
385
  //#endregion
314
386
  //#region src/components/Loader.d.ts
315
387
  type LoaderProps<T> = Omit<LoaderProviderProps<T>, "children"> & Omit<LoaderErrorProps, "errorComponent" | "children"> & Omit<LoaderDataProps<T>, "showOnError" | "onUndefined" | "onNull" | "onNullable">;
@@ -324,7 +396,7 @@ declare function Loader<T>({
324
396
  nullableComponent,
325
397
  loadingComponent,
326
398
  ...loaderProviderProps
327
- }: LoaderProps<T>): react_jsx_runtime0.JSX.Element;
399
+ }: LoaderProps<T>): react_jsx_runtime2.JSX.Element;
328
400
  //#endregion
329
401
  //#region src/components/NavigationBottom.d.ts
330
402
  interface NavItemBottom {
@@ -340,7 +412,7 @@ interface NavigationBottomProps {
340
412
  declare function NavigationBottom({
341
413
  children,
342
414
  navItems
343
- }: NavigationBottomProps): react_jsx_runtime0.JSX.Element;
415
+ }: NavigationBottomProps): react_jsx_runtime2.JSX.Element;
344
416
  //#endregion
345
417
  //#region src/components/NavigationDrawer.d.ts
346
418
  interface NavMenuItem {
@@ -362,7 +434,7 @@ declare function NavigationDrawer({
362
434
  navItems,
363
435
  children,
364
436
  headerElements
365
- }: NavigationDrawerProps): react_jsx_runtime0.JSX.Element;
437
+ }: NavigationDrawerProps): react_jsx_runtime2.JSX.Element;
366
438
  //#endregion
367
439
  //#region src/components/PopoverText.d.ts
368
440
  interface PopoverTextProps extends TypographyProps {
@@ -372,7 +444,7 @@ declare function PopoverText({
372
444
  text,
373
445
  sx,
374
446
  ...typographyProps
375
- }: PopoverTextProps): react_jsx_runtime0.JSX.Element;
447
+ }: PopoverTextProps): react_jsx_runtime2.JSX.Element;
376
448
  //#endregion
377
449
  //#region src/components/ReactPlayground.d.ts
378
450
  interface ReactPlaygroundProps extends ComponentProps<typeof LiveProvider> {
@@ -382,7 +454,7 @@ declare function ReactPlayground({
382
454
  code,
383
455
  previewStyles,
384
456
  ...liveProviderProps
385
- }: ReactPlaygroundProps): react_jsx_runtime0.JSX.Element;
457
+ }: ReactPlaygroundProps): react_jsx_runtime2.JSX.Element;
386
458
  //#endregion
387
459
  //#region src/components/SkeletonRow.d.ts
388
460
  interface SkeletonRowProps {
@@ -390,7 +462,7 @@ interface SkeletonRowProps {
390
462
  }
391
463
  declare function SkeletonRow({
392
464
  columns
393
- }: SkeletonRowProps): react_jsx_runtime0.JSX.Element;
465
+ }: SkeletonRowProps): react_jsx_runtime2.JSX.Element;
394
466
  //#endregion
395
467
  //#region src/components/SubmitButton.d.ts
396
468
  interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
@@ -401,7 +473,7 @@ declare function SubmitButton({
401
473
  disableClean,
402
474
  label,
403
475
  ...buttonProps
404
- }: SubmitButtonProps): react_jsx_runtime0.JSX.Element;
476
+ }: SubmitButtonProps): react_jsx_runtime2.JSX.Element;
405
477
  //#endregion
406
478
  //#region src/components/SwitchWithIcons.d.ts
407
479
  interface SwitchWithIconsProps extends Omit<SwitchProps, "icon" | "checkedIcon"> {
@@ -420,10 +492,10 @@ declare function SwitchWithIcons({
420
492
  uncheckedIcon: UncheckedIcon,
421
493
  uncheckedIconStyles,
422
494
  ...switchProps
423
- }: SwitchWithIconsProps): react_jsx_runtime0.JSX.Element;
495
+ }: SwitchWithIconsProps): react_jsx_runtime2.JSX.Element;
424
496
  //#endregion
425
497
  //#region src/hooks/useHash.d.ts
426
498
  declare function useHash<S extends string>(initialHash: S | undefined): [S, Dispatch<SetStateAction<S>>];
427
499
  //#endregion
428
- export { CollapsableItem, type CollapsableItemProps, ContextHookOptions, DarkModeToggle, DropdownMenu, type DropdownMenuProps, ExternalLink, type ExternalLinkProps, FileInput, FileInputList, type FileInputListProps, type FileInputProps, FileType, IconWithPopover, type IconWithPopoverProps, InternalLink, type InternalLinkProps, ListItemInternalLink, type ListItemInternalLinkProps, Loader, LoaderData, type LoaderDataProps, LoaderError, type LoaderErrorBaseProps, type LoaderErrorProps, type LoaderErrorPropsWithNullable, type LoaderErrorPropsWithUndefinedOrNull, type LoaderProps, LoaderProvider, type LoaderProviderBaseProps, type LoaderProviderProps, type LoaderProviderPropsWithError, type LoaderProviderPropsWithNoError, ModeProvider, type ModeProviderProps, type NavItemBottom, type NavMenuItem, NavigationBottom, type NavigationBottomProps, NavigationDrawer, type NavigationDrawerProps, PopoverText, type PopoverTextProps, ReactPlayground, type ReactPlaygroundProps, type ScreenSizeContextValue, type ScreenSizeProps, ScreenSizeProvider, SkeletonRow, type SkeletonRowProps, SnackbarProvider, type SnackbarProviderProps, SubmitButton, type SubmitButtonProps, SwitchWithIcons, type SwitchWithIconsProps, useHash, useMode, useScreenSize, useSnackbar };
500
+ export { CollapsableItem, type CollapsableItemProps, ContextHookOptions, DarkModeToggle, DropdownMenu, DropdownMenu2, type DropdownMenu2Props, DropdownMenuExternalLink, type DropdownMenuExternalLinkProps, DropdownMenuInternalLink, type DropdownMenuInternalLinkProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, ExternalLink, type ExternalLinkProps, FileInput, FileInputList, type FileInputListProps, type FileInputProps, FileType, IconWithPopover, type IconWithPopoverProps, InternalLink, type InternalLinkProps, ListItemInternalLink, type ListItemInternalLinkProps, Loader, LoaderData, type LoaderDataProps, LoaderError, type LoaderErrorBaseProps, type LoaderErrorProps, type LoaderErrorPropsWithNullable, type LoaderErrorPropsWithUndefinedOrNull, type LoaderProps, LoaderProvider, type LoaderProviderBaseProps, type LoaderProviderProps, type LoaderProviderPropsWithError, type LoaderProviderPropsWithNoError, ModeProvider, type ModeProviderProps, type NavItemBottom, type NavMenuItem, NavigationBottom, type NavigationBottomProps, NavigationDrawer, type NavigationDrawerProps, PopoverText, type PopoverTextProps, ReactPlayground, type ReactPlaygroundProps, type ScreenSizeContextValue, type ScreenSizeProps, ScreenSizeProvider, SkeletonRow, type SkeletonRowProps, SnackbarProvider, type SnackbarProviderProps, SubmitButton, type SubmitButtonProps, SwitchWithIcons, type SwitchWithIconsProps, useDropdownMenu, useHash, useMode, useScreenSize, useSnackbar };
429
501
  //# sourceMappingURL=index.d.cts.map
package/dist/index.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import { CollapseProps } from "@mui/material/Collapse";
2
2
  import * as react0 from "react";
3
- import { CSSProperties, ComponentProps, ComponentType, Dispatch, ElementType, JSX, ReactNode, Ref, SetStateAction } from "react";
4
- import * as react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, Dispatch, ElementType, JSX, MouseEvent, MouseEventHandler, ReactNode, Ref, SetStateAction } from "react";
4
+ import * as react_jsx_runtime2 from "react/jsx-runtime";
5
+ import MUIButton, { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
6
+ import { MenuItemOwnProps } from "@mui/material/MenuItem";
5
7
  import { AlertColor } from "@mui/material/Alert";
6
8
  import { PaletteMode, SxProps, Theme } from "@mui/material/styles";
7
9
  import { OptionalOnCondition } from "@alextheman/utility";
8
- import { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
9
10
  import { LinkProps } from "@mui/material/Link";
10
11
  import { ListItemButtonProps } from "@mui/material/ListItemButton";
11
12
  import { TypographyProps } from "@mui/material/Typography";
@@ -40,10 +41,10 @@ declare function CollapsableItem({
40
41
  openIcon,
41
42
  closedIcon,
42
43
  useDefaultStyling
43
- }: CollapsableItemProps): react_jsx_runtime0.JSX.Element;
44
+ }: CollapsableItemProps): react_jsx_runtime2.JSX.Element;
44
45
  //#endregion
45
46
  //#region src/components/DarkModeToggle.d.ts
46
- declare function DarkModeToggle(): react_jsx_runtime0.JSX.Element;
47
+ declare function DarkModeToggle(): react_jsx_runtime2.JSX.Element;
47
48
  //#endregion
48
49
  //#region src/components/DropdownMenu.d.ts
49
50
  interface DropdownMenuProps {
@@ -56,6 +57,7 @@ interface DropdownMenuProps {
56
57
  onOpen?: () => void;
57
58
  onClose?: () => void;
58
59
  }
60
+ /** @deprecated This component does not support the new context-based pattern and individual DropdownMenuItem components. Please use DropdownMenu2 instead. */
59
61
  declare function DropdownMenu({
60
62
  children,
61
63
  button: Button,
@@ -65,7 +67,7 @@ declare function DropdownMenu({
65
67
  isClosedIcon,
66
68
  onOpen,
67
69
  onClose
68
- }: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
70
+ }: DropdownMenuProps): react_jsx_runtime2.JSX.Element;
69
71
  //#endregion
70
72
  //#region src/components/ExternalLink.d.ts
71
73
  interface ExternalLinkProps extends Omit<LinkProps, "to" | "target" | "rel"> {
@@ -79,7 +81,7 @@ declare function ExternalLink({
79
81
  children,
80
82
  ref,
81
83
  ...linkProps
82
- }: ExternalLinkProps): react_jsx_runtime0.JSX.Element;
84
+ }: ExternalLinkProps): react_jsx_runtime2.JSX.Element;
83
85
  //#endregion
84
86
  //#region src/components/FileInput.d.ts
85
87
  declare const FileType: {
@@ -108,7 +110,7 @@ declare function FileInput({
108
110
  accept,
109
111
  useDropzone,
110
112
  ...buttonProps
111
- }: FileInputProps): react_jsx_runtime0.JSX.Element;
113
+ }: FileInputProps): react_jsx_runtime2.JSX.Element;
112
114
  //#endregion
113
115
  //#region src/components/FileInputList.d.ts
114
116
  interface FileInputListProps extends Omit<FileInputProps, "onFileInput"> {
@@ -119,7 +121,7 @@ declare function FileInputList({
119
121
  files,
120
122
  setFiles,
121
123
  ...fileInputProps
122
- }: FileInputListProps): react_jsx_runtime0.JSX.Element;
124
+ }: FileInputListProps): react_jsx_runtime2.JSX.Element;
123
125
  //#endregion
124
126
  //#region src/components/IconWithPopover.d.ts
125
127
  interface IconWithPopoverProps {
@@ -137,7 +139,7 @@ declare function IconWithPopover({
137
139
  onClose,
138
140
  iconProps,
139
141
  children
140
- }: IconWithPopoverProps): react_jsx_runtime0.JSX.Element;
142
+ }: IconWithPopoverProps): react_jsx_runtime2.JSX.Element;
141
143
  //#endregion
142
144
  //#region src/components/InternalLink.d.ts
143
145
  interface InternalLinkProps extends Omit<LinkProps, "href"> {
@@ -151,7 +153,7 @@ declare function InternalLink({
151
153
  children,
152
154
  ref,
153
155
  ...linkProps
154
- }: InternalLinkProps): react_jsx_runtime0.JSX.Element;
156
+ }: InternalLinkProps): react_jsx_runtime2.JSX.Element;
155
157
  //#endregion
156
158
  //#region src/components/ListItemInternalLink.d.ts
157
159
  interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
@@ -161,13 +163,83 @@ interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
161
163
  declare function ListItemInternalLink({
162
164
  children,
163
165
  ...listItemButtonProps
164
- }: ListItemInternalLinkProps): react_jsx_runtime0.JSX.Element;
166
+ }: ListItemInternalLinkProps): react_jsx_runtime2.JSX.Element;
165
167
  //#endregion
166
168
  //#region src/types/ContextHookOptions.d.ts
167
169
  interface ContextHookOptions<S extends boolean = true> {
168
170
  strict?: S;
169
171
  }
170
172
  //#endregion
173
+ //#region src/providers/DropdownMenu2/DropdownMenu2.d.ts
174
+ interface DropdownMenuContextValue {
175
+ closeMenu: () => void;
176
+ isDropdownOpen: boolean;
177
+ }
178
+ declare function useDropdownMenu<Strict extends boolean = true>({
179
+ strict
180
+ }?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, DropdownMenuContextValue>;
181
+ interface DropdownMenu2Props {
182
+ children: ReactNode;
183
+ button?: ElementType;
184
+ buttonProps?: Omit<ButtonOwnProps, "endIcon"> & {
185
+ onClick?: (event: MouseEvent<HTMLElement>) => void;
186
+ };
187
+ openIcon?: ReactNode;
188
+ closedIcon?: ReactNode;
189
+ }
190
+ declare function DropdownMenu2({
191
+ children,
192
+ button: Button,
193
+ buttonProps,
194
+ openIcon,
195
+ closedIcon
196
+ }: DropdownMenu2Props): react_jsx_runtime2.JSX.Element;
197
+ //#endregion
198
+ //#region src/providers/DropdownMenu2/DropdownMenuExternalLink.d.ts
199
+ interface DropdownMenuExternalLinkProps extends MenuItemOwnProps {
200
+ ref?: Ref<HTMLAnchorElement>;
201
+ href: ComponentProps<typeof ExternalLink>["href"];
202
+ onClick?: MouseEventHandler<HTMLAnchorElement>;
203
+ children: ReactNode;
204
+ }
205
+ declare function DropdownMenuExternalLink({
206
+ ref,
207
+ href,
208
+ children,
209
+ onClick,
210
+ ...menuItemProps
211
+ }: DropdownMenuExternalLinkProps): react_jsx_runtime2.JSX.Element;
212
+ //#endregion
213
+ //#region src/providers/DropdownMenu2/DropdownMenuInternalLink.d.ts
214
+ interface DropdownMenuInternalLinkProps extends MenuItemOwnProps {
215
+ ref?: Ref<HTMLAnchorElement>;
216
+ to: ComponentProps<typeof InternalLink>["to"];
217
+ onClick?: MouseEventHandler<HTMLAnchorElement>;
218
+ children: ReactNode;
219
+ }
220
+ declare function DropdownMenuInternalLink({
221
+ to,
222
+ ref,
223
+ children,
224
+ onClick,
225
+ ...menuItemProps
226
+ }: DropdownMenuInternalLinkProps): react_jsx_runtime2.JSX.Element;
227
+ //#endregion
228
+ //#region src/providers/DropdownMenu2/DropdownMenuItem.d.ts
229
+ type DropdownMenuItemProps<RootComponent extends ElementType = typeof MUIButton> = {
230
+ component?: RootComponent;
231
+ children?: ReactNode;
232
+ ref?: ComponentPropsWithRef<RootComponent>["ref"];
233
+ onClick?: ComponentProps<RootComponent>["onClick"];
234
+ } & Omit<ComponentPropsWithoutRef<RootComponent>, "children" | "ref"> & MenuItemOwnProps;
235
+ declare function DropdownMenuItem<RootComponent extends ElementType>({
236
+ component,
237
+ children,
238
+ ref,
239
+ onClick,
240
+ ...menuItemProps
241
+ }: DropdownMenuItemProps<RootComponent>): react_jsx_runtime2.JSX.Element;
242
+ //#endregion
171
243
  //#region src/providers/LoaderProvider/LoaderProvider.d.ts
172
244
  interface LoaderProviderBaseProps<T> {
173
245
  /** The current loading status (true if loading, false if not) */
@@ -203,7 +275,7 @@ declare function LoaderProvider<T>({
203
275
  children,
204
276
  loadingComponent,
205
277
  ...contextProps
206
- }: LoaderProviderProps<T>): react_jsx_runtime0.JSX.Element;
278
+ }: LoaderProviderProps<T>): react_jsx_runtime2.JSX.Element;
207
279
  //#endregion
208
280
  //#region src/providers/LoaderProvider/LoaderData.d.ts
209
281
  interface LoaderDataProps<T> {
@@ -221,7 +293,7 @@ declare function LoaderData<T>({
221
293
  children,
222
294
  dataParser: loaderDataParser,
223
295
  loadingComponent
224
- }: LoaderDataProps<T>): react_jsx_runtime0.JSX.Element;
296
+ }: LoaderDataProps<T>): react_jsx_runtime2.JSX.Element;
225
297
  //#endregion
226
298
  //#region src/providers/LoaderProvider/LoaderError.d.ts
227
299
  interface LoaderErrorBaseProps {
@@ -256,7 +328,7 @@ declare function LoaderError({
256
328
  nullComponent,
257
329
  nullableComponent,
258
330
  logError: propsLogError
259
- }: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
331
+ }: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime2.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
260
332
  //#endregion
261
333
  //#region src/providers/ModeProvider.d.ts
262
334
  interface ModeContextValue {
@@ -273,7 +345,7 @@ interface ModeProviderProps {
273
345
  declare function ModeProvider({
274
346
  children,
275
347
  mode: modeProp
276
- }: ModeProviderProps): react_jsx_runtime0.JSX.Element;
348
+ }: ModeProviderProps): react_jsx_runtime2.JSX.Element;
277
349
  //#endregion
278
350
  //#region src/providers/ScreenSizeProvider.d.ts
279
351
  interface ScreenSizeProps {
@@ -293,7 +365,7 @@ declare function ScreenSizeProvider({
293
365
  children,
294
366
  largeScreenWidth,
295
367
  largeScreenHeight
296
- }: ScreenSizeProps): react_jsx_runtime0.JSX.Element;
368
+ }: ScreenSizeProps): react_jsx_runtime2.JSX.Element;
297
369
  //#endregion
298
370
  //#region src/providers/SnackbarProvider.d.ts
299
371
  interface SnackbarProviderProps {
@@ -309,7 +381,7 @@ declare function useSnackbar<Strict extends boolean = true>({
309
381
  declare function SnackbarProvider({
310
382
  children,
311
383
  autoHideDuration
312
- }: SnackbarProviderProps): react_jsx_runtime0.JSX.Element;
384
+ }: SnackbarProviderProps): react_jsx_runtime2.JSX.Element;
313
385
  //#endregion
314
386
  //#region src/components/Loader.d.ts
315
387
  type LoaderProps<T> = Omit<LoaderProviderProps<T>, "children"> & Omit<LoaderErrorProps, "errorComponent" | "children"> & Omit<LoaderDataProps<T>, "showOnError" | "onUndefined" | "onNull" | "onNullable">;
@@ -324,7 +396,7 @@ declare function Loader<T>({
324
396
  nullableComponent,
325
397
  loadingComponent,
326
398
  ...loaderProviderProps
327
- }: LoaderProps<T>): react_jsx_runtime0.JSX.Element;
399
+ }: LoaderProps<T>): react_jsx_runtime2.JSX.Element;
328
400
  //#endregion
329
401
  //#region src/components/NavigationBottom.d.ts
330
402
  interface NavItemBottom {
@@ -340,7 +412,7 @@ interface NavigationBottomProps {
340
412
  declare function NavigationBottom({
341
413
  children,
342
414
  navItems
343
- }: NavigationBottomProps): react_jsx_runtime0.JSX.Element;
415
+ }: NavigationBottomProps): react_jsx_runtime2.JSX.Element;
344
416
  //#endregion
345
417
  //#region src/components/NavigationDrawer.d.ts
346
418
  interface NavMenuItem {
@@ -362,7 +434,7 @@ declare function NavigationDrawer({
362
434
  navItems,
363
435
  children,
364
436
  headerElements
365
- }: NavigationDrawerProps): react_jsx_runtime0.JSX.Element;
437
+ }: NavigationDrawerProps): react_jsx_runtime2.JSX.Element;
366
438
  //#endregion
367
439
  //#region src/components/PopoverText.d.ts
368
440
  interface PopoverTextProps extends TypographyProps {
@@ -372,7 +444,7 @@ declare function PopoverText({
372
444
  text,
373
445
  sx,
374
446
  ...typographyProps
375
- }: PopoverTextProps): react_jsx_runtime0.JSX.Element;
447
+ }: PopoverTextProps): react_jsx_runtime2.JSX.Element;
376
448
  //#endregion
377
449
  //#region src/components/ReactPlayground.d.ts
378
450
  interface ReactPlaygroundProps extends ComponentProps<typeof LiveProvider> {
@@ -382,7 +454,7 @@ declare function ReactPlayground({
382
454
  code,
383
455
  previewStyles,
384
456
  ...liveProviderProps
385
- }: ReactPlaygroundProps): react_jsx_runtime0.JSX.Element;
457
+ }: ReactPlaygroundProps): react_jsx_runtime2.JSX.Element;
386
458
  //#endregion
387
459
  //#region src/components/SkeletonRow.d.ts
388
460
  interface SkeletonRowProps {
@@ -390,7 +462,7 @@ interface SkeletonRowProps {
390
462
  }
391
463
  declare function SkeletonRow({
392
464
  columns
393
- }: SkeletonRowProps): react_jsx_runtime0.JSX.Element;
465
+ }: SkeletonRowProps): react_jsx_runtime2.JSX.Element;
394
466
  //#endregion
395
467
  //#region src/components/SubmitButton.d.ts
396
468
  interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
@@ -401,7 +473,7 @@ declare function SubmitButton({
401
473
  disableClean,
402
474
  label,
403
475
  ...buttonProps
404
- }: SubmitButtonProps): react_jsx_runtime0.JSX.Element;
476
+ }: SubmitButtonProps): react_jsx_runtime2.JSX.Element;
405
477
  //#endregion
406
478
  //#region src/components/SwitchWithIcons.d.ts
407
479
  interface SwitchWithIconsProps extends Omit<SwitchProps, "icon" | "checkedIcon"> {
@@ -420,10 +492,10 @@ declare function SwitchWithIcons({
420
492
  uncheckedIcon: UncheckedIcon,
421
493
  uncheckedIconStyles,
422
494
  ...switchProps
423
- }: SwitchWithIconsProps): react_jsx_runtime0.JSX.Element;
495
+ }: SwitchWithIconsProps): react_jsx_runtime2.JSX.Element;
424
496
  //#endregion
425
497
  //#region src/hooks/useHash.d.ts
426
498
  declare function useHash<S extends string>(initialHash: S | undefined): [S, Dispatch<SetStateAction<S>>];
427
499
  //#endregion
428
- export { CollapsableItem, type CollapsableItemProps, ContextHookOptions, DarkModeToggle, DropdownMenu, type DropdownMenuProps, ExternalLink, type ExternalLinkProps, FileInput, FileInputList, type FileInputListProps, type FileInputProps, FileType, IconWithPopover, type IconWithPopoverProps, InternalLink, type InternalLinkProps, ListItemInternalLink, type ListItemInternalLinkProps, Loader, LoaderData, type LoaderDataProps, LoaderError, type LoaderErrorBaseProps, type LoaderErrorProps, type LoaderErrorPropsWithNullable, type LoaderErrorPropsWithUndefinedOrNull, type LoaderProps, LoaderProvider, type LoaderProviderBaseProps, type LoaderProviderProps, type LoaderProviderPropsWithError, type LoaderProviderPropsWithNoError, ModeProvider, type ModeProviderProps, type NavItemBottom, type NavMenuItem, NavigationBottom, type NavigationBottomProps, NavigationDrawer, type NavigationDrawerProps, PopoverText, type PopoverTextProps, ReactPlayground, type ReactPlaygroundProps, type ScreenSizeContextValue, type ScreenSizeProps, ScreenSizeProvider, SkeletonRow, type SkeletonRowProps, SnackbarProvider, type SnackbarProviderProps, SubmitButton, type SubmitButtonProps, SwitchWithIcons, type SwitchWithIconsProps, useHash, useMode, useScreenSize, useSnackbar };
500
+ export { CollapsableItem, type CollapsableItemProps, ContextHookOptions, DarkModeToggle, DropdownMenu, DropdownMenu2, type DropdownMenu2Props, DropdownMenuExternalLink, type DropdownMenuExternalLinkProps, DropdownMenuInternalLink, type DropdownMenuInternalLinkProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, ExternalLink, type ExternalLinkProps, FileInput, FileInputList, type FileInputListProps, type FileInputProps, FileType, IconWithPopover, type IconWithPopoverProps, InternalLink, type InternalLinkProps, ListItemInternalLink, type ListItemInternalLinkProps, Loader, LoaderData, type LoaderDataProps, LoaderError, type LoaderErrorBaseProps, type LoaderErrorProps, type LoaderErrorPropsWithNullable, type LoaderErrorPropsWithUndefinedOrNull, type LoaderProps, LoaderProvider, type LoaderProviderBaseProps, type LoaderProviderProps, type LoaderProviderPropsWithError, type LoaderProviderPropsWithNoError, ModeProvider, type ModeProviderProps, type NavItemBottom, type NavMenuItem, NavigationBottom, type NavigationBottomProps, NavigationDrawer, type NavigationDrawerProps, PopoverText, type PopoverTextProps, ReactPlayground, type ReactPlaygroundProps, type ScreenSizeContextValue, type ScreenSizeProps, ScreenSizeProvider, SkeletonRow, type SkeletonRowProps, SnackbarProvider, type SnackbarProviderProps, SubmitButton, type SubmitButtonProps, SwitchWithIcons, type SwitchWithIconsProps, useDropdownMenu, useHash, useMode, useScreenSize, useSnackbar };
429
501
  //# sourceMappingURL=index.d.ts.map