@majoo-ui/react 1.61.24 → 1.61.25-rc.2

package/components/contextMenu/ContextMenu.d.ts

@@ -1,404 +0,0 @@
-import React from 'react';
-interface TriggerProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
-    id: string;
-    triggerSide?: 'left' | 'right';
-    children?: React.ReactNode;
-}
-interface MenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    id: string;
-    children?: React.ReactNode;
-}
-interface ItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'children'> {
-    children?: React.ReactNode;
-    data?: object;
-    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, data?: object) => void;
-}
-export declare const ContextMenuTrigger: import("@stitches/react/types/styled-component").StyledComponent<({ id, triggerSide, children, className, onClick, onContextMenu, style, ...rest }: TriggerProps) => JSX.Element, {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare const ContextMenu: import("@stitches/react/types/styled-component").StyledComponent<({ id, children, className, style, ...rest }: MenuProps) => JSX.Element | null, {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare const ContextMenuItem: import("@stitches/react/types/styled-component").StyledComponent<({ children, data, onClick, className, onKeyDown, ...rest }: ItemProps) => JSX.Element, {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare const ContextMenuSeparator: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export {};

package/components/datePicker/components/DateNumber.d.ts

@@ -1,104 +0,0 @@
-import type * as Stitches from '@stitches/react';
-declare const DateNumber: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    variant?: "end" | "start" | "default" | "disabled" | "neutral" | "selected" | "defaultv2" | "selectedv2" | "road" | undefined;
-    size?: "large" | "small" | undefined;
-    isSunday?: boolean | "true" | undefined;
-}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare type DateNumberVariantProps = Stitches.VariantProps<typeof DateNumber>;
-export default DateNumber;

package/components/devicePreview/DevicePreview.d.ts

@@ -1,161 +0,0 @@
-import * as React from 'react';
-import type * as Stitches from '@stitches/react';
-declare const EnumTypeDevice: {
-    readonly android: "android";
-    readonly androidWide: "androidWide";
-    readonly iphone: "iphone";
-    readonly desktop: "desktop";
-};
-declare type EnumTypeDevice = (typeof EnumTypeDevice)[keyof typeof EnumTypeDevice];
-interface ContentMessage {
-    sender?: string;
-    message: string;
-}
-interface Props {
-    /**
-     * set size of frame device.
-     * @default undefined
-     * */
-    size?: number;
-    /** string url source image from internet or local image */
-    src?: string;
-    /**
-     * alt prop when url image not found or invalid
-     */
-    alt?: string;
-    /**
-     * typeof device
-     * one of 'android' | 'androidWide' | 'iphone' | 'desktop'
-     */
-    typeDevice: EnumTypeDevice;
-    /**
-     * option device preview with multiple image source
-     * @default false
-     */
-    carousel?: boolean;
-    /**
-     * if carousel set true, set children element instead src props
-     */
-    children?: React.ReactNode;
-    /**
-     * option for use device preview with component
-     * @default false
-     */
-    withComponent?: boolean;
-    /**
-     * option for use device preview with clickable or not clickable component
-     * @default true
-     */
-    clickableComponent?: boolean;
-    /**
-     * option device preview variant
-     * @default 'default'
-     */
-    variant: 'sms' | 'whatsapp' | 'email' | 'notification' | 'default';
-    /**
-     * Message content if variant is `'sms' | 'whatsapp' | 'email' | 'notification'`
-     **/
-    content?: ContentMessage;
-}
-export declare const ImageDevicePreview: import("@stitches/react/types/styled-component").StyledComponent<"img", {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-declare const Device: {
-    (props: Props): JSX.Element;
-    displayName: string;
-};
-export default Device;