@rovula/ui 0.0.26 → 0.0.28

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 (159) hide show
  1. package/dist/cjs/bundle.css +185 -37
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/AlertDialog/{Alert.stories.d.ts → AlertDialog.stories.d.ts} +4 -0
  5. package/dist/cjs/types/components/Calendar/Calendar.stories.d.ts +7 -7
  6. package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
  7. package/dist/cjs/types/components/Text/Text.d.ts +5 -6
  8. package/dist/cjs/types/components/Text/Text.stories.d.ts +10 -2
  9. package/dist/cjs/types/components/Toast/Toast.d.ts +17 -0
  10. package/dist/cjs/types/components/Toast/Toast.stories.d.ts +358 -0
  11. package/dist/cjs/types/components/Toast/Toast.styles.d.ts +12 -0
  12. package/dist/cjs/types/components/Toast/Toaster.d.ts +1 -0
  13. package/dist/cjs/types/components/Toast/useToast.d.ts +55 -0
  14. package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +8 -0
  15. package/dist/cjs/types/components/Tooltip/Tooltip.stories.d.ts +59 -0
  16. package/dist/cjs/types/components/Tooltip/TooltipSimple.d.ts +13 -0
  17. package/dist/cjs/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
  18. package/dist/cjs/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
  19. package/dist/cjs/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
  20. package/dist/cjs/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
  21. package/dist/cjs/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
  22. package/dist/cjs/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
  23. package/dist/cjs/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
  24. package/dist/cjs/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
  25. package/dist/cjs/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
  26. package/dist/cjs/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
  27. package/dist/cjs/types/icons/material-icon/outline/index.d.ts +10 -0
  28. package/dist/cjs/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
  29. package/dist/cjs/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
  30. package/dist/cjs/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
  31. package/dist/cjs/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
  32. package/dist/cjs/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
  33. package/dist/cjs/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
  34. package/dist/cjs/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
  35. package/dist/cjs/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
  36. package/dist/cjs/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
  37. package/dist/cjs/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
  38. package/dist/cjs/types/icons/material-icon/solid/index.d.ts +10 -0
  39. package/dist/cjs/types/index.d.ts +5 -0
  40. package/dist/components/AlertDialog/{Alert.stories.js → AlertDialog.stories.js} +13 -1
  41. package/dist/components/Checkbox/Checkbox.js +5 -4
  42. package/dist/components/Icon/Icon.stories.js +10 -0
  43. package/dist/components/Popover/Popover.js +1 -1
  44. package/dist/components/RadioGroup/RadioGroup.js +1 -4
  45. package/dist/components/Switch/Switch.js +1 -1
  46. package/dist/components/Text/Text.js +3 -5
  47. package/dist/components/Toast/Toast.js +52 -0
  48. package/dist/components/Toast/Toast.stories.js +82 -0
  49. package/dist/components/Toast/Toast.styles.js +60 -0
  50. package/dist/components/Toast/Toaster.js +24 -0
  51. package/dist/components/Toast/useToast.js +121 -0
  52. package/dist/components/Tooltip/Tooltip.js +26 -0
  53. package/dist/components/Tooltip/Tooltip.stories.js +61 -0
  54. package/dist/components/Tooltip/TooltipSimple.js +18 -0
  55. package/dist/esm/bundle.css +185 -37
  56. package/dist/esm/bundle.js +3 -3
  57. package/dist/esm/bundle.js.map +1 -1
  58. package/dist/esm/types/components/AlertDialog/{Alert.stories.d.ts → AlertDialog.stories.d.ts} +4 -0
  59. package/dist/esm/types/components/Calendar/Calendar.stories.d.ts +7 -7
  60. package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
  61. package/dist/esm/types/components/Text/Text.d.ts +5 -6
  62. package/dist/esm/types/components/Text/Text.stories.d.ts +10 -2
  63. package/dist/esm/types/components/Toast/Toast.d.ts +17 -0
  64. package/dist/esm/types/components/Toast/Toast.stories.d.ts +358 -0
  65. package/dist/esm/types/components/Toast/Toast.styles.d.ts +12 -0
  66. package/dist/esm/types/components/Toast/Toaster.d.ts +1 -0
  67. package/dist/esm/types/components/Toast/useToast.d.ts +55 -0
  68. package/dist/esm/types/components/Tooltip/Tooltip.d.ts +8 -0
  69. package/dist/esm/types/components/Tooltip/Tooltip.stories.d.ts +59 -0
  70. package/dist/esm/types/components/Tooltip/TooltipSimple.d.ts +13 -0
  71. package/dist/esm/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
  72. package/dist/esm/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
  73. package/dist/esm/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
  74. package/dist/esm/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
  75. package/dist/esm/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
  76. package/dist/esm/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
  77. package/dist/esm/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
  78. package/dist/esm/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
  79. package/dist/esm/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
  80. package/dist/esm/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
  81. package/dist/esm/types/icons/material-icon/outline/index.d.ts +10 -0
  82. package/dist/esm/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
  83. package/dist/esm/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
  84. package/dist/esm/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
  85. package/dist/esm/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
  86. package/dist/esm/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
  87. package/dist/esm/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
  88. package/dist/esm/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
  89. package/dist/esm/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
  90. package/dist/esm/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
  91. package/dist/esm/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
  92. package/dist/esm/types/icons/material-icon/solid/index.d.ts +10 -0
  93. package/dist/esm/types/index.d.ts +5 -0
  94. package/dist/icons/material-icon/outline/AllOutIcon.js +3 -0
  95. package/dist/icons/material-icon/outline/FormatAlignCenterIcon.js +3 -0
  96. package/dist/icons/material-icon/outline/FormatAlignJustifyIcon.js +3 -0
  97. package/dist/icons/material-icon/outline/FormatAlignLeftIcon.js +3 -0
  98. package/dist/icons/material-icon/outline/FormatAlignRightIcon.js +3 -0
  99. package/dist/icons/material-icon/outline/FormatBoldIcon.js +3 -0
  100. package/dist/icons/material-icon/outline/FormatItalicIcon.js +3 -0
  101. package/dist/icons/material-icon/outline/FormatListBulletedIcon.js +3 -0
  102. package/dist/icons/material-icon/outline/FormatListNumberedIcon.js +3 -0
  103. package/dist/icons/material-icon/outline/FormatUnderlinedIcon.js +3 -0
  104. package/dist/icons/material-icon/outline/index.js +10 -0
  105. package/dist/icons/material-icon/solid/AllOutIcon.js +3 -0
  106. package/dist/icons/material-icon/solid/FormatAlignCenterIcon.js +3 -0
  107. package/dist/icons/material-icon/solid/FormatAlignJustifyIcon.js +3 -0
  108. package/dist/icons/material-icon/solid/FormatAlignLeftIcon.js +3 -0
  109. package/dist/icons/material-icon/solid/FormatAlignRightIcon.js +3 -0
  110. package/dist/icons/material-icon/solid/FormatBoldIcon.js +3 -0
  111. package/dist/icons/material-icon/solid/FormatItalicIcon.js +3 -0
  112. package/dist/icons/material-icon/solid/FormatListBulletedIcon.js +3 -0
  113. package/dist/icons/material-icon/solid/FormatListNumberedIcon.js +3 -0
  114. package/dist/icons/material-icon/solid/FormatUnderlinedIcon.js +3 -0
  115. package/dist/icons/material-icon/solid/index.js +10 -0
  116. package/dist/index.d.ts +94 -6
  117. package/dist/index.js +5 -0
  118. package/dist/src/theme/global.css +230 -46
  119. package/dist/theme/themes/xspector/state.css +1 -1
  120. package/package.json +4 -1
  121. package/src/components/AlertDialog/{Alert.stories.tsx → AlertDialog.stories.tsx} +41 -1
  122. package/src/components/Checkbox/Checkbox.tsx +9 -4
  123. package/src/components/Icon/Icon.stories.tsx +10 -0
  124. package/src/components/Popover/Popover.tsx +1 -1
  125. package/src/components/RadioGroup/RadioGroup.tsx +6 -7
  126. package/src/components/Switch/Switch.tsx +8 -5
  127. package/src/components/Text/Text.tsx +33 -40
  128. package/src/components/Toast/Toast.stories.tsx +144 -0
  129. package/src/components/Toast/Toast.styles.tsx +73 -0
  130. package/src/components/Toast/Toast.tsx +116 -0
  131. package/src/components/Toast/Toaster.tsx +50 -0
  132. package/src/components/Toast/useToast.ts +222 -0
  133. package/src/components/Tooltip/Tooltip.stories.tsx +152 -0
  134. package/src/components/Tooltip/Tooltip.tsx +38 -0
  135. package/src/components/Tooltip/TooltipSimple.tsx +46 -0
  136. package/src/icons/material-icon/outline/AllOutIcon.tsx +20 -0
  137. package/src/icons/material-icon/outline/FormatAlignCenterIcon.tsx +20 -0
  138. package/src/icons/material-icon/outline/FormatAlignJustifyIcon.tsx +20 -0
  139. package/src/icons/material-icon/outline/FormatAlignLeftIcon.tsx +20 -0
  140. package/src/icons/material-icon/outline/FormatAlignRightIcon.tsx +20 -0
  141. package/src/icons/material-icon/outline/FormatBoldIcon.tsx +20 -0
  142. package/src/icons/material-icon/outline/FormatItalicIcon.tsx +20 -0
  143. package/src/icons/material-icon/outline/FormatListBulletedIcon.tsx +20 -0
  144. package/src/icons/material-icon/outline/FormatListNumberedIcon.tsx +20 -0
  145. package/src/icons/material-icon/outline/FormatUnderlinedIcon.tsx +20 -0
  146. package/src/icons/material-icon/outline/index.ts +10 -0
  147. package/src/icons/material-icon/solid/AllOutIcon.tsx +20 -0
  148. package/src/icons/material-icon/solid/FormatAlignCenterIcon.tsx +20 -0
  149. package/src/icons/material-icon/solid/FormatAlignJustifyIcon.tsx +20 -0
  150. package/src/icons/material-icon/solid/FormatAlignLeftIcon.tsx +20 -0
  151. package/src/icons/material-icon/solid/FormatAlignRightIcon.tsx +20 -0
  152. package/src/icons/material-icon/solid/FormatBoldIcon.tsx +20 -0
  153. package/src/icons/material-icon/solid/FormatItalicIcon.tsx +20 -0
  154. package/src/icons/material-icon/solid/FormatListBulletedIcon.tsx +20 -0
  155. package/src/icons/material-icon/solid/FormatListNumberedIcon.tsx +20 -0
  156. package/src/icons/material-icon/solid/FormatUnderlinedIcon.tsx +20 -0
  157. package/src/icons/material-icon/solid/index.ts +10 -0
  158. package/src/index.ts +5 -0
  159. package/src/theme/themes/xspector/state.css +1 -1
