Implement Fluid Emerald app redesign

resources/js/types/index.ts

@@ -1,4 +1,5 @@
 export * from './auth';
+export * from './layout';
 export * from './navigation';
 export * from './page-props';
 export * from './ui';

resources/js/types/layout.ts

@@ -0,0 +1,41 @@
+import type { BreadcrumbItem, NavItem } from '@/types/navigation';
+import type { ProjectModel } from '@/types/models/project-model';
+import type { HeadingVariant } from '@/types/ui';
+
+export type AppLayoutProps = {
+    breadcrumbs?: BreadcrumbItem[];
+    project?: ProjectModel;
+};
+
+export type AppSidebarProps = {
+    project?: ProjectModel;
+};
+
+export type AppSidebarHeaderProps = Pick<AppLayoutProps, 'breadcrumbs'>;
+
+export type AppHeaderProps = Pick<AppLayoutProps, 'breadcrumbs'>;
+
+export type AppContentProps = {
+    class?: string;
+    variant?: import('@/types/ui').AppVariant;
+};
+
+export type AppShellProps = {
+    variant?: import('@/types/ui').AppVariant;
+};
+
+export type AuthLayoutProps = {
+    description?: string;
+    title?: string;
+};
+
+export type HeadingProps = {
+    description?: string;
+    title: string;
+    variant?: HeadingVariant;
+};
+
+export type NavMainProps = {
+    items: NavItem[];
+    label?: string;
+};

resources/js/types/ui.ts

@@ -2,3 +2,15 @@ export type Appearance = 'light' | 'dark' | 'system';
 export type ResolvedAppearance = 'light' | 'dark';
 
 export type AppVariant = 'header' | 'sidebar';
+
+export type HeadingVariant = 'default' | 'small';
+
+export type UserAvatarProps = {
+    rounded?: boolean;
+    user?: import('@/types/models/user-model').UserModel;
+};
+
+export type UserInfoProps = {
+    showEmail?: boolean;
+    user: import('@/types/auth').User;
+};