@medway-ui/core 0.3.34 → 0.4.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 (9) hide show
  1. package/dist/assets/css/tokens.css +60 -57
  2. package/dist/assets/js/tokens.ts +57 -54
  3. package/dist/index.d.mts +52 -2
  4. package/dist/index.d.ts +52 -2
  5. package/dist/index.js +15 -3
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +15 -3
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +6 -4
package/dist/assets/css/tokens.css CHANGED
@@ -23,75 +23,78 @@
23
23
  --color-gray-150: #ced3de;
24
24
  --color-gray-100: #e7e9ef;
25
25
  --color-gray-50: #f6f7f9;
26
- --color-green-darken-1: #088147;
27
- --color-green-darken-2: #054827;
28
- --color-green-accent: #0cbb66;
29
- --color-green-accent-80: #0cbb66cc;
30
- --color-green-accent-48: #0cbb667a;
31
- --color-green-accent-24: #0cbb663d;
32
- --color-green-accent-16: #0cbb6629;
33
- --color-green-accent-8: #0cbb6614;
34
- --color-green-accent-4: #0cbb660a;
35
- --color-red-darken-1: #c20f24;
36
- --color-red-darken-2: #8a0a19;
37
- --color-red-accent: #ee2038;
38
- --color-red-accent-80: #ee2038cc;
39
- --color-red-accent-48: #ee20387a;
40
- --color-red-accent-24: #ee20383d;
41
- --color-red-accent-16: #ee203829;
42
- --color-red-accent-8: #ee203814;
43
- --color-red-accent-4: #ee20380a;
44
- --color-yellow-darken-1: #b59103;
45
- --color-yellow-darken-2: #796102;
46
- --color-yellow-accent: #f1c204;
47
- --color-yellow-accent-80: #f1c204cc;
48
- --color-yellow-accent-48: #f1c2047a;
49
- --color-yellow-accent-24: #f1c2043d;
50
- --color-yellow-accent-16: #f1c20429;
51
- --color-yellow-accent-8: #f1c20414;
52
- --color-yellow-accent-4: #f1c2040a;
26
+ --color-green: #0cbb66;
27
+ --color-green-darken-1: #109856;
28
+ --color-green-darken-2: #117847;
29
+ --color-green-80: #0cbb66cc;
30
+ --color-green-48: #0cbb667a;
31
+ --color-green-24: #0cbb663d;
32
+ --color-green-16: #0cbb6629;
33
+ --color-green-8: #0cbb6614;
34
+ --color-green-4: #0cbb660a;
35
+ --color-red: #ee2038;
36
+ --color-red-darken-1: #d8182e;
37
+ --color-red-darken-2: #b61b2d;
38
+ --color-red-darken-3: #961d2b;
39
+ --color-red-80: #ee2038cc;
40
+ --color-red-48: #ee20387a;
41
+ --color-red-24: #ee20383d;
42
+ --color-red-16: #ee203829;
43
+ --color-red-8: #ee203814;
44
+ --color-red-4: #ee20380a;
45
+ --color-yellow: #f1c204;
46
+ --color-yellow-darken-1: #cba50b;
47
+ --color-yellow-darken-2: #a88a10;
48
+ --color-yellow-80: #f1c204cc;
49
+ --color-yellow-48: #f1c2047a;
50
+ --color-yellow-24: #f1c2043d;
51
+ --color-yellow-16: #f1c20429;
52
+ --color-yellow-8: #f1c20414;
53
+ --color-yellow-4: #f1c2040a;
53
54
 
54
55
  /* === Brand Medway utility === */
55
56
  --color-primary: #00205b;
56
- --color-primary-darken-1: #00163d;
57
- --color-primary-darken-2: #000b1f;
58
- --color-primary-accent-80: #00205bcc;
59
- --color-primary-accent-48: #00205b7a;
60
- --color-primary-accent-24: #00205b3d;
61
- --color-primary-accent-16: #00205b29;
62
- --color-primary-accent-8: #00205b14;
63
- --color-primary-accent-4: #00205b0a;
57
+ --color-primary-darken-1: #02163b;
58
+ --color-primary-darken-2: #020b1c;
59
+ --color-primary-80: #00205bcc;
60
+ --color-primary-48: #00205b7a;
61
+ --color-primary-24: #00205b3d;
62
+ --color-primary-16: #00205b29;
63
+ --color-primary-8: #00205b14;
64
+ --color-primary-4: #00205b0a;
64
65
 
