@instincthub/react-ui 0.0.5 → 0.0.7

package/dist/src/types/components/lib/queryParameters/index.d.ts

@@ -0,0 +1,103 @@
+/**
+ * URL Query Parameter Helper for InstinctHub React UI
+ * Handles adding, updating, removing, and manipulating URL query parameters
+ */
+import { QueryContextType } from "@/types";
+interface QueryParams {
+    [key: string]: string | string[] | undefined;
+}
+interface UrlHelperOptions {
+    baseUrl?: string;
+    preserveHash?: boolean;
+    encode?: boolean;
+}
+/**
+ * Main URL query parameter helper function
+ * @example
+ * ```tsx
+ * urlQueryHelper({ key: "page", value: 1, action: "add" });
+ * ```
+ * @param context - Object containing key, value, and action
+ * @param options - Additional configuration options
+ * @returns Updated URL string
+ */
+export declare function urlQueryHelper(context: QueryContextType, options?: UrlHelperOptions): string;
+/**
+ * Get all query parameters as an object
+ * @param url - URL string to parse (defaults to current URL)
+ * @returns Object with query parameters
+ */
+export declare function getQueryParams(url?: string): QueryParams;
+/**
+ * Get specific query parameter value
+ * @param key - Parameter key to retrieve
+ * @param url - URL string to parse (defaults to current URL)
+ * @returns Parameter value or null if not found
+ */
+export declare function getQueryParam(key: string, url?: string): string | null;
+/**
+ * Check if a query parameter exists
+ * @param key - Parameter key to check
+ * @param url - URL string to parse (defaults to current URL)
+ * @returns Boolean indicating if parameter exists
+ */
+export declare function hasQueryParam(key: string, url?: string): boolean;
+/**
+ * Build URL from base path and parameters object
+ * @param basePath - Base URL or path
+ * @param params - Object of parameters to add
+ * @param options - Additional configuration
+ * @returns Complete URL string
+ */
+export declare function buildUrl(basePath: string, params: QueryParams, options?: UrlHelperOptions): string;
+/**
+ * Navigate to URL with updated query parameters (client-side only)
+ * @example
+ * ```tsx
+ * navigateWithQuery({ key: "page", value: 1, action: "add" });
+ * ```
+ * @param context - Query context for manipulation
+ * @param options - Navigation options
+ */
+export declare function navigateWithQuery(context: QueryContextType, options?: UrlHelperOptions & {
+    replace?: boolean;
+}): void;
+/**
+ * InstinctHub-specific helper for course filtering
+ * @example
+ * ```tsx
+ * buildDataFilterUrl({ subject: "Math", level: "100", instructor: "John Doe" });
+ * ```
+ * @param filters - Course filter parameters
+ * @returns URL with course filters applied
+ */
+export declare function buildDataFilterUrl(filters: {
+    subject?: string;
+    level?: string;
+    instructor?: string;
+    search?: string;
+    page?: number;
+    sort?: string;
+}): string;
+/**
+ * InstinctHub-specific helper for pagination
+ * @example
+ * ```tsx
+ * buildPaginationUrl(1);
+ * ```
+ * @param page - Page number
+ * @param preserveFilters - Whether to keep existing filters
+ * @returns URL with pagination applied
+ */
+export declare function buildPaginationUrl(page: number, preserveFilters?: boolean): string;
+/**
+ * Clean URL by removing empty or null parameters
+ * @example
+ * ```tsx
+ * cleanUrl();
+ * ```
+ * @param url - URL to clean (defaults to current URL)
+ * @returns Cleaned URL string
+ */
+export declare function cleanUrl(url?: string): string;
+export {};

package/dist/src/types/components/lib/redux/rootReducer.d.ts

