@app-studio/components 0.10.17

package/dist/native/components/Menubar/Menubar.js

@@ -0,0 +1,30 @@
+import React, { useRef } from 'react';
+import { useMenubarState } from './Menubar/Menubar.state';
+import { MenubarProvider, MenubarRoot, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarView, } from './Menubar/Menubar.view';
+// This file defines the main Menubar component, which orchestrates the menubar's state management (active/open menus) using `useMenubarState`, provides this state and essential props via `MenubarProvider`, and renders the actual UI structure through `MenubarView`. It also attaches various sub-components (Root, Menu, Trigger, etc.) to the main Menubar object for easy composition and usage, facilitating a compound component pattern.
+const MenubarComponent = ({ items, orientation = 'horizontal', size = 'md', variant = 'default', defaultActiveMenuId = null, defaultOpenMenuId = null, views, ...props }) => {
+    const { activeMenuId, setActiveMenuId, openMenuId, setOpenMenuId, isMenuOpen, toggleMenu, } = useMenubarState(defaultActiveMenuId, defaultOpenMenuId);
+    const triggerRefs = useRef({});
+    return (<MenubarProvider value={{
+            activeMenuId,
+            setActiveMenuId,
+            openMenuId,
+            setOpenMenuId,
+            isMenuOpen,
+            toggleMenu,
+            orientation,
+            size,
+            variant,
+            triggerRefs,
+        }}>
+      <MenubarView items={items} orientation={orientation} size={size} variant={variant} views={views} {...props}/>
+    </MenubarProvider>);
+};
+export const Menubar = MenubarComponent;
+Menubar.Root = MenubarRoot;
+Menubar.Menu = MenubarMenu;
+Menubar.Trigger = MenubarTrigger;
+Menubar.Content = MenubarContent;
+Menubar.Item = MenubarItem;
+Menubar.Separator = MenubarSeparator;
+//# sourceMappingURL=Menubar.js.map

package/dist/native/components/Menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sourceRoot":"","sources":["../../../../src/components/Menubar/Menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,eAAe,EACf,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,mbAAmb;AACnb,MAAM,gBAAgB,GAA2B,CAAC,EAChD,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,IAAI,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,GACX,GAAG,eAAe,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,MAAM,CAAqC,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,CAAC,eAAe,CACd,KAAK,CAAC,CAAC;YACL,YAAY;YACZ,eAAe;YACf,UAAU;YACV,aAAa;YACb,UAAU;YACV,UAAU;YACV,WAAW;YACX,IAAI;YACJ,OAAO;YACP,WAAW;SACZ,CAAC,CAEF;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,EAEd;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,gBAA+B,CAAC;AACvD,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;AAC3B,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;AAC3B,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;AAC3B,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC"}

package/dist/native/components/Menubar/index.d.ts

@@ -0,0 +1 @@
+export * from './Menubar';

package/dist/native/components/Menubar/index.js

@@ -0,0 +1,3 @@
+// Re-exports all exports from the './Menubar' module, making it a barrel file for easy import of the Menubar component.
+export * from './Menubar';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Menubar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menubar/index.ts"],"names":[],"mappings":"AAAA,wHAAwH;AACxH,cAAc,WAAW,CAAC"}

package/dist/native/components/Message/Message/Message.layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MessageLayoutProps } from './Message.props';
+export declare const MessageLayout: ({ container, theme, position, }: MessageLayoutProps) => React.JSX.Element | null;