65
66
  /* === Brand Secondary utility === */
66
67
  --color-secondary: #01d0b4;
67
- --color-secondary-darken-1: #01b29a;
68
- --color-secondary-darken-2: #019380;
69
- --color-secondary-accent-80: #01d0b4cc;
70
- --color-secondary-accent-48: #01d0b47a;
71
- --color-secondary-accent-24: #01d0b43d;
72
- --color-secondary-accent-16: #01d0b429;
73
- --color-secondary-accent-8: #01d0b414;
74
- --color-secondary-accent-4: #01d0b40a;
68
+ --color-secondary-darken-1: #07ab95;
69
+ --color-secondary-darken-2: #0b8978;
70
+ --color-secondary-darken-3: #0d685c;
71
+ --color-secondary-darken-4: #0c4b42;
72
+ --color-secondary-80: #01d0b4cc;
73
+ --color-secondary-48: #01d0b47a;
74
+ --color-secondary-24: #01d0b43d;
75
+ --color-secondary-16: #01d0b429;
76
+ --color-secondary-8: #01d0b414;
77
+ --color-secondary-4: #01d0b40a;
75
78
 
76
79
  /* === Brand Other utility === */
80
+ --color-other-primary: #1649ac;
77
81
  --color-other-primary-darken-1: #133d91;
78
82
  --color-other-primary-darken-2: #0f3276;
79
- --color-other-primary-accent: #1649ac;
80
- --color-other-primary-accent-80: #1649accc;
81
- --color-other-primary-accent-48: #1649ac7a;
82
- --color-other-primary-accent-24: #1649ac3d;
83
- --color-other-primary-accent-16: #1649ac29;
84
- --color-other-primary-accent-8: #1649ac14;
85
- --color-other-primary-accent-4: #1649ac0a;
83
+ --color-other-primary-80: #1649accc;
84
+ --color-other-primary-48: #1649ac7a;
85
+ --color-other-primary-24: #1649ac3d;
86
+ --color-other-primary-16: #1649ac29;
87
+ --color-other-primary-8: #1649ac14;
88
+ --color-other-primary-4: #1649ac0a;
89
+ --color-other-secondary: #eb152b;
86
90
  --color-other-secondary-darken-1: #cf1225;
87
91
  --color-other-secondary-darken-2: #b30f20;
88
- --color-other-secondary-accent: #eb152b;
89
- --color-other-secondary-accent-80: #eb152bcc;
90
- --color-other-secondary-accent-48: #eb152b7a;
91
- --color-other-secondary-accent-24: #eb152b3d;
92
- --color-other-secondary-accent-16: #eb152b29;
93
- --color-other-secondary-accent-8: #eb152b14;
94
- --color-other-secondary-accent-4: #eb152b0a;
92
+ --color-other-secondary-80: #eb152bcc;
93
+ --color-other-secondary-48: #eb152b7a;
94
+ --color-other-secondary-24: #eb152b3d;
95
+ --color-other-secondary-16: #eb152b29;
96
+ --color-other-secondary-8: #eb152b14;
97
+ --color-other-secondary-4: #eb152b0a;
95
98
 
96
99
  /* === Typography fontfamily === */
97
100
  --font-sans:
package/dist/assets/js/tokens.ts CHANGED
@@ -28,82 +28,85 @@ export const colors = {
28
28
  50: "var(--color-gray-50)",
29
29
  },
30
30
  green: {
31
- "darken-2": "var(--color-green-darken-2)",
31
+ DEFAULT: "var(--color-green)",
32
32
  "darken-1": "var(--color-green-darken-1)",
33
- accent: "var(--color-green-accent)",
34
- "accent-80": "var(--color-green-accent-80)",
35
- "accent-48": "var(--color-green-accent-48)",
36
- "accent-24": "var(--color-green-accent-24)",
37
- "accent-16": "var(--color-green-accent-16)",
38
- "accent-8": "var(--color-green-accent-8)",
39
- "accent-4": "var(--color-green-accent-4)",
33
+ "darken-2": "var(--color-green-darken-2)",
34
+ "80": "var(--color-green-80)",
35
+ "48": "var(--color-green-48)",
36
+ "24": "var(--color-green-24)",
37
+ "16": "var(--color-green-16)",
38
+ "8": "var(--color-green-8)",
39
+ "4": "var(--color-green-4)",
40
40
  },
