@aic-kits/react 0.21.0 → 0.22.1

package/dist/components/Header/NavDropdownMenu.d.ts

@@ -1,15 +1,11 @@
 import { default as React } from 'react';
-import { Color, BorderWidth } from '../../theme';
-import { NavItemProps } from './types';
-interface NavDropdownMenuProps {
-    items: NavItemProps[];
-    onClick?: (item: NavItemProps, index: number) => void;
-}
+import { Color } from '../../theme';
+import { NavItemContainerProps } from './NavItem';
 export interface StyledDropdownMenuContainerProps {
     $themeBackgroundColor: Color;
     $themeRadius: number;
-    $themeBorderColor: Color;
-    $themeBorderWidth: BorderWidth;
+    $themeMaxHeight: number;
+    $themeZIndex: number;
+    $isOpen: boolean;
 }
-export declare const NavDropdownMenu: React.FC<NavDropdownMenuProps>;
-export {};
+export declare const NavDropdownMenu: React.FC<NavItemContainerProps>;

package/dist/components/Header/NavItem.d.ts

@@ -1,4 +1,8 @@
 import { NavItemProps } from './types';
-export declare const NavItem: ({ label, isActive, isLoading, onClick, size, }: NavItemProps & {
+export interface NavItemContainerProps extends NavItemProps {
+    isDropdownOpen?: boolean;
+    onMouseEnter?: () => void;
+}
+export declare const NavItem: ({ label, isActive, isLoading, dropdownItems, onClick, size, isDropdownOpen, onMouseEnter, }: NavItemContainerProps & {
     size?: "large" | "medium";
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -21,6 +21,10 @@ export interface NavItemProps {
      * Dropdown items
      */
     dropdownItems?: NavItemProps[];
+    /**
+     * Maximum height of the dropdown
+     */
+    dropdownMaxHeight?: number | Size;
 }
 export interface HeaderProps extends BoxProps {
     /**

package/dist/components/Vimeo/hooks.d.ts

@@ -0,0 +1,13 @@
+import { VimeoCallbacks, VimeoConfig } from './types';
+/**
+ * Hook to merge theme config with component config
+ */
+export declare const useMergedConfig: (config?: VimeoConfig) => VimeoConfig;
+/**
+ * Hook to manage Vimeo player initialization and cleanup
+ */
+export declare const useVimeoPlayer: (containerRef: React.RefObject<HTMLDivElement | null>, videoId: string, width: string | number, height: string | number, config: VimeoConfig) => import('react').RefObject<any>;
+/**
+ * Hook to manage Vimeo player event listeners
+ */
+export declare const useVimeoEventListeners: (playerRef: React.RefObject<any>, callbacks?: VimeoCallbacks) => void;

package/dist/components/Vimeo/utils.d.ts

@@ -1,17 +1,45 @@
 import { VimeoConfig } from './types';
 /**
- * Builds the Vimeo embed URL with all necessary parameters
- *
- * @param videoId - The Vimeo video ID
- * @param config - Configuration for the Vimeo player
- * @returns A string containing the complete Vimeo embed URL
+ * Generate a unique player ID
  */
-export declare function buildVimeoEmbedUrl(videoId: string, config?: VimeoConfig): string;
+export declare const generatePlayerId: () => string;
 /**
- * Creates an event handler for Vimeo player iframe messages
- *
- * @param iframe - The iframe element
- * @param onMessageCallback - Callback function for handling Vimeo player messages
- * @returns A function to remove the event listener
+ * Build player options for Vimeo Player constructor
  */
-export declare function createVimeoMessageHandler(iframe: HTMLIFrameElement | null, onMessageCallback: (event: MessageEvent) => void): () => void;
+export declare const buildPlayerOptions: (videoId: string, width: string | number, height: string | number, config: VimeoConfig) => {
+    autoplay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    title?: boolean;
+    byline?: boolean;
+    portrait?: boolean;
+    dnt?: boolean;
+    color?: string;
+    playsinline?: boolean;
+    background?: boolean;
+    controls?: boolean;
+    pip?: boolean;
+    responsive?: boolean;
+    id: number;
+    width: number | undefined;
+    height: number | undefined;
+};
+/**
+ * Enforce config settings after player creation
+ * (video-level settings can override embed parameters)
+ */
+export declare const enforcePlayerConfig: (player: any, config: VimeoConfig) => Promise<void>;
+/**
+ * Create event handlers mapping for Vimeo player events
+ */
+export declare const createEventHandlers: (callbacks: any) => {
+    ready: any;
+    play: any;
+    pause: any;
+    ended: any;
+    timeupdate: ((data: any) => void) | undefined;
+    progress: ((data: any) => void) | undefined;
+    seeking: any;
+    seeked: any;
+    error: any;
+};