@koine/react 1.0.105 → 1.1.1

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 (178) hide show
  1. package/Alert/Alert.d.ts +1 -1
  2. package/Animations/Reveal.d.ts +1 -1
  3. package/Animations/useReveal.d.ts +1 -1
  4. package/Autocomplete/AutocompleteMui.d.ts +4 -4
  5. package/Autocomplete/helpers.d.ts +1 -1
  6. package/Bg/BgColor.d.ts +1 -1
  7. package/Bg/BgPhoto.d.ts +2 -2
  8. package/Bg/BgSvg.d.ts +1 -1
  9. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  10. package/Buttons/Button.d.ts +2 -2
  11. package/Buttons/ButtonComposite.d.ts +3 -3
  12. package/Buttons/ButtonFab.d.ts +1 -1
  13. package/Buttons/ButtonLink.d.ts +2 -2
  14. package/Buttons/IconButton.d.ts +2 -2
  15. package/Calendar/CalendarDaygridCell.d.ts +6 -6
  16. package/Calendar/CalendarDaygridNav.d.ts +3 -3
  17. package/Calendar/CalendarDaygridTable.d.ts +4 -4
  18. package/Calendar/CalendarLegend.d.ts +3 -3
  19. package/Calendar/calendar-api-google.d.ts +1 -1
  20. package/Calendar/types.d.ts +13 -13
  21. package/Calendar/useCalendar.d.ts +5 -5
  22. package/Carousel/CarouselCss.d.ts +2 -2
  23. package/Collapsable/CollapsableReach.js +1 -2
  24. package/Debug/Debug.d.ts +1 -1
  25. package/Details/Details.d.ts +6 -6
  26. package/Dialog/DialogMui.d.ts +8 -8
  27. package/Dialog/DialogMui.js +1 -1
  28. package/Dialog/css/bare.d.ts +1 -1
  29. package/Dialog/m/bare.d.ts +1 -1
  30. package/Dialog/m/bare.js +1 -1
  31. package/Dialog/sc/bare.d.ts +1 -1
  32. package/Dialog/sc/framer.d.ts +1 -1
  33. package/Dialog/sc/framerMaterial.d.ts +1 -1
  34. package/Dialog/sc/material.d.ts +1 -1
  35. package/Dialog/tw/bare.d.ts +7 -7
  36. package/Dialog/tw/elegant.d.ts +7 -7
  37. package/Dialog/tw/framer.d.ts +3 -3
  38. package/Dialog/tw/framerMaterial.d.ts +5 -5
  39. package/Dialog/tw/material.d.ts +7 -7
  40. package/Editor/Editor--tiptap.d.ts +2 -2
  41. package/Favicon/FaviconTags.d.ts +1 -1
  42. package/Favicon/FaviconTags.js +1 -1
  43. package/Form/Form.d.ts +7 -7
  44. package/Forms/Checkbox/Checkbox.d.ts +2 -2
  45. package/Forms/Feedback/Feedback.d.ts +1 -1
  46. package/Forms/Field/Field.d.ts +3 -3
  47. package/Forms/Field/FieldControl.d.ts +2 -2
  48. package/Forms/Input/Input.d.ts +2 -2
  49. package/Forms/InputGroup/InputGroup.d.ts +1 -1
  50. package/Forms/Password/Password.d.ts +2 -2
  51. package/Forms/Radio/Radio.d.ts +3 -3
  52. package/Forms/Switch/Switch.d.ts +2 -2
  53. package/Forms/Textarea/Textarea.d.ts +2 -2
  54. package/Forms/Textarea/TextareaRich.d.ts +2 -2
  55. package/Forms/Toggle/Toggle.d.ts +3 -3
  56. package/Forms/Toggle/useToggle.d.ts +1 -1
  57. package/Forms/antispam.d.ts +18 -1
  58. package/Forms/helpers.d.ts +5 -5
  59. package/Gauge/Gauge.d.ts +1 -1
  60. package/Grid/Grid.d.ts +6 -6
  61. package/Hamburger/Hamburger.d.ts +1 -1
  62. package/Header/useHeader.d.ts +5 -5
  63. package/Hidden/Hidden.d.ts +1 -1
  64. package/Img/sc/bare.d.ts +1 -1
  65. package/Img/types.d.ts +2 -2
  66. package/Link/Link.d.ts +1 -1
  67. package/Link/LinkBlank.d.ts +1 -1
  68. package/Menu/MenuMui.d.ts +5 -5
  69. package/Menu/MenuMui.js +1 -1
  70. package/MenuItem/MenuItemMui.d.ts +1 -1
  71. package/Meta/Meta.d.ts +1 -1
  72. package/NoJs/NoJs.d.ts +1 -1
  73. package/Pagination/PaginationNav.d.ts +2 -2
  74. package/Pagination/PaginationResults.d.ts +1 -1
  75. package/Pill/Pill.d.ts +1 -1
  76. package/Progress/ProgressCircular.d.ts +1 -1
  77. package/Progress/ProgressLinear.d.ts +1 -1
  78. package/Progress/ProgressOverlay.d.ts +1 -1
  79. package/Rating/Rating.d.ts +3 -3
  80. package/Select/SelectDownshift.d.ts +1 -1
  81. package/Select/components.d.ts +1 -1
  82. package/Sidebar/Sidebar.d.ts +1 -1
  83. package/Spacing/Spacing.d.ts +6 -6
  84. package/Sticky/Sticky.d.ts +1 -1
  85. package/Sticky/StickyCss.d.ts +1 -1
  86. package/Tabs/TabsMui.d.ts +11 -11
  87. package/Tabs/TabsMui.js +1 -1
  88. package/Tabs/tw/bare.d.ts +4 -4
  89. package/Tabs/tw/material.d.ts +10 -10
  90. package/Typography/ReadMore.d.ts +1 -1
  91. package/Typography/TextLoop.d.ts +2 -2
  92. package/Typography/TypeStairs.d.ts +1 -1
  93. package/helpers/classed.d.ts +3 -3
  94. package/helpers/classed.js +1 -0
  95. package/helpers/createUseMediaQueryWidth.d.ts +3 -3
  96. package/helpers/extend-component.d.ts +4 -4
  97. package/helpers/extend-component.js +1 -0
  98. package/hooks/index.d.ts +4 -1
  99. package/hooks/index.js +4 -1
  100. package/hooks/types.d.ts +2 -2
  101. package/hooks/useAsyncFn.d.ts +4 -4
  102. package/hooks/useAsyncFn.js +1 -0
  103. package/hooks/useDateLocale.d.ts +1 -0
  104. package/hooks/useDateLocale.js +1 -0
  105. package/hooks/useEffectOnce.d.ts +1 -0
  106. package/hooks/useEffectOnce.js +1 -0
  107. package/hooks/useFirstMountState.d.ts +1 -0
  108. package/hooks/useFirstMountState.js +1 -0
  109. package/hooks/useFocus.d.ts +1 -0
  110. package/hooks/useFocus.js +1 -0
  111. package/hooks/useId.d.ts +1 -0
  112. package/hooks/useId.js +1 -0
  113. package/hooks/useInterval.d.ts +7 -0
  114. package/hooks/useInterval.js +28 -0
  115. package/hooks/useIsomorphicLayoutEffect.d.ts +1 -0
  116. package/hooks/useIsomorphicLayoutEffect.js +1 -0
  117. package/hooks/useKeyUp.d.ts +2 -0
  118. package/hooks/useKeyUp.js +23 -0
  119. package/hooks/useMeasure.d.ts +3 -3
  120. package/hooks/useMount.d.ts +1 -0
  121. package/hooks/useMount.js +1 -0
  122. package/hooks/useMountedState.d.ts +1 -0
  123. package/hooks/useMountedState.js +1 -0
  124. package/hooks/useNavigateAway.d.ts +32 -0
  125. package/hooks/useNavigateAway.js +68 -0
  126. package/hooks/usePrevious.d.ts +5 -1
  127. package/hooks/usePrevious.js +11 -7
  128. package/hooks/usePreviousRef.d.ts +2 -0
  129. package/hooks/usePreviousRef.js +9 -0
  130. package/hooks/useScrollPosition.d.ts +3 -3
  131. package/hooks/useScrollPosition.js +1 -0
  132. package/hooks/useScrollTo.d.ts +1 -0
  133. package/hooks/useScrollTo.js +1 -0
  134. package/hooks/useTraceUpdate.d.ts +1 -0
  135. package/hooks/useTraceUpdate.js +1 -0
  136. package/hooks/useUpdateEffect.d.ts +1 -0
  137. package/hooks/useUpdateEffect.js +1 -0
  138. package/hooks/useWindowSize.d.ts +1 -0
  139. package/hooks/useWindowSize.js +4 -2
  140. package/m/MotionProvider.d.ts +2 -2
  141. package/node/Collapsable/CollapsableReach.js +1 -2
  142. package/node/Dialog/DialogMui.js +1 -1
  143. package/node/Dialog/m/bare.js +1 -1
  144. package/node/Favicon/FaviconTags.js +1 -1
  145. package/node/Menu/MenuMui.js +1 -1
  146. package/node/Tabs/TabsMui.js +1 -1
  147. package/node/helpers/classed.js +1 -0
  148. package/node/helpers/extend-component.js +1 -0
  149. package/node/hooks/index.js +4 -1
  150. package/node/hooks/useAsyncFn.js +1 -0
  151. package/node/hooks/useDateLocale.js +4 -2
  152. package/node/hooks/useEffectOnce.js +1 -0
  153. package/node/hooks/useFirstMountState.js +1 -0
  154. package/node/hooks/useFocus.js +1 -0
  155. package/node/hooks/useInterval.js +32 -0
  156. package/node/hooks/useIsomorphicLayoutEffect.js +1 -0
  157. package/node/hooks/useKeyUp.js +27 -0
  158. package/node/hooks/useMount.js +1 -0
  159. package/node/hooks/useMountedState.js +1 -0
  160. package/node/hooks/useNavigateAway.js +72 -0
  161. package/node/hooks/usePrevious.js +10 -6
  162. package/node/hooks/usePreviousRef.js +13 -0
  163. package/node/hooks/useScrollPosition.js +1 -0
  164. package/node/hooks/useScrollTo.js +1 -0
  165. package/node/hooks/useTraceUpdate.js +1 -0
  166. package/node/hooks/useUpdateEffect.js +1 -0
  167. package/node/hooks/useWindowSize.js +4 -2
  168. package/package.json +44 -23
  169. package/styles/media.d.ts +3 -3
  170. package/styles/spacing.d.ts +7 -7
  171. package/styles/theme--vanilla.d.ts +4 -4
  172. package/styles/theme.d.ts +4 -4
  173. package/types.d.ts +4 -4
  174. package/hooks/useMediaQueryWidthCreator.d.ts +0 -6
  175. package/hooks/useMediaQueryWidthCreator.js +0 -169
  176. package/hooks/useMqWidthCreator.d.ts +0 -3
  177. package/hooks/useMqWidthCreator.js +0 -225
  178. package/node/hooks/useId.js +0 -12