41
41
  red: {
42
- "darken-2": "var(--color-red-darken-2)",
42
+ DEFAULT: "var(--color-red)",
43
43
  "darken-1": "var(--color-red-darken-1)",
44
- accent: "var(--color-red-accent)",
45
- "accent-80": "var(--color-red-accent-80)",
46
- "accent-48": "var(--color-red-accent-48)",
47
- "accent-24": "var(--color-red-accent-24)",
48
- "accent-16": "var(--color-red-accent-16)",
49
- "accent-8": "var(--color-red-accent-8)",
50
- "accent-4": "var(--color-red-accent-4)",
44
+ "darken-2": "var(--color-red-darken-2)",
45
+ "darken-3": "var(--color-red-darken-3)",
46
+ "80": "var(--color-red-80)",
47
+ "48": "var(--color-red-48)",
48
+ "24": "var(--color-red-24)",
49
+ "16": "var(--color-red-16)",
50
+ "8": "var(--color-red-8)",
51
+ "4": "var(--color-red-4)",
51
52
  },
52
53
  yellow: {
53
- "darken-2": "var(--color-yellow-darken-2)",
54
+ DEFAULT: "var(--color-yellow)",
54
55
  "darken-1": "var(--color-yellow-darken-1)",
55
- accent: "var(--color-yellow-accent)",
56
- "accent-80": "var(--color-yellow-accent-80)",
57
- "accent-48": "var(--color-yellow-accent-48)",
58
- "accent-24": "var(--color-yellow-accent-24)",
59
- "accent-16": "var(--color-yellow-accent-16)",
60
- "accent-8": "var(--color-yellow-accent-8)",
61
- "accent-4": "var(--color-yellow-accent-4)",
56
+ "darken-2": "var(--color-yellow-darken-2)",
57
+ "80": "var(--color-yellow-80)",
58
+ "48": "var(--color-yellow-48)",
59
+ "24": "var(--color-yellow-24)",
60
+ "16": "var(--color-yellow-16)",
61
+ "8": "var(--color-yellow-8)",
62
+ "4": "var(--color-yellow-4)",
62
63
  },
63
64
  primary: {
64
65
  DEFAULT: "var(--color-primary)",
65
- "darken-2": "var(--color-primary-darken-2)",
66
66
  "darken-1": "var(--color-primary-darken-1)",
67
- "accent-80": "var(--color-primary-accent-80)",
68
- "accent-48": "var(--color-primary-accent-48)",
69
- "accent-24": "var(--color-primary-accent-24)",
70
- "accent-16": "var(--color-primary-accent-16)",
71
- "accent-8": "var(--color-primary-accent-8)",
72
- "accent-4": "var(--color-primary-accent-4)",
67
+ "darken-2": "var(--color-primary-darken-2)",
68
+ "80": "var(--color-primary-80)",
69
+ "48": "var(--color-primary-48)",
70
+ "24": "var(--color-primary-24)",
71
+ "16": "var(--color-primary-16)",
72
+ "8": "var(--color-primary-8)",
73
+ "4": "var(--color-primary-4)",
73
74
  },
74
75
  secondary: {
75
76
  DEFAULT: "var(--color-secondary)",
76
- "darken-2": "var(--color-secondary-darken-2)",
77
77
  "darken-1": "var(--color-secondary-darken-1)",
78
- "accent-80": "var(--color-secondary-accent-80)",
79
- "accent-48": "var(--color-secondary-accent-48)",
80
- "accent-24": "var(--color-secondary-accent-24)",
81
- "accent-16": "var(--color-secondary-accent-16)",
82
- "accent-8": "var(--color-secondary-accent-8)",
83
- "accent-4": "var(--color-secondary-accent-4)",
78
+ "darken-2": "var(--color-secondary-darken-2)",
79
+ "darken-3": "var(--color-secondary-darken-3)",
80
+ "darken-4": "var(--color-secondary-darken-4)",
81
+ "80": "var(--color-secondary-80)",
82
+ "48": "var(--color-secondary-48)",
83
+ "24": "var(--color-secondary-24)",
84
+ "16": "var(--color-secondary-16)",
85
+ "8": "var(--color-secondary-8)",
86
+ "4": "var(--color-secondary-4)",
84
87
  },
