@okam/stack-ui 1.20.0 → 1.20.4-1

package/components/Accordion/interface.d.ts

@@ -1,9 +1,8 @@
 import type { AccordionItemAriaProps } from '@react-aria/accordion';
 import type { ComponentType, ReactElement } from 'react';
 import type { ItemProps, TreeProps } from 'react-stately';
-import type { TToken } from '../../providers/Theme/interface';
 import type { TDefaultComponent, TTransition } from '../../types/components';
-type TAccordionDefaultComponent = Omit<TDefaultComponent<TAccordionTokens>, 'children'>;
+type TAccordionDefaultComponent = Omit<TDefaultComponent, 'children'>;
 export interface AccordionProps extends TreeProps<TAccordionItemProps> {
     children: ReactElement<TAccordionItemProps> | ReactElement<TAccordionItemProps>[];
 }
@@ -13,7 +12,7 @@ export interface TAccordionProps extends TAccordionDefaultComponent, AccordionPr
 }
 export interface TAccordionItemProps extends ItemProps<TAccordionItemProps>, TAccordionDefaultComponent {
     icon?: React.ReactNode;
-    onOpenChange: (isOpen: boolean) => void;
+    onOpenChange?: (isOpen: boolean) => void;
     defaultOpen?: boolean;
     isOpen?: boolean;
 }
@@ -22,8 +21,4 @@ export type TAriaAccordionItemProps = TAccordionDefaultComponent & Omit<Accordio
         props?: TAccordionItemProps;
     };
 };
-interface TAccordionTokens extends TToken {
-    titleBold: boolean;
-    textAlign: 'center' | 'left';
-}
 export {};

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;
 }

package/index.d.ts

@@ -41,6 +41,7 @@ export type { TButtonProps } from './components/Button/interface';
 export type { TTypographyProps } from './components/Typography/interface';
 export type { TTheme, TToken, TCustomTheme, TStyle, TDefaultTheme, TStyleCollection, TStyleValue, } from './providers/Theme/interface';
 export type { TMenuProps, TMenuItemProps } from './components/Menu/interface';
+export type { TDefaultComponent, Nullable } from './types/components';
 export { default as generateUtmTags } from './components/ShareButton/utils/generateUtmTags';
 export { default as useWindow } from './components/ShareButton/utils/useWindow';
 export { default as useFacebookShareUrl } from './components/ShareButton/utils/useFacebookShareUrl';