@12-apps/ui 5.0.0 → 5.1.0

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.types.d.ts

@@ -0,0 +1,115 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { ReactNode } from 'react';
+export interface NavigationMenuItem {
+    /**
+     * Unique identifier for the menu item
+     */
+    id: string;
+    /**
+     * Label to display for the menu item
+     */
+    label: string;
+    /**
+     * Icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * URL to navigate to
+     */
+    href?: string;
+    /**
+     * Whether the item is currently active/selected
+     */
+    active?: boolean;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Click handler for the menu item
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Badge/notification count
+     */
+    badge?: number | string;
+    /**
+     * Nested items for submenu
+     */
+    children?: NavigationMenuItem[];
+    /**
+     * Description text for the item
+     */
+    description?: string;
+    /**
+     * Whether to show a chevron for submenu
+     */
+    showChevron?: boolean;
+    /**
+     * Target for the link
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+}
+export interface NavigationMenuProps {
+    /**
+     * The variant of the navigation menu
+     */
+    variant?: 'horizontal' | 'vertical' | 'mega';
+    /**
+     * Menu items to display
+     */
+    items: NavigationMenuItem[];
+    /**
+     * Color scheme of the menu
+     */
+    /**
+     * `neutral` is what this called `default`: the unaccented state, renamed to
+     * the house word rather than kept as a third spelling of the same idea.
+     */
+    color?: Extract<ColorValue, 'primary' | 'secondary' | 'neutral'>;
+    /**
+     * Size of the menu items
+     */
+    size?: SizeValue;
+    /**
+     * Minimal style with no borders, shadows, or container backgrounds
+     */
+    minimal?: boolean;
+    /**
+     * Whether the menu is collapsible (vertical only)
+     */
+    collapsible?: boolean;
+    /**
+     * Whether the menu is currently collapsed
+     */
+    collapsed?: boolean;
+    /**
+     * Callback when collapse state changes
+     */
+    onCollapseChange?: (collapsed: boolean) => void;
+    /**
+     * Custom logo/brand element
+     */
+    logo?: ReactNode;
+    /**
+     * Additional content to render at the end
+     */
+    endContent?: ReactNode;
+    /**
+     * Maximum width for mega menu
+     */
+    maxWidth?: number | string;
+    /**
+     * Whether to show dividers between sections
+     */
+    showDividers?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=NavigationMenu.types.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAEhC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAE7C;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;OAEG;IACH;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;IAEjE;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenuItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NavigationMenuItem } from './NavigationMenu.types';
+export declare const renderMenuItem: (item: NavigationMenuItem, variant?: string, size?: string, collapsed?: boolean, minimal?: boolean, level?: number, onItemClick?: (item: NavigationMenuItem) => void) => React.ReactNode;
+//# sourceMappingURL=NavigationMenuItem.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenuItem.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAW,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AA0TjE,eAAO,MAAM,cAAc,GACzB,MAAM,kBAAkB,EACxB,UAAS,MAAmB,EAC5B,OAAM,MAAa,EACnB,YAAW,OAAe,EAC1B,UAAS,OAAe,EACxB,QAAO,MAAU,EACjB,cAAc,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,KAC/C,KAAK,CAAC,SAWN,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenuItem.hooks.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { NavigationMenuItem } from './NavigationMenu.types';
+export declare const useMenuItemState: ({ item, variant, onItemClick, }: {
+    item: NavigationMenuItem;
+    variant?: string;
+    onItemClick?: (item: NavigationMenuItem) => void;
+}) => {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    hasChildren: boolean | undefined;
+    handleClick: (event: React.MouseEvent<HTMLElement>) => void;
+    handleMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;
+    handleMouseLeave: () => void;
+    handlePopoverMouseEnter: () => void;
+    handlePopoverMouseLeave: () => void;
+    closePopover: () => void;
+};
+//# sourceMappingURL=NavigationMenuItem.hooks.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMenuItem.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenuItem.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAqEjE,eAAO,MAAM,gBAAgB,GAAI,iCAI9B;IACD,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAClD;;;;yBAM2B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;8BA7DtB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;;;;CAqG/D,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationStandardBody.d.ts

