@saas-ui/react 3.0.0-next.28 → 3.0.0-next.29
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/CHANGELOG.md +8 -0
- package/dist/.tsbuildinfo.json +1 -1
- package/dist/components/app-shell/app-shell.d.ts +5 -7
- package/dist/components/app-shell/app-shell.recipe.d.ts +3 -8
- package/dist/components/app-shell/app-shell.recipe.js +4 -8
- package/dist/components/sidebar/sidebar.d.ts +12 -12
- package/dist/components/sidebar/sidebar.js +2 -2
- package/dist/theme/slot-recipes.d.ts +45 -50
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type HTMLChakraProps, type SlotRecipeProps } from '@chakra-ui/react/styled-system';
|
|
2
2
|
declare const useAppShellStyles: () => Record<string, import("@chakra-ui/react").SystemStyleObject>;
|
|
3
3
|
export { useAppShellStyles };
|
|
4
|
-
export interface
|
|
4
|
+
export interface AppShellBaseProps {
|
|
5
5
|
/**
|
|
6
6
|
* The top header navigation
|
|
7
7
|
*/
|
|
@@ -18,12 +18,8 @@ export interface AppShellProps extends HTMLChakraProps<'div'> {
|
|
|
18
18
|
* The footer
|
|
19
19
|
*/
|
|
20
20
|
footer?: React.ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* The main content
|
|
23
|
-
*/
|
|
24
|
-
children: React.ReactNode;
|
|
25
21
|
}
|
|
26
|
-
export interface AppShellRootProps extends
|
|
22
|
+
export interface AppShellRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiAppShell'> {
|
|
27
23
|
}
|
|
28
24
|
/**
|
|
29
25
|
* The App Shell defines the main structure of your app.
|
|
@@ -37,4 +33,6 @@ export declare const AppShellContent: import("react").ForwardRefExoticComponent<
|
|
|
37
33
|
export interface AppShellMainProps extends HTMLChakraProps<'div'> {
|
|
38
34
|
}
|
|
39
35
|
export declare const AppShellMain: import("react").ForwardRefExoticComponent<AppShellMainProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
40
|
-
export
|
|
36
|
+
export interface AppShellProps extends AppShellBaseProps, HTMLChakraProps<'div'> {
|
|
37
|
+
}
|
|
38
|
+
export declare const AppShell: import("react").ForwardRefExoticComponent<AppShellProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
export declare const appShellSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
root: {
|
|
5
|
-
height: "100dvh";
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
|
-
fullscreen: {
|
|
1
|
+
export declare const appShellSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "main", {
|
|
2
|
+
fullscreen: {
|
|
3
|
+
true: {
|
|
9
4
|
root: {
|
|
10
5
|
position: "fixed";
|
|
11
6
|
inset: number;
|
|
@@ -6,6 +6,7 @@ export const appShellSlotRecipe = defineSlotRecipe({
|
|
|
6
6
|
root: {
|
|
7
7
|
display: 'flex',
|
|
8
8
|
flexDirection: 'column',
|
|
9
|
+
height: '100dvh',
|
|
9
10
|
},
|
|
10
11
|
content: {
|
|
11
12
|
display: 'flex',
|
|
@@ -21,13 +22,8 @@ export const appShellSlotRecipe = defineSlotRecipe({
|
|
|
21
22
|
},
|
|
22
23
|
},
|
|
23
24
|
variants: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
root: {
|
|
27
|
-
height: '100dvh',
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
fullscreen: {
|
|
25
|
+
fullscreen: {
|
|
26
|
+
true: {
|
|
31
27
|
root: {
|
|
32
28
|
position: 'fixed',
|
|
33
29
|
inset: 0,
|
|
@@ -39,7 +35,7 @@ export const appShellSlotRecipe = defineSlotRecipe({
|
|
|
39
35
|
},
|
|
40
36
|
},
|
|
41
37
|
defaultVariants: {
|
|
42
|
-
|
|
38
|
+
fullscreen: false,
|
|
43
39
|
variant: 'plain',
|
|
44
40
|
},
|
|
45
41
|
});
|