fix: exporting unexported types

Author: md-rehman

src/components/composites/Drawer/index.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import Backdrop from '../Backdrop';
 import Box from '../../primitives/Box';
 
-type DrawerProps = {
+export type IDrawerProps = {
  placement?: 'top' | 'left' | 'right' | 'bottom';
  children?: any;
  isOpen: boolean;
@@ -15,9 +15,9 @@ const Drawer = ({
  isOpen,
  onClose,
  placement = 'right',
-}: DrawerProps) => {
- let placementStyles = React.useMemo(() => {
- let styles: any = {
+}: IDrawerProps) => {
+ const placementStyles = React.useMemo(() => {
+ const styles: any = {
  position: 'absolute',
  };
 

src/components/composites/Modal/index.tsx

@@ -6,7 +6,7 @@ import ModalFooter from './ModalFooter';
 import ModalHeader from './ModalHeader';
 import type { IModalComponentType } from './types';
 
-let ModalTemp: any = Modal;
+const ModalTemp: any = Modal;
 
 ModalTemp.Content = ModalContent;
 ModalTemp.CloseButton = ModalCloseButton;

src/components/composites/index.ts

@@ -5,6 +5,7 @@ export { default as Badge } from './Badge';
 export type { IBadgeProps } from './Badge';
 
 export { default as Card } from './Card';
+export type { ICardProps } from './Card';
 
 export { default as IconButton } from './IconButton';
 export type { IIconButtonProps } from './IconButton';
@@ -13,6 +14,7 @@ export { Alert } from './Alert';
 export type { IAlertProps } from './Alert';
 
 export { Avatar } from './Avatar';
+export type { IAvatarProps } from './Avatar';
 
 export { Breadcrumb } from './Breadcrumb';
 export type { IBreadcrumbProps } from './Breadcrumb';
@@ -23,14 +25,18 @@ export { default as Container } from './Container';
 export type { IContainerProps } from './Container';
 
 export { Modal } from './Modal';
+export type { IModalProps } from './Modal';
 export { default as Drawer } from './Drawer';
+export type { IDrawerProps } from './Drawer';
 
-export { useToast, IToastProps, Toast } from './Toast';
+export { useToast, Toast } from './Toast';
+export type { IToastProps } from './Toast';
 
 export { default as Divider } from './Divider';
 export type { IDividerProps } from './Divider/types';
 
 export { default as Progress } from './Progress';
+export type { IProgressProps } from './Progress';
 
 // export { default as Stat } from './Stat';
 
@@ -101,14 +107,13 @@ export type {
 
 export { default as Collapse } from './Collapse';
 export { default as CircularProgress } from './CircularProgress';
-// export { Modal } from './Modal';
-// export type { IModalProps } from './Modal';
 
 export { Popover } from './Popover';
 export { Tooltip } from './Tooltip';
 export type { IPopoverProps } from './Popover';
 
 export { AlertDialog } from './AlertDialog';
+export type { IAlertDialogProps } from './AlertDialog';
 
 export { Menu } from './Menu';
 export type {

src/components/primitives/index.ts

@@ -51,6 +51,7 @@ export { default as Switch } from './Switch';
 export type { ISwitchProps } from './Switch';
 
 export { default as TextArea } from './TextArea';
+export { ITextAreaProps } from './TextArea';
 
 export { default as Link } from './Link';
 export type { ILinkProps } from './Link';
@@ -64,5 +65,6 @@ export type { IHiddenProps } from './Hidden';
 export { VisuallyHidden } from './VisuallyHidden';
 
 export { default as ZStack } from './ZStack';
+export type { IZStackProps } from './ZStack';
 
 export { Overlay } from './Overlay';

src/index.tsx

@@ -106,6 +106,10 @@ import {
  Typeahead,
  useTypeahead,
  Modal,
+ IModalProps,
+ ICardProps,
+ IAvatarProps,
+ IDrawerProps,
  useToast,
  Toast,
  IToastProps,
@@ -171,6 +175,8 @@ import {
  Pressable,
  IPressableProps,
  IStackProps,
+ ITextAreaProps,
+ IZStackProps,
 } from './components/primitives';
 
 export * from './components/basic';
@@ -318,6 +324,12 @@ export type {
  IScaleFadeProps,
  ISlideProps,
  ISlideFadeProps,
+ IModalProps,
+ ICardProps,
+ IAvatarProps,
+ IDrawerProps,
+ ITextAreaProps,
+ IZStackProps,
  INumberInputProps,
  INumberInputFieldProps,
  INumberInputContext,