@zvoove/unity-ui 2.29.0 → 2.29.1

package/dist/components/Sheet/Sheet.styled.d.ts

@@ -1,175 +0,0 @@
-export declare const sheetStyles: import('tailwind-variants').TVReturnType<{
-    placement: {
-        bottom: string[];
-        right: string[];
-    };
-    show: {
-        true: never[];
-        false: never[];
-    };
-    size: {
-        sm: string[];
-        md: string[];
-        lg: string[];
-    };
-    hasOverflow: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, string[], {
-    placement: {
-        bottom: string[];
-        right: string[];
-    };
-    show: {
-        true: never[];
-        false: never[];
-    };
-    size: {
-        sm: string[];
-        md: string[];
-        lg: string[];
-    };
-    hasOverflow: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    placement: {
-        bottom: string[];
-        right: string[];
-    };
-    show: {
-        true: never[];
-        false: never[];
-    };
-    size: {
-        sm: string[];
-        md: string[];
-        lg: string[];
-    };
-    hasOverflow: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const contentStyles: import('tailwind-variants').TVReturnType<{
-    padding: Record<import('../..').SpacingKeys, string>;
-    hasHeader: {
-        true: string[];
-        false: never[];
-    };
-    hasFooter: {
-        true: string[];
-        false: never[];
-    };
-}, undefined, never[], {
-    padding: Record<import('../..').SpacingKeys, string>;
-    hasHeader: {
-        true: string[];
-        false: never[];
-    };
-    hasFooter: {
-        true: string[];
-        false: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    padding: Record<import('../..').SpacingKeys, string>;
-    hasHeader: {
-        true: string[];
-        false: never[];
-    };
-    hasFooter: {
-        true: string[];
-        false: never[];
-    };
-}, undefined, never[], unknown, unknown, undefined>>;
-export declare const scrollableContentStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-export declare const handleStyles: import('tailwind-variants').TVReturnType<{
-    placement: {
-        horizontal: string[];
-        vertical: string[];
-    };
-}, undefined, string[], {
-    placement: {
-        horizontal: string[];
-        vertical: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    placement: {
-        horizontal: string[];
-        vertical: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const titleStyles: import('tailwind-variants').TVReturnType<{
-    hasHandle: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], {
-    hasHandle: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    hasHandle: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const footerStyles: import('tailwind-variants').TVReturnType<{
-    sticky: {
-        true: string[];
-        false: never[];
-    };
-    showBorder: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], {
-    sticky: {
-        true: string[];
-        false: never[];
-    };
-    showBorder: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    sticky: {
-        true: string[];
-        false: never[];
-    };
-    showBorder: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const headerStyles: import('tailwind-variants').TVReturnType<{
-    sticky: {
-        true: string[];
-        false: never[];
-    };
-    showBorder: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], {
-    sticky: {
-        true: string[];
-        false: never[];
-    };
-    showBorder: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    sticky: {
-        true: string[];
-        false: never[];
-    };
-    showBorder: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Sheet/Sheet.types.d.ts

@@ -1,172 +0,0 @@
-import { ReactNode } from 'react';
-import { SpacingKeys } from '../../types';
-type UnionPlacement = {
-    /**
-     * The placement of the sheet.
-     * - 'bottom': Slides up from bottom, centered horizontally
-     * - 'right': Slides in from right, full screen on mobile, max-width 570px on desktop
-     * @default 'bottom'
-     */
-    placement?: 'bottom';
-    /**
-     * Whether to make the sheet resizable. <br />
-     * only available for right placement.
-     * @default never
-     */
-    resizable?: never;
-    /**
-     * Custom width for the sheet in pixels. <br />
-     * only available for right placement.
-     * @default never
-     */
-    width?: never;
-    /**
-     * Minimum width for the sheet in pixels. <br />
-     * only available for right placement.
-     * @default never
-     */
-    minWidth?: never;
-    /**
-     * Maximum width for the sheet in pixels. <br />
-     * only available for right placement.
-     * @default never
-     */
-    maxWidth?: never;
-    /**
-     * Callback function called when the sheet resize finishes. <br />
-     * only available for right placement.
-     * @default never
-     */
-    onResizeEnd?: never;
-} | {
-    /**
-     * The placement of the sheet.
-     * - 'bottom': Slides up from bottom, centered horizontally
-     * - 'right': Slides in from right, full screen on mobile, max-width 570px on desktop
-     * @default 'bottom'
-     */
-    placement?: 'right';
-    /**
-     * Whether to make the sheet resizable. <br />
-     * Only available for right placement on desktop (768px/mobile breakpoint and above). <br />
-     * On mobile, the sheet always takes 100% width and is not resizable.
-     * @default false
-     */
-    resizable?: boolean;
-    /**
-     * Custom width for the sheet. <br />
-     * Accepts a number (pixels) or string (e.g., "50%", "30rem"). <br />
-     * Will not go below the minimum width (default 570px or custom minWidth). <br />
-     * Only available for right placement on desktop (768px/mobile breakpoint and above). <br />
-     * On mobile, the sheet always takes 100% width.
-     * @default undefined
-     */
-    width?: number | string;
-    /**
-     * Minimum width for the sheet. <br />
-     * Accepts a number (pixels) or string (e.g., "50%", "30rem"). <br />
-     * Note: The absolute minimum of 570px is always enforced, regardless of this setting. <br />
-     * Only available for right placement on desktop (768px/mobile breakpoint and above).
-     * @default 570
-     */
-    minWidth?: number | string;
-    /**
-     * Maximum width for the sheet. <br />
-     * Accepts a number (pixels) or string (e.g., "80%", "50rem"). <br />
-     * Only available for right placement on desktop (768px/mobile breakpoint and above).
-     * @default undefined
-     */
-    maxWidth?: number | string;
-    /**
-     * Callback function called when the sheet resize finishes. <br />
-     * Provides the new width in pixels. <br />
-     * Only available for right placement on desktop (768px/mobile breakpoint and above).
-     * @param width - The new width of the sheet in pixels
-     * @default undefined
-     */
-    onResizeEnd?: (width: number) => void;
-};
-export type SheetProps = UnionPlacement & {
-    /**
-     * Controls whether the sheet is open or closed.
-     */
-    open: boolean;
-    /**
-     * Callback function called when the sheet is closed.
-     * @default undefined
-     */
-    onClose: () => void;
-    /**
-     * The main content of the sheet.
-     */
-    children: ReactNode;
-    /**
-     * The title of the sheet.
-     * @default undefined
-     */
-    title?: string;
-    /**
-     * The subtitle of the sheet.
-     * @default undefined
-     */
-    subTitle?: string;
-    /**
-     * Whether clicking the backdrop should close the sheet.
-     * @default true
-     */
-    closeOnBackdropClick?: boolean;
-    /**
-     * Whether pressing the Escape key should close the sheet.
-     * @default false
-     */
-    closeOnEsc?: boolean;
-    /**
-     * The padding of the sheet content.
-     * @default 'lg'
-     */
-    padding?: SpacingKeys;
-    /**
-     * Whether to show the drag handle (typically shown on mobile).
-     * @default true
-     */
-    showHandle?: boolean;
-    /**
-     * The size of the sheet (affects width on desktop).
-     * On mobile, the sheet always takes full width - 40px.
-     * @default none
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * The footer actions of the sheet.
-     * @default undefined
-     */
-    footerActions?: ReactNode;
-    /**
-     * The header actions of the sheet.
-     * @default undefined
-     */
-    headerActions?: ReactNode;
-    /**
-     * Whether to make the footer sticky of the sheet.
-     * @default true
-     */
-    stickyFooter?: boolean;
-    /**
-     * Whether to make the header sticky of the sheet.
-     * @default true
-     */
-    stickyHeader?: boolean;
-    /**
-     * Whether to show the close button in the header. <br />
-     * onClose() will be called when the close button is clicked.
-     * @default false
-     */
-    showCloseButton?: boolean;
-    /**
-     * Whether to show the back button in the header. <br />
-     * onClose() will be called when the back button is clicked.
-     * @default false
-     */
-    showBackArrow?: boolean;
-};
-export {};

package/dist/components/Sheet/SheetManager.d.ts

@@ -1,37 +0,0 @@
-/**
- * Global manager for Sheet components to track open sheets
- */
-declare class SheetManager {
-    private readonly openSheets;
-    private readonly closeCallbacks;
-    /**
-     * Register a Sheet as open with its close callback
-     * @param sheetId - Unique identifier for the Sheet
-     * @param closeCallback - Function to close this specific Sheet
-     */
-    registerOpenSheet(sheetId: string, closeCallback: () => void): void;
-    /**
-     * Unregister a Sheet as closed
-     * @param sheetId - Unique identifier for the Sheet
-     */
-    unregisterOpenSheet(sheetId: string): void;
-    /**
-     * Close all other Sheets except the specified one
-     * @param excludeSheetId - Sheet ID to exclude from closing
-     */
-    closeOtherSheets(excludeSheetId: string): void;
-    /**
-     * Check if any Sheets are currently open
-     */
-    hasOpenSheets(): boolean;
-    /**
-     * Get all currently open Sheet IDs
-     */
-    getOpenSheets(): string[];
-    /**
-     * Clear all registered Sheets (useful for cleanup)
-     */
-    clear(): void;
-}
-export declare const sheetManager: SheetManager;
-export {};

package/dist/components/Sheet/hooks/index.d.ts

@@ -1,9 +0,0 @@
-export { default as useSheetAnimation } from './useSheetAnimation';
-export { default as useSheetClose } from './useSheetClose';
-export { default as useSheetEscape } from './useSheetEscape';
-export { default as useSheetFocus } from './useSheetFocus';
-export { default as useSheetRegistration } from './useSheetRegistration';
-export { default as useSheetResize } from './useSheetResize';
-export { default as useSheetScrollTracking } from './useSheetScrollTracking';
-export { default as useSheetSwipe } from './useSheetSwipe';
-export { default as useSheetWidth } from './useSheetWidth';

package/dist/components/Sheet/hooks/useSheetAnimation.d.ts

@@ -1,6 +0,0 @@
-declare const useSheetAnimation: (open: boolean) => {
-    mounted: boolean;
-    show: boolean;
-    setShow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-};
-export default useSheetAnimation;

package/dist/components/Sheet/hooks/useSheetClose.d.ts

@@ -1,20 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-interface UseSheetCloseProps {
-    setShow: Dispatch<SetStateAction<boolean>>;
-    onClose: () => void;
-    closeOnBackdropClick: boolean;
-}
-interface UseSheetCloseReturn {
-    handleSwipeDismiss: () => void;
-    handleBackdropClick: () => void;
-}
-/**
- * Custom hook to handle Sheet closing logic
- *
- * Centralizes the close animation pattern:
- * 1. Hide the sheet (trigger exit animation)
- * 2. Wait for animation to complete (500ms)
- * 3. Call onClose callback (unmount)
- */
-declare const useSheetClose: ({ setShow, onClose, closeOnBackdropClick, }: UseSheetCloseProps) => UseSheetCloseReturn;
-export default useSheetClose;

package/dist/components/Sheet/hooks/useSheetEscape.d.ts

@@ -1,2 +0,0 @@
-declare const useSheetEscape: (onClose: () => void, closeOnEsc: boolean) => void;
-export default useSheetEscape;

package/dist/components/Sheet/hooks/useSheetFocus.d.ts

@@ -1,2 +0,0 @@
-declare const useSheetFocus: (sheetRef: React.RefObject<HTMLDivElement | null>, mounted: boolean) => void;
-export default useSheetFocus;

package/dist/components/Sheet/hooks/useSheetRegistration.d.ts

@@ -1,14 +0,0 @@
-interface UseSheetRegistrationProps {
-    sheetId: string;
-    mounted: boolean;
-    open: boolean;
-    onClose: () => void;
-}
-/**
- * Custom hook to register/unregister sheet with the global SheetManager
- *
- * Ensures proper lifecycle management of sheets in the manager,
- * allowing for global sheet coordination (e.g., closing all sheets)
- */
-declare const useSheetRegistration: ({ sheetId, mounted, open, onClose, }: UseSheetRegistrationProps) => void;
-export default useSheetRegistration;

package/dist/components/Sheet/hooks/useSheetResize.d.ts

@@ -1,10 +0,0 @@
-interface UseSheetResizeProps {
-    sheetRef: React.RefObject<HTMLDivElement | null>;
-    handleRef: React.RefObject<HTMLDivElement | null>;
-    enabled: boolean;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    onResizeEnd?: (width: number) => void;
-}
-declare const useSheetResize: ({ sheetRef, handleRef, enabled, minWidth: customMinWidth, maxWidth: customMaxWidth, onResizeEnd, }: UseSheetResizeProps) => void;
-export default useSheetResize;

package/dist/components/Sheet/hooks/useSheetScrollTracking.d.ts

@@ -1,21 +0,0 @@
-interface UseSheetScrollTrackingProps {
-    scrollableContentRef: React.RefObject<HTMLDivElement | null>;
-    sheetRef: React.RefObject<HTMLDivElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    mounted: boolean;
-}
-interface UseSheetScrollTrackingReturn {
-    isScrolled: boolean;
-    isAtBottom: boolean;
-    hasOverflow: boolean;
-}
-/**
- * Custom hook to track scroll position and overflow state for Sheet component
- *
- * Monitors:
- * - Whether content is scrolled from top (for header border)
- * - Whether scrolled to bottom (for footer border)
- * - Whether content overflows container (for conditional styling)
- */
-declare const useSheetScrollTracking: ({ scrollableContentRef, sheetRef, contentRef, mounted, }: UseSheetScrollTrackingProps) => UseSheetScrollTrackingReturn;
-export default useSheetScrollTracking;

package/dist/components/Sheet/hooks/useSheetSwipe.d.ts

@@ -1,8 +0,0 @@
-interface UseSheetSwipeProps {
-    sheetRef: React.RefObject<HTMLDivElement | null>;
-    onDismiss: () => void;
-    enabled: boolean;
-    placement?: 'bottom' | 'right';
-}
-declare const useSheetSwipe: ({ sheetRef, onDismiss, enabled, placement, }: UseSheetSwipeProps) => void;
-export default useSheetSwipe;

package/dist/components/Sheet/hooks/useSheetWidth.d.ts

@@ -1,20 +0,0 @@
-interface UseSheetWidthProps {
-    sheetRef: React.RefObject<HTMLDivElement | null>;
-    placement: 'bottom' | 'right';
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    mounted: boolean;
-}
-/**
- * Custom hook to manage Sheet width constraints and validation
- *
- * Features:
- * - Applies custom width for right-placed sheets on desktop
- * - Enforces absolute minimum width (570px)
- * - Validates against min/max width constraints
- * - Ensures width doesn't exceed screen width
- * - Provides helpful console warnings for constraint violations
- */
-declare const useSheetWidth: ({ sheetRef, placement, width, minWidth, maxWidth, mounted, }: UseSheetWidthProps) => void;
-export default useSheetWidth;

package/dist/components/Sheet/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Sheet } from './Sheet';
-export type { SheetProps } from './Sheet.types';
-export * from './hooks';
-export { sheetManager } from './SheetManager';

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-import { SideNavigationProps } from './SideNavigation.types';
-declare const SideNavigation: <T extends ElementType = "a">({ menuItems, utilityItems, midSections, subMenus, userArea, hideUserAreaInMobile, hideToggleButton, addBorderToToggleButton, logo, open, variant, activeItem, onToggleOpen, onActiveItemChange, onItemClick, linkComponent: LinkComponent, }: SideNavigationProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default SideNavigation;