@hardimpactdev/craft-ui 0.0.13 → 0.0.15

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import { default as AppearanceTabs } from './src/components/AppearanceTabs.vue';
 import { default as DeleteUser } from './src/components/DeleteUser.vue';
 import { default as i18n } from './src/plugins/i18n.ts';
 import { useAppearance } from './src/composables/useAppearance.ts';
+import { useAppNavigation } from './src/composables/useAppNavigation.ts';
 import { useInitials } from './src/composables/useInitials.ts';
 import { useLanguage } from './src/composables/useLanguage.ts';
 import { cn, ___, can } from './src/lib/utils.ts';
@@ -94,4 +95,4 @@ export * from './src/components/toggle';
 export * from './src/components/toggle-group';
 export * from './src/components/tooltip';
 export * from './src/pages/auth';
-export { i18n, cn, __, can, AuthLayout, AuthSimpleLayout, AuthCardLayout, AuthSplitLayout, AppHeaderLayout, AppSidebarLayout, SettingsLayout, AppShell, AppContent, AppHeader, AppSidebar, AppSidebarHeader, AppLogo, AppLogoIcon, Breadcrumbs, NavMain, NavFooter, NavUser, UserInfo, UserMenuContent, TextLink, InputError, Heading, HeadingSmall, AppearanceTabs, DeleteUser, useAppearance, useInitials, useLanguage, };
+export { i18n, cn, __, can, AuthLayout, AuthSimpleLayout, AuthCardLayout, AuthSplitLayout, AppHeaderLayout, AppSidebarLayout, SettingsLayout, AppShell, AppContent, AppHeader, AppSidebar, AppSidebarHeader, AppLogo, AppLogoIcon, Breadcrumbs, NavMain, NavFooter, NavUser, UserInfo, UserMenuContent, TextLink, InputError, Heading, HeadingSmall, AppearanceTabs, DeleteUser, useAppearance, useAppNavigation, useInitials, useLanguage, };

package/dist/src/components/AppSidebar.vue.d.ts

@@ -8,6 +8,10 @@ type __VLS_Props = {
     user?: User;
     /** Home/dashboard URL */
     homeUrl?: string;
+    /** Callback when settings is clicked */
+    onSettings?: () => void;
+    /** Callback when logout is clicked */
+    onLogout?: () => void;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/src/composables/useAppNavigation.d.ts

@@ -0,0 +1,43 @@
+interface NavItem {
+    title: string;
+    url: string;
+    icon?: string;
+    isActive?: boolean;
+    items?: NavItem[];
+}
+interface User {
+    id: string | number;
+    name: string;
+    email: string;
+    avatar?: string;
+}
+interface AppNavigationProps {
+    mainNavItems: NavItem[];
+    footerNavItems: NavItem[];
+    user: User;
+    onSettings: () => void;
+    onLogout: () => void;
+}
+/**
+ * Composable that provides navigation props for AppSidebarLayout.
+ *
+ * Reads from page.props.navigation.app and page.props.auth.user
+ * to return props that can be spread onto AppSidebarLayout.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useAppNavigation, AppSidebarLayout } from '@hardimpactdev/craft-ui';
+ *
+ * const appNav = useAppNavigation();
+ * </script>
+ *
+ * <template>
+ *   <AppSidebarLayout :breadcrumbs="breadcrumbs" v-bind="appNav">
+ *     <!-- content -->
+ *   </AppSidebarLayout>
+ * </template>
+ * ```
+ */
+export declare function useAppNavigation(): AppNavigationProps;
+export {};

package/dist/src/layouts/app/AppSidebarLayout.vue.d.ts

@@ -10,6 +10,10 @@ type __VLS_Props = {
     user?: User;
     /** Home/dashboard URL */
     homeUrl?: string;
+    /** Callback when settings is clicked */
+    onSettings?: () => void;
+    /** Callback when logout is clicked */
+    onLogout?: () => void;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/package.json

@@ -56,7 +56,7 @@
       "types": "./dist/src/vite/defineCraftConfig.d.ts"
     }
   },
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "scripts": {
     "dev": "vite",