package/dist/native/components/Message/Message/Message.layout.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { hideMessage, useMessageStore } from './Message.store';
+import { View } from 'app-studio';
+import { MessageView } from './Message.view';
+export const MessageLayout = ({ container, theme, position = 'topRight', }) => {
+    const { visible, title, variant, subtitle, isClosable, views, action, actionText, showIcon, timeout, } = useMessageStore();
+    const toastPosition = {
+        topLeft: {
+            top: 6,
+            left: 8,
+        },
+        topRight: {
+            top: 6,
+            right: 8,
+        },
+        bottomLeft: {
+            bottom: 8,
+            left: 6,
+        },
+        bottomRight: {
+            bottom: 8,
+            right: 6,
+        },
+    }[position];
+    // Crée une fonction pour construire le contenu du message
+    const renderMessageContent = () => (<MessageView variant={variant} subtitle={subtitle} show={visible} title={title} theme={theme} isClosable={isClosable} views={views} action={action} actionText={actionText} showIcon={showIcon} timeout={timeout} hide={() => hideMessage()}/>);
+    const MessageContainer = container ? (React.cloneElement(container, {}, renderMessageContent())) : (<View position={'absolute'} zIndex={10000} {...toastPosition}>
+      {renderMessageContent()}
+    </View>);
+    return visible ? MessageContainer : null;
+};
+//# sourceMappingURL=Message.layout.js.map

package/dist/native/components/Message/Message/Message.layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.layout.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,UAAU,GACF,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,GACR,GAAG,eAAe,EAAE,CAAC;IAEtB,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE;YACP,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;SACR;QACD,QAAQ,EAAE;YACR,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;SACT;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;SACR;QACD,WAAW,EAAE;YACX,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT;KACF,CAAC,QAAQ,CAAC,CAAC;IAEZ,0DAA0D;IAC1D,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACjC,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,EAC1B,CACH,CAAC;IAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,CACnC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,EAAE,oBAAoB,EAAE,CAAC,CAC1D,CAAC,CAAC,CAAC,CACF,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,aAAa,CAAC,CAC3D;MAAA,CAAC,oBAAoB,EAAE,CACzB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3C,CAAC,CAAC"}

package/dist/native/components/Message/Message/Message.props.d.ts