@@ -1,4 +1,6 @@
 export declare const reducer: {
+    objectSlice: import("redux").Reducer<import("./slices/generics/objectSlice").ObjectState, import("redux").UnknownAction, import("./slices/generics/objectSlice").ObjectState>;
+    arraySlice: import("redux").Reducer<import("./slices/generics/arraySlice").ArrayState<any>, import("redux").UnknownAction, import("./slices/generics/arraySlice").ArrayState<any>>;
     subjects: import("redux").Reducer<import("../../../types/redux").courseFilterSubjectSliceState, import("redux").UnknownAction, import("../../../types/redux").courseFilterSubjectSliceState>;
     levels: import("redux").Reducer<import("../../../types/redux").courseFilterLevelSliceState, import("redux").UnknownAction, import("../../../types/redux").courseFilterLevelSliceState>;
     durations: import("redux").Reducer<import("../../../types/redux").courseFilterDurationSliceState, import("redux").UnknownAction, import("../../../types/redux").courseFilterDurationSliceState>;

package/dist/src/types/components/lib/redux/slices/generics/arraySlice.d.ts

@@ -0,0 +1,20 @@
+import { type PayloadAction } from "@reduxjs/toolkit";
+interface ArrayState<T = any> {
+    value: T[];
+    status: "idle" | "loading" | "failed";
+}
+export declare const arraySlice: import("@reduxjs/toolkit").Slice<ArrayState<any>, {
+    setArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<any[]>): void;
+    addToArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<any>): void;
+    removeFromArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<number>): void;
+    clearArray(state: import("immer").WritableDraft<ArrayState<any>>): void;
+    updateInArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<{
+        index: number;
+        value: any;
+    }>): void;
+}, "array", "array", import("@reduxjs/toolkit").SliceSelectors<ArrayState<any>>>;
+export declare const setArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<any[], "array/setArray">, addToArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "array/addToArray">, removeFromArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "array/removeFromArray">, clearArray: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"array/clearArray">, updateInArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    index: number;
+    value: any;
+}, "array/updateInArray">;
+export type { ArrayState };

package/dist/src/types/components/lib/redux/slices/generics/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./objectSlice";
+export * from "./arraySlice";

package/dist/src/types/components/lib/redux/slices/generics/objectSlice.d.ts

@@ -0,0 +1,12 @@
+import { type PayloadAction } from "@reduxjs/toolkit";
+interface ObjectState {
+    value: Record<string, any>;
+    status: "idle" | "loading" | "failed";
+}
+export declare const objectSlice: import("@reduxjs/toolkit").Slice<ObjectState, {
+    setObject(state: import("immer").WritableDraft<ObjectState>, action: PayloadAction<Record<string, any>>): void;
+    updateObject(state: import("immer").WritableDraft<ObjectState>, action: PayloadAction<Partial<Record<string, any>>>): void;
+    clearObject(state: import("immer").WritableDraft<ObjectState>): void;
+}, "object", "object", import("@reduxjs/toolkit").SliceSelectors<ObjectState>>;
+export declare const setObject: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "object/setObject">, updateObject: import("@reduxjs/toolkit").ActionCreatorWithPayload<Partial<Record<string, any>>, "object/updateObject">, clearObject: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"object/clearObject">;
+export type { ObjectState };

package/dist/src/types/components/lib/redux/slices/generics/selectors.d.ts

@@ -0,0 +1,3 @@
+import { ReduxState } from "../../store";
+export declare const selectObjectSlice: (state: ReduxState) => Record<string, any>;
+export declare const selectArraySlice: (state: ReduxState) => any[];

package/dist/src/types/components/lib/redux/slices/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./courseSlice";
 export * from "./navigationSlice";
 export * from "./channelSlice";
+export * from "./generics";
+export * from "./selectors";

package/dist/src/types/components/lib/redux/slices/selectors.d.ts

@@ -0,0 +1,5 @@
+export * from "./authSlice/selectors";
+export * from "./courseSlice/selectors";
+export * from "./channelSlice/selectors";
+export * from "./generics/selectors";
+export * from "./navigationSlice/selectors";

package/dist/src/types/components/lib/redux/store.d.ts

