@okam/stack-ui 1.20.6 → 1.21.2

package/components/Alerts/components/AlertsCloseButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TButtonProps } from '../../Button/interface';
+declare const AlertsCloseButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export default AlertsCloseButton;

package/components/Alerts/components/AlertsItem.d.ts

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

package/components/Alerts/components/AlertsNavigationButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { TButtonProps } from '../../Button/interface';
+declare const AlertsNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const AlertsNextNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const AlertsPrevNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export default AlertsNavigationButton;

package/components/Alerts/components/AlertsSwiper.d.ts

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

package/components/Alerts/index.d.ts

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

package/components/Alerts/interface.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type * as SwiperModules from 'swiper/modules';
+import type { SwiperProps } from 'swiper/react';
+import type { TDefaultComponent } from '../../types/components';
+import type { TButtonProps } from '../Button/interface';
+import type { LightboxProps } from '../Lightbox/interface';
+type TAlertsNavigationProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export interface TAlertsItem {
+    id: string;
+    icon?: React.ReactNode;
+    title?: string;
+    ariaLabel?: string;
+    content?: React.ReactNode;
+    button?: TButtonProps;
+}
+export interface TAlertsComponentProps extends Omit<TDefaultComponent, 'children'>, Omit<SwiperProps, 'children' | 'modules'> {
+    alerts: TAlertsItem[];
+    children?: (props: TAlertsItemProps) => React.ReactNode;
+    modules?: (keyof typeof SwiperModules)[];
+}
+export type TAlertsItemProps = TAlertsItem & TDefaultComponent;
+export interface TAlertsProps extends Omit<LightboxProps, 'children'>, TAlertsComponentProps {
+    prevButton?: TAlertsNavigationProps;
+    nextButton?: TAlertsNavigationProps;
+}
+export {};

package/components/Calendar/RangeCalendar.d.ts

@@ -0,0 +1,3 @@
+import type { TRangeCalendarProps } from './interface';
+declare function RangeCalendar({ buttons, tokens, customTheme, themeName, ...rest }: TRangeCalendarProps): import("react/jsx-runtime").JSX.Element;
+export default RangeCalendar;

package/components/Lightbox/interface.d.ts

@@ -3,16 +3,18 @@ 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';
+import type { TDefaultComponent, TTransition } from '../../types/components';
 import type { TButtonProps } from '../Button/interface';
-export interface LightboxProps extends Omit<AriaOverlayTriggerProps, 'type'> {
+type TCloseButtonProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>> | FunctionComponent<TButtonProps>;
+export interface LightboxProps extends TDefaultComponent, OverlayTriggerProps, Omit<AriaOverlayTriggerProps, 'type'> {
     closeButtonAriaLabel?: string;
     setOpen?: Dispatch<SetStateAction<boolean>>;
+    closeButton?: TCloseButtonProps;
+    transitionComponent?: FunctionComponent<TTransition>;
 }
-export interface TLightboxProps extends OverlayTriggerProps, LightboxProps, TDefaultComponent {
+export interface TLightboxProps extends LightboxProps {
     label: string;
     thumbnailContent: React.ReactNode;
-    closeButton?: FunctionComponent<TButtonProps>;
 }
 export interface LightboxAria {
     overlayProps: DOMAttributes & {
@@ -20,3 +22,4 @@ export interface LightboxAria {
     };
     labelProps: DOMAttributes;
 }
+export {};

package/components/Modal/interface.d.ts

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

package/components/fields/DatePicker/DateRangePicker.d.ts

@@ -0,0 +1,3 @@
+import type { TDateRangePickerProps } from './interface';
+declare function DateRangePicker(props: TDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export default DateRangePicker;

package/index.d.ts

@@ -17,6 +17,7 @@ export { default as CheckboxGroupItem } from './components/fields/CheckboxGroup/
 export { default as TextArea, ReactHookFormTextArea } from './components/fields/TextArea';
 export { default as TextInputField, ReactHookFormInput } from './components/fields/TextInputField';
 export { default as DatePicker } from './components/fields/DatePicker';
+export { default as DateRangePicker } from './components/fields/DatePicker/DateRangePicker';
 export { default as Box, BoxWithForwardRef } from './components/Box';
 export { default as Calendar } from './components/Calendar';
 export { default as Modal } from './components/Modal';
@@ -27,6 +28,8 @@ export { default as Menu } from './components/Menu/Menu';
 export { default as MenuSidePanel } from './components/Menu/MenuSidePanel';
 export { default as MenuItems } from './components/Menu/components/MenuItems';
 export { default as TabContainer } from './components/Menu/components/TabContainer';
+export { default as Alerts } from './components/Alerts';
+export { default as AlertsItem } from './components/Alerts/components/AlertsItem';
 export { default as SelectItem } from './components/fields/SelectItem/SelectItem';
 export { default as DirectusImg } from './components/DirectusImg';
 export { default as Img } from './components/Img';