@@ -0,0 +1,39 @@
+import { MessageType, MessageViewStyles, Position, ThemesType } from './Message.type';
+export interface MessageLayoutProps {
+    icons?: {
+        [x: string]: string;
+    };
+    container?: any;
+    theme?: ThemesType;
+    position?: Position;
+}
+export interface ShowMessageProps {
+    isClosable?: boolean;
+    views?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
+}
+export interface MessageProps extends ShowMessageProps {
+    subtitle?: string;
+    variant: MessageType;
+    show?: boolean;
+    hide: Function;
+    title: string;
+    theme?: ThemesType;
+}
+export interface MessageState {
+    visible: boolean;
+    variant: MessageType;
+    title: string;
+    subtitle: string;
+    isClosable?: boolean;
+    views?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
+    show: (variant: MessageType, title?: string, subtitle?: string, isClosable?: boolean, views?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
+    hide: () => void;
+}

package/dist/native/components/Message/Message/Message.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Message.props.js.map

package/dist/native/components/Message/Message/Message.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.props.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.props.ts"],"names":[],"mappings":""}

package/dist/native/components/Message/Message/Message.store.d.ts

@@ -0,0 +1,5 @@
+import { MessageState } from './Message.props';
+import { MessageType, ShowMessageType } from './Message.type';
+export declare const useMessageStore: import("zustand").UseBoundStore<import("zustand").StoreApi<MessageState>>;
+export declare const showMessage: (variant: MessageType, title?: string, subtitle?: string, props?: ShowMessageType) => void;
+export declare const hideMessage: () => void;

package/dist/native/components/Message/Message/Message.store.js

@@ -0,0 +1,37 @@
+import { create } from 'zustand';
+// Create your store with the initial state and actions.
+export const useMessageStore = create((set) => ({
+    // initial state
+    visible: false,
+    title: '',
+    subtitle: '',
+    variant: 'info',
+    isClosable: false,
+    views: {},
+    action: () => { },
+    actionText: '',
+    showIcon: false,
+    timeout: 3000,
+    show: (variant, title = '', subtitle = '', isClosable, views, action, actionText, showIcon, timeout) => set({
+        visible: true,
+        variant,
+        title,
+        subtitle,
+        isClosable,
+        views,
+        action,
+        actionText,
+        showIcon,
+        timeout,
+    }),
+    hide: () => set({ visible: false }),
+}));
+export const showMessage = (variant, title, subtitle, props) => {
+    useMessageStore
+        .getState()
+        .show(variant, title, subtitle, props?.isClosable, props?.views, props?.action, props?.actionText, props?.showIcon, props?.timeout);
+};
+export const hideMessage = () => {
+    useMessageStore.getState().hide();
+};
+//# sourceMappingURL=Message.store.js.map

package/dist/native/components/Message/Message/Message.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.store.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAIjC,wDAAwD;AACxD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAe,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC5D,gBAAgB;IAChB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,CACJ,OAAO,EACP,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,EAAE,CACF,GAAG,CAAC;QACF,OAAO,EAAE,IAAI;QACb,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU;QACV,KAAK;QACL,MAAM;QACN,UAAU;QACV,QAAQ;QACR,OAAO;KACR,CAAC;IAEJ,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;CACpC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,OAAoB,EACpB,KAAc,EACd,QAAiB,EACjB,KAAuB,EACvB,EAAE;IACF,eAAe;SACZ,QAAQ,EAAE;SACV,IAAI,CACH,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,OAAO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,eAAe,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;AACpC,CAAC,CAAC"}

package/dist/native/components/Message/Message/Message.style.d.ts

@@ -0,0 +1,5 @@
+import { ViewProps } from 'app-studio';
+import { MessageType, Shape, Size } from './Message.type';
+export declare const ContainerShapes: Record<Shape, ViewProps>;
+export declare const HeaderIconSizes: Record<Size, number>;
+export declare const Themes: Record<MessageType, any>;

package/dist/native/components/Message/Message/Message.style.js

@@ -0,0 +1,82 @@
+export const ContainerShapes = {
+    square: { borderRadius: 0 },
+    rounded: { borderRadius: 12 },
+};
+export const HeaderIconSizes = {
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 28,
+};
+export const Themes = {
+    info: {
+        container: {
+            backgroundColor: 'color-white',
+            border: 'rgba(191, 219, 254, 0.95)',
+        },
+        icon: {
+            color: 'theme-primary',
+            name: 'InformationIcon',
+        },
+        content: {
+            color: 'color-gray-900',
+        },
+        close: {
+            color: 'color-gray-500',
+            name: 'CloseIcon',
+        },
+    },
+    success: {
+        container: {
+            backgroundColor: '#F0FDF4',
+            border: '#BBF7D0',
+        },
+        icon: {
+            color: '#16A34A',
+            name: 'SuccessIcon',
+        },
+        content: {
+            color: '#14532D',
+        },
+        close: {
+            color: '#15803D',
+            name: 'CloseIcon',
+        },
+    },
+    error: {
+        container: {
+            backgroundColor: '#FEF2F2',
+            border: '#FECACA',
+        },
+        icon: {
+            color: '#DC2626',
+            name: 'ErrorIcon',
+        },
+        content: {
+            color: '#7F1D1D',
+        },
+        close: {
+            color: '#B91C1C',
+            name: 'CloseIcon',
+        },
+    },
+    warning: {
+        container: {
+            backgroundColor: '#FFF7ED',
+            border: '#FED7AA',
+        },
+        icon: {
+            color: '#EA580C',
+            name: 'WarningIcon',
+        },
+        content: {
+            color: '#9A3412',
+        },
+        close: {
+            color: '#C2410C',
+            name: 'CloseIcon',
+        },
+    },
+};
+//# sourceMappingURL=Message.style.js.map

package/dist/native/components/Message/Message/Message.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.style.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.style.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAA6B;IACvD,MAAM,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;IAC3B,OAAO,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,2BAA2B;SACpC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,iBAAiB;SACxB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gBAAgB;SACxB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,aAAa;SACpB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,SAAS;SACjB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,WAAW;SAClB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,SAAS;SACjB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,aAAa;SACpB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,SAAS;SACjB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,WAAW;SAClB;KACF;CACF,CAAC"}

package/dist/native/components/Message/Message/Message.type.d.ts

@@ -0,0 +1,48 @@
+import { ViewProps } from 'app-studio';
+export type Position = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export type Shape = 'square' | 'rounded';
+export type CloseButtonPosition = 'left' | 'right' | 'none';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type MessageType = 'info' | 'warning' | 'error' | 'success';
+export type MessageViewStyles = {
+    container?: ViewProps;
+    title?: ViewProps;
+    subtitle?: ViewProps;
+    icon?: ViewProps;
+    actionText?: ViewProps;
+    closingIcon?: {
+        container?: ViewProps;
+        icon?: ViewProps;
+    };
+};
+export type Theme = {
+    container: {
+        backgroundColor?: string;
+        border?: string;
+    };
+    icon: {
+        color?: string;
+        name?: string;
+    };
+    content: {
+        color?: string;
+    };
+    close: {
+        color?: string;
+        name?: string;
+    };
+};
+export type ThemesType = {
+    info: Theme;
+    success: Theme;
+    error: Theme;
+    warning: Theme;
+};
+export type ShowMessageType = {
+    isClosable?: boolean;
+    views?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
+};

package/dist/native/components/Message/Message/Message.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Message.type.js.map

package/dist/native/components/Message/Message/Message.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.type.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.type.ts"],"names":[],"mappings":""}

package/dist/native/components/Message/Message/Message.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MessageProps } from './Message.props';
+export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, views, }: MessageProps) => React.JSX.Element;