@@ -2,6 +2,8 @@ import { type ConfigureStoreOptions, type ThunkAction, type Action } from '@redu
 import { type TypedUseSelectorHook } from 'react-redux';
 export declare const makeReduxStore: (options?: ConfigureStoreOptions) => import("redux").Store<any, import("redux").UnknownAction, unknown>;
 export declare const reduxStore: import("@reduxjs/toolkit").EnhancedStore<{
+    objectSlice: import("./slices/generics/objectSlice").ObjectState;
+    arraySlice: import("./slices/generics/arraySlice").ArrayState<any>;
     subjects: import("../../../types/redux").courseFilterSubjectSliceState;
     levels: import("../../../types/redux").courseFilterLevelSliceState;
     durations: import("../../../types/redux").courseFilterDurationSliceState;
@@ -26,6 +28,8 @@ export declare const reduxStore: import("@reduxjs/toolkit").EnhancedStore<{
     channelHandle: import("./slices").channelHandleSliceState;
 }, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
+        objectSlice: import("./slices/generics/objectSlice").ObjectState;
+        arraySlice: import("./slices/generics/arraySlice").ArrayState<any>;
         subjects: import("../../../types/redux").courseFilterSubjectSliceState;
         levels: import("../../../types/redux").courseFilterLevelSliceState;
         durations: import("../../../types/redux").courseFilterDurationSliceState;
@@ -51,6 +55,8 @@ export declare const reduxStore: import("@reduxjs/toolkit").EnhancedStore<{
     }, undefined, import("redux").UnknownAction>;
 }, {}>, import("redux").StoreEnhancer<{}, {}>]>>;
 export declare const useDispatch: () => import("redux-thunk").ThunkDispatch<{
+    objectSlice: import("./slices/generics/objectSlice").ObjectState;
+    arraySlice: import("./slices/generics/arraySlice").ArrayState<any>;
     subjects: import("../../../types/redux").courseFilterSubjectSliceState;
     levels: import("../../../types/redux").courseFilterLevelSliceState;
     durations: import("../../../types/redux").courseFilterDurationSliceState;

package/dist/src/types/components/navbar/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ChannelListAvatar } from "./ChannelListAvatar";
+export { default as MenuDropdown } from "./MenuDropdown";
+export { default as Breadcrumb } from "./Breadcrumb";
+export { default as ResponsiveNavbar } from "./ResponsiveNavbar";
+export { default as SideNavbar } from "./SideNavbar";

package/dist/src/types/components/status/MultiPurposeModal.d.ts

@@ -14,6 +14,17 @@ interface MultiPurposeModalProps {
     disableScroll?: boolean;
     handleSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
     removeForm?: boolean;
+    /**
+     * Controls whether the modal should force re-render when children change
+     * @default true
+     * Set to false when using forms or components that manage their own state
+     */
+    enableContentRefresh?: boolean;
+    /**
+     * Preserves scroll position when content refreshes (only works when enableContentRefresh is true)
+     * @default true
+     */
+    preserveScrollPosition?: boolean;
 }
 /**
  * A multipurpose modal component for InstinctHub applications
@@ -21,20 +32,24 @@ interface MultiPurposeModalProps {
  * @component
  * @example
  * ```tsx
+ * // For forms - disable content refresh to prevent scroll jumping
  * <MultiPurposeModal
  *   isOpen={isOpen}
  *   onClose={onClose}
- *   title="Some Title"
- *   size="medium"
- *   showFooter={true}
- *   footerContent={<div>Some Footer Content</div>}
- *   showCloseButton={true}
- *   closeOnOverlayClick={true}
- *   className="ihub-modal-class"
- *   disableScroll={true}
- *   handleSubmit={handleSubmit}
+ *   title="User Form"
+ *   enableContentRefresh={false}
  * >
- *   <div>Some Content</div>
+ *   <UserForm />
+ * </MultiPurposeModal>
+ *
+ * // For dynamic content - enable content refresh (default behavior)
+ * <MultiPurposeModal
+ *   isOpen={isOpen}
+ *   onClose={onClose}
+ *   title="Dynamic Content"
+ *   enableContentRefresh={true}
+ * >
+ *   {dynamicContent}
  * </MultiPurposeModal>
  * ```
  *
@@ -52,6 +67,8 @@ interface MultiPurposeModalProps {
  * @param disableScroll Whether to disable body scrolling when modal is open
  * @param handleSubmit Function to call when the modal is submitted
  * @param removeForm Whether to remove the default form element
+ * @param enableContentRefresh Whether to force re-render when children change (default: true)
+ * @param preserveScrollPosition Whether to maintain scroll position during refreshes (default: true)
  */
 declare const MultiPurposeModal: React.FC<MultiPurposeModalProps>;
 export default MultiPurposeModal;

