@okam/stack-ui 1.20.0 → 1.20.3

package/components/Lightbox/index.d.ts

@@ -1,3 +1,3 @@
-import type { LightboxProps } from './interface';
-declare const Lightbox: (props: LightboxProps) => import("react/jsx-runtime").JSX.Element;
+import type { TLightboxProps } from './interface';
+declare const Lightbox: (props: TLightboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Lightbox;

package/components/Lightbox/interface.d.ts

@@ -1,20 +1,22 @@
-import type { AriaOverlayProps } from '@react-aria/overlays';
-import type { AriaDialogProps } from '@react-types/dialog';
-import type { HTMLAttributes } from 'react';
+import type { DOMAttributes } from '@react-types/shared';
 import type React from 'react';
+import type { Dispatch, FunctionComponent, SetStateAction } from 'react';
+import type { OverlayTriggerProps as AriaOverlayTriggerProps } from 'react-aria';
+import type { OverlayTriggerProps } from 'react-stately';
 import type { TDefaultComponent } from '../../types/components';
-export interface ModalProps {
-    children?: React.ReactNode;
+import type { TButtonProps } from '../Button/interface';
+export interface LightboxProps extends Omit<AriaOverlayTriggerProps, 'type'> {
+    closeButtonAriaLabel?: string;
+    setOpen?: Dispatch<SetStateAction<boolean>>;
 }
-export interface ILightboxProps extends HTMLAttributes<HTMLElement> {
-    id: string;
-    children?: React.ReactNode;
-    label?: string;
-    thumbnailContent?: React.ReactNode;
-    lightboxContent?: React.ReactNode;
-    isOpen?: boolean;
-    onOpenCallBack?: (bool: boolean) => void;
-    onCloseCallBack?: () => void;
+export interface TLightboxProps extends OverlayTriggerProps, LightboxProps, TDefaultComponent {
+    label: string;
+    thumbnailContent: React.ReactNode;
+    closeButton?: FunctionComponent<TButtonProps>;
+}
+export interface LightboxAria {
+    overlayProps: DOMAttributes & {
+        label?: string;
+    };
+    labelProps: DOMAttributes;
 }
-export type LightboxProps = ILightboxProps & TDefaultComponent;
-export type ModalDialogProps = AriaOverlayProps & AriaDialogProps & ModalProps;

package/components/Modal/components/ModalDialog.d.ts

@@ -0,0 +1,3 @@
+import type { TModalDialogProps } from '../interface';
+declare const ModalDialog: (props: TModalDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalDialog;

package/components/Modal/components/ModalOverlay.d.ts

@@ -0,0 +1,3 @@
+import type { TModalOverlayProps } from '../interface';
+declare const ModalOverlay: (props: TModalOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalOverlay;

package/components/Modal/index.d.ts

@@ -1,3 +1,3 @@
 import type { TModalProps } from './interface';
-declare const Modal: (props: TModalProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Modal: (props: TModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/components/Modal/interface.d.ts

@@ -1,11 +1,19 @@
 import type { OverlayTriggerState } from '@react-stately/overlays';
 import type React from 'react';
-export interface TModalProps {
-    children: React.ReactNode;
+import type { AriaDialogProps, AriaModalOverlayProps } from 'react-aria';
+import type { TDefaultComponent } from '../../types/components';
+export interface TModalProps extends AriaModalOverlayProps, TDefaultComponent {
     state: OverlayTriggerState;
+    children: React.ReactNode;
     transitionComponent?: (props: {
         isVisible: boolean;
         children: React.ReactNode;
     }) => JSX.Element;
-    onCloseCallBack?: () => void;
+}
+export interface TModalOverlayProps extends AriaModalOverlayProps, TDefaultComponent {
+    children: React.ReactNode;
+    state: OverlayTriggerState;
+}
+export interface TModalDialogProps extends AriaDialogProps, TDefaultComponent {
+    children: React.ReactNode;
 }