package/dist/native/components/Message/Message/Message.view.js

@@ -0,0 +1,69 @@
+import React, { useEffect } from 'react';
+import { Vertical } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { View } from 'app-studio';
+import { Text } from 'app-studio';
+import { Themes } from './Message.style';
+import { CloseIcon, WarningIcon, SuccessIcon, ErrorIcon, InfoIcon, } from '../../Icon/Icon';
+export const MessageView = ({ variant, hide, title, subtitle, theme, action, actionText, showIcon = false, isClosable = false, timeout = 3000, views, }) => {
+    useEffect(() => {
+        if (timeout && !isClosable) {
+            const timeId = setTimeout(() => {
+                // After 3 seconds set the show value to false
+                hide();
+            }, timeout);
+            return () => {
+                clearTimeout(timeId);
+            };
+        }
+        return;
+    }, []);
+    const Theme = theme ?? Themes;
+    const showAction = !!(action && actionText);
+    const containerStyle = {
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderRadius: 12,
+        borderColor: `${Theme[variant].container.border}`,
+        boxShadow: '0 8px 24px rgba(15, 23, 42, 0.06)',
+    };
+    const iconColor = {
+        info: '#3b82f6',
+        success: '#4ade80',
+        warning: '#f97316',
+        error: '#ef4444',
+    }[variant];
+    const iconComponent = {
+        info: <InfoIcon widthHeight={24} color={iconColor} {...views?.icon}/>,
+        success: (<SuccessIcon widthHeight={24} color={iconColor} {...views?.icon}/>),
+        warning: (<WarningIcon widthHeight={24} color={iconColor} {...views?.icon}/>),
+        error: <ErrorIcon widthHeight={24} color={iconColor} {...views?.icon}/>,
+    }[variant];
+    const isShowIcon = showIcon && iconComponent;
+    return (<Horizontal role="messageContent" gap={12} width="100%" maxWidth={520} flexWrap="nowrap" position="relative" alignItems="flex-start" padding="12px 14px" color={`${Theme[variant].content.color}`} backgroundColor={`${Theme[variant].container.backgroundColor}`} onClick={isClosable
+            ? () => { }
+            : () => {
+                hide();
+            }} {...containerStyle} transition="background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease" {...views?.container}>
+      {isShowIcon && iconComponent}
+      <Vertical gap={4} width="100%">
+        <Text size="md" weight="semiBold" {...views?.title}>
+          {title}
+        </Text>
+        {subtitle && (<Text size="sm" lineHeight="20px" color={Theme[variant].content.color} {...views?.subtitle}>
+            {subtitle}
+          </Text>)}
+      </Vertical>
+      {showAction && (<View as="button" type="button" onClick={action} backgroundColor="rgba(255, 255, 255, 0.9)" borderWidth="1px" borderStyle="solid" borderColor={Theme[variant].container.border} borderRadius="9999px" padding="6px 12px" cursor="pointer" transition="background-color 0.2s ease, border-color 0.2s ease" {...views?.actionText}>
+          <Text whiteSpace="nowrap" size="sm" weight="semiBold" color={Theme[variant].content.color}>
+            {actionText}
+          </Text>
+        </View>)}
+      {isClosable && (<View position="absolute" zIndex={10000} right={8} top={8} onClick={() => {
+                hide();
+            }} cursor="pointer" padding="4px" borderRadius="9999px" transition="background-color 0.2s ease" {...views?.closingIcon?.container}>
+          <CloseIcon widthHeight={16} color={Theme[variant].close.color} {...views?.closingIcon?.icon}/>
+        </View>)}
+    </Horizontal>);
+};
+//# sourceMappingURL=Message.view.js.map

package/dist/native/components/Message/Message/Message.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.view.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,iBAAiB,CAAC;AAEzB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,IAAI,EACd,KAAK,GACQ,EAAE,EAAE;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,8CAA8C;gBAC9C,IAAI,EAAE,CAAC;YACT,CAAC,EAAE,OAAO,CAAC,CAAC;YAEZ,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC,CAAC;QACJ,CAAC;QAED,OAAO;IACT,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,KAAK,IAAI,MAAM,CAAC;IAC9B,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC;IAE5C,MAAM,cAAc,GAAG;QACrB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE;QACjD,SAAS,EAAE,mCAAmC;KAC/C,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACjB,CAAC,OAAO,CAAC,CAAC;IAEX,MAAM,aAAa,GAAG;QACpB,IAAI,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,EAAG;QACtE,OAAO,EAAE,CACP,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,EAAG,CACpE;QACD,OAAO,EAAE,CACP,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,EAAG,CACpE;QACD,KAAK,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,EAAG;KACzE,CAAC,OAAO,CAAC,CAAC;IAEX,MAAM,UAAU,GAAG,QAAQ,IAAI,aAAa,CAAC;IAE7C,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,gBAAgB,CACrB,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,KAAK,CAAC,MAAM,CACZ,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,QAAQ,CAAC,QAAQ,CACjB,QAAQ,CAAC,UAAU,CACnB,UAAU,CAAC,YAAY,CACvB,OAAO,CAAC,WAAW,CACnB,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CACzC,eAAe,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC,CAC/D,OAAO,CAAC,CACN,UAAU;YACR,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC;YACV,CAAC,CAAC,GAAG,EAAE;gBACH,IAAI,EAAE,CAAC;YACT,CACN,CAAC,CACD,IAAI,cAAc,CAAC,CACnB,UAAU,CAAC,0EAA0E,CACrF,IAAI,KAAK,EAAE,SAAS,CAAC,CAErB;MAAA,CAAC,UAAU,IAAI,aAAa,CAC5B;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAC5B;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,KAAK,EAAE,KAAK,CAAC,CACjD;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CACH,IAAI,CAAC,IAAI,CACT,UAAU,CAAC,MAAM,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CACpC,IAAI,KAAK,EAAE,QAAQ,CAAC,CAEpB;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,QAAQ,CACV;MAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,EAAE,CAAC,QAAQ,CACX,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,eAAe,CAAC,0BAA0B,CAC1C,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAC7C,YAAY,CAAC,QAAQ,CACrB,OAAO,CAAC,UAAU,CAClB,MAAM,CAAC,SAAS,CAChB,UAAU,CAAC,oDAAoD,CAC/D,IAAI,KAAK,EAAE,UAAU,CAAC,CAEtB;UAAA,CAAC,IAAI,CACH,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,MAAM,CAAC,UAAU,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAEpC;YAAA,CAAC,UAAU,CACb;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,QAAQ,CAAC,UAAU,CACnB,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,IAAI,EAAE,CAAC;YACT,CAAC,CAAC,CACF,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,KAAK,CACb,YAAY,CAAC,QAAQ,CACrB,UAAU,CAAC,4BAA4B,CACvC,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAElC;UAAA,CAAC,SAAS,CACR,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAClC,IAAI,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,EAEjC;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/components/Message/Message.d.ts

@@ -0,0 +1,5 @@
+export { MessageLayout } from './Message/Message.layout';
+export { MessageView } from './Message/Message.view';
+export type { MessageProps } from './Message/Message.props';
+export type { MessageType } from './Message/Message.type';
+export * from './Message/Message.store';

package/dist/native/components/Message/Message.js

@@ -0,0 +1,4 @@
+export { MessageLayout } from './Message/Message.layout';
+export { MessageView } from './Message/Message.view';
+export * from './Message/Message.store';
+//# sourceMappingURL=Message.js.map

package/dist/native/components/Message/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,cAAc,yBAAyB,CAAC"}

package/dist/native/components/Modal/Modal/Modal.layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModalLayoutProps } from './Modal.props';
+export declare const ModalLayout: ({ modals: availableModals, onShow, onHide, }: ModalLayoutProps) => React.JSX.Element | null;

package/dist/native/components/Modal/Modal/Modal.layout.js

@@ -0,0 +1,43 @@
+import React, { Fragment, useEffect } from 'react';
+import { hideModal, useModalStore } from './Modal.store';
+import { ModalOverlay } from './Modal.view';
+// Defines the `ModalLayout` functional component, which is responsible for orchestrating and rendering multiple active modals based on their state.
+export const ModalLayout = ({ 
+// Prop: `availableModals` is an object containing all possible modal components, keyed by their unique names, allowing for dynamic selection and rendering.
+modals: availableModals, 
+// Prop: `onShow` is an optional callback function to be executed whenever a modal is displayed.
+onShow, 
+// Prop: `onHide` is an optional callback function to be executed whenever a modal is hidden.
+onHide, }) => {
+    // Retrieves the list of currently active modals from the global modal store, determining which modals need to be rendered.
+    const activeModals = useModalStore((state) => state.modals);
+    // Synchronizes the `onShow` callback prop with the modal store's internal `setOnShow` action, ensuring the store can trigger this callback.
+    useEffect(() => {
+        if (onShow) {
+            useModalStore.getState().setOnShow(onShow);
+        }
+    }, [onShow]);
+    // Synchronizes the `onHide` callback prop with the modal store's internal `setOnHide` action, ensuring the store can trigger this callback.
+    useEffect(() => {
+        if (onHide) {
+            useModalStore.getState().setOnHide(onHide);
+        }
+    }, [onHide]);
+    // Conditionally renders nothing if there are no active modals, optimizing performance by avoiding unnecessary component trees.
+    if (activeModals.length === 0) {
+        return null;
+    }
+    return (<Fragment>
+      {activeModals.map((modal, index) => {
+            const ModalComponent = availableModals[modal.name];
+            if (!ModalComponent) {
+                console.error(`${modal.name} modal doesn't exist`);
+                return null;
+            }
+            return (<ModalOverlay key={index} isOpen={modal.props.isVisible} onClose={() => hideModal(modal.name)} blur={5} {...modal.overlayProps} style={{ zIndex: 1000 + index }}>
+            <ModalComponent {...modal.props}/>
+          </ModalOverlay>);
+        })}
+    </Fragment>);
+};
+//# sourceMappingURL=Modal.layout.js.map

package/dist/native/components/Modal/Modal/Modal.layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.layout.js","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal/Modal.layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAc,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,oJAAoJ;AACpJ,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC;AAC1B,4JAA4J;AAC5J,MAAM,EAAE,eAAe;AACvB,gGAAgG;AAChG,MAAM;AACN,6FAA6F;AAC7F,MAAM,GACW,EAAE,EAAE;IACrB,2HAA2H;IAC3H,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxE,4IAA4I;IAC5I,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,4IAA4I;IAC5I,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,+HAA+H;IAC/H,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,CAAC,QAAQ,CACP;MAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;YAC9C,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC;gBACnD,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAC9B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CACrC,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,IAAI,KAAK,CAAC,YAAY,CAAC,CACvB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,CAEhC;YAAA,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAClC;UAAA,EAAE,YAAY,CAAC,CAChB,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,QAAQ,CAAC,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/components/Modal/Modal/Modal.props.d.ts

@@ -0,0 +1,88 @@
+import React from 'react';
+import { Elevation } from '../../../utils/elevation';
+import { Shadow, ViewProps } from 'app-studio';
+import { CloseButtonPosition, Position, Shape, Size } from './Modal.type';
+export interface ModalProps extends Omit<ViewProps, 'size' | 'shadow' | 'position'> {
+    buttonColor?: string;
+    iconSize?: Size;
+    shape?: Shape;
+    isFullScreen?: boolean;
+    buttonPosition?: CloseButtonPosition;
+    onClose?: () => void;
+    blur?: number;
+    isOpen?: boolean;
+    isClosePrevented?: boolean;
+    position?: Position;
+    shadow?: Shadow | Elevation | ViewProps;
+    id?: string;
+    title?: string;
+    render?: (ctx: any) => React.ReactNode;
+}
+export interface ModalType extends React.FunctionComponent<ModalProps> {
+    Overlay: React.FC<OverlayProps>;
+    Container: React.FC<ContainerProps>;
+    Header: React.FC<HeaderProps>;
+    Body: React.FC<BodyProps>;
+    Footer: React.FC<FooterProps>;
+    Layout: React.FC<ModalLayoutProps>;
+}
+export interface OverlayProps extends Omit<ViewProps, 'position' | 'isOpen'> {
+    children?: React.ReactNode;
+    blur?: number;
+    isOpen: boolean;
+    isClosePrevented?: boolean;
+    position?: Position;
+    isFullScreen?: boolean;
+    onClose: () => void;
+}
+export interface HeaderProps extends Omit<ViewProps, 'size'> {
+    views?: {
+        container?: ViewProps;
+        header?: ViewProps;
+    };
+    buttonColor?: string;
+    iconSize?: Size;
+    children?: React.ReactNode;
+    buttonPosition?: CloseButtonPosition;
+    buttonSize?: any;
+    variant?: string;
+    onClose?: () => void;
+}
+export interface ModalLayoutProps {
+    modals: {
+        [x: string]: React.FC<any>;
+    };
+    onShow?: (name: string, props?: any) => void;
+    onHide?: (name?: string, props?: any) => void;
+}
+export interface ContainerProps extends Omit<ViewProps, 'size' | 'position' | 'shadow'> {
+    views?: {
+        container?: ViewProps;
+    };
+    children: React.ReactNode;
+    shape?: Shape;
+    isFullScreen?: boolean;
+    isOpen?: boolean;
+    onClose?: () => void;
+    isClosePrevented?: boolean;
+    blur?: number;
+    variant?: string;
+    buttonSize?: any;
+    buttonColor?: any;
+    buttonPosition?: CloseButtonPosition;
+    position?: Position;
+    shadow?: Shadow | Elevation | ViewProps;
+}
+export interface BodyProps extends ViewProps {
+    views?: {
+        view?: ViewProps;
+    };
+    buttonColor?: any;
+    buttonSize?: any;
+    variant?: string;
+}
+export interface FooterProps extends ViewProps {
+    views?: {
+        container?: ViewProps;
+    };
+}

package/dist/native/components/Modal/Modal/Modal.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Modal.props.js.map

package/dist/native/components/Modal/Modal/Modal.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.props.js","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal/Modal.props.ts"],"names":[],"mappings":""}

package/dist/native/components/Modal/Modal/Modal.store.d.ts

@@ -0,0 +1,19 @@
+export interface ModalItem {
+    name: string;
+    props: any & {
+        isVisible: boolean;
+    };
+    overlayProps: any;
+}
+export interface ModalState {
+    modals: ModalItem[];
+    show: (name: string, modalProps?: any, overlayProps?: any) => void;
+    hide: (name?: string) => void;
+    onShow: (name: string, props?: any) => void;
+    onHide: (name?: string) => void;
+    setOnShow: (onShow: (name: string, props?: any) => void) => void;
+    setOnHide: (onHide: (name?: string) => void) => void;
+}
+export declare const useModalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ModalState>>;
+export declare const showModal: (name: string, modalProps?: any, overlayProps?: any) => void;
+export declare const hideModal: (name?: string) => void;