85
88
  other: {
86
89
  primary: {
87
- "darken-2": "var(--color-other-primary-darken-2)",
90
+ DEFAULT: "var(--color-other-primary)",
88
91
  "darken-1": "var(--color-other-primary-darken-1)",
89
- accent: "var(--color-other-primary-accent)",
90
- "accent-80": "var(--color-other-primary-accent-80)",
91
- "accent-48": "var(--color-other-primary-accent-48)",
92
- "accent-24": "var(--color-other-primary-accent-24)",
93
- "accent-16": "var(--color-other-primary-accent-16)",
94
- "accent-8": "var(--color-other-primary-accent-8)",
95
- "accent-4": "var(--color-other-primary-accent-4)",
92
+ "darken-2": "var(--color-other-primary-darken-2)",
93
+ "80": "var(--color-other-primary-80)",
94
+ "48": "var(--color-other-primary-48)",
95
+ "24": "var(--color-other-primary-24)",
96
+ "16": "var(--color-other-primary-16)",
97
+ "8": "var(--color-other-primary-8)",
98
+ "4": "var(--color-other-primary-4)",
96
99
  },
97
100
  secondary: {
98
- "darken-2": "var(--color-other-secondary-darken-2)",
101
+ DEFAULT: "var(--color-other-secondary)",
99
102
  "darken-1": "var(--color-other-secondary-darken-1)",
100
- accent: "var(--color-other-secondary-accent)",
101
- "accent-80": "var(--color-other-secondary-accent-80)",
102
- "accent-48": "var(--color-other-secondary-accent-48)",
103
- "accent-24": "var(--color-other-secondary-accent-24)",
104
- "accent-16": "var(--color-other-secondary-accent-16)",
105
- "accent-8": "var(--color-other-secondary-accent-8)",
106
- "accent-4": "var(--color-other-secondary-accent-4)",
103
+ "darken-2": "var(--color-other-secondary-darken-2)",
104
+ "80": "var(--color-other-secondary-80)",
105
+ "48": "var(--color-other-secondary-48)",
106
+ "24": "var(--color-other-secondary-24)",
107
+ "16": "var(--color-other-secondary-16)",
108
+ "8": "var(--color-other-secondary-8)",
109
+ "4": "var(--color-other-secondary-4)",
107
110
  },
108
111
  },
109
112
  };
package/dist/index.d.mts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React from 'react';
4
+ import React__default from 'react';
4
5
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
5
6
  import { VariantProps } from 'class-variance-authority';
6
7
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -8,6 +9,7 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
8
9
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
9
10
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
10
11
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
12
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
11
13
 
12
14
  declare const avatarVariants: (props?: ({
13
15
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -32,7 +34,7 @@ interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeo
32
34
  alert?: string;
33
35
  }
34
36
  declare const buttonVariants: (props?: ({
35
- variant?: "primary" | "primary-outline" | "primary-ghost" | "secondary" | "secondary-outline" | "secondary-ghost" | "error" | "error-outline" | "error-ghost" | "outline" | "gradient" | null | undefined;
37
+ variant?: "primary" | "primary-soft" | "primary-ghost" | "secondary" | "secondary-soft" | "secondary-ghost" | "error" | "error-soft" | "error-ghost" | "outline" | "gradient" | null | undefined;
36
38
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
37
39
  } & class_variance_authority_types.ClassProp) | undefined) => string;
38
40
  declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
@@ -218,6 +220,54 @@ declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemPr
218
220
  declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps): react_jsx_runtime.JSX.Element;
219
221
  declare function SwitcherSeparator(): react_jsx_runtime.JSX.Element;
220
222
 
223
+ declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
224
+ declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
225
+ declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
226
+ declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
227
+ declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
228
+ declare const AlertDialogHeader: {
229
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
230
+ displayName: string;
231
+ };
232
+ declare const AlertDialogFooter: {
233
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
234
+ displayName: string;
235
+ };
236
+ declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
237
+ declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
238
+ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
239
+ declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
240
+
241
+ interface TourStep {
242
+ content: React__default.ReactNode;
243
+ selectorId: string;
244
+ width?: number;
245
+ height?: number;
246
+ onClickWithinArea?: () => void;
247
+ position?: "top" | "bottom" | "left" | "right";
248
+ }
249
+ interface TourContextType {
250
+ currentStep: number;
251
+ totalSteps: number;
252
+ nextStep: () => void;
253
+ previousStep: () => void;
254
+ endTour: () => void;
255
+ isActive: boolean;
256
+ startTour: () => void;
257
+ setSteps: (steps: TourStep[]) => void;
258
+ steps: TourStep[];
259
+ isTourCompleted: boolean;
260
+ setIsTourCompleted: (completed: boolean) => void;
261
+ }
262
+ interface TourProviderProps {
263
+ children: React__default.ReactNode;
264
+ onComplete?: () => void;
265
+ className?: string;
266
+ isTourCompleted?: boolean;
267
+ }
268
+ declare function TourProvider({ children, onComplete, className, isTourCompleted, }: TourProviderProps): react_jsx_runtime.JSX.Element;
269
+ declare function useTour(): TourContextType;
270
+
221
271
  declare function useIsMobile(): boolean;
222
272
 
223
- export { Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tooltip, buttonVariants, useIsMobile, useSidebar };
273
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tooltip, TourProvider, type TourStep, buttonVariants, useIsMobile, useSidebar, useTour };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React from 'react';
4
+ import React__default from 'react';
4
5
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
5
6
  import { VariantProps } from 'class-variance-authority';