@@ -0,0 +1,16 @@
+import type { FC, ReactNode } from 'react';
+import type { NavigationMenuItem } from './NavigationMenu.types';
+export interface NavigationStandardBodyProps {
+    variant: string;
+    size: string;
+    minimal: boolean;
+    collapsed: boolean;
+    collapsible: boolean;
+    showDividers: boolean;
+    items: NavigationMenuItem[];
+    logo?: ReactNode;
+    endContent?: ReactNode;
+    onCollapseToggle: () => void;
+}
+export declare const NavigationStandardBody: FC<NavigationStandardBodyProps>;
+//# sourceMappingURL=NavigationStandardBody.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationStandardBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationStandardBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationStandardBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAiFjE,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAID,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA4ClE,CAAC"}

package/dist/types/components/navigation/NavigationMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { NavigationMenu } from './NavigationMenu';
+export type { NavigationMenuItem, NavigationMenuProps } from './NavigationMenu.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/NavigationMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAC,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/types/components/navigation/Pagination/Pagination.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PaginationProps } from './Pagination.types';
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/types/components/navigation/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/Pagination.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAuI1D,eAAO,MAAM,UAAU,kGAsEtB,CAAC"}

package/dist/types/components/navigation/Pagination/Pagination.helpers.d.ts

@@ -0,0 +1,9 @@
+import type { PaginationProps } from './Pagination.types';
+type PaginationDefaultedKeys = 'variant' | 'size' | 'boundaryCount' | 'siblingCount' | 'hideNextButton' | 'hidePrevButton' | 'showFirstButton' | 'showLastButton' | 'firstIcon' | 'lastIcon' | 'previousIcon' | 'nextIcon' | 'disabled' | 'color' | 'showPageInfo' | 'pageInfoFormat' | 'showItemsPerPage' | 'itemsPerPageOptions' | 'itemsPerPage';
+export type ResolvedPaginationProps = PaginationProps & Required<Pick<PaginationProps, PaginationDefaultedKeys>>;
+export declare const resolvePaginationProps: (props: PaginationProps) => ResolvedPaginationProps;
+export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
+export declare const muiSizeFor: (size: string) => "small" | "medium" | "large";
+export declare const scaleFor: <T>(size: string, scale: [T, T, T]) => T;
+export {};
+//# sourceMappingURL=Pagination.helpers.d.ts.map

package/dist/types/components/navigation/Pagination/Pagination.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/Pagination.helpers.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,KAAK,uBAAuB,GACxB,SAAS,GACT,MAAM,GACN,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,WAAW,GACX,UAAU,GACV,cAAc,GACd,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,GACd,gBAAgB,GAChB,kBAAkB,GAClB,qBAAqB,GACrB,cAAc,CAAC;AAEnB,MAAM,MAAM,uBAAuB,GAAG,eAAe,GACnD,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC;AA4B3D,eAAO,MAAM,sBAAsB,GAAI,OAAO,eAAe,KAAG,uBAMjC,CAAC;AAEhC,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MAC+C,CAAC;AAGpE,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,OAAO,GAAG,QAAQ,GAAG,OAI9D,CAAC;AAIF,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAG,MAAM,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAG,CAI7D,CAAC"}

package/dist/types/components/navigation/Pagination/Pagination.styles.d.ts

@@ -0,0 +1,7 @@
+import type { CSSObject, Theme } from '@mui/material';
+export declare const paginationStyles: ({ theme, customVariant, customSize }: {
+    theme: Theme;
+    customVariant?: string;
+    customSize?: string;
+}) => CSSObject;
+//# sourceMappingURL=Pagination.styles.d.ts.map

package/dist/types/components/navigation/Pagination/Pagination.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/Pagination.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAgGtD,eAAO,MAAM,gBAAgB,GAAI,sCAGjB;IACd,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,SA8ByB,CAAC"}

package/dist/types/components/navigation/Pagination/Pagination.types.d.ts

