@vezham/react 26.0.0-beta.2 → 26.0.0-beta.3

package/dist/lib/components/responsive-toolbar-action/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 type ResponsiveToolbarActionContextValue = {
     action: ReactNode;
     setAction: (action: ReactNode) => void;

package/dist/lib/components/shortcut-key/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { type ComponentProps } from 'react';
 import { Button } from '@vezham/react-v3';
 type ShortcutKeyProps = {
     className?: string;

package/dist/lib/components/toolbar-actions/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type ToolbarActionEvent = {
     actionKey: string;
     pageKey: string;
@@ -13,7 +13,7 @@ export declare const createToolbarActions: () => {
     subscribe: (actionKey: string, handler: ToolbarActionHandler, scope?: Scope) => () => void;
     emit: (event: ToolbarActionEvent) => boolean;
 };
-export declare const ToolbarActionsContext: import('react').Context<{
+export declare const ToolbarActionsContext: import("react").Context<{
     subscribe: (actionKey: string, handler: ToolbarActionHandler, scope?: Scope) => () => void;
     emit: (event: ToolbarActionEvent) => boolean;
 } | null>;

package/dist/lib/components/workspace-navigation/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 type MobileSidebarControl = {
     isOpen: boolean;
     onToggle: () => void;

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 export type AppFrameProps = {
     children: ReactNode;
     contentClassName?: string;

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

@@ -1,9 +1,9 @@
-import { ReactElement, ReactNode } from 'react';
-import { AppMenuItem } from '../../components/app-menu';
-import { ControlCenterConfig, ControlCenterI18n } from '../../components/panel/footer/control-center/types';
-import { AppNavigationItem } from '../../navigation';
-import { User } from '../../store/users/useUserStore';
-import { AppFrameProps } from './frame';
+import { type ReactElement, type ReactNode } from 'react';
+import { type AppMenuItem } from '../../components/app-menu';
+import type { ControlCenterConfig, ControlCenterI18n } from '../../components/panel/footer/control-center/types';
+import type { AppNavigationItem } from '../../navigation';
+import { type User } from '../../store/users/useUserStore';
+import { type AppFrameProps } from './frame';
 export type AppLayoutProps = Omit<AppFrameProps, 'navigation' | 'children'> & {
     children?: ReactNode;
     navigationItems: AppNavigationItem[];

package/dist/lib/layouts/menu-layout/home-navigation-bubble.d.ts

@@ -1,4 +1,4 @@
-import { User } from '../../components/panel/header/types';
+import { type User } from '../../components/panel/header/types';
 declare const HomeNavigationBubble: ({ onToggleDock, users }: {
     onToggleDock: () => void;
     users: User;

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

@@ -1,4 +1,4 @@
-import { MenuLayoutProps } from './index';
+import type { MenuLayoutProps } from './index';
 declare const MenuMD: ({ items, controlCenter }: MenuLayoutProps) => import("react").JSX.Element;
 export { MenuMD };
 //# sourceMappingURL=index-md.d.ts.map

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { MenuLayoutProps } from './index';
+import React from 'react';
+import type { MenuLayoutProps } from './index';
 declare const MenuSM: ({ items, controlCenter }: MenuLayoutProps) => React.JSX.Element;
 export { MenuSM };
 //# sourceMappingURL=index-sm.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FooterActionsProps } from '../../components/panel/footer/types';
-import { AppNavigationItem } from '../../navigation';
+import type { FooterActionsProps } from '../../components/panel/footer/types';
+import type { AppNavigationItem } from '../../navigation';
 export type MenuLayoutProps = Pick<FooterActionsProps, 'controlCenter'> & {
     items: AppNavigationItem[];
 };

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { AppNavigationItem } from '../../navigation';
-import { SectionSort } from './sort-menu';
-import { SectionAction, SectionSearch, SectionViewAction } from './toolbar';
+import { type ReactNode } from 'react';
+import { type AppNavigationItem } from '../../navigation';
+import type { SectionSort } from './sort-menu';
+import { type SectionAction, type SectionSearch, type SectionViewAction } from './toolbar';
 export type SectionLayoutProps = {
     title: string;
     sectionKey?: string;

package/dist/lib/layouts/section/preferences.d.ts

@@ -1,5 +1,5 @@
-import { SectionSort } from './sort-menu';
-import { SectionFilterKey } from './toolbar';
+import { type SectionSort } from './sort-menu';
+import type { SectionFilterKey } from './toolbar';
 export declare const useSectionPreferences: (scope: string, onSortChange?: (value: SectionSort) => void) => {
     setSelectedFilters: (selectedFilters: SectionFilterKey[]) => void;
     handleSortChange: (sortValue: SectionSort) => void;

package/dist/lib/layouts/section/sidebar-state.d.ts

@@ -1,5 +1,5 @@
-import { SetStateAction } from 'react';
-import { AppNavigationItem } from '../../navigation';
+import { type SetStateAction } from 'react';
+import { type AppNavigationItem } from '../../navigation';
 export declare const useSectionSidebarState: (items: AppNavigationItem[], pathname: string) => {
     expandedKeys: Set<string>;
     setExpandedKeys: (update: SetStateAction<Set<string>>) => void;

package/dist/lib/layouts/section/sidebar.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, SetStateAction } from 'react';
-import { AppNavigationItem } from '../../navigation';
+import { type Dispatch, type SetStateAction } from 'react';
+import { type AppNavigationItem } from '../../navigation';
 export declare const SectionSidebar: ({ items, pathname, label, onNavigate, expandedKeys: controlledExpandedKeys, onExpandedChange }: {
     items: AppNavigationItem[];
     pathname: string;

package/dist/lib/layouts/section/tab-navigation.d.ts

@@ -1,4 +1,4 @@
-import { AppNavigationItem } from '../../navigation';
+import type { AppNavigationItem } from '../../navigation';
 type Props = {
     title: string;
     tabs: AppNavigationItem[];

package/dist/lib/layouts/section/tab-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/section/tab-navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,iBAAiB,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,0EAOlC,KAAK,uCAqCP,CAAA"}
+{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/section/tab-navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,iBAAiB,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,0EAOlC,KAAK,uCAuCP,CAAA"}

package/dist/lib/layouts/section/tab-navigation.js

@@ -25,7 +25,7 @@ var SectionTabNavigation = ({ title, tabs, selectedTabKey, onPanelIdChange, onTa
 					children: [tab.title, /* @__PURE__ */ jsx(Tabs.Indicator, {})]
 				}, tab.key))
 			})
-		})
+		}, JSON.stringify(tabs.map((tab) => tab.key)))
 	});
 };
 //#endregion

package/dist/lib/layouts/section/toolbar-content.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type SectionToolbarContent = {
     desktop: ReactNode;
     mobile?: ReactNode;

package/dist/lib/layouts/section/toolbar-more-sheet.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { SectionSort } from './sort-menu';
-import { SectionAction, SectionFilterKey, SectionViewAction, SectionViewMode } from './toolbar';
+import { type ReactNode } from 'react';
+import { type SectionSort } from './sort-menu';
+import type { SectionAction, SectionFilterKey, SectionViewAction, SectionViewMode } from './toolbar';
 type Props = {
     filterAction?: SectionAction;
     filterGroups: readonly {

package/dist/lib/layouts/section/toolbar.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, RefObject } from 'react';
-import { AppNavigationItem } from '../../navigation';
-import { SectionSort } from './sort-menu';
+import { type ReactNode, type RefObject } from 'react';
+import type { AppNavigationItem } from '../../navigation';
+import { type SectionSort } from './sort-menu';
 export type SectionAction = {
     key: string;
     label: string;

package/dist/lib/layouts/section/toolbar.js

@@ -469,7 +469,7 @@ var SectionToolbar = (props) => {
 		onMenuOpenChange(false);
 	}, [isMobile, onMenuOpenChange]);
 	return /* @__PURE__ */ jsxs("header", {
-		className: `bg-background sticky top-0 z-30 shrink-0 px-3 py-0 md:px-4 md:py-2 ${isNavigationCollapsed ? "md:pl-30" : ""}`,
+		className: `bg-background sticky top-0 z-30 shrink-0 px-2 py-0 md:py-2 ${isNavigationCollapsed ? "md:pl-30" : ""}`,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "grid min-h-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 md:flex md:min-h-12 md:justify-between",
 			children: [/* @__PURE__ */ jsxs("div", {

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare const SettingsLayout: ({ children }: {
     children: ReactNode;
 }) => import("react").JSX.Element;

package/dist/lib/navigation-toolbar.d.ts

@@ -1,4 +1,4 @@
-import { AppNavigationItem } from './navigation';
+import type { AppNavigationItem } from './navigation';
 export type NavigationAction = {
     key: string;
     label: string;

package/dist/lib/pages/settings/index.d.ts

@@ -1,5 +1,5 @@
-import { ControlCenterConfig } from '../../components/panel/footer/control-center/types';
-import { SettingsSection } from './navigation';
+import type { ControlCenterConfig } from '../../components/panel/footer/control-center/types';
+import type { SettingsSection } from './navigation';
 export declare const validateSearch: (search: Record<string, unknown>) => {
     section: SettingsSection;
 };

package/dist/lib/pages/settings/navigation.d.ts

@@ -1,4 +1,4 @@
 export type SettingsSection = 'General' | 'Appearance' | 'Notifications' | 'Account' | 'Widget Center' | 'Control Center';
-export declare const SettingsNavigationContext: import('react').Context<((section: SettingsSection) => void) | null>;
+export declare const SettingsNavigationContext: import("react").Context<((section: SettingsSection) => void) | null>;
 export declare const useSettingsNavigation: () => ((section: SettingsSection) => void) | null;
 //# sourceMappingURL=navigation.d.ts.map

package/dist/lib/pages/settings/settings-content.d.ts

@@ -1,4 +1,4 @@
-import { SettingsSection } from './navigation';
+import type { SettingsSection } from './navigation';
 export declare const SettingsContent: ({ active }: {
     active: SettingsSection;
 }) => import("react").JSX.Element;

package/dist/lib/pages/settings/tile-gallery.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { EditorState } from '../../components/panel/footer/control-center/editor';
+import { type ReactNode } from 'react';
+import type { EditorState } from '../../components/panel/footer/control-center/editor';
 type GalleryShape = 'small' | 'medium' | 'large' | 'compact' | 'standard' | 'wide' | 'full';
 type GalleryTile = {
     id: string;

package/dist/lib/store/useBookmarks/action.d.ts

@@ -1,4 +1,4 @@
-import { BookmarksResponse, RQBookmarks } from './types';
+import type { BookmarksResponse, RQBookmarks } from './types';
 declare const Bookmarks: {
     list: (rq: RQBookmarks) => Promise<BookmarksResponse>;
 };

package/dist/lib/store/useBookmarks/data.d.ts

@@ -1,4 +1,4 @@
-import { BookmarksResponse, FavoriteItem } from './types';
+import type { BookmarksResponse, FavoriteItem } from './types';
 export declare const sampleFavorites: FavoriteItem[];
 export declare const bookmarksData: BookmarksResponse;
 //# sourceMappingURL=data.d.ts.map

package/dist/lib/store/useBookmarks/index.d.ts

@@ -1,8 +1,8 @@
-import { BookmarkItem, BookmarksResponse, FavoriteItem, RQBookmarks } from './types';
+import { type BookmarkItem, type BookmarksResponse, type FavoriteItem, type RQBookmarks } from './types';
 export * from './data';
 export * from './types';
 export declare const useBookmarks: {
-    list: (rq?: RQBookmarks) => import('@tanstack/react-query').DefinedUseQueryResult<BookmarksResponse, Error>;
+    list: (rq?: RQBookmarks) => import("@tanstack/react-query").DefinedUseQueryResult<BookmarksResponse, Error>;
     actions: (rq?: RQBookmarks) => {
         setFavorites: (items: FavoriteItem[]) => NoInfer<BookmarksResponse> | undefined;
         setPins: (items: FavoriteItem[]) => NoInfer<BookmarksResponse> | undefined;

package/dist/lib/store/useStorage/action.d.ts

@@ -1,4 +1,4 @@
-import { RQStorage, StorageResponse } from './types';
+import type { RQStorage, StorageResponse } from './types';
 declare const Storage: {
     list: (rq: RQStorage) => Promise<StorageResponse>;
 };

package/dist/lib/store/useStorage/data.d.ts

@@ -1,3 +1,3 @@
-import { StorageResponse } from './types';
+import type { StorageResponse } from './types';
 export declare const storageData: StorageResponse;
 //# sourceMappingURL=data.d.ts.map

package/dist/lib/store/useStorage/index.d.ts

@@ -1,7 +1,7 @@
-import { RQStorage } from './types';
+import type { RQStorage } from './types';
 export * from './data';
 export * from './types';
 export declare const useStorage: {
-    list: (rq?: RQStorage) => import('@tanstack/react-query').DefinedUseQueryResult<import('./types').StorageResponse, Error>;
+    list: (rq?: RQStorage) => import("@tanstack/react-query").DefinedUseQueryResult<import("./types").StorageResponse, Error>;
 };
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vezham/react",
-  "version": "26.0.0-beta.2",
+  "version": "26.0.0-beta.3",
   "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.0-beta.2",
+    "@vezham/hooks": "26.0.0-beta.3",
     "react-aria-components": "1.21.1"
   }
 }