package/Alert/Alert.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare type AlertProps = React.PropsWithChildren<{
2
+ export type AlertProps = React.PropsWithChildren<{
3
3
  $danger?: boolean;
4
4
  }>;
5
5
  export declare const Alert: ({ $danger, children, ...props }: AlertProps) => JSX.Element;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { UseRevealOptions } from "./useReveal";
3
- export declare type RevealProps = React.PropsWithChildren<UseRevealOptions>;
3
+ export type RevealProps = React.PropsWithChildren<UseRevealOptions>;
4
4
  export declare const Reveal: ({ children, direction, offsetStartY, offsetEndY, offsetStartX, ...props }: RevealProps) => JSX.Element;
@@ -1,4 +1,4 @@
1
- export declare type UseRevealOptions = {
1
+ export type UseRevealOptions = {
2
2
  /**
3
3
  * @default "left"
4
4
  */
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
2
  import type { Option } from "../types";
3
3
  import { FormControl } from "../Forms/helpers";
4
- export declare type AutocompleteOption = Option | string;
5
- export declare type AutocompleteValue<TMultiple extends boolean | undefined = undefined> = TMultiple extends undefined ? null | Option[] | string[] | Option | string : TMultiple extends true ? Option[] | string[] : null | Option | string;
6
- export declare type AutocompleteConfig<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = {
4
+ export type AutocompleteOption = Option | string;
5
+ export type AutocompleteValue<TMultiple extends boolean | undefined = undefined> = TMultiple extends undefined ? null | Option[] | string[] | Option | string : TMultiple extends true ? Option[] | string[] : null | Option | string;
6
+ export type AutocompleteConfig<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = {
7
7
  creatable?: boolean;
8
8
  multiple?: boolean;
9
9
  autoComplete?: boolean;
@@ -14,7 +14,7 @@ export declare type AutocompleteConfig<TOption extends AutocompleteOption, TValu
14
14
  value?: TValue;
15
15
  defaultInputValue?: string;
16
16
  };
17
- export declare type AutocompleteProps<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = Omit<FormControl, keyof AutocompleteConfig<TOption, TValue>> & AutocompleteConfig<TOption, TValue> & {
17
+ export type AutocompleteProps<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = Omit<FormControl, keyof AutocompleteConfig<TOption, TValue>> & AutocompleteConfig<TOption, TValue> & {
18
18
  className?: string;
19
19
  style?: React.CSSProperties;
20
20
  $ref?: React.ForwardedRef<HTMLInputElement>;
@@ -1,3 +1,3 @@
1
1
  import type { Option } from "../types";
2
- export declare type AutocompleteValue = null | undefined | (string | Option)[] | Option | string;
2
+ export type AutocompleteValue = null | undefined | (string | Option)[] | Option | string;
3
3
  export declare function normaliseAutocompleteValue(value?: AutocompleteValue, asArray?: boolean): any;
package/Bg/BgColor.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const BgColorSkewed: import("styled-components").StyledComponent<
7
7
  $bg: BgContainerProps["color"];
8
8
  $transform: string;
9
9
  }, never>;
10
- export declare type BgContainerProps = ContainerProps & {
10
+ export type BgContainerProps = ContainerProps & {
11
11
  color: NonNullable<React.CSSProperties["background"]>;
12
12
  /**
13
13
  * In `deg` unit.
package/Bg/BgPhoto.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ContainerProps } from "../Grid";
2
- export declare type BgPhotoPropsStyled = Required<Pick<BgPhotoProps, "containerSize" | "$overlap">>;
3
- export declare type BgPhotoProps = {
2
+ export type BgPhotoPropsStyled = Required<Pick<BgPhotoProps, "containerSize" | "$overlap">>;
3
+ export type BgPhotoProps = {
4
4
  src: string;
5
5
  containerSize?: ContainerProps["size"];
6
6
  /**
package/Bg/BgSvg.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type BgSvgProps = {
1
+ export type BgSvgProps = {
2
2
  color: string;
3
3
  };
4
4
  /**
@@ -1,12 +1,12 @@
1
1
  import { KoineComponentProps, KoineComponent } from "../types";
2
- export declare type BreadcrumbsItem = {
2
+ export type BreadcrumbsItem = {
3
3
  title: string;
4
4
  url?: string;
5
5
  };
6
- export declare type KoineBreadcrumbsProps = {
6
+ export type KoineBreadcrumbsProps = {
7
7
  items: BreadcrumbsItem[];
8
8
  };
9
- declare type BreadcrumbsProps = KoineComponentProps<KoineBreadcrumbsProps, {
9
+ type BreadcrumbsProps = KoineComponentProps<KoineBreadcrumbsProps, {
10
10
  Link: KoineComponent;
11
11
  }>;
12
12
  export declare const KoineBreadcrumbs: ({ items, Link, ...props }: BreadcrumbsProps) => JSX.Element | null;
@@ -9,10 +9,10 @@ export declare const btnStyleBase: import("styled-components").FlattenInterpolat
9
9
  export declare const btnStyleContained: import("styled-components").FlattenSimpleInterpolation;
10
10
  export declare const btnStyleOutlined: import("styled-components").FlattenSimpleInterpolation;
11
11
  export declare const KoineButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps, never>;
12
- export declare type KoineButtonUiProps = {
12
+ export type KoineButtonUiProps = {
13
13
  disabled?: boolean;
14
14
  $variant?: "contained" | "outlined";
15
15
  $noGutter?: boolean;
16
16
  $block?: boolean;
17
17
  };
18
- export declare type KoineButtonProps = KoineButtonUiProps & React.ComponentPropsWithRef<"button">;
18
+ export type KoineButtonProps = KoineButtonUiProps & React.ComponentPropsWithRef<"button">;
@@ -3,7 +3,7 @@ import { IconBaseProps, IconType } from "react-icons/lib";
3
3
  import { KoineComponentProps, KoineComponent } from "../types";
4
4
  import { KoineButtonProps } from "./Button";
5
5
  import { ButtonLinkProps } from "./ButtonLink";
6
- export declare type KoineButtonCompositeProps = KoineButtonProps & Omit<ButtonLinkProps, "Koine"> & {
6
+ export type KoineButtonCompositeProps = KoineButtonProps & Omit<ButtonLinkProps, "Koine"> & {
7
7
  Icon?: IconType | React.ElementType;
8
8
  iconProps?: IconBaseProps;
9
9
  textMain?: string;
@@ -11,12 +11,12 @@ export declare type KoineButtonCompositeProps = KoineButtonProps & Omit<ButtonLi
11
11
  text?: string;
12
12
  textReverse?: boolean;
13
13
  };
14
- export declare type ButtonCompositeStyledProps = {
14
+ export type ButtonCompositeStyledProps = {
15
15
  $twoLines?: boolean;
16
16
  $reverse?: boolean;
17
17
  $icon?: boolean;
18
18
  };
19
- export declare type ButtonCompositeProps = KoineComponentProps<KoineButtonCompositeProps, {
19
+ export type ButtonCompositeProps = KoineComponentProps<KoineButtonCompositeProps, {
20
20
  Button?: KoineComponent;
21
21
  ButtonLink?: KoineComponent;
22
22
  }>;
@@ -4,4 +4,4 @@ export declare const buttonFab: import("styled-components").FlattenSimpleInterpo
4
4
  export declare const IconButtonFab: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./Button").KoineButtonUiProps & {
5
5
  disabled?: boolean | undefined;
6
6
  }, never>;
7
- export declare type IconButtonFabProps = IconButtonProps & React.ComponentPropsWithRef<"button">;
7
+ export type IconButtonFabProps = IconButtonProps & React.ComponentPropsWithRef<"button">;
@@ -1,8 +1,8 @@
1
1
  import { KoineComponentProps, KoineComponent } from "../types";
2
2
  import { KoineLinkProps } from "../Link";
3
3
  import { KoineButtonUiProps } from "./Button";
4
- export declare type KoineButtonLinkProps = KoineButtonUiProps & KoineLinkProps;
5
- export declare type ButtonLinkProps = KoineComponentProps<KoineButtonLinkProps, {
4
+ export type KoineButtonLinkProps = KoineButtonUiProps & KoineLinkProps;
5
+ export type ButtonLinkProps = KoineComponentProps<KoineButtonLinkProps, {
6
6
  Link?: KoineComponent;
7
7
  }>;
8
8
  export declare const KoineButtonLink: ({ href, Link, ...props }: React.PropsWithChildren<ButtonLinkProps>) => JSX.Element;
@@ -5,7 +5,7 @@ export declare const iconBtnStyleBase: import("styled-components").FlattenSimple
5
5
  export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps & {
6
6
  disabled?: boolean | undefined;
7
7
  }, never>;
8
- export declare type IconButtonUiProps = KoineButtonUiProps & {
8
+ export type IconButtonUiProps = KoineButtonUiProps & {
9
9
  disabled?: boolean;
10
10
  };
11
- export declare type IconButtonProps = IconButtonUiProps & React.ComponentPropsWithRef<"button">;
11
+ export type IconButtonProps = IconButtonUiProps & React.ComponentPropsWithRef<"button">;
@@ -2,7 +2,7 @@
2
2
  import type { KoineComponentProps, KoineComponent } from "../types";
3
3
  import type { CalendarsMap, CalendarView, CalendarViewEvent, CalendarViewDayProps } from "./types";
4
4
  import { UseCalendarReturn } from "./useCalendar";
5
- export declare type KoineCalendarDaygridCellProps = {
5
+ export type KoineCalendarDaygridCellProps = {
6
6
  eventClicked?: UseCalendarReturn["eventClicked"];
7
7
  setEventClicked: UseCalendarReturn["setEventClicked"];
8
8
  eventHovered?: UseCalendarReturn["eventHovered"];
@@ -12,19 +12,19 @@ export declare type KoineCalendarDaygridCellProps = {
12
12
  events: CalendarViewEvent[];
13
13
  calendarsMap: CalendarsMap;
14
14
  };
15
- export declare type CalendarDaygridCellStyledProps = CalendarViewDayProps & {
15
+ export type CalendarDaygridCellStyledProps = CalendarViewDayProps & {
16
16
  $view: CalendarView;
17
17
  $selected?: boolean;
18
18
  $past?: boolean;
19
19
  $color: string;
20
20
  };
21
- export declare type CalendarDaygridCellEventProps = React.ComponentPropsWithoutRef<"div"> & ((CalendarDaygridCellStyledProps & {
21
+ export type CalendarDaygridCellEventProps = React.ComponentPropsWithoutRef<"div"> & ((CalendarDaygridCellStyledProps & {
22
22
  $placeholder?: false;
23
23
  }) | {
24
24
  $placeholder: true;
25
25
  });
26
- export declare type CalendarDaygridCellEventBtnProps = CalendarDaygridCellEventProps;
27
- export declare type CalendarDaygridCellComponents = {
26
+ export type CalendarDaygridCellEventBtnProps = CalendarDaygridCellEventProps;
27
+ export type CalendarDaygridCellComponents = {
28
28
  Cell?: KoineComponent;
29
29
  CellOverflow?: KoineComponent;
30
30
  CellEvent?: KoineComponent<CalendarDaygridCellEventProps>;
@@ -32,5 +32,5 @@ export declare type CalendarDaygridCellComponents = {
32
32
  CellEventTitle?: KoineComponent;
33
33
  CellEventStart?: KoineComponent;
34
34
  };
35
- export declare type CalendarDaygridCellProps = KoineComponentProps<KoineCalendarDaygridCellProps, CalendarDaygridCellComponents>;
35
+ export type CalendarDaygridCellProps = KoineComponentProps<KoineCalendarDaygridCellProps, CalendarDaygridCellComponents>;
36
36
  export declare const CalendarDaygridCell: ({ eventClicked, setEventClicked, setEventHovered, view, maxEvents, events, calendarsMap, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridCellProps) => JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import type { KoineComponentProps, KoineComponent } from "../types";
2
2
  import type { CalendarRange, CalendarView } from "./types";
3
- export declare type KoineCalendarDaygridNavProps = {
3
+ export type KoineCalendarDaygridNavProps = {
4
4
  locale: string;
5
5
  range: CalendarRange;
6
6
  view: CalendarView;
@@ -10,11 +10,11 @@ export declare type KoineCalendarDaygridNavProps = {
10
10
  handleToday: () => any;
11
11
  handleView: (view: CalendarView) => any;
12
12
  };
13
- export declare type CalendarDaygridNavTitleProps = {
13
+ export type CalendarDaygridNavTitleProps = {
14
14
  range: CalendarRange;
15
15
  formatted: string;
16
16
  };
17
- export declare type CalendarDaygridNavProps = KoineComponentProps<KoineCalendarDaygridNavProps, {
17
+ export type CalendarDaygridNavProps = KoineComponentProps<KoineCalendarDaygridNavProps, {
18
18
  NavRoot?: KoineComponent;
19
19
  NavTitle?: KoineComponent<CalendarDaygridNavTitleProps>;
20
20
  NavBtns?: KoineComponent;
@@ -1,9 +1,9 @@
1
1
  import type { KoineComponentProps, KoineComponent } from "../types";
2
2
  import type { CalendarRange, CalendarEventsMap, CalendarView, CalendarViewDayProps } from "./types";
3
3
  import { CalendarDaygridCellProps, CalendarDaygridCellComponents } from "./CalendarDaygridCell";
4
- export declare type CalendarDaygridTableBodyCellProps = CalendarViewDayProps;
5
- export declare type CalendarDaygridTableBodyCellDateProps = CalendarViewDayProps;
6
- export declare type KoineCalendarDaygridTableProps = {
4
+ export type CalendarDaygridTableBodyCellProps = CalendarViewDayProps;
5
+ export type CalendarDaygridTableBodyCellDateProps = CalendarViewDayProps;
6
+ export type KoineCalendarDaygridTableProps = {
7
7
  maxEvents?: CalendarDaygridCellProps["maxEvents"];
8
8
  locale: string;
9
9
  events: CalendarEventsMap;
@@ -13,7 +13,7 @@ export declare type KoineCalendarDaygridTableProps = {
13
13
  range: CalendarRange;
14
14
  dayLabels?: string[];
15
15
  } & Pick<CalendarDaygridCellProps, "eventClicked" | "setEventClicked" | "eventHovered" | "setEventHovered" | "calendarsMap">;
16
- export declare type CalendarDaygridTableProps = KoineComponentProps<KoineCalendarDaygridTableProps, {
16
+ export type CalendarDaygridTableProps = KoineComponentProps<KoineCalendarDaygridTableProps, {
17
17
  Table?: KoineComponent;
18
18
  TableHead?: KoineComponent;
19
19
  TableHeadCell?: KoineComponent;
@@ -1,16 +1,16 @@
1
1
  /// <reference types="react" />
2
2
  import type { CalendarsMap } from "./types";
3
3
  import type { KoineComponentProps, KoineComponent } from "../types";
4
- export declare type KoineCalendarLegendProps = {
4
+ export type KoineCalendarLegendProps = {
5
5
  toggleCalendarVisibility: (id: string) => void;
6
6
  calendarsMap: CalendarsMap;
7
7
  };
8
- export declare type CalendarLegendItemProps = React.ComponentPropsWithoutRef<"div"> & {
8
+ export type CalendarLegendItemProps = React.ComponentPropsWithoutRef<"div"> & {
9
9
  $color: string;
10
10
  $empty: boolean;
11
11
  disabled: boolean;
12
12
  };
13
- export declare type CalendarLegendProps = KoineComponentProps<KoineCalendarLegendProps, {
13
+ export type CalendarLegendProps = KoineComponentProps<KoineCalendarLegendProps, {
14
14
  LegendItem?: KoineComponent<CalendarLegendItemProps>;
15
15
  LegendItemStatus?: KoineComponent;
16
16
  LegendItemLabel?: KoineComponent;
@@ -1,5 +1,5 @@
1
1
  import type { Calendars, CalendarEventsMap } from "./types";
2
- declare type GetCalendarsEventsFromGoogleOptions = {
2
+ type GetCalendarsEventsFromGoogleOptions = {
3
3
  /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
4
4
  apiKey?: string;
5
5
  /** Start gethering events from date */
@@ -1,4 +1,4 @@
1
- export declare type Calendar = {
1
+ export type Calendar = {
2
2
  id: string;
3
3
  color: string;
4
4
  /**
@@ -7,14 +7,14 @@ export declare type Calendar = {
7
7
  */
8
8
  name?: string;
9
9
  };
10
- export declare type Calendars = Calendar[];
11
- export declare type CalendarsMap = Record<Calendar["id"], Required<Calendar> & {
10
+ export type Calendars = Calendar[];
11
+ export type CalendarsMap = Record<Calendar["id"], Required<Calendar> & {
12
12
  on?: boolean;
13
13
  events?: number;
14
14
  }>;
15
- export declare type CalendarRange = [Date, Date];
16
- export declare type CalendarView = "month" | "week";
17
- export declare type CalendarEvent = {
15
+ export type CalendarRange = [Date, Date];
16
+ export type CalendarView = "month" | "week";
17
+ export type CalendarEvent = {
18
18
  calendar: Calendar;
19
19
  /**
20
20
  * List of day timestamps across which the event spans
@@ -43,19 +43,19 @@ export declare type CalendarEvent = {
43
43
  /**
44
44
  * Calendar events mapped by day `timestamp` number
45
45
  */
46
- export declare type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
46
+ export type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
47
47
  /**
48
48
  * Calendar events map by `uid`
49
49
  */
50
- export declare type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
51
- export declare type CalendarViewWeeks = CalendarViewWeek[];
52
- export declare type CalendarViewWeek = {
50
+ export type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
51
+ export type CalendarViewWeeks = CalendarViewWeek[];
52
+ export type CalendarViewWeek = {
53
53
  props: {
54
54
  key: string;
55
55
  };
56
56
  days: CalendarViewDay[];
57
57
  };
58
- export declare type CalendarViewDay = {
58
+ export type CalendarViewDay = {
59
59
  props: {
60
60
  key: string;
61
61
  } & CalendarViewDayProps;
@@ -63,11 +63,11 @@ export declare type CalendarViewDay = {
63
63
  timestamp: string;
64
64
  events: CalendarViewEvent[];
65
65
  };
66
- export declare type CalendarViewDayProps = {
66
+ export type CalendarViewDayProps = {
67
67
  $isToday?: boolean;
68
68
  $isOutOfRange?: boolean;
69
69
  };
70
- export declare type CalendarViewEvent = {
70
+ export type CalendarViewEvent = {
71
71
  key: string;
72
72
  placeholder: true;
73
73
  top: number;
@@ -2,7 +2,7 @@ import type { Calendars, CalendarEvent, CalendarEventsMap, CalendarView } from "
2
2
  import type { KoineCalendarLegendProps } from "./CalendarLegend";
3
3
  import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav";
4
4
  import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable";
5
- export declare type UseCalendarProps = {
5
+ export type UseCalendarProps = {
6
6
  /** The locale to format with `date-fns` */
7
7
  locale: string;
8
8
  /** Calendars infos to use */
@@ -27,16 +27,16 @@ export declare type UseCalendarProps = {
27
27
  timeZone?: string;
28
28
  onError?: (e: any) => void;
29
29
  };
30
- export declare type UseCalendarReturn = ReturnType<typeof useCalendar>;
31
- export declare type CalendarsUpdateActionEvents = {
30
+ export type UseCalendarReturn = ReturnType<typeof useCalendar>;
31
+ export type CalendarsUpdateActionEvents = {
32
32
  type: "events";
33
33
  payload: Record<string, number>;
34
34
  };
35
- export declare type CalendarsUpdateActionVisibility = {
35
+ export type CalendarsUpdateActionVisibility = {
36
36
  type: "visibility";
37
37
  payload: string | string[];
38
38
  };
39
- export declare type CalendarsUpdateAction = CalendarsUpdateActionEvents | CalendarsUpdateActionVisibility;
39
+ export type CalendarsUpdateAction = CalendarsUpdateActionEvents | CalendarsUpdateActionVisibility;
40
40
  export declare function useCalendar({ locale, apiKey, calendars, events: initialEvents, start: initialStart, end: initialEnd, view: initialView, timeZone, onError, }: UseCalendarProps): {
41
41
  view: "month" | "week";
42
42
  eventClicked: CalendarEvent | null;
@@ -14,7 +14,7 @@ export declare const CarouselCssCol: import("styled-components").StyledComponent
14
14
  } & Pick<KoineCarouselCssProps, "$snap"> & {
15
15
  $width: KoineCarouselCssProps["width"];
16
16
  }, never>;
17
- export declare type KoineCarouselCssProps = ColProps & {
17
+ export type KoineCarouselCssProps = ColProps & {
18
18
  /**
19
19
  * Override the `<Row>` gutter, if not specified `$gutter` prop is used
20
20
  */
@@ -40,7 +40,7 @@ export declare type KoineCarouselCssProps = ColProps & {
40
40
  */
41
41
  width?: number;
42
42
  };
43
- export declare type CarouselCssProps = React.PropsWithChildren<KoineCarouselCssProps>;
43
+ export type CarouselCssProps = React.PropsWithChildren<KoineCarouselCssProps>;
44
44
  /**
45
45
  * For programmatic usage an example here @see https://stackoverflow.com/a/65902068/9122820
46
46
  */
@@ -5,7 +5,7 @@
5
5
  * Maybe do a simplified version following this example:
6
6
  * https://codesandbox.io/s/framer-motion-accordion-qx958?file=/src/Example.tsx
7
7
  */
8
- // import { forwardRef, useCallback, useEffect, /* useId, */ useRef, useState } from "react";
8
+ // import { forwardRef, useCallback, useEffect, useId, useRef, useState } from "react";
9
9
  // import styled from "styled-components";
10
10
  // import { MotionProps, m } from "framer-motion";
11
11
  // import {
@@ -17,7 +17,6 @@
17
17
  // import { btnStyleReset } from "../Buttons";
18
18
  // import { useWindowSize } from "../hooks/useWindowSize";
19
19
  // import { InputInvisible } from "../Forms/styles";
20
- // import { useId } from "../hooks/useId";
21
20
  // export type CollapsableStyledProps = {
22
21
  // $expanded?: boolean;
23
22
  // };
package/Debug/Debug.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type DebugProps = {
1
+ export type DebugProps = {
2
2
  data: object;
3
3
  };
4
4
  export declare const Debug: ({ data }: DebugProps) => JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { type Simplify } from "@koine/utils";
3
3
  import { type WithComponents } from "../helpers";
4
- export declare type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
4
+ export type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
5
5
  open?: boolean;
6
6
  onChange?: () => any;
7
7
  summary: null | React.ReactNode;
@@ -14,7 +14,7 @@ export declare type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
14
14
  /** Used to trigger a recalculation effect */
15
15
  recalc?: any;
16
16
  };
17
- export declare type Components = {
17
+ export type Components = {
18
18
  Root: {
19
19
  type: "details";
20
20
  props: {};
@@ -42,12 +42,12 @@ export declare type Components = {
42
42
  motionable: true;
43
43
  };
44
44
  };
45
- export declare type ComponentsProps = {
45
+ export type ComponentsProps = {
46
46
  [Name in keyof Components]: Components[Name]["props"];
47
47
  };
48
- export declare type Props = Simplify<WithComponents<OwnProps, Components>>;
49
- export declare type DetailsProps = Props;
50
- export declare type KoineDetailsProps = Props;
48
+ export type Props = Simplify<WithComponents<OwnProps, Components>>;
49
+ export type DetailsProps = Props;
50
+ export type KoineDetailsProps = Props;
51
51
  export declare const Root: NonNullable<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "key" | keyof import("react").DetailsHTMLAttributes<HTMLDetailsElement>>>>;
52
52
  export declare const Summary: NonNullable<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & {
53
53
  $open: OwnProps["open"];
@@ -3,8 +3,8 @@ import ModalUnstyled, { type ModalUnstyledProps } from "@mui/base/ModalUnstyled"
3
3
  import { type MotionProps } from "framer-motion";
4
4
  import { type Simplify } from "@koine/utils";
5
5
  import { type WithComponents } from "../helpers";
6
- declare type ReducedModalUnstyledProps = Omit<ModalUnstyledProps, "onClose" | "BackdropComponent" | "classes" | "closeAfterTransition" | "component" | "components" | "componentsProps">;
7
- export declare type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps & {
6
+ type ReducedModalUnstyledProps = Omit<ModalUnstyledProps, "onClose" | "BackdropComponent" | "classes" | "closeAfterTransition" | "component" | "components" | "componentsProps">;
7
+ export type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps & {
8
8
  onClose: (event: object, reason?: string) => any;
9
9
  title?: string;
10
10
  /** @default true */
@@ -13,7 +13,7 @@ export declare type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps
13
13
  mBackdrop?: MotionProps;
14
14
  mPaper?: MotionProps;
15
15
  }>;
16
- export declare type Components = {
16
+ export type Components = {
17
17
  Root: {
18
18
  type: typeof ModalUnstyled;
19
19
  props: React.PropsWithChildren<ReducedModalUnstyledProps>;
@@ -51,12 +51,12 @@ export declare type Components = {
51
51
  props: React.PropsWithChildren<{}>;
52
52
  };
53
53
  };
54
- export declare type ComponentsProps = {
54
+ export type ComponentsProps = {
55
55
  [Name in keyof Components]: Components[Name]["props"];
56
56
  };
57
- export declare type Props = Simplify<WithComponents<OwnProps, Components>>;
58
- export declare type DialogProps = Props;
59
- export declare type KoineDialogProps = Props;
57
+ export type Props = Simplify<WithComponents<OwnProps, Components>>;
58
+ export type DialogProps = Props;
59
+ export type KoineDialogProps = Props;
60
60
  export declare const Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
61
61
  export declare const Backdrop: NonNullable<React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
62
62
  open?: boolean | undefined;
@@ -80,7 +80,7 @@ export declare const Header: NonNullable<React.ElementType<Pick<React.DetailedHT
80
80
  export declare const Body: NonNullable<React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
81
81
  children?: React.ReactNode;
82
82
  }>>;
83
- export declare const KoineDialog: ((props: Pick<Simplify<WithComponents<OwnProps, Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "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" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof Components> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
83
+ export declare const KoineDialog: ((props: Pick<Simplify<WithComponents<OwnProps, Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "slotProps" | "slots" | "focusVisible" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof Components> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
84
84
  Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
85
85
  Backdrop: NonNullable<React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
86
86
  open?: boolean | undefined;
@@ -67,7 +67,7 @@ var DialogWithRef = forwardRef(function Dialog(_a, ref) {
67
67
  onClose(event, "backdropClick");
68
68
  }
69
69
  };
70
- return (_jsx(Root, __assign({ components: { Backdrop: Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsxs(Paper, __assign({ "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] })) })) })));
70
+ return (_jsx(Root, __assign({ slots: { backdrop: Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsxs(Paper, __assign({ "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] })) })) })));
71
71
  });
72
72
  export var KoineDialog = extendComponent(DialogWithRef, {
73
73
  Root: Root,
@@ -44,7 +44,7 @@ export declare const Body: import("react").ForwardRefExoticComponent<Pick<{
44
44
  }, "className"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
45
45
  children?: import("react").ReactNode;
46
46
  }>>>>;
47
- export declare const KoineDialog: ((props: Pick<import("type-fest").Simplify<import("../../helpers").WithComponents<_.OwnProps, _.Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "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" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof _.Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
47
+ export declare const KoineDialog: ((props: Pick<import("type-fest").Simplify<import("../../helpers").WithComponents<_.OwnProps, _.Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "slotProps" | "slots" | "focusVisible" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof _.Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
48
48
  Root: import("react").ForwardRefExoticComponent<Pick<{
49
49
  className?: string | undefined;
50
50
  ref?: import("react").Ref<any> | undefined;