@altimateai/ui-components 0.0.1-beta.9 → 0.0.2-beta.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.
@@ -1,4 +1,4 @@
1
- import { Meta, StoryFn } from "@storybook/react";
1
+ import { Meta } from "@storybook/react";
2
2
  import { Button, ButtonProps } from "../shadcn";
3
3
  import { CloseIcon } from "@ac-assets/icons";
4
4
 
@@ -17,49 +17,6 @@ export default {
17
17
  },
18
18
  } as Meta;
19
19
 
20
- const Template: StoryFn<ButtonProps> = args => <Button {...args} />;
21
-
22
- export const Default = Template.bind({});
23
- Default.args = {
24
- children: "Button",
25
- };
26
-
27
- export const Destructive = Template.bind({});
28
- Destructive.args = {
29
- variant: "destructive",
30
- children: "Delete",
31
- };
32
-
33
- export const Outline = Template.bind({});
34
- Outline.args = {
35
- variant: "outline",
36
- children: "Outline",
37
- };
38
-
39
- export const Secondary = Template.bind({});
40
- Secondary.args = {
41
- variant: "secondary",
42
- children: "Secondary",
43
- };
44
-
45
- export const Small = Template.bind({});
46
- Small.args = {
47
- size: "sm",
48
- children: "Small",
49
- };
50
-
51
- export const Large = Template.bind({});
52
- Large.args = {
53
- size: "lg",
54
- children: "Large",
55
- };
56
-
57
- export const Icon = Template.bind({});
58
- Icon.args = {
59
- size: "icon",
60
- children: "🔍",
61
- };
62
-
63
20
  const buttonVariants = ["Default", "Secondary", "Destructive", "Success", "Ghost", "Link"];
64
21
 
65
22
  export const Buttons = {
@@ -1,19 +1,12 @@
1
1
  import { Meta, StoryFn } from "@storybook/react";
2
2
  import {
3
3
  Menubar,
4
- MenubarMenu,
5
- MenubarTrigger,
6
4
  MenubarContent,
7
5
  MenubarItem,
6
+ MenubarMenu,
8
7
  MenubarSeparator,
9
8
  MenubarShortcut,
10
- MenubarCheckboxItem,
11
- MenubarRadioGroup,
12
- MenubarRadioItem,
13
- MenubarSubTrigger,
14
- MenubarSubContent,
15
- MenubarLabel,
16
- MenubarSub,
9
+ MenubarTrigger,
17
10
  } from "../shadcn";
18
11
 
19
12
  export default {
@@ -26,133 +19,140 @@ export const Default: StoryFn = () => (
26
19
  <MenubarMenu>
27
20
  <MenubarTrigger>File</MenubarTrigger>
28
21
  <MenubarContent>
29
- <MenubarItem>
30
- New Tab <MenubarShortcut>⌘T</MenubarShortcut>
31
- </MenubarItem>
32
- <MenubarItem>
33
- New Window <MenubarShortcut>⌘N</MenubarShortcut>
34
- </MenubarItem>
35
- <MenubarItem disabled>New Incognito Window</MenubarItem>
22
+ <MenubarItem>New Tab</MenubarItem>
23
+ <MenubarItem>New Window</MenubarItem>
36
24
  <MenubarSeparator />
37
- <MenubarItem>
38
- Share <MenubarShortcut>⌘S</MenubarShortcut>
39
- </MenubarItem>
25
+ <MenubarItem>Share</MenubarItem>
40
26
  <MenubarSeparator />
41
- <MenubarItem>
42
- Print... <MenubarShortcut>⌘P</MenubarShortcut>
43
- </MenubarItem>
27
+ <MenubarItem>Print</MenubarItem>
44
28
  </MenubarContent>
45
29
  </MenubarMenu>
46
30
  </Menubar>
47
31
  );
48
32
 
49
- export const WithSubmenus: StoryFn = () => (
50
- <Menubar>
51
- <MenubarMenu>
52
- <MenubarTrigger>Edit</MenubarTrigger>
53
- <MenubarContent>
54
- <MenubarItem>
55
- Undo <MenubarShortcut>⌘Z</MenubarShortcut>
56
- </MenubarItem>
57
- <MenubarItem>
58
- Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
59
- </MenubarItem>
60
- <MenubarSeparator />
61
- <MenubarSub>
62
- <MenubarSubTrigger>Find</MenubarSubTrigger>
63
- <MenubarSubContent>
64
- <MenubarItem>Search the web</MenubarItem>
65
- <MenubarItem>Find in page</MenubarItem>
66
- <MenubarItem>Find in files</MenubarItem>
67
- </MenubarSubContent>
68
- </MenubarSub>
69
- <MenubarSeparator />
70
- <MenubarItem>Cut</MenubarItem>
71
- <MenubarItem>Copy</MenubarItem>
72
- <MenubarItem>Paste</MenubarItem>
73
- </MenubarContent>
74
- </MenubarMenu>
75
- </Menubar>
76
- );
33
+ export const Variants: StoryFn = () => (
34
+ <div className="al-flex al-flex-col al-gap-4">
35
+ <Menubar>
36
+ <MenubarMenu>
37
+ <MenubarTrigger variant="default">Default</MenubarTrigger>
38
+ <MenubarContent>
39
+ <MenubarItem>Item 1</MenubarItem>
40
+ <MenubarItem>Item 2</MenubarItem>
41
+ </MenubarContent>
42
+ </MenubarMenu>
43
+ </Menubar>
77
44
 
78
- export const WithCheckboxItems: StoryFn = () => (
79
- <Menubar>
80
- <MenubarMenu>
81
- <MenubarTrigger>View</MenubarTrigger>
82
- <MenubarContent>
83
- <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>
84
- <MenubarCheckboxItem checked>Always Show Full URLs</MenubarCheckboxItem>
85
- <MenubarSeparator />
86
- <MenubarItem inset>Reload</MenubarItem>
87
- <MenubarItem disabled inset>
88
- Force Reload
89
- </MenubarItem>
90
- <MenubarSeparator />
91
- <MenubarItem inset>Toggle Fullscreen</MenubarItem>
92
- </MenubarContent>
93
- </MenubarMenu>
94
- </Menubar>
45
+ <Menubar>
46
+ <MenubarMenu>
47
+ <MenubarTrigger variant="destructive">Destructive</MenubarTrigger>
48
+ <MenubarContent>
49
+ <MenubarItem>Item 1</MenubarItem>
50
+ <MenubarItem>Item 2</MenubarItem>
51
+ </MenubarContent>
52
+ </MenubarMenu>
53
+ </Menubar>
54
+
55
+ <Menubar>
56
+ <MenubarMenu>
57
+ <MenubarTrigger variant="outline">Outline</MenubarTrigger>
58
+ <MenubarContent>
59
+ <MenubarItem>Item 1</MenubarItem>
60
+ <MenubarItem>Item 2</MenubarItem>
61
+ </MenubarContent>
62
+ </MenubarMenu>
63
+ </Menubar>
64
+
65
+ <Menubar>
66
+ <MenubarMenu>
67
+ <MenubarTrigger variant="success">Success</MenubarTrigger>
68
+ <MenubarContent>
69
+ <MenubarItem>Item 1</MenubarItem>
70
+ <MenubarItem>Item 2</MenubarItem>
71
+ </MenubarContent>
72
+ </MenubarMenu>
73
+ </Menubar>
74
+
75
+ <Menubar>
76
+ <MenubarMenu>
77
+ <MenubarTrigger variant="secondary">Secondary</MenubarTrigger>
78
+ <MenubarContent>
79
+ <MenubarItem>Item 1</MenubarItem>
80
+ <MenubarItem>Item 2</MenubarItem>
81
+ </MenubarContent>
82
+ </MenubarMenu>
83
+ </Menubar>
84
+
85
+ <Menubar>
86
+ <MenubarMenu>
87
+ <MenubarTrigger variant="ghost">Ghost</MenubarTrigger>
88
+ <MenubarContent>
89
+ <MenubarItem>Item 1</MenubarItem>
90
+ <MenubarItem>Item 2</MenubarItem>
91
+ </MenubarContent>
92
+ </MenubarMenu>
93
+ </Menubar>
94
+ </div>
95
95
  );
96
96
 
97
- export const WithRadioItems: StoryFn = () => (
98
- <Menubar>
99
- <MenubarMenu>
100
- <MenubarTrigger>Zoom</MenubarTrigger>
101
- <MenubarContent>
102
- <MenubarRadioGroup value="100%">
103
- <MenubarRadioItem value="50%">50%</MenubarRadioItem>
104
- <MenubarRadioItem value="75%">75%</MenubarRadioItem>
105
- <MenubarRadioItem value="100%">100%</MenubarRadioItem>
106
- <MenubarRadioItem value="150%">150%</MenubarRadioItem>
107
- <MenubarRadioItem value="200%">200%</MenubarRadioItem>
108
- </MenubarRadioGroup>
109
- </MenubarContent>
110
- </MenubarMenu>
111
- </Menubar>
97
+ export const Sizes: StoryFn = () => (
98
+ <div className="al-flex al-flex-col al-gap-4">
99
+ <Menubar>
100
+ <MenubarMenu>
101
+ <MenubarTrigger variant="default" size="sm">
102
+ Small Size
103
+ </MenubarTrigger>
104
+ <MenubarContent>
105
+ <MenubarItem>Item 1</MenubarItem>
106
+ <MenubarItem>Item 2</MenubarItem>
107
+ </MenubarContent>
108
+ </MenubarMenu>
109
+ </Menubar>
110
+
111
+ <Menubar>
112
+ <MenubarMenu>
113
+ <MenubarTrigger variant="default" size="default">
114
+ Default Size
115
+ </MenubarTrigger>
116
+ <MenubarContent>
117
+ <MenubarItem>Item 1</MenubarItem>
118
+ <MenubarItem>Item 2</MenubarItem>
119
+ </MenubarContent>
120
+ </MenubarMenu>
121
+ </Menubar>
122
+
123
+ <Menubar>
124
+ <MenubarMenu>
125
+ <MenubarTrigger variant="default" size="lg">
126
+ Large Size
127
+ </MenubarTrigger>
128
+ <MenubarContent>
129
+ <MenubarItem>Item 1</MenubarItem>
130
+ <MenubarItem>Item 2</MenubarItem>
131
+ </MenubarContent>
132
+ </MenubarMenu>
133
+ </Menubar>
134
+ </div>
112
135
  );
113
136
 
114
- export const CompleteExample: StoryFn = () => (
115
- <Menubar className="al-w-[600px]">
137
+ export const WithShortcuts: StoryFn = () => (
138
+ <Menubar>
116
139
  <MenubarMenu>
117
- <MenubarTrigger>File</MenubarTrigger>
140
+ <MenubarTrigger variant="default">File</MenubarTrigger>
118
141
  <MenubarContent>
119
142
  <MenubarItem>
120
143
  New Tab <MenubarShortcut>⌘T</MenubarShortcut>
121
144
  </MenubarItem>
122
- <MenubarItem>New Window</MenubarItem>
123
- <MenubarSeparator />
124
- <MenubarItem>Share</MenubarItem>
125
- <MenubarSeparator />
126
- <MenubarItem>Print</MenubarItem>
127
- </MenubarContent>
128
- </MenubarMenu>
129
- <MenubarMenu>
130
- <MenubarTrigger>Edit</MenubarTrigger>
131
- <MenubarContent>
132
- <MenubarItem>Undo</MenubarItem>
133
- <MenubarItem>Redo</MenubarItem>
145
+ <MenubarItem>
146
+ New Window <MenubarShortcut>⌘N</MenubarShortcut>
147
+ </MenubarItem>
134
148
  <MenubarSeparator />
135
- <MenubarSub>
136
- <MenubarSubTrigger>Find</MenubarSubTrigger>
137
- <MenubarSubContent>
138
- <MenubarItem>Search Web</MenubarItem>
139
- <MenubarItem>Find in Page</MenubarItem>
140
- </MenubarSubContent>
141
- </MenubarSub>
142
- </MenubarContent>
143
- </MenubarMenu>
144
- <MenubarMenu>
145
- <MenubarTrigger>View</MenubarTrigger>
146
- <MenubarContent>
147
- <MenubarCheckboxItem>Show Toolbar</MenubarCheckboxItem>
148
- <MenubarCheckboxItem checked>Show Statusbar</MenubarCheckboxItem>
149
+ <MenubarItem>
150
+ Share <MenubarShortcut>⌘S</MenubarShortcut>
151
+ </MenubarItem>
149
152
  <MenubarSeparator />
150
- <MenubarRadioGroup value="medium">
151
- <MenubarLabel inset>Zoom</MenubarLabel>
152
- <MenubarRadioItem value="small">Small</MenubarRadioItem>
153
- <MenubarRadioItem value="medium">Medium</MenubarRadioItem>
154
- <MenubarRadioItem value="large">Large</MenubarRadioItem>
155
- </MenubarRadioGroup>
153
+ <MenubarItem>
154
+ Print <MenubarShortcut>⌘P</MenubarShortcut>
155
+ </MenubarItem>
156
156
  </MenubarContent>
157
157
  </MenubarMenu>
158
158
  </Menubar>
@@ -10,6 +10,7 @@ import {
10
10
  SelectSeparator,
11
11
  NativeSelect,
12
12
  } from "../shadcn";
13
+ import { DatabaseIcon } from "@ac-assets/icons";
13
14
 
14
15
  export default {
15
16
  title: "Shadcn/Components/Select",
@@ -106,10 +107,36 @@ export const NativeSelectExample: StoryFn = () => {
106
107
  <div className="al-flex al-flex-col al-gap-4">
107
108
  <NativeSelect
108
109
  options={options}
109
- placeholder="Select a fruit"
110
+ placeholder="Default variant"
110
111
  onChange={value => console.log("Selected:", value)}
112
+ icon={<DatabaseIcon />}
111
113
  />
112
114
 
115
+ <NativeSelect
116
+ options={options}
117
+ placeholder="Outline variant"
118
+ variant="outline"
119
+ onChange={value => console.log("Selected:", value)}
120
+ />
121
+
122
+ <NativeSelect
123
+ options={options}
124
+ placeholder="Secondary variant (small)"
125
+ variant="secondary"
126
+ size="sm"
127
+ />
128
+
129
+ <NativeSelect
130
+ options={options}
131
+ placeholder="Success variant (large)"
132
+ variant="success"
133
+ size="lg"
134
+ />
135
+
136
+ <NativeSelect options={options} placeholder="Destructive variant" variant="destructive" />
137
+
138
+ <NativeSelect options={options} placeholder="Ghost variant" variant="ghost" />
139
+
113
140
  <NativeSelect options={options} placeholder="Disabled select" disabled />
114
141
 
115
142
  <NativeSelect options={options} placeholder="With default value" value="banana" />
@@ -1,5 +1,5 @@
1
1
  import type { Meta, StoryObj } from "@storybook/react";
2
- import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../shadcn";
2
+ import { Button, Tooltip, TooltipProvider } from "../shadcn";
3
3
 
4
4
  const meta: Meta<typeof Tooltip> = {
5
5
  title: "Shadcn/Components/Tooltip",
@@ -18,11 +18,8 @@ type Story = StoryObj<typeof Tooltip>;
18
18
 
19
19
  export const Default: Story = {
20
20
  render: () => (
21
- <Tooltip>
22
- <TooltipTrigger>Hover me</TooltipTrigger>
23
- <TooltipContent>
24
- <p>Tooltip content</p>
25
- </TooltipContent>
21
+ <Tooltip title="Tooltip content">
22
+ <Button>Hover me</Button>
26
23
  </Tooltip>
27
24
  ),
28
25
  };
@@ -23,12 +23,19 @@ interface Feedback {
23
23
  rating?: "up" | "down";
24
24
  comment?: string;
25
25
  }
26
+ interface ContextOption {
27
+ label: string;
28
+ key: string;
29
+ options: {
30
+ id: string;
31
+ label: string;
32
+ }[];
33
+ }
26
34
  interface ChatSession {
27
35
  id: string;
28
36
  messages: ChatMessage[];
29
37
  context?: {
30
38
  files?: File[];
31
- selectedOptions?: string[];
32
39
  [x: string]: unknown;
33
40
  };
34
41
  }
@@ -48,6 +55,7 @@ interface ChatbotProps {
48
55
  assistantMeta?: AssistantMeta;
49
56
  context?: Record<string, unknown>;
50
57
  fileUploadProps?: FileUploadProps;
58
+ contextOptions?: ContextOption[];
51
59
  }
52
60
  interface ChatbotProviderProps extends ChatbotProps {
53
61
  taskLabel?: keyof typeof TaskLabels;
@@ -59,6 +67,7 @@ interface ChatbotProviderProps extends ChatbotProps {
59
67
  components?: {
60
68
  feedback?: ReactNode;
61
69
  };
70
+ contextOptions?: ContextOption[];
62
71
  }
63
72
  type InteractionType = "text" | "select" | "multiSelect" | "confirm";
64
73
  interface InteractionChoice {
@@ -223,6 +232,9 @@ interface TeamMateComponentProps<T = void> {
223
232
  onClose?: (data?: T) => void;
224
233
  frontendUrl?: string;
225
234
  urls?: ChatbotUrls;
235
+ requestParams?: RequestInit;
236
+ context?: ChatSession["context"];
237
+ contextOptions?: ContextOption[];
226
238
  }
227
239
  interface TeamMateConfig<T = unknown> {
228
240
  name: string;
@@ -246,4 +258,4 @@ interface Citation {
246
258
  taskLabel: TaskLabels;
247
259
  }
248
260
 
249
- export { type Artifact as A, type CoachAiResponse as C, type Feedback as F, type InteractionRequest as I, type Learning as L, PersonalizationScope as P, TaskLabels as T, type TeamMateContextProps as a, type TeamMateState as b, type TeamMateConfig as c, TeamMateActionType as d, TeamMateAvailability as e, type CoachAiConfirmationResponse as f, ContentCategory as g, type TeamMateComponentProps as h, type Citation as i, type ChatbotProps as j, type ChatbotProviderProps as k, learningSchema as l, type ChatMessage as m, type AgentAction as n, LoadingState as o, type AssistantMeta as p, type ChatSession as q, type FileUploadProps as r, type ChatbotUrls as s, type InteractionType as t, type InteractionChoice as u, type ChatResponse as v, type ChatState as w, type AgentStreamResponse as x };
261
+ export { type Artifact as A, type CoachAiResponse as C, type Feedback as F, type InteractionRequest as I, type Learning as L, PersonalizationScope as P, TaskLabels as T, type TeamMateContextProps as a, type TeamMateState as b, type TeamMateConfig as c, TeamMateActionType as d, TeamMateAvailability as e, type CoachAiConfirmationResponse as f, ContentCategory as g, type TeamMateComponentProps as h, type Citation as i, type ChatbotProps as j, type ChatbotProviderProps as k, learningSchema as l, type ContextOption as m, type ChatMessage as n, type AgentAction as o, LoadingState as p, type AssistantMeta as q, type ChatSession as r, type FileUploadProps as s, type ChatbotUrls as t, type InteractionType as u, type InteractionChoice as v, type ChatResponse as w, type ChatState as x, type AgentStreamResponse as y };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altimateai/ui-components",
3
- "version": "0.0.1-beta.9",
3
+ "version": "0.0.2-beta.1",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/AltimateAI/altimate-components.git"