@vezham/react 26.0.2 → 26.1.0

package/dist/lib/components/panel/footer/index.d.ts

@@ -1,4 +1,4 @@
 import type { FooterActionsProps } from './types';
-declare const Footer: ({ user, showAI, showControlCenter, controlCenter, showNotifications, showUserInfo, notificationCount, onAI, onNotificationsClick, onUserClick, toolbarAction, className }: FooterActionsProps) => import("react").JSX.Element;
+declare const Footer: ({ user, showAI, showControlCenter, controlCenter, showNotifications, showUserInfo, hideSeparator, notificationCount, onAI, onNotificationsClick, onUserClick, toolbarAction, className }: FooterActionsProps) => import("react").JSX.Element;
 export { Footer };
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/footer/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAoFjD,QAAA,MAAM,MAAM,GAAI,2KAab,kBAAkB,gCAsFpB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/footer/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAoFjD,QAAA,MAAM,MAAM,GAAI,0LAcb,kBAAkB,gCAsFpB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/lib/components/panel/footer/index.js

@@ -76,7 +76,7 @@ var CompactActions = ({ showAI, showControlCenter, onControlCenter, showNotifica
 		]
 	}) })] });
 };
-var Footer = ({ user, showAI = false, showControlCenter = false, controlCenter, showNotifications = false, showUserInfo = true, notificationCount = 0, onAI, onNotificationsClick, onUserClick, toolbarAction, className }) => {
+var Footer = ({ user, showAI = false, showControlCenter = false, controlCenter, showNotifications = false, showUserInfo = true, hideSeparator = false, notificationCount = 0, onAI, onNotificationsClick, onUserClick, toolbarAction, className }) => {
 	const { clearUser } = useUser();
 	const compact = useMediaQuery(ACCOUNT_BUBBLE_MEDIA_QUERY, { initializeWithValue: false });
 	const [controlCenterOpen, setControlCenterOpen] = useState(false);
@@ -85,7 +85,7 @@ var Footer = ({ user, showAI = false, showControlCenter = false, controlCenter,
 		isOpen: controlCenterOpen,
 		onOpenChange: setControlCenterOpen
 	}), [compact, controlCenterOpen]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, { className: "hidden md:block" }), /* @__PURE__ */ jsxs(Surface, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!hideSeparator && /* @__PURE__ */ jsx(Separator, { className: "hidden md:block" }), /* @__PURE__ */ jsxs(Surface, {
 		variant: "transparent",
 		className: `flex items-center justify-center gap-2 md:flex-col md:gap-3 ${className ?? ""}`,
 		children: [

package/dist/lib/components/panel/footer/types.d.ts

@@ -29,6 +29,7 @@ export interface FooterActionsProps {
     controlCenter?: ReactElement;
     showNotifications?: boolean;
     showUserInfo?: boolean;
+    hideSeparator?: boolean;
     notificationCount?: number;
     onAI?: () => void;
     onNotificationsClick?: () => void;

package/dist/lib/components/panel/footer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,UAAU,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,UAAU,CAAA;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,QAAQ,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,YAAY,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAA;IAE3E,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,UAAU,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,UAAU,CAAA;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,QAAQ,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,YAAY,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAA;IAE3E,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/lib/layouts/app/frame.d.ts

@@ -3,6 +3,7 @@ export type AppFrameProps = {
     children: ReactNode;
     contentClassName?: string;
     navigation?: ReactNode;
+    hasBottomNavigation?: boolean;
 } & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
-export declare const AppFrame: ({ children, className, contentClassName, navigation, ...props }: AppFrameProps) => import("react").JSX.Element;
+export declare const AppFrame: ({ children, className, contentClassName, navigation, hasBottomNavigation, ...props }: AppFrameProps) => import("react").JSX.Element;
 //# sourceMappingURL=frame.d.ts.map

package/dist/lib/layouts/app/frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,QAAQ,GAAI,iEAMtB,aAAa,gCAwBf,CAAA"}
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,QAAQ,GAAI,sFAOtB,aAAa,gCAwBf,CAAA"}

package/dist/lib/layouts/app/frame.js

@@ -2,7 +2,7 @@ import { useMobileControls } from "../../components/mobile-controls/index.js";
 import { Surface, cn } from "@vezham/react-v3";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/layouts/app/frame.tsx
-var AppFrame = ({ children, className, contentClassName, navigation, ...props }) => {
+var AppFrame = ({ children, className, contentClassName, navigation, hasBottomNavigation = true, ...props }) => {
 	const { isFooterHidden } = useMobileControls();
 	return /* @__PURE__ */ jsxs(Surface, {
 		variant: "transparent",
@@ -11,7 +11,7 @@ var AppFrame = ({ children, className, contentClassName, navigation, ...props })
 		...props,
 		children: [navigation, /* @__PURE__ */ jsx("main", {
 			"data-slot": "app-layout-content",
-			className: cn("min-h-0 min-w-0 flex-1 overflow-x-hidden overflow-y-auto pt-18 transition-transform duration-300 ease-out md:p-0", isFooterHidden ? "pb-0" : "pb-20", contentClassName),
+			className: cn("min-h-0 min-w-0 flex-1 overflow-x-hidden overflow-y-auto pt-18 transition-transform duration-300 ease-out md:p-0", isFooterHidden || !hasBottomNavigation ? "pb-0" : "pb-20", contentClassName),
 			children
 		})]
 	});

package/dist/lib/layouts/app/index.d.ts

@@ -4,7 +4,7 @@ import type { ControlCenterConfig, ControlCenterI18n } from '../../components/pa
 import type { AppNavigationItem } from '../../navigation';
 import { type User } from '../../store/users/useUserStore';
 import { type AppFrameProps } from './frame';
-export type AppLayoutProps = Omit<AppFrameProps, 'navigation' | 'children'> & {
+export type AppLayoutProps = Omit<AppFrameProps, 'navigation' | 'children' | 'hasBottomNavigation'> & {
     children?: ReactNode;
     navigationItems: AppNavigationItem[];
     appMenu?: AppMenuItem[];
@@ -14,7 +14,7 @@ export type AppLayoutProps = Omit<AppFrameProps, 'navigation' | 'children'> & {
     controlCenterSlot?: ReactElement;
     i18n?: ControlCenterI18n;
 };
-type AppLayoutViewProps = Omit<AppFrameProps, 'navigation'> & {
+type AppLayoutViewProps = Omit<AppFrameProps, 'navigation' | 'hasBottomNavigation'> & {
     navigationItems: AppNavigationItem[];
     controlCenterSlot?: ReactElement;
 };

package/dist/lib/layouts/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAA;AAItE,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,2BAA2B,CAAA;AAI7E,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,oDAAoD,CAAA;AAQ3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMzD,OAAO,EAAE,KAAK,IAAI,EAAgB,MAAM,gCAAgC,CAAA;AAGxE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,UAAU,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,iBAAiB,CAAC,EAAE,YAAY,CAAA;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,GAAG;IAC5D,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,IAAI,CACL,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,CACpD,gCAkBA,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,iEAK3B,kBAAkB,gCAQpB,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,+GAUhB,cAAc,gCA2ChB,CAAA;AA+BD,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAA;AAItE,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,2BAA2B,CAAA;AAI7E,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,oDAAoD,CAAA;AAQ3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMzD,OAAO,EAAE,KAAK,IAAI,EAAgB,MAAM,gCAAgC,CAAA;AAGxE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,aAAa,EACb,YAAY,GAAG,UAAU,GAAG,qBAAqB,CAClD,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,iBAAiB,CAAC,EAAE,YAAY,CAAA;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,aAAa,EACb,YAAY,GAAG,qBAAqB,CACrC,GAAG;IACF,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,IAAI,CACL,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,CACpD,gCAkBA,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,iEAK3B,kBAAkB,gCASpB,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,+GAUhB,cAAc,gCA2ChB,CAAA;AA+BD,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/layouts/app/index.js

@@ -30,6 +30,7 @@ var AppLayoutProviders = ({ children, navigationItems, appMenu = [], user }) =>
 }) });
 var AppLayoutView = ({ children, navigationItems, controlCenterSlot, ...frameProps }) => /* @__PURE__ */ jsx(AppFrame, {
 	...frameProps,
+	hasBottomNavigation: navigationItems.length > 1,
 	navigation: /* @__PURE__ */ jsx(MenuLayout, {
 		items: navigationItems,
 		controlCenter: controlCenterSlot

package/dist/lib/layouts/menu-layout/index-md.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index-md.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/menu-layout/index-md.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAS9C,QAAA,MAAM,MAAM,GAAI,0BAA0B,eAAe,gCAgFxD,CAAA;AAkGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index-md.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/menu-layout/index-md.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAS9C,QAAA,MAAM,MAAM,GAAI,0BAA0B,eAAe,gCAgFxD,CAAA;AAwGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/lib/layouts/menu-layout/index-md.js

@@ -99,15 +99,20 @@ var NavigationPanel = ({ collapsed, footerUser, items, controlCenter, navigation
 			showSearch: true,
 			showBookamarks: true,
 			showStorage: true,
+			hideSeparator: items.length <= 1,
 			onToggleDock
 		}),
-		/* @__PURE__ */ jsx(Menu, {
+		items.length > 1 ? /* @__PURE__ */ jsx(Menu, {
 			collapsed: false,
 			items,
 			selectedKey
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1",
+			"aria-hidden": "true"
 		}),
 		/* @__PURE__ */ jsx(Footer, {
 			user: footerUser,
+			hideSeparator: items.length <= 1,
 			showAI: true,
 			showControlCenter: true,
 			controlCenter,

package/dist/lib/layouts/menu-layout/index-sm.js

@@ -107,7 +107,7 @@ var MenuSM = ({ items, controlCenter }) => {
 			storage: storagePanel,
 			ai: aiPanel
 		} }),
-		!isFooterHidden && /* @__PURE__ */ jsx("div", {
+		!isFooterHidden && items.length > 1 && /* @__PURE__ */ jsx("div", {
 			className: "shrink-0",
 			children: /* @__PURE__ */ jsx(BottomNavbar, {
 				items,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vezham/react",
-  "version": "26.0.2",
+  "version": "26.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vezham/vx-fe-pkgs.git",
@@ -109,7 +109,7 @@
   ],
   "dependencies": {
     "@tanstack/react-hotkeys": "^0.10.0",
-    "@vezham/hooks": "26.0.2",
+    "@vezham/hooks": "26.1.0",
     "react-aria-components": "1.21.1"
   }
 }