@aurora-ds/components 0.6.8 → 0.14.0

package/dist/cjs/components/overlay/accordion/Accordion.styles.d.ts

@@ -0,0 +1,7 @@
+import { AccordionContentStyleParams, AccordionHeaderStyleParams, AccordionIconStyleParams, AccordionStyleParams } from '@components/overlay/accordion/Accordion.props.ts';
+export declare const ACCORDION_STYLES: {
+    root: (args_0: AccordionStyleParams) => string;
+    header: (args_0: AccordionHeaderStyleParams) => string;
+    expandIcon: (args_0: AccordionIconStyleParams) => string;
+    content: (args_0: AccordionContentStyleParams) => string;
+};

package/dist/cjs/components/overlay/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Accordion } from '@components/overlay/accordion/Accordion.tsx';
+export type { AccordionProps } from '@components/overlay/accordion/Accordion.props.ts';

package/dist/cjs/components/overlay/menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { MenuProps } from '@components/overlay/menu/Menu.props';
+declare const Menu: FC<MenuProps>;
+export default Menu;

package/dist/cjs/components/overlay/menu/Menu.props.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { AnchorOrigin } from '@hooks/useAnchorPosition.types';
+export type MenuProps = {
+    anchor: HTMLElement | null;
+    onClose: () => void;
+    children: ReactNode;
+    anchorOrigin?: AnchorOrigin;
+};

package/dist/cjs/components/overlay/menu/Menu.styles.d.ts

@@ -0,0 +1,4 @@
+import { AnchorOrigin, AnchorPosition } from '@hooks/useAnchorPosition.types';
+export declare const MENU_STYLES: {
+    root: (isFadingIn: boolean, anchorOrigin: AnchorOrigin, position: AnchorPosition) => string;
+};

package/dist/cjs/components/overlay/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu } from './Menu';
+export type { MenuProps } from './Menu.props';

package/dist/cjs/constants/globalConstants.d.ts

@@ -1,2 +1,3 @@
 export declare const BUTTON_SIZE = 36;
 export declare const DRAWER_ITEM_HEIGHT = 32;
+export declare const DEFAULT_TRANSITION_DURATION_MS = 150;

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useAnchorPosition } from '@hooks/useAnchorPosition';
+export type { AnchorOrigin, AnchorPosition } from '@hooks/useAnchorPosition.types';
+export { useClickOutside } from '@hooks/useClickOutside';
+export { useTransitionRender } from '@hooks/useTransitionRender';
+export type { UseTransitionRenderReturnType } from '@hooks/useTransitionRender.types';

package/dist/cjs/hooks/useAnchorPosition.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { AnchorOrigin, AnchorPosition } from '@hooks/useAnchorPosition.types';
+type UseAnchorPositionParams = {
+    anchor: HTMLElement | null;
+    menuRef: RefObject<HTMLDivElement | null>;
+    anchorOrigin?: AnchorOrigin;
+    isVisible: boolean;
+};
+/**
+ * Hook pour calculer la position d'un élément par rapport à son ancre
+ * @param anchor - Élément HTML servant d'ancre
+ * @param menuRef - Référence vers l'élément à positionner
+ * @param anchorOrigin - Origine de l'ancrage ('left' ou 'right')
+ * @param isVisible - Si l'élément est visible (pour recalculer la position)
+ */
+export declare const useAnchorPosition: ({ anchor, menuRef, anchorOrigin, isVisible }: UseAnchorPositionParams) => AnchorPosition;
+export {};

package/dist/cjs/hooks/useAnchorPosition.types.d.ts

@@ -0,0 +1,5 @@
+export type AnchorPosition = {
+    top: number;
+    left: number;
+} | null;
+export type AnchorOrigin = 'left' | 'right';

package/dist/cjs/hooks/useClickOutside.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+/**
+ * Gestion d'un click en dehors d'un ou plusieurs éléments
+ * @param refs Tableau de références à écouter
+ * @param onClickOutside Callback si clic à l'extérieur
+ * @param shouldTrigger Activation du comportement
+ */
+export declare const useClickOutside: (refs: RefObject<HTMLElement | null>[], onClickOutside: () => void, shouldTrigger?: boolean) => void;

package/dist/cjs/hooks/useTransitionRender.d.ts

@@ -0,0 +1,7 @@
+import { UseTransitionRenderReturnType } from '@hooks/useTransitionRender.types';
+/**
+ * Hook pour gérer les animations de transition lors des renders
+ * @param isOpen - État d'ouverture
+ * @param duration - Durée de la transition en ms
+ */
+export declare const useTransitionRender: (isOpen: boolean, duration?: number) => UseTransitionRenderReturnType;

package/dist/cjs/hooks/useTransitionRender.types.d.ts

@@ -0,0 +1,4 @@
+export type UseTransitionRenderReturnType = {
+    isVisible: boolean;
+    isFadingIn: boolean;
+};

package/dist/cjs/index.d.ts

@@ -1,2 +1,3 @@
 export * from '@components/index';
+export * from '@hooks/index';
 import '@styles/globals.css';