@@ -18,3 +18,7 @@ export declare const Default: {
18
18
  args: {};
19
19
  render: (args: {}) => import("react/jsx-runtime").JSX.Element;
20
20
  };
21
+ export declare const CustomStyle: {
22
+ args: {};
23
+ render: (args: {}) => import("react/jsx-runtime").JSX.Element;
24
+ };
@@ -52,7 +52,7 @@ declare const meta: {
52
52
  title?: string | undefined;
53
53
  lang?: string | undefined;
54
54
  locale?: Partial<import("date-fns").Locale> | undefined;
55
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
55
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
56
56
  firstWeekContainsDate?: 1 | 4 | undefined;
57
57
  useAdditionalWeekYearTokens?: boolean | undefined;
58
58
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -152,7 +152,7 @@ declare const meta: {
152
152
  title?: string | undefined;
153
153
  lang?: string | undefined;
154
154
  locale?: Partial<import("date-fns").Locale> | undefined;
155
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
155
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
156
156
  firstWeekContainsDate?: 1 | 4 | undefined;
157
157
  useAdditionalWeekYearTokens?: boolean | undefined;
158
158
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -252,7 +252,7 @@ declare const meta: {
252
252
  title?: string | undefined;
253
253
  lang?: string | undefined;
254
254
  locale?: Partial<import("date-fns").Locale> | undefined;
255
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
255
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
256
256
  firstWeekContainsDate?: 1 | 4 | undefined;
257
257
  useAdditionalWeekYearTokens?: boolean | undefined;
258
258
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -354,7 +354,7 @@ declare const meta: {
354
354
  title?: string | undefined;
355
355
  lang?: string | undefined;
356
356
  locale?: Partial<import("date-fns").Locale> | undefined;
357
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
357
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
358
358
  firstWeekContainsDate?: 1 | 4 | undefined;
359
359
  useAdditionalWeekYearTokens?: boolean | undefined;
360
360
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -456,7 +456,7 @@ declare const meta: {
456
456
  title?: string | undefined;
457
457
  lang?: string | undefined;
458
458
  locale?: Partial<import("date-fns").Locale> | undefined;
459
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
459
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
460
460
  firstWeekContainsDate?: 1 | 4 | undefined;
461
461
  useAdditionalWeekYearTokens?: boolean | undefined;
462
462
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -559,7 +559,7 @@ declare const meta: {
559
559
  title?: string | undefined;
560
560
  lang?: string | undefined;
561
561
  locale?: Partial<import("date-fns").Locale> | undefined;
562
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
562
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
563
563
  firstWeekContainsDate?: 1 | 4 | undefined;
564
564
  useAdditionalWeekYearTokens?: boolean | undefined;
565
565
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -662,7 +662,7 @@ declare const meta: {
662
662
  title?: string | undefined;
663
663
  lang?: string | undefined;
664
664
  locale?: Partial<import("date-fns").Locale> | undefined;
665
- weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
665
+ weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
666
666
  firstWeekContainsDate?: 1 | 4 | undefined;
667
667
  useAdditionalWeekYearTokens?: boolean | undefined;
668
668
  useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -278,8 +278,8 @@ declare const meta: {
278
278
  inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
279
279
  is?: string | undefined;
280
280
  required?: boolean | undefined;
281
- asChild?: boolean | undefined;
282
281
  loop?: boolean | undefined;
282
+ asChild?: boolean | undefined;
283
283
  onValueChange?: ((value: string) => void) | undefined;
284
284
  ref?: React.LegacyRef<HTMLDivElement> | undefined;
285
285
  }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -1,13 +1,12 @@
1
1
  import React from "react";
2
- export type TextProps<T extends React.ElementType> = {
2
+ export type TextProps = {
3
3
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "small4" | "small5" | "label1" | "label2" | "buttonL" | "buttonMS";
4
4
  color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
5
5
  children?: React.ReactNode;
6
6
  className?: string;
7
- tag?: T;
7
+ tag?: React.ElementType;
8
8
  style?: React.CSSProperties;
9
9
  id?: string;
10
- } & React.ComponentProps<T>;
11
- type TextComponent<T extends React.ElementType> = React.ForwardRefExoticComponent<TextProps<T> & React.RefAttributes<HTMLElement>>;
12
- declare const ForwardedText: TextComponent<any>;
13
- export default ForwardedText;
10
+ };
11
+ declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<unknown>>;
12
+ export default Text;
@@ -1,13 +1,21 @@
1
1
  import React from "react";
2
2
  declare const meta: {
3
3
  title: string;
4
- component: React.ForwardRefExoticComponent<any>;
4
+ component: React.ForwardRefExoticComponent<import("./Text").TextProps & React.RefAttributes<unknown>>;
5
5
  tags: string[];
6
6
  parameters: {
7
7
  layout: string;
8
8
  };
9
9
  decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
10
- [x: string]: any;
10
+ variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "small4" | "small5" | "label1" | "label2" | "buttonL" | "buttonMS" | undefined;
11
+ color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
12
+ children?: React.ReactNode;
13
+ className?: string | undefined;
14
+ tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
15
+ style?: React.CSSProperties | undefined;
16
+ id?: string | undefined;
17
+ ref?: React.LegacyRef<unknown> | undefined;
18
+ key?: React.Key | null | undefined;
11
19
  }>) => import("react/jsx-runtime").JSX.Element)[];
12
20
  };
13
21
  export default meta;
@@ -0,0 +1,17 @@
1
+ import * as React from "react";
2
+ import * as ToastPrimitives from "@radix-ui/react-toast";
3
+ import { type VariantProps } from "class-variance-authority";
4
+ declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
5
+ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & VariantProps<(props?: ({
6
+ position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | null | undefined;
7
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
8
+ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
9
+ variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
10
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
11
+ declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
12
+ declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
13
+ declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
+ declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
16
+ type ToastActionElement = React.ReactElement<typeof ToastAction>;
17
+ export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
@@ -0,0 +1,358 @@
1
+ import React from "react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
5
+ variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
6
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
7
+ tags: string[];
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
12
+ suppressHydrationWarning?: boolean | undefined;
13
+ className?: string | undefined;
14
+ color?: string | undefined;
15
+ id?: string | undefined;
16
+ lang?: string | undefined;
17
+ style?: React.CSSProperties | undefined;
18
+ type?: "foreground" | "background" | undefined;
19
+ role?: React.AriaRole | undefined;
20
+ tabIndex?: number | undefined;
21
+ "aria-activedescendant"?: string | undefined;
22
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
23
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
24
+ "aria-braillelabel"?: string | undefined;
25
+ "aria-brailleroledescription"?: string | undefined;
26
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
27
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
28
+ "aria-colcount"?: number | undefined;
29
+ "aria-colindex"?: number | undefined;
30
+ "aria-colindextext"?: string | undefined;
31
+ "aria-colspan"?: number | undefined;
32
+ "aria-controls"?: string | undefined;
33
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
34
+ "aria-describedby"?: string | undefined;
35
+ "aria-description"?: string | undefined;
36
+ "aria-details"?: string | undefined;
37
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
38
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
39
+ "aria-errormessage"?: string | undefined;
40
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
41
+ "aria-flowto"?: string | undefined;
42
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
43
+ "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
44
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
45
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
46
+ "aria-keyshortcuts"?: string | undefined;
47
+ "aria-label"?: string | undefined;
48
+ "aria-labelledby"?: string | undefined;
49
+ "aria-level"?: number | undefined;
50
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
51
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
52
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
53
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
54
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
55
+ "aria-owns"?: string | undefined;
56
+ "aria-placeholder"?: string | undefined;
57
+ "aria-posinset"?: number | undefined;
58
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
59
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
60
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
61
+ "aria-required"?: (boolean | "true" | "false") | undefined;
62
+ "aria-roledescription"?: string | undefined;
63
+ "aria-rowcount"?: number | undefined;
64
+ "aria-rowindex"?: number | undefined;
65
+ "aria-rowindextext"?: string | undefined;
66
+ "aria-rowspan"?: number | undefined;
67
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
68
+ "aria-setsize"?: number | undefined;
69
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
70
+ "aria-valuemax"?: number | undefined;
71
+ "aria-valuemin"?: number | undefined;
72
+ "aria-valuenow"?: number | undefined;
73
+ "aria-valuetext"?: string | undefined;
74
+ children?: React.ReactNode;
75
+ dangerouslySetInnerHTML?: {
76
+ __html: string | TrustedHTML;
77
+ } | undefined;
78
+ onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
79
+ onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
80
+ onCut?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
81
+ onCutCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
82
+ onPaste?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
83
+ onPasteCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
84
+ onCompositionEnd?: React.CompositionEventHandler<HTMLLIElement> | undefined;
85
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
86
+ onCompositionStart?: React.CompositionEventHandler<HTMLLIElement> | undefined;
87
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
88
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLLIElement> | undefined;
89
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
90
+ onFocus?: React.FocusEventHandler<HTMLLIElement> | undefined;
91
+ onFocusCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
92
+ onBlur?: React.FocusEventHandler<HTMLLIElement> | undefined;
93
+ onBlurCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
94
+ onChange?: React.FormEventHandler<HTMLLIElement> | undefined;
95
+ onChangeCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
96
+ onBeforeInput?: React.FormEventHandler<HTMLLIElement> | undefined;
97
+ onBeforeInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
98
+ onInput?: React.FormEventHandler<HTMLLIElement> | undefined;
99
+ onInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
100
+ onReset?: React.FormEventHandler<HTMLLIElement> | undefined;
101
+ onResetCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
102
+ onSubmit?: React.FormEventHandler<HTMLLIElement> | undefined;
103
+ onSubmitCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
104
+ onInvalid?: React.FormEventHandler<HTMLLIElement> | undefined;
105
+ onInvalidCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
106
+ onLoad?: React.ReactEventHandler<HTMLLIElement> | undefined;
107
+ onLoadCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
108
+ onError?: React.ReactEventHandler<HTMLLIElement> | undefined;
109
+ onErrorCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
110
+ onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
111
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
112
+ onKeyPress?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
113
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
114
+ onKeyUp?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
115
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
116
+ onAbort?: React.ReactEventHandler<HTMLLIElement> | undefined;
117
+ onAbortCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
118
+ onCanPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
119
+ onCanPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
120
+ onCanPlayThrough?: React.ReactEventHandler<HTMLLIElement> | undefined;
121
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
122
+ onDurationChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
123
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
124
+ onEmptied?: React.ReactEventHandler<HTMLLIElement> | undefined;
125
+ onEmptiedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
126
+ onEncrypted?: React.ReactEventHandler<HTMLLIElement> | undefined;
127
+ onEncryptedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
128
+ onEnded?: React.ReactEventHandler<HTMLLIElement> | undefined;
129
+ onEndedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
130
+ onLoadedData?: React.ReactEventHandler<HTMLLIElement> | undefined;
131
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
132
+ onLoadedMetadata?: React.ReactEventHandler<HTMLLIElement> | undefined;
133
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
134
+ onLoadStart?: React.ReactEventHandler<HTMLLIElement> | undefined;
135
+ onLoadStartCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
136
+ onPause?: (() => void) | undefined;
137
+ onPauseCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
138
+ onPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
139
+ onPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
140
+ onPlaying?: React.ReactEventHandler<HTMLLIElement> | undefined;
141
+ onPlayingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
142
+ onProgress?: React.ReactEventHandler<HTMLLIElement> | undefined;
143
+ onProgressCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
144
+ onRateChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
145
+ onRateChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
146
+ onResize?: React.ReactEventHandler<HTMLLIElement> | undefined;
147
+ onResizeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
148
+ onSeeked?: React.ReactEventHandler<HTMLLIElement> | undefined;
149
+ onSeekedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
150
+ onSeeking?: React.ReactEventHandler<HTMLLIElement> | undefined;
151
+ onSeekingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
152
+ onStalled?: React.ReactEventHandler<HTMLLIElement> | undefined;
153
+ onStalledCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
154
+ onSuspend?: React.ReactEventHandler<HTMLLIElement> | undefined;
155
+ onSuspendCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
156
+ onTimeUpdate?: React.ReactEventHandler<HTMLLIElement> | undefined;
157
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
158
+ onVolumeChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
159
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
160
+ onWaiting?: React.ReactEventHandler<HTMLLIElement> | undefined;
161
+ onWaitingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
162
+ onAuxClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
163
+ onAuxClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
164
+ onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
165
+ onClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
166
+ onContextMenu?: React.MouseEventHandler<HTMLLIElement> | undefined;
167
+ onContextMenuCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
168
+ onDoubleClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
169
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
170
+ onDrag?: React.DragEventHandler<HTMLLIElement> | undefined;
171
+ onDragCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
172
+ onDragEnd?: React.DragEventHandler<HTMLLIElement> | undefined;
173
+ onDragEndCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
174
+ onDragEnter?: React.DragEventHandler<HTMLLIElement> | undefined;
175
+ onDragEnterCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
176
+ onDragExit?: React.DragEventHandler<HTMLLIElement> | undefined;
177
+ onDragExitCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
178
+ onDragLeave?: React.DragEventHandler<HTMLLIElement> | undefined;
179
+ onDragLeaveCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
180
+ onDragOver?: React.DragEventHandler<HTMLLIElement> | undefined;
181
+ onDragOverCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
182
+ onDragStart?: React.DragEventHandler<HTMLLIElement> | undefined;
183
+ onDragStartCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
184
+ onDrop?: React.DragEventHandler<HTMLLIElement> | undefined;
185
+ onDropCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
186
+ onMouseDown?: React.MouseEventHandler<HTMLLIElement> | undefined;
187
+ onMouseDownCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
188
+ onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
189
+ onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
190
+ onMouseMove?: React.MouseEventHandler<HTMLLIElement> | undefined;
191
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
192
+ onMouseOut?: React.MouseEventHandler<HTMLLIElement> | undefined;
193
+ onMouseOutCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
194
+ onMouseOver?: React.MouseEventHandler<HTMLLIElement> | undefined;
195
+ onMouseOverCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
196
+ onMouseUp?: React.MouseEventHandler<HTMLLIElement> | undefined;
197
+ onMouseUpCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
198
+ onSelect?: React.ReactEventHandler<HTMLLIElement> | undefined;
199
+ onSelectCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
200
+ onTouchCancel?: React.TouchEventHandler<HTMLLIElement> | undefined;
201
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
202
+ onTouchEnd?: React.TouchEventHandler<HTMLLIElement> | undefined;
203
+ onTouchEndCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
204
+ onTouchMove?: React.TouchEventHandler<HTMLLIElement> | undefined;
205
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
206
+ onTouchStart?: React.TouchEventHandler<HTMLLIElement> | undefined;
207
+ onTouchStartCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
208
+ onPointerDown?: React.PointerEventHandler<HTMLLIElement> | undefined;
209
+ onPointerDownCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
210
+ onPointerMove?: React.PointerEventHandler<HTMLLIElement> | undefined;
211
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
212
+ onPointerUp?: React.PointerEventHandler<HTMLLIElement> | undefined;
213
+ onPointerUpCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
214
+ onPointerCancel?: React.PointerEventHandler<HTMLLIElement> | undefined;
215
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
216
+ onPointerEnter?: React.PointerEventHandler<HTMLLIElement> | undefined;
217
+ onPointerLeave?: React.PointerEventHandler<HTMLLIElement> | undefined;
218
+ onPointerOver?: React.PointerEventHandler<HTMLLIElement> | undefined;
219
+ onPointerOverCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
220
+ onPointerOut?: React.PointerEventHandler<HTMLLIElement> | undefined;
221
+ onPointerOutCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
222
+ onGotPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
223
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
224
+ onLostPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
225
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
226
+ onScroll?: React.UIEventHandler<HTMLLIElement> | undefined;
227
+ onScrollCapture?: React.UIEventHandler<HTMLLIElement> | undefined;
228
+ onWheel?: React.WheelEventHandler<HTMLLIElement> | undefined;
229
+ onWheelCapture?: React.WheelEventHandler<HTMLLIElement> | undefined;
230
+ onAnimationStart?: React.AnimationEventHandler<HTMLLIElement> | undefined;
231
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
232
+ onAnimationEnd?: React.AnimationEventHandler<HTMLLIElement> | undefined;
233
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
234
+ onAnimationIteration?: React.AnimationEventHandler<HTMLLIElement> | undefined;
235
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
236
+ onTransitionEnd?: React.TransitionEventHandler<HTMLLIElement> | undefined;
237
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLLIElement> | undefined;
238
+ key?: React.Key | null | undefined;
239
+ title?: string | undefined;
240
+ value?: string | number | readonly string[] | undefined;
241
+ defaultChecked?: boolean | undefined;
242
+ defaultValue?: string | number | readonly string[] | undefined;
243
+ suppressContentEditableWarning?: boolean | undefined;
244
+ accessKey?: string | undefined;
245
+ autoFocus?: boolean | undefined;
246
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
247
+ contextMenu?: string | undefined;
248
+ dir?: string | undefined;
249
+ draggable?: (boolean | "true" | "false") | undefined;
250
+ hidden?: boolean | undefined;
251
+ nonce?: string | undefined;
252
+ slot?: string | undefined;
253
+ spellCheck?: (boolean | "true" | "false") | undefined;
254
+ translate?: "no" | "yes" | undefined;
255
+ radioGroup?: string | undefined;
256
+ about?: string | undefined;
257
+ content?: string | undefined;
258
+ datatype?: string | undefined;
259
+ inlist?: any;
260
+ prefix?: string | undefined;
261
+ property?: string | undefined;
262
+ rel?: string | undefined;
263
+ resource?: string | undefined;
264
+ rev?: string | undefined;
265
+ typeof?: string | undefined;
266
+ vocab?: string | undefined;
267
+ autoCapitalize?: string | undefined;
268
+ autoCorrect?: string | undefined;
269
+ autoSave?: string | undefined;
270
+ itemProp?: string | undefined;
271
+ itemScope?: boolean | undefined;
272
+ itemType?: string | undefined;
273
+ itemID?: string | undefined;
274
+ itemRef?: string | undefined;
275
+ results?: number | undefined;
276
+ security?: string | undefined;
277
+ unselectable?: "off" | "on" | undefined;
278
+ inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
279
+ is?: string | undefined;
280
+ open?: boolean | undefined;
281
+ asChild?: boolean | undefined;
282
+ onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
283
+ forceMount?: true | undefined;
284
+ onOpenChange?: ((open: boolean) => void) | undefined;
285
+ defaultOpen?: boolean | undefined;
286
+ duration?: number | undefined;
287
+ onResume?: (() => void) | undefined;
288
+ onSwipeStart?: ((event: {
289
+ currentTarget: EventTarget & HTMLLIElement;
290
+ } & Omit<CustomEvent<{
291
+ originalEvent: React.PointerEvent<Element>;
292
+ delta: {
293
+ x: number;
294
+ y: number;
295
+ };
296
+ }>, "currentTarget">) => void) | undefined;
297
+ onSwipeMove?: ((event: {
298
+ currentTarget: EventTarget & HTMLLIElement;
299
+ } & Omit<CustomEvent<{
300
+ originalEvent: React.PointerEvent<Element>;
301
+ delta: {
302
+ x: number;
303
+ y: number;
304
+ };
305
+ }>, "currentTarget">) => void) | undefined;
306
+ onSwipeCancel?: ((event: {
307
+ currentTarget: EventTarget & HTMLLIElement;
308
+ } & Omit<CustomEvent<{
309
+ originalEvent: React.PointerEvent<Element>;
310
+ delta: {
311
+ x: number;
312
+ y: number;
313
+ };
314
+ }>, "currentTarget">) => void) | undefined;
315
+ onSwipeEnd?: ((event: {
316
+ currentTarget: EventTarget & HTMLLIElement;
317
+ } & Omit<CustomEvent<{
318
+ originalEvent: React.PointerEvent<Element>;
319
+ delta: {
320
+ x: number;
321
+ y: number;
322
+ };
323
+ }>, "currentTarget">) => void) | undefined;
324
+ variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
325
+ ref?: React.LegacyRef<HTMLLIElement> | undefined;
326
+ }>) => import("react/jsx-runtime").JSX.Element)[];
327
+ };
328
+ export default meta;
329
+ export declare const Simple: {
330
+ argTypes: {
331
+ variant: {
332
+ control: "select";
333
+ options: string[];
334
+ };
335
+ contentMode: {
336
+ control: "select";
337
+ options: string[];
338
+ };
339
+ position: {
340
+ control: "select";
341
+ options: string[];
342
+ };
343
+ };
344
+ args: {
345
+ variant: "default";
346
+ contentMode: "horizontal";
347
+ position: "top-center";
348
+ };
349
+ render: (args: {
350
+ variant: "default" | "success" | "info" | "warning" | "error" | null | undefined;
351
+ contentMode: "horizontal" | "vertical";
352
+ position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
353
+ }) => import("react/jsx-runtime").JSX.Element;
354
+ };
355
+ export declare const WithAction: {
356
+ args: {};
357
+ render: (args: {}) => import("react/jsx-runtime").JSX.Element;
358
+ };
@@ -0,0 +1,12 @@
1
+ export declare const toastVariants: (props?: ({
2
+ variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
3
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
4
+ export declare const toastViewportVariants: (props?: ({
5
+ position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | null | undefined;
6
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ export declare const toastIconVariants: (props?: ({
8
+ variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
9
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
+ export declare const toastContentVariants: (props?: ({
11
+ contentMode?: "horizontal" | "vertical" | null | undefined;
12
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -0,0 +1 @@
1
+ export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,55 @@
1
+ import * as React from "react";
2
+ import { ToastActionElement, ToastProps } from "./Toast";
3
+ type ToasterToast = ToastProps & {
4
+ id: string;
5
+ title?: React.ReactNode;
6
+ description?: React.ReactNode;
7
+ action?: ToastActionElement;
8
+ contentMode?: "vertical" | "horizontal";
9
+ };
10
+ type ToasterPosition = "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
11
+ declare const actionTypes: {
12
+ readonly ADD_TOAST: "ADD_TOAST";
13
+ readonly UPDATE_TOAST: "UPDATE_TOAST";
14
+ readonly DISMISS_TOAST: "DISMISS_TOAST";
15
+ readonly REMOVE_TOAST: "REMOVE_TOAST";
16
+ readonly ADD_POSITION: "ADD_POSITION";
17
+ };
18
+ type ActionType = typeof actionTypes;
19
+ type Action = {
20
+ type: ActionType["ADD_TOAST"];
21
+ toast: ToasterToast;
22
+ } | {
23
+ type: ActionType["UPDATE_TOAST"];
24
+ toast: Partial<ToasterToast>;
25
+ } | {
26
+ type: ActionType["DISMISS_TOAST"];
27
+ toastId?: ToasterToast["id"];
28
+ } | {
29
+ type: ActionType["REMOVE_TOAST"];
30
+ toastId?: ToasterToast["id"];
31
+ } | {
32
+ type: ActionType["ADD_POSITION"];
33
+ position?: ToasterPosition;
34
+ };
35
+ interface State {
36
+ toasts: ToasterToast[];
37
+ position?: ToasterPosition;
38
+ }
39
+ export declare const reducer: (state: State, action: Action) => State;
40
+ type Toast = Omit<ToasterToast, "id">;
41
+ declare function toast({ ...props }: Toast): {
42
+ id: string;
43
+ dismiss: () => void;
44
+ update: (props: ToasterToast) => void;
45
+ };
46
+ type ToastOptions = {
47
+ position?: State["position"];
48
+ };
49
+ declare function useToast(options?: ToastOptions): {
50
+ toast: typeof toast;
51
+ dismiss: (toastId?: string) => void;
52
+ toasts: ToasterToast[];
53
+ position?: ToasterPosition;
54
+ };
55
+ export { useToast, toast };
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
4
+ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
5
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
7
+ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipArrow, };
@@ -0,0 +1,59 @@
1
+ import React from "react";
2
+ declare const meta: {
3
+ title: string;
4
+ tags: string[];
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
9
+ children?: React.ReactNode;
10
+ open?: boolean | undefined;
11
+ defaultOpen?: boolean | undefined;
12
+ onOpenChange?: ((open: boolean) => void) | undefined;
13
+ delayDuration?: number | undefined;
14
+ disableHoverableContent?: boolean | undefined;
15
+ }>) => import("react/jsx-runtime").JSX.Element)[];
16
+ };
17
+ export default meta;
18
+ export declare const Default: {
19
+ args: {
20
+ delayDuration: number;
21
+ skipDelayDuration: number;
22
+ disableHoverableContent: boolean;
23
+ };
24
+ render: (args: any) => import("react/jsx-runtime").JSX.Element;
25
+ };
26
+ export declare const Position: {
27
+ argTypes: {
28
+ side: {
29
+ control: "select";
30
+ options: string[];
31
+ };
32
+ align: {
33
+ control: "select";
34
+ options: string[];
35
+ };
36
+ };
37
+ args: {
38
+ side: "top";
39
+ align: "center";
40
+ sideOffset: number;
41
+ };
42
+ render: (args: {
43
+ side: "top" | "right" | "bottom" | "left";
44
+ align: "start" | "center" | "end";
45
+ sideOffset: number;
46
+ }) => import("react/jsx-runtime").JSX.Element;
47
+ };
48
+ export declare const Controlled: {
49
+ args: {
50
+ open: boolean;
51
+ };
52
+ render: (args: {}) => import("react/jsx-runtime").JSX.Element;
53
+ };
54
+ export declare const Simple: {
55
+ args: {
56
+ open: boolean;
57
+ };
58
+ render: (args: {}) => import("react/jsx-runtime").JSX.Element;
59
+ };