6
7
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -8,6 +9,7 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
8
9
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
9
10
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
10
11
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
12
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
11
13
 
12
14
  declare const avatarVariants: (props?: ({
13
15
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -32,7 +34,7 @@ interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeo
32
34
  alert?: string;
33
35
  }
34
36
  declare const buttonVariants: (props?: ({
35
- variant?: "primary" | "primary-outline" | "primary-ghost" | "secondary" | "secondary-outline" | "secondary-ghost" | "error" | "error-outline" | "error-ghost" | "outline" | "gradient" | null | undefined;
37
+ variant?: "primary" | "primary-soft" | "primary-ghost" | "secondary" | "secondary-soft" | "secondary-ghost" | "error" | "error-soft" | "error-ghost" | "outline" | "gradient" | null | undefined;
36
38
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
37
39
  } & class_variance_authority_types.ClassProp) | undefined) => string;
38
40
  declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
@@ -218,6 +220,54 @@ declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemPr
218
220
  declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps): react_jsx_runtime.JSX.Element;
219
221
  declare function SwitcherSeparator(): react_jsx_runtime.JSX.Element;
220
222
 
223
+ declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
224
+ declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
225
+ declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
226
+ declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
227
+ declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
228
+ declare const AlertDialogHeader: {
229
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
230
+ displayName: string;
231
+ };
232
+ declare const AlertDialogFooter: {
233
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
234
+ displayName: string;
235
+ };
236
+ declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
237
+ declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
238
+ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
239
+ declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
240
+
241
+ interface TourStep {
242
+ content: React__default.ReactNode;
243
+ selectorId: string;
244
+ width?: number;
245
+ height?: number;
246
+ onClickWithinArea?: () => void;
247
+ position?: "top" | "bottom" | "left" | "right";
248
+ }
249
+ interface TourContextType {
250
+ currentStep: number;
251
+ totalSteps: number;
252
+ nextStep: () => void;
253
+ previousStep: () => void;
254
+ endTour: () => void;
255
+ isActive: boolean;
256
+ startTour: () => void;
257
+ setSteps: (steps: TourStep[]) => void;
258
+ steps: TourStep[];
259
+ isTourCompleted: boolean;
260
+ setIsTourCompleted: (completed: boolean) => void;
261
+ }
262
+ interface TourProviderProps {
263
+ children: React__default.ReactNode;
264
+ onComplete?: () => void;
265
+ className?: string;
266
+ isTourCompleted?: boolean;
267
+ }
268
+ declare function TourProvider({ children, onComplete, className, isTourCompleted, }: TourProviderProps): react_jsx_runtime.JSX.Element;
269
+ declare function useTour(): TourContextType;
270
+
221
271
  declare function useIsMobile(): boolean;
222
272
 
223
- export { Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tooltip, buttonVariants, useIsMobile, useSidebar };
273
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tooltip, TourProvider, type TourStep, buttonVariants, useIsMobile, useSidebar, useTour };