@@ -0,0 +1,107 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { PaginationProps as MuiPaginationProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface PaginationProps extends Omit<MuiPaginationProps, 'variant' | 'size' | 'color'> {
+    /**
+     * The variant of the pagination
+     */
+    variant?: 'default' | 'rounded' | 'dots' | 'minimal';
+    /**
+     * Size of the pagination buttons
+     */
+    size?: SizeValue;
+    /**
+     * Current page number
+     */
+    page: number;
+    /**
+     * Total number of pages
+     */
+    count: number;
+    /**
+     * Callback when page changes
+     */
+    onChange: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * Number of always visible pages at the beginning and end
+     */
+    boundaryCount?: number;
+    /**
+     * Number of always visible pages before and after the current page
+     */
+    siblingCount?: number;
+    /**
+     * Whether to hide the next-page button
+     */
+    hideNextButton?: boolean;
+    /**
+     * Whether to hide the previous-page button
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Whether to show first and last page buttons
+     */
+    showFirstButton?: boolean;
+    /**
+     * Whether to show last page button
+     */
+    showLastButton?: boolean;
+    /**
+     * Custom first button icon
+     */
+    firstIcon?: ReactNode;
+    /**
+     * Custom last button icon
+     */
+    lastIcon?: ReactNode;
+    /**
+     * Custom previous button icon
+     */
+    previousIcon?: ReactNode;
+    /**
+     * Custom next button icon
+     */
+    nextIcon?: ReactNode;
+    /**
+     * Whether the pagination is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom color for the active page
+     */
+    /** `neutral` is what MUI spells `standard`; it is translated at the boundary. */
+    color?: Extract<ColorValue, 'primary' | 'secondary' | 'neutral'>;
+    /**
+     * Whether to show page info text
+     */
+    showPageInfo?: boolean;
+    /**
+     * Custom page info format function
+     */
+    pageInfoFormat?: (page: number, count: number) => string;
+    /**
+     * Whether to show items per page selector (for dots variant)
+     */
+    showItemsPerPage?: boolean;
+    /**
+     * Items per page options (for dots variant)
+     */
+    itemsPerPageOptions?: number[];
+    /**
+     * Current items per page (for dots variant)
+     */
+    itemsPerPage?: number;
+    /**
+     * Callback when items per page changes (for dots variant)
+     */
+    onItemsPerPageChange?: (itemsPerPage: number) => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Test ID for component testing
+     */
+    dataTestId?: string;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

package/dist/types/components/navigation/Pagination/Pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7F;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAErD;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;IAEjE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEzD;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/navigation/Pagination/PaginationParts.d.ts

@@ -0,0 +1,17 @@
+import type { FC } from 'react';
+import React from 'react';
+export interface ItemsPerPageSelectProps {
+    value: number;
+    options: number[];
+    size: string;
+    disabled: boolean;
+    testId: string;
+    onChange: (value: number) => void;
+}
+export declare const ItemsPerPageSelect: FC<ItemsPerPageSelectProps>;
+export declare const PageInfo: FC<{
+    size: string;
+    testId: string;
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=PaginationParts.d.ts.map

package/dist/types/components/navigation/Pagination/PaginationParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/PaginationParts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiC1D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAepF,CAAC"}

package/dist/types/components/navigation/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/types/components/navigation/Tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TabsProps } from './Tabs.types';
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/types/components/navigation/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,cAAc,CAAC;AAiNvD,eAAO,MAAM,IAAI,+FAuChB,CAAC"}

package/dist/types/components/navigation/Tabs/Tabs.styles.d.ts

@@ -0,0 +1,8 @@
+import type { CSSObject, Theme } from '@mui/material';
+export declare const tabsRootStyles: ({ theme, customVariant, size, showDividers, }: {
+    theme: Theme;
+    customVariant?: string;
+    size?: string;
+    showDividers?: boolean;
+}) => CSSObject;
+//# sourceMappingURL=Tabs.styles.d.ts.map

package/dist/types/components/navigation/Tabs/Tabs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAyItD,eAAO,MAAM,cAAc,GAAI,+CAK5B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,KAAG,SAeF,CAAC"}

package/dist/types/components/navigation/Tabs/Tabs.types.d.ts

@@ -0,0 +1,196 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { TabsProps as MuiTabsProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Tab label
+     */
+    label: string;
+    /**
+     * Tab content
+     */
+    content: ReactNode;
+    /**
+     * Icon to display in the tab
+     */
+    icon?: ReactNode;
+    /**
+     * Whether the tab is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Badge content to show on the tab
+     */
+    badge?: string | number;
+    /**
+     * Custom className for the tab
+     */
+    className?: string;
+    /**
+     * Whether the tab is closable
+     */
+    closable?: boolean;
+    /**
+     * Callback when tab is closed
+     */
+    onClose?: () => void;
+}
+export interface TabsProps extends Omit<MuiTabsProps, 'variant' | 'children' | 'indicatorColor' | 'scrollButtons'> {
+    /**
+     * The visual variant of the tabs
+     */
+    variant?: 'default' | 'pills' | 'underline' | 'enclosed';
+    /**
+     * Size of the tabs
+     */
+    size?: SizeValue;
+    /**
+     * Array of tab items
+     */
+    items: TabItem[];
+    /**
+     * Currently active tab ID
+     */
+    value: string;
+    /**
+     * Callback when tab changes
+     */
+    onChange: (event: React.SyntheticEvent, tabId: string) => void;
+    /**
+     * Color theme for the tabs
+     */
+    color?: Extract<ColorValue, 'primary' | 'secondary'>;
+    /**
+     * Whether tabs should fill the full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Position of the tabs
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether to show dividers between tabs
+     */
+    showDividers?: boolean;
+    /**
+     * Whether tabs are centered
+     */
+    centered?: boolean;
+    /**
+     * Whether to allow scrolling tabs
+     */
+    scrollable?: boolean;
+    /**
+     * Scroll button behavior
+     */
+    scrollButtons?: 'auto' | 'desktop' | 'on' | 'off';
+    /**
+     * Pin the tab list in place (CSS `position: sticky`) while the tab panels
+     * scroll beneath it. Useful for long, scrollable pages.
+     */
+    sticky?: boolean;
+    /**
+     * Offset from the top of the viewport (in px) when `sticky` is enabled — set
+     * this to the height of any fixed header so the tab list parks just below it.
+     * Defaults to `0`.
+     */
+    stickyOffset?: number;
+    /**
+     * Whether to show content animations
+     */
+    animateContent?: boolean;
+    /**
+     * Animation duration for content transitions
+     */
+    animationDuration?: number;
+    /**
+     * Whether to persist inactive tab content (keep in DOM)
+     */
+    persistContent?: boolean;
+    /**
+     * Callback when a tab is closed (for closable tabs)
+     */
+    onTabClose?: (tabId: string) => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Whether the tabs are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom tab indicator color
+     */
+    indicatorColor?: string;
+    /**
+     * Custom tab panel styling
+     */
+    tabPanelProps?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    /**
+     * Whether to show loading state for tab content
+     */
+    loading?: boolean;
+    /**
+     * Custom loading component
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Focus handler for tabs
+     */
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    /**
+     * Blur handler for tabs
+     */
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    /**
+     * Optional test ID for testing purposes
+     */
+    dataTestId?: string;
+}
+export interface TabPanelProps {
+    /**
+     * Content to display
+     */
+    children?: ReactNode;
+    /**
+     * Tab ID
+     */
+    id: string;
+    /**
+     * Current active tab ID
+     */
+    value: string;
+    /**
+     * Whether to animate content transitions
+     */
+    animate?: boolean;
+    /**
+     * Animation duration
+     */
+    animationDuration?: number;
+    /**
+     * Whether to persist content when inactive
+     */
+    persist?: boolean;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Custom loading component
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Custom class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=Tabs.types.d.ts.map

package/dist/types/components/navigation/Tabs/Tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/navigation/Tabs/TabsPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { TabPanelProps } from './Tabs.types';
+export declare const CustomTabPanel: React.FC<TabPanelProps & {
+    dataTestId?: string;
+    index: number;
+}>;
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/types/components/navigation/Tabs/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA8ClD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiD3F,CAAC"}

package/dist/types/components/navigation/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { Tabs } from './Tabs';
+export type { TabItem, TabPanelProps, TabsProps } from './Tabs.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,OAAO,EAAE,aAAa,EAAC,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/components/navigation/index.d.ts

@@ -0,0 +1,9 @@
+export * from './AppHeader';
+export * from './Breadcrumbs/Breadcrumbs';
+export * from './CommandPalette';
+export * from './ContextMenu';
+export * from './DropdownMenu';
+export * from './NavigationMenu';
+export * from './Pagination';
+export * from './Tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

package/dist/types/components/typography/Blockquote/Blockquote.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BlockquoteProps } from './Blockquote.types';
+export declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLQuoteElement>>;
+//# sourceMappingURL=Blockquote.d.ts.map

package/dist/types/components/typography/Blockquote/Blockquote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Blockquote/Blockquote.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA+H1D,eAAO,MAAM,UAAU,0FA+BtB,CAAC"}

package/dist/types/components/typography/Blockquote/Blockquote.types.d.ts

@@ -0,0 +1,11 @@
+import type { ColorValue } from '../../../tokens/scales';
+import type React from 'react';
+export type BlockquoteVariant = 'default' | 'bordered' | 'citation';
+export interface BlockquoteProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: BlockquoteVariant;
+    author?: string;
+    source?: string;
+    color?: ColorValue;
+    children: React.ReactNode;
+}
+//# sourceMappingURL=Blockquote.types.d.ts.map