package/dist/src/types/components/status/index.d.ts

@@ -0,0 +1,11 @@
+export { default as TimeTracker } from "./ReactTimeTracker";
+export { default as SessionHandleProvider } from "./SessionHandleProvider";
+export { default as Error500 } from "./Error500";
+export { default as ErrorState } from "./ErrorState";
+export { default as ReactTimeTracker } from "./ReactTimeTracker";
+export { default as DeleteConfirmationModal } from "./DeleteConfirmationModal";
+export { default as CopyToClipboard } from "./CopyToClipBoard";
+export { default as MultiPurposeModal } from "./MultiPurposeModal";
+export { default as ModalExamples } from "./ModalExamples";
+export { default as NotFound } from "./NotFound";
+export { default as Unauthorized } from "./Unauthorized";

package/dist/src/types/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Tabs } from "./Tabs";
+export { default as VerticalTabs } from "./VerticalTabs";
+export { default as TabContent } from "./TabContent";

package/dist/src/types/components/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ChangeStyleVariable } from "./ChangeStyleVariable";
+export { default as DarkModeProvider } from "./DarkModeProvider";
+export { default as LoadingAnimate } from "./LoadingAnimate";
+export { default as SessionProviders } from "./SessionProviders";
+export { default as SessionExpiresLogout } from "./signout/SessionExpiresLogout";
+export { default as SignOutSession } from "./signout/SignOutSession";

package/dist/src/types/components/ui/create-button/CreateButton.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+interface CreateButtonProps {
+    /** Text to display on the button */
+    label?: string;
+    /** Search parameter key-value to add to URL */
+    searchParam?: {
+        key: string;
+        value: string;
+    };
+    /** Fallback function when no searchParam is provided */
+    onClick?: () => void;
+    /** Button variant style */
+    variant?: "primary" | "outlined" | "important" | "danger";
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Button size */
+    size?: "small" | "medium" | "large";
+    /** Show loading state */
+    loading?: boolean;
+    /** Icon to display before text */
+    icon?: React.ReactNode;
+    /** Whether to show animation effects */
+    animated?: boolean;
+    /** Additional HTML button attributes */
+    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+/**
+ * Modern create button component with URL search parameter support
+ * @example
+ * ```tsx
+ * <CreateButton
+ *   label="Create Course"
+ *   searchParam={{ key: "create", value: "course" }}
+ *   variant="important"
+ *   animated={true}
+ * />
+ * @param props - Component props
+ * @param props.label - Button text
+ * @param props.searchParam - Search parameter to add to URL
+ * @param props.onClick - Callback function for click events
+ * @param props.variant - Button variant style
+ * @param props.disabled - Disable the button
+ * @param props.className - Additional CSS class name
+ * @param props.size - Button size
+ * @param props.loading - Loading state
+ * @param props.icon - Icon to display before text
+ * @param props.animated - Animated button spinner
+ * @param props.buttonProps - Additional button props
+ * @returns JSX.Element
+ */
+declare const CreateButton: React.FC<CreateButtonProps>;
+export default CreateButton;

package/dist/src/types/components/ui/create-button/CreateButtonExample.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CreateButtonExample: React.FC;
+export default CreateButtonExample;

package/dist/src/types/components/ui/editor/CustomTextEditor.d.ts

@@ -2,14 +2,15 @@ interface TextEditorProps {
     label?: string;
     name?: string;
     note?: string;
-    onChange: (html: string) => void;
+    onChange?: (html: string) => void;
     setIsEditing?: (html: boolean) => void;
     isEditing?: boolean;
-    content: string;
+    content?: string;
     charLimit?: number;
     placeholder?: string;
     lastUpdated?: string;
     showPreviewBtn?: boolean;
+    required?: boolean;
 }
 /**
  * CustomTextEditor is a component that allows you to create a text editor with a menu bar and a preview button.
@@ -34,8 +35,11 @@ interface TextEditorProps {
  * @param {string} props.placeholder - The placeholder for the editor.
  * @param {string} props.lastUpdated - The last updated date for the editor.
  * @param {boolean} props.showPreviewBtn - Whether to show the preview button.
+ * @param {string} props.note - The note to display below the editor.
+ * @param {function} props.setIsEditing - Function to set the editing state.
+ * @param {boolean} props.required - Whether the editor is required.
  * @returns {React.ReactNode} The CustomTextEditor component.
  *
  */
-export default function CustomTextEditor({ label, name, note, onChange, setIsEditing, content, isEditing, charLimit, placeholder, lastUpdated, showPreviewBtn, }: TextEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function CustomTextEditor({ label, name, note, onChange, setIsEditing, content, isEditing, charLimit, placeholder, lastUpdated, showPreviewBtn, required, }: TextEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/types/components/ui/index.d.ts

@@ -0,0 +1,16 @@
+export { default as CustomTextEditor } from "./editor/CustomTextEditor";
+export { default as ContentViewer } from "./viewer/ContentViewer";
+export { default as ContentViewOrEdit } from "./viewer/ContentViewOrEdit";
+export { default as CodeDisplay } from "./viewer/CodeDisplay";
+export { default as IHubTable } from "./tables/IHubTable";
+export { default as IHubTableServer } from "./tables/IHubTableServer";
+export { default as OrDivider } from "./OrDivider";
+export { default as RandomGradientImage } from "./images/RandomGradientImage";
+export { default as Dialog } from "./dialogs/Dialog";
+export { default as Badge } from "./Badge";
+export { default as Action } from "./Action";
+export { default as Dropdown } from "./Dropdown";
+export { default as ColorPicker } from "./ColorPicker";
+export { default as ComponentLists } from "./ComponentLists";
+export * from "./cards";
+export * from "./charts";

package/dist/src/types/components/ui/pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { PaginationPropsType } from "@/types";
+/**
+ * Enhanced Pagination Component with API Integration
+ * Handles pagination, search, and filtering with automatic API calls
+ */
+declare const Pagination: React.FC<PaginationPropsType>;
+export default Pagination;

package/dist/src/types/components/ui/pagination/PaginationDemo.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const PaginationDemo: React.FC;
+export default PaginationDemo;

package/dist/src/types/index.d.ts

@@ -44,12 +44,14 @@ export { default as InputText } from "./components/forms/InputText";
 export { default as InputTextarea } from "./components/forms/InputTextarea";
 export { default as SearchObjectsFromDB } from "./components/forms/SearchObjectsFromDB";
 export { default as ToggleButton } from "./components/forms/ToggleButton";
-export { default as CheckboxesField } from "./components/forms/CheckboxesField";
+export { default as CheckBoxesField } from "./components/forms/CheckboxesField";
+export { default as CheckBoxes } from "./components/forms/CheckBoxes";
 export { default as DateInputPicker } from "./components/forms/DateInputPicker";
 export { default as ChipsInput } from "./components/forms/ChipsInput";
 export { default as RadioButton } from "./components/forms/radio-btn/RadioButton";
 export { default as RadioGroup } from "./components/forms/radio-btn/RadioGroup";
 export { default as InputAmount } from "./components/forms/InputAmount";
+export { default as FileField } from "./components/forms/FileField";
 export { default as ChannelListAvatar } from "./components/navbar/ChannelListAvatar";
 export { default as MenuDropdown } from "./components/navbar/MenuDropdown";
 export { default as Breadcrumb } from "./components/navbar/Breadcrumb";
@@ -65,11 +67,16 @@ export { default as IHubTable } from "./components/ui/tables/IHubTable";
 export { default as IHubTableServer } from "./components/ui/tables/IHubTableServer";
 export { default as OrDivider } from "./components/ui/OrDivider";
 export { default as RandomGradientImage } from "./components/ui/images/RandomGradientImage";
+export { default as ComponentLists } from "./components/ui/ComponentLists";
+export { default as Action } from "./components/ui/Action";
 export { default as Dialog } from "./components/ui/dialogs/Dialog";
 export { default as Badge } from "./components/ui/Badge";
-export { default as Action } from "./components/ui/Action";
 export { default as Dropdown } from "./components/ui/Dropdown";
 export { default as ColorPicker } from "./components/ui/ColorPicker";
+export { default as Pagination } from "./components/ui/pagination/Pagination";
+export { default as PaginationDemo } from "./components/ui/pagination/PaginationDemo";
+export { default as CreateButton } from "./components/ui/create-button/CreateButton";
+export { default as CreateButtonExample } from "./components/ui/create-button/CreateButtonExample";
 export * from "./components/ui/cards";
 export * from "./components/ui/charts";
 export { default as ChangeStyleVariable } from "./components/theme/ChangeStyleVariable";
@@ -92,4 +99,3 @@ export { default as Unauthorized } from "./components/status/Unauthorized";
 export { default as Tabs } from "./components/tabs/Tabs";
 export { default as VerticalTabs } from "./components/tabs/VerticalTabs";
 export { default as TabContent } from "./components/tabs/TabContent";
-export { default as ComponentLists } from "./components/ComponentLists";

package/dist/src/types/types/index.d.ts

@@ -247,6 +247,8 @@ export interface LoginFormPropsType {
     endpointPath?: string;
     verificationPath?: string;
     redirectPath?: string;
+    hideResetPassword?: boolean;
+    hideSignup?: boolean;
     type?: string | "sis" | "skills" | "lms" | "crm" | "ecommerce" | "inventory" | "hr";
 }
 export interface DropdownOptionType {
@@ -348,16 +350,16 @@ export interface PaystackConfigObjectType {
     metadata?: PaystackMetadataType;
 }
 export interface PaystackConfigType {
-    authorization_code?: string;
-    reference: string;
     email: string;
     first_name: string;
     last_name: string;
     currency: string;
     amount: number;
-    publicKey: string | undefined;
-    key: string | undefined;
-    callback_url: string;
+    reference?: string;
+    authorization_code?: string;
+    publicKey?: string | undefined;
+    key?: string | undefined;
+    callback_url?: string;
     metadata?: PaystackMetadataType;
 }
 export interface PaystackResponseType {
@@ -419,3 +421,38 @@ export interface PaymentReferenceType {
     redirecturl?: string;
     [key: string]: any;
 }
+export interface PaginationData {
+    count: number;
+    next: string | null;
+    previous: string | null;
+    results: any[];
+}
+export interface PaginationPropsType {
+    /** Current offset value from URL params */
+    offset: string | number;
+    /** Pagination data from API response */
+    data: PaginationData;
+    /** Number of items per page */
+    limit: number;
+    /** API endpoint path */
+    urlPath: string;
+    /** Function to update data state */
+    setData: React.Dispatch<React.SetStateAction<any>>;
+    /** Authentication token */
+    token?: string | null;
+    /** Current tab filter value */
+    tabsValues?: string;
+    /** Current search query */
+    searchValues?: string;
+    /** Maximum number of page buttons to show */
+    rangeLimit?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether to show first/last buttons */
+    showFirstLast?: boolean;
+}
+export interface QueryContextType {
+    key: string;
+    value?: string | number | boolean | null;
+    action: "add" | "update" | "remove" | "toggle" | "clear";
+}

package/dist/src/types/types/navbar.d.ts

@@ -39,6 +39,7 @@ export interface NavLinkItem extends NavItemBase {
     isExternal?: boolean;
     /** Access control - function to determine if user has access */
     hasAccess?: () => boolean;
+    children?: NavItemType[];
 }
 /**
  * Navigation group with submenu items