@medway-ui/core 0.3.34 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +58 -2
  4. package/dist/index.d.ts +58 -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,60 @@ 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
+ declare const TOUR_STEP_IDS: {
242
+ readonly TEAM_SWITCHER: "team-switcher";
243
+ readonly WRITING_AREA: "writing-area";
244
+ readonly ASK_AI: "ask-ai";
245
+ readonly FAVORITES: "favorites";
246
+ };
247
+ interface TourStep {
248
+ content: React__default.ReactNode;
249
+ selectorId: string;
250
+ width?: number;
251
+ height?: number;
252
+ onClickWithinArea?: () => void;
253
+ position?: "top" | "bottom" | "left" | "right";
254
+ }
255
+ interface TourContextType {
256
+ currentStep: number;
257
+ totalSteps: number;
258
+ nextStep: () => void;
259
+ previousStep: () => void;
260
+ endTour: () => void;
261
+ isActive: boolean;
262
+ startTour: () => void;
263
+ setSteps: (steps: TourStep[]) => void;
264
+ steps: TourStep[];
265
+ isTourCompleted: boolean;
266
+ setIsTourCompleted: (completed: boolean) => void;
267
+ }
268
+ interface TourProviderProps {
269
+ children: React__default.ReactNode;
270
+ onComplete?: () => void;
271
+ className?: string;
272
+ isTourCompleted?: boolean;
273
+ }
274
+ declare function TourProvider({ children, onComplete, className, isTourCompleted, }: TourProviderProps): react_jsx_runtime.JSX.Element;
275
+ declare function useTour(): TourContextType;
276
+
221
277
  declare function useIsMobile(): boolean;
222
278
 
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 };
279
+ 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, TOUR_STEP_IDS, 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,60 @@ 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
+ declare const TOUR_STEP_IDS: {
242
+ readonly TEAM_SWITCHER: "team-switcher";
243
+ readonly WRITING_AREA: "writing-area";
244
+ readonly ASK_AI: "ask-ai";
245
+ readonly FAVORITES: "favorites";
246
+ };
247
+ interface TourStep {
248
+ content: React__default.ReactNode;
249
+ selectorId: string;
250
+ width?: number;
251
+ height?: number;
252
+ onClickWithinArea?: () => void;
253
+ position?: "top" | "bottom" | "left" | "right";
254
+ }
255
+ interface TourContextType {
256
+ currentStep: number;
257
+ totalSteps: number;
258
+ nextStep: () => void;
259
+ previousStep: () => void;
260
+ endTour: () => void;
261
+ isActive: boolean;
262
+ startTour: () => void;
263
+ setSteps: (steps: TourStep[]) => void;
264
+ steps: TourStep[];
265
+ isTourCompleted: boolean;
266
+ setIsTourCompleted: (completed: boolean) => void;
267
+ }
268
+ interface TourProviderProps {
269
+ children: React__default.ReactNode;
270
+ onComplete?: () => void;
271
+ className?: string;
272
+ isTourCompleted?: boolean;
273
+ }
274
+ declare function TourProvider({ children, onComplete, className, isTourCompleted, }: TourProviderProps): react_jsx_runtime.JSX.Element;
275
+ declare function useTour(): TourContextType;
276
+
221
277
  declare function useIsMobile(): boolean;
222
278
 
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 };
279
+ 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, TOUR_STEP_IDS, Tooltip, TourProvider, type TourStep, buttonVariants, useIsMobile, useSidebar, useTour };