@aircall/blocks 0.3.0 → 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.
- package/dist/globals.css +1 -1
- package/dist/index.d.ts +67 -38
- package/dist/index.js +65 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import * as _aircall_ds0 from "@aircall/ds";
|
|
2
3
|
import { Badge, Button, CounterBadge, SidebarProvider, TabsList, useSidebar } from "@aircall/ds";
|
|
3
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
5
|
import { VariantProps } from "class-variance-authority";
|
|
5
6
|
import { useRender } from "@base-ui/react/use-render";
|
|
6
7
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
@@ -19,13 +20,13 @@ declare function CopyButton({
|
|
|
19
20
|
variant,
|
|
20
21
|
children,
|
|
21
22
|
...buttonProps
|
|
22
|
-
}: CopyButtonProps):
|
|
23
|
+
}: CopyButtonProps): react_jsx_runtime0.JSX.Element;
|
|
23
24
|
interface CopyButtonIconProps {
|
|
24
25
|
className?: string;
|
|
25
26
|
}
|
|
26
27
|
declare function CopyButtonIcon({
|
|
27
28
|
className
|
|
28
|
-
}: CopyButtonIconProps):
|
|
29
|
+
}: CopyButtonIconProps): react_jsx_runtime0.JSX.Element;
|
|
29
30
|
interface CopyButtonLabelProps {
|
|
30
31
|
label?: string;
|
|
31
32
|
copiedLabel?: string;
|
|
@@ -35,56 +36,84 @@ declare function CopyButtonLabel({
|
|
|
35
36
|
label,
|
|
36
37
|
copiedLabel,
|
|
37
38
|
className
|
|
38
|
-
}: CopyButtonLabelProps):
|
|
39
|
+
}: CopyButtonLabelProps): react_jsx_runtime0.JSX.Element;
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/components/dashboard-standalone-page.d.ts
|
|
42
|
+
declare const DashboardStandalonePage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
declare namespace DashboardStandalonePage {
|
|
44
|
+
type Props = React.ComponentProps<'div'>;
|
|
45
|
+
}
|
|
46
|
+
declare const DashboardStandalonePageHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
47
|
+
declare namespace DashboardStandalonePageHeader {
|
|
48
|
+
type Props = React.ComponentProps<'header'>;
|
|
49
|
+
}
|
|
50
|
+
declare const DashboardStandalonePageTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
51
|
+
declare namespace DashboardStandalonePageTitle {
|
|
52
|
+
type Props = React.ComponentProps<'h1'>;
|
|
53
|
+
}
|
|
54
|
+
declare const DashboardStandalonePageActions: React.ForwardRefExoticComponent<Omit<DashboardStandalonePageActions.Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
declare namespace DashboardStandalonePageActions {
|
|
56
|
+
type Props = React.ComponentProps<'div'> & {
|
|
57
|
+
side?: 'start' | 'end';
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
declare const DashboardStandalonePageAction: React.ForwardRefExoticComponent<Omit<Omit<_aircall_ds0.ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
61
|
+
declare namespace DashboardStandalonePageAction {
|
|
62
|
+
type Props = React.ComponentProps<typeof Button>;
|
|
63
|
+
}
|
|
64
|
+
declare const DashboardStandalonePageContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
65
|
+
declare namespace DashboardStandalonePageContent {
|
|
66
|
+
type Props = React.ComponentProps<'main'>;
|
|
67
|
+
}
|
|
39
68
|
//#endregion
|
|
40
69
|
//#region src/components/dashboard-page.d.ts
|
|
41
70
|
declare function DashboardPage({
|
|
42
71
|
className,
|
|
43
72
|
...props
|
|
44
|
-
}: React.ComponentProps<'div'>):
|
|
73
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
45
74
|
declare function DashboardPageBanner({
|
|
46
75
|
className,
|
|
47
76
|
...props
|
|
48
|
-
}: React.ComponentProps<'div'>):
|
|
77
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
49
78
|
declare function DashboardPageContent({
|
|
50
79
|
className,
|
|
51
80
|
...props
|
|
52
|
-
}: React.ComponentProps<'div'>):
|
|
81
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
53
82
|
declare function DashboardPageMain({
|
|
54
83
|
className,
|
|
55
84
|
...props
|
|
56
|
-
}: React.ComponentProps<'main'>):
|
|
85
|
+
}: React.ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
|
|
57
86
|
declare function DashboardPageTabs({
|
|
58
87
|
className,
|
|
59
88
|
...props
|
|
60
|
-
}: React.ComponentProps<typeof TabsList>):
|
|
89
|
+
}: React.ComponentProps<typeof TabsList>): react_jsx_runtime0.JSX.Element;
|
|
61
90
|
//#endregion
|
|
62
91
|
//#region src/components/dashboard-page-header.d.ts
|
|
63
92
|
declare function DashboardPageHeader({
|
|
64
93
|
className,
|
|
65
94
|
children,
|
|
66
95
|
...props
|
|
67
|
-
}: React.ComponentProps<'div'>):
|
|
96
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
68
97
|
declare function DashboardPageHeaderNav({
|
|
69
98
|
className,
|
|
70
99
|
children,
|
|
71
100
|
...props
|
|
72
|
-
}: React.ComponentProps<'div'>):
|
|
101
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
73
102
|
type DashboardPageHeaderNavBackProps = Omit<React.ComponentProps<typeof Button>, 'variant' | 'size'>;
|
|
74
103
|
declare function DashboardPageHeaderNavBack({
|
|
75
104
|
children,
|
|
76
105
|
...props
|
|
77
|
-
}: DashboardPageHeaderNavBackProps):
|
|
106
|
+
}: DashboardPageHeaderNavBackProps): react_jsx_runtime0.JSX.Element;
|
|
78
107
|
declare function DashboardPageHeaderPrefix({
|
|
79
108
|
className,
|
|
80
109
|
children,
|
|
81
110
|
...props
|
|
82
|
-
}: React.ComponentProps<'div'>):
|
|
111
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
83
112
|
declare function DashboardPageHeaderTitleGroup({
|
|
84
113
|
className,
|
|
85
114
|
children,
|
|
86
115
|
...props
|
|
87
|
-
}: React.ComponentProps<'div'>):
|
|
116
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
88
117
|
type DashboardPageHeaderTitleProps = React.ComponentProps<'h1'> & {
|
|
89
118
|
size?: 'lg' | 'sm';
|
|
90
119
|
};
|
|
@@ -93,22 +122,22 @@ declare function DashboardPageHeaderTitle({
|
|
|
93
122
|
className,
|
|
94
123
|
children,
|
|
95
124
|
...props
|
|
96
|
-
}: DashboardPageHeaderTitleProps):
|
|
125
|
+
}: DashboardPageHeaderTitleProps): react_jsx_runtime0.JSX.Element;
|
|
97
126
|
declare function DashboardPageHeaderSubtitle({
|
|
98
127
|
className,
|
|
99
128
|
children,
|
|
100
129
|
...props
|
|
101
|
-
}: React.ComponentProps<'div'>):
|
|
130
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
102
131
|
declare function DashboardPageHeaderDescription({
|
|
103
132
|
className,
|
|
104
133
|
children,
|
|
105
134
|
...props
|
|
106
|
-
}: React.ComponentProps<'div'>):
|
|
135
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
107
136
|
declare function DashboardPageHeaderActions({
|
|
108
137
|
className,
|
|
109
138
|
children,
|
|
110
139
|
...props
|
|
111
|
-
}: React.ComponentProps<'div'>):
|
|
140
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
112
141
|
type DashboardPageHeaderActionProps = Omit<React.ComponentProps<typeof Button>, 'size'> & {
|
|
113
142
|
size?: 'lg' | 'icon-lg';
|
|
114
143
|
};
|
|
@@ -121,7 +150,7 @@ declare const BetaBadge: {
|
|
|
121
150
|
({
|
|
122
151
|
className,
|
|
123
152
|
...props
|
|
124
|
-
}: BadgeBaseProps):
|
|
153
|
+
}: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
|
|
125
154
|
displayName: string;
|
|
126
155
|
};
|
|
127
156
|
/** Green pill — recently launched feature */
|
|
@@ -129,7 +158,7 @@ declare const NewBadge: {
|
|
|
129
158
|
({
|
|
130
159
|
className,
|
|
131
160
|
...props
|
|
132
|
-
}: BadgeBaseProps):
|
|
161
|
+
}: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
|
|
133
162
|
displayName: string;
|
|
134
163
|
};
|
|
135
164
|
/** Amber pill — feature being phased out */
|
|
@@ -137,7 +166,7 @@ declare const DeprecatedBadge: {
|
|
|
137
166
|
({
|
|
138
167
|
className,
|
|
139
168
|
...props
|
|
140
|
-
}: BadgeBaseProps):
|
|
169
|
+
}: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
|
|
141
170
|
displayName: string;
|
|
142
171
|
};
|
|
143
172
|
/** Blue pill — user is in a trial period (same blue family as Beta) */
|
|
@@ -145,14 +174,14 @@ declare const TrialBadge: {
|
|
|
145
174
|
({
|
|
146
175
|
className,
|
|
147
176
|
...props
|
|
148
|
-
}: BadgeBaseProps):
|
|
177
|
+
}: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
|
|
149
178
|
displayName: string;
|
|
150
179
|
};
|
|
151
180
|
/** Charcoal pill — Professional tier (no gradient; solid secondary Badge) */
|
|
152
181
|
declare function ProfessionalBadge({
|
|
153
182
|
className,
|
|
154
183
|
...props
|
|
155
|
-
}: BadgeBaseProps):
|
|
184
|
+
}: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
|
|
156
185
|
declare const roleBadgeVariants: (props?: ({
|
|
157
186
|
role?: "agent" | "supervisor" | "admin" | "owner" | null | undefined;
|
|
158
187
|
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
@@ -164,7 +193,7 @@ declare function RoleBadge({
|
|
|
164
193
|
role,
|
|
165
194
|
className,
|
|
166
195
|
...props
|
|
167
|
-
}: RoleBadgeProps):
|
|
196
|
+
}: RoleBadgeProps): react_jsx_runtime0.JSX.Element;
|
|
168
197
|
//#endregion
|
|
169
198
|
//#region src/hooks/use-copy-to-clipboard.d.ts
|
|
170
199
|
interface UseCopyToClipboardOptions {
|
|
@@ -261,7 +290,7 @@ type DashboardSidebarNavProps = {
|
|
|
261
290
|
declare function DashboardSidebarNav({
|
|
262
291
|
groups,
|
|
263
292
|
renderLink
|
|
264
|
-
}: DashboardSidebarNavProps):
|
|
293
|
+
}: DashboardSidebarNavProps): react_jsx_runtime0.JSX.Element;
|
|
265
294
|
//#endregion
|
|
266
295
|
//#region src/components/dashboard-sidebar.d.ts
|
|
267
296
|
type DashboardSidebarProviderProps = React.ComponentProps<typeof SidebarProvider>;
|
|
@@ -269,34 +298,34 @@ declare function DashboardSidebarProvider({
|
|
|
269
298
|
className,
|
|
270
299
|
style,
|
|
271
300
|
...props
|
|
272
|
-
}: DashboardSidebarProviderProps):
|
|
301
|
+
}: DashboardSidebarProviderProps): react_jsx_runtime0.JSX.Element;
|
|
273
302
|
declare function DashboardSidebar({
|
|
274
303
|
className,
|
|
275
304
|
children,
|
|
276
305
|
...props
|
|
277
|
-
}: React.ComponentProps<'div'>):
|
|
306
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
278
307
|
declare function DashboardSidebarHeader({
|
|
279
308
|
className,
|
|
280
309
|
children,
|
|
281
310
|
...props
|
|
282
|
-
}: React.ComponentProps<'div'>):
|
|
311
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
283
312
|
declare function DashboardSidebarTrigger({
|
|
284
313
|
className,
|
|
285
314
|
onClick,
|
|
286
315
|
...props
|
|
287
|
-
}: React.ComponentProps<typeof Button>):
|
|
316
|
+
}: React.ComponentProps<typeof Button>): react_jsx_runtime0.JSX.Element;
|
|
288
317
|
declare function DashboardSidebarContent({
|
|
289
318
|
className,
|
|
290
319
|
...props
|
|
291
|
-
}: React.ComponentProps<'div'>):
|
|
320
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
292
321
|
declare function DashboardSidebarFooter({
|
|
293
322
|
className,
|
|
294
323
|
...props
|
|
295
|
-
}: React.ComponentProps<'div'>):
|
|
324
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
296
325
|
declare function DashboardSidebarGroup({
|
|
297
326
|
className,
|
|
298
327
|
...props
|
|
299
|
-
}: React.ComponentProps<'div'>):
|
|
328
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
300
329
|
declare function DashboardSidebarGroupLabel({
|
|
301
330
|
className,
|
|
302
331
|
render,
|
|
@@ -305,11 +334,11 @@ declare function DashboardSidebarGroupLabel({
|
|
|
305
334
|
declare function DashboardSidebarMenu({
|
|
306
335
|
className,
|
|
307
336
|
...props
|
|
308
|
-
}: React.ComponentProps<'ul'>):
|
|
337
|
+
}: React.ComponentProps<'ul'>): react_jsx_runtime0.JSX.Element;
|
|
309
338
|
declare function DashboardSidebarMenuItem({
|
|
310
339
|
className,
|
|
311
340
|
...props
|
|
312
|
-
}: React.ComponentProps<'li'>):
|
|
341
|
+
}: React.ComponentProps<'li'>): react_jsx_runtime0.JSX.Element;
|
|
313
342
|
type DashboardSidebarMenuButtonProps = useRender.ComponentProps<'button'> & React.ComponentProps<'button'> & {
|
|
314
343
|
isActive?: boolean;
|
|
315
344
|
/** Visual-only disabled state. The button remains clickable (e.g. to show an
|
|
@@ -332,11 +361,11 @@ declare const DashboardSidebarMenuButton: React.ForwardRefExoticComponent<Omit<D
|
|
|
332
361
|
declare function DashboardSidebarMenuBadge({
|
|
333
362
|
className,
|
|
334
363
|
...props
|
|
335
|
-
}: React.ComponentProps<typeof CounterBadge>):
|
|
364
|
+
}: React.ComponentProps<typeof CounterBadge>): react_jsx_runtime0.JSX.Element;
|
|
336
365
|
declare function DashboardSidebarSubmenu({
|
|
337
366
|
className,
|
|
338
367
|
...props
|
|
339
|
-
}: React.ComponentProps<'div'>):
|
|
368
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
340
369
|
type DashboardSidebarSubmenuItemProps = useRender.ComponentProps<'div'> & React.ComponentProps<'div'> & {
|
|
341
370
|
isActive?: boolean;
|
|
342
371
|
};
|
|
@@ -350,6 +379,6 @@ declare function DashboardSidebarSubmenuSeparator({
|
|
|
350
379
|
className
|
|
351
380
|
}: {
|
|
352
381
|
className?: string;
|
|
353
|
-
}):
|
|
382
|
+
}): react_jsx_runtime0.JSX.Element;
|
|
354
383
|
//#endregion
|
|
355
|
-
export { BetaBadge, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavProps, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DeprecatedBadge, NewBadge, ProfessionalBadge, RoleBadge, type RoleBadgeRole, TrialBadge, useCopyToClipboard, useSidebar as useDashboardSidebar };
|
|
384
|
+
export { BetaBadge, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavProps, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageHeader, DashboardStandalonePageTitle, DeprecatedBadge, NewBadge, ProfessionalBadge, RoleBadge, type RoleBadgeRole, TrialBadge, useCopyToClipboard, useSidebar as useDashboardSidebar };
|
package/dist/index.js
CHANGED
|
@@ -78,6 +78,70 @@ function CopyButtonLabel({ label = "Copy", copiedLabel = "Copied", className })
|
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/dashboard-standalone-page.tsx
|
|
83
|
+
const DashboardStandalonePage = React.forwardRef((componentProps, forwardRef) => {
|
|
84
|
+
const { className, ...props } = componentProps;
|
|
85
|
+
return /* @__PURE__ */ jsx("div", {
|
|
86
|
+
ref: forwardRef,
|
|
87
|
+
"data-slot": "dashboard-standalone-page",
|
|
88
|
+
className: cn("flex h-screen flex-col bg-neutral-200 dark:bg-neutral-950", className),
|
|
89
|
+
...props
|
|
90
|
+
});
|
|
91
|
+
});
|
|
92
|
+
DashboardStandalonePage.displayName = "DashboardStandalonePage";
|
|
93
|
+
const DashboardStandalonePageHeader = React.forwardRef((componentProps, forwardRef) => {
|
|
94
|
+
const { className, ...props } = componentProps;
|
|
95
|
+
return /* @__PURE__ */ jsx("header", {
|
|
96
|
+
ref: forwardRef,
|
|
97
|
+
"data-slot": "dashboard-standalone-page-header",
|
|
98
|
+
className: cn("grid h-16 shrink-0 grid-cols-[1fr_auto_1fr] items-center gap-4 border-b border-border bg-background px-4 md:px-6", className),
|
|
99
|
+
...props
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
DashboardStandalonePageHeader.displayName = "DashboardStandalonePageHeader";
|
|
103
|
+
const DashboardStandalonePageTitle = React.forwardRef((componentProps, forwardRef) => {
|
|
104
|
+
const { className, ...props } = componentProps;
|
|
105
|
+
return /* @__PURE__ */ jsx("h1", {
|
|
106
|
+
ref: forwardRef,
|
|
107
|
+
"data-slot": "dashboard-standalone-page-title",
|
|
108
|
+
className: cn("col-start-2 row-start-1 truncate text-center text-base font-bold text-foreground", className),
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
DashboardStandalonePageTitle.displayName = "DashboardStandalonePageTitle";
|
|
113
|
+
const DashboardStandalonePageActions = React.forwardRef((componentProps, forwardRef) => {
|
|
114
|
+
const { side = "end", className, ...props } = componentProps;
|
|
115
|
+
return /* @__PURE__ */ jsx("div", {
|
|
116
|
+
ref: forwardRef,
|
|
117
|
+
"data-slot": "dashboard-standalone-page-actions",
|
|
118
|
+
"data-side": side,
|
|
119
|
+
className: cn("row-start-1 flex min-w-0 items-center gap-2", side === "start" ? "col-start-1 justify-start" : "col-start-3 justify-end", className),
|
|
120
|
+
...props
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
DashboardStandalonePageActions.displayName = "DashboardStandalonePageActions";
|
|
124
|
+
const DashboardStandalonePageAction = React.forwardRef((componentProps, forwardRef) => {
|
|
125
|
+
const { variant = "ghost", ...props } = componentProps;
|
|
126
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
127
|
+
ref: forwardRef,
|
|
128
|
+
size: "lg",
|
|
129
|
+
variant,
|
|
130
|
+
...props
|
|
131
|
+
});
|
|
132
|
+
});
|
|
133
|
+
DashboardStandalonePageAction.displayName = "DashboardStandalonePageAction";
|
|
134
|
+
const DashboardStandalonePageContent = React.forwardRef((componentProps, forwardRef) => {
|
|
135
|
+
const { className, ...props } = componentProps;
|
|
136
|
+
return /* @__PURE__ */ jsx("main", {
|
|
137
|
+
ref: forwardRef,
|
|
138
|
+
"data-slot": "dashboard-standalone-page-content",
|
|
139
|
+
className: cn("min-h-0 flex-1 overflow-auto p-4 md:p-6", className),
|
|
140
|
+
...props
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
DashboardStandalonePageContent.displayName = "DashboardStandalonePageContent";
|
|
144
|
+
|
|
81
145
|
//#endregion
|
|
82
146
|
//#region src/components/dashboard-page.tsx
|
|
83
147
|
function DashboardPage({ className, ...props }) {
|
|
@@ -525,4 +589,4 @@ function DashboardSidebarNav({ groups, renderLink }) {
|
|
|
525
589
|
}
|
|
526
590
|
|
|
527
591
|
//#endregion
|
|
528
|
-
export { BetaBadge, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DeprecatedBadge, NewBadge, ProfessionalBadge, RoleBadge, TrialBadge, useCopyToClipboard, useSidebar as useDashboardSidebar };
|
|
592
|
+
export { BetaBadge, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageHeader, DashboardStandalonePageTitle, DeprecatedBadge, NewBadge, ProfessionalBadge, RoleBadge, TrialBadge, useCopyToClipboard, useSidebar as useDashboardSidebar };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aircall/blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": [
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"typescript": "5.9.3",
|
|
68
68
|
"vite": "7.3.1",
|
|
69
69
|
"vitest": "4.0.17",
|
|
70
|
-
"@aircall/ds": "0.
|
|
70
|
+
"@aircall/ds": "0.11.0",
|
|
71
71
|
"@aircall/hooks": "0.5.1"
|
|
72
72
|
},
|
|
73
73
|
"scripts": {
|