@react-native-ohos/native-base 3.4.29-rc.1

package/lib/typescript/components/primitives/Checkbox/types.d.ts

@@ -0,0 +1,180 @@
+import type { CheckboxGroupState } from '@react-stately/checkbox';
+import type { MutableRefObject } from 'react';
+import type { TouchableOpacityProps } from 'react-native';
+import type { IFormControlContext } from '../../composites/FormControl';
+import type { InterfaceBoxProps } from '../Box';
+import type { IIconProps } from '../Icon';
+import type { IStackProps } from '../../primitives/Stack';
+import type { CustomProps, ResponsiveValue, ThemeComponentSizeType } from '../../../components/types';
+import type { ColorSchemeType } from '../../../components/types';
+export declare type ICheckboxValue = string;
+export interface InterfaceCheckbox extends InterfaceBoxProps<ICheckboxProps> {
+    /**
+     * assign id to checkbox
+     */
+    id?: string;
+    /**
+     * The name of the input field in a checkbox.
+     */
+    name?: string;
+    /**
+     * The value to be used in the checkbox input. This is the value that will be returned on form submission.
+     */
+    value: ICheckboxValue;
+    /**
+     * The color of the radio when it's checked. This should be one of the color keys in the theme (e.g."green", "red").
+     */
+    colorScheme?: ColorSchemeType & ResponsiveValue<'default'>;
+    /**
+     * If true, the checkbox will be initially checked. (use defaultValue prop if using it inside Checkbox.Group)
+     */
+    defaultIsChecked?: boolean;
+    /**
+     * If true, the checkbox will be checked. You'll need to pass onChange to update it's value (since it's now controlled).
+     */
+    isChecked?: boolean;
+    /**
+     * If true, the checkbox will be indeterminate. This only affects the icon shown inside checkbox.
+     */
+    isIndeterminate?: boolean;
+    /**
+     * If true, the checkbox will be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * If true, the checkbox is marked as invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * If true, the checkbox is marked as readonly.
+     */
+    isReadOnly?: boolean;
+    /**
+     * If true, the checkbox will be hovered.
+     */
+    isHovered?: boolean;
+    /**
+     * If true, the checkbox will be pressed.
+     */
+    isPressed?: boolean;
+    /**
+     * If true, the checkbox will be focused.
+     */
+    isFocused?: boolean;
+    /**
+     * If true, the checkbox focus ring will be visible.
+     */
+    isFocusVisible?: boolean;
+    /**
+     * The size (width and height) of the checkbox.
+     * @default 'md'
+     */
+    size?: ThemeComponentSizeType<'Checkbox'>;
+    /**
+     * If given, will use this icon instead of the default.
+     */
+    icon?: JSX.Element;
+    /**
+     * Passed props wilICheckboxGroupPropsl be applied on disabled state.
+     */
+    _disabled?: Omit<Partial<ICheckboxProps>, '_disabled'>;
+    /**
+     * Passed props will be applied on checked state.
+     */
+    _checked?: Omit<Partial<ICheckboxProps>, '_checked'>;
+    /**
+     * Passed props will be applied on unchecked state.
+     */
+    _unchecked?: Omit<Partial<ICheckboxProps>, '_unchecked'>;
+    /**
+     * Passed props will be applied on focus state.
+     */
+    _focus?: Omit<Partial<ICheckboxProps>, '_focus'>;
+    /**
+     * Passed props will be applied on hover state.
+     */
+    _hover?: Omit<Partial<ICheckboxProps>, '_hover'>;
+    /**
+     * Passed props will be applied on invalid state.
+     */
+    _invalid?: Omit<Partial<ICheckboxProps>, '_invalid'>;
+    /**
+     * Passed props will be applied on pressed state on native.
+     */
+    _pressed?: Omit<Partial<ICheckboxProps>, '_pressed'>;
+    /**
+     * Passed props will be applied on readonly state.
+     */
+    _readOnly?: Omit<Partial<ICheckboxProps>, '_readOnly'>;
+    /**
+     * Icon related props can be passed in _icon.
+     */
+    _icon?: Partial<IIconProps>;
+    /**
+     * You can style interaction box around the checkbox using this.
+     */
+    _interactionBox?: Omit<Partial<ICheckboxProps>, '_interactionBox'>;
+    /**
+     * Props to be passed to the Stack used inside.
+     */
+    _stack?: Partial<IStackProps>;
+    /**
+     * Function called when the state of the checkbox changes.
+     */
+    onChange?: (isSelected: boolean) => void;
+    /**
+     * Ref to be passed to Icon's wrapper Box
+     */
+    wrapperRef?: any;
+    ref?: MutableRefObject<any>;
+}
+export interface ICheckboxGroupProps extends InterfaceBoxProps<ICheckboxGroupProps> {
+    /**
+     * assign id to checkbox group
+     */
+    id?: string;
+    /**
+     * The value of the checkbox group.
+     */
+    value?: Array<string>;
+    /**
+     * The initial value of the checkbox group.
+     */
+    defaultValue?: Array<string>;
+    /**
+     * The color of the radio when it's checked. This should be one of the color keys in the theme (e.g."green", "red").
+     */
+    colorScheme?: ColorSchemeType;
+    /**
+     * The size (width and height) of the checkbox.
+     */
+    size?: ResponsiveValue<'sm' | 'md' | 'lg'>;
+    /**
+     * The callback fired when any children Checkbox is checked or unchecked.
+     */
+    onChange?: (values: any) => any;
+    /**
+     * Pass props will be passed to each checkbox.
+     */
+    _checkbox?: Partial<ICheckboxProps>;
+}
+export interface ICheckboxContext extends IFormControlContext {
+    colorScheme?: ColorSchemeType;
+    size?: ResponsiveValue<'sm' | 'md' | 'lg'>;
+    state: CheckboxGroupState;
+}
+export interface IUseCheckboxReturnType {
+    inputProps: {
+        checked: boolean;
+    } & Partial<TouchableOpacityProps>;
+}
+export interface IUseCheckboxGroupReturnType {
+    checkboxGroupProps: {
+        onChange: (checkboxValue: ICheckboxValue, isChecked: boolean) => any;
+        values: Array<ICheckboxValue>;
+    };
+}
+export declare type ICheckboxComponentType = ((props: ICheckboxProps) => JSX.Element) & {
+    Group: React.MemoExoticComponent<(props: ICheckboxGroupProps, ref?: MutableRefObject<any>) => JSX.Element>;
+};
+export declare type ICheckboxProps = InterfaceCheckbox & CustomProps<'Checkbox'>;

package/lib/typescript/components/primitives/Column/index.d.ts

@@ -0,0 +1,2 @@
+import { VStack } from '../Stack';
+export { VStack as Column };

package/lib/typescript/components/primitives/Flex/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { IFlexProps } from './types';
+export declare const Spacer: (props: any) => JSX.Element;
+export type { IFlexProps };
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../Box").InterfaceBoxProps<IFlexProps> & {
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    align?: import("csstype").Property.AlignItems | undefined;
+    justify?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: import("csstype").Property.FlexWrap | undefined;
+    basis?: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+} & Partial<{}> & {
+    variant?: unknown;
+    size?: unknown;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;
+export default _default;

package/lib/typescript/components/primitives/Flex/types.d.ts

@@ -0,0 +1,12 @@
+import type * as CSS from 'csstype';
+import type { CustomProps } from '../../types/utils';
+import type { InterfaceBoxProps } from '../Box/types';
+export declare type IFlexProps = (InterfaceBoxProps<IFlexProps> & {
+    direction?: CSS.Property.FlexDirection;
+    align?: CSS.Property.AlignItems;
+    justify?: CSS.Property.JustifyContent;
+    wrap?: CSS.Property.FlexWrap;
+    basis?: CSS.Property.FlexBasis;
+    grow?: CSS.Property.FlexGrow;
+    shrink?: CSS.Property.FlexShrink;
+}) & CustomProps<'Flex'>;

package/lib/typescript/components/primitives/GridItem/props.d.ts

@@ -0,0 +1,13 @@
+import type * as CSS from 'csstype';
+import type { CustomProps } from '../../types/utils';
+import type { InterfaceBoxProps } from '../Box/types';
+export declare type IGridItemProps = (InterfaceBoxProps<IGridItemProps> & {
+    gap?: CSS.Property.Gap;
+    rowSpan?: number;
+    colSpan?: number;
+    colStart?: CSS.Property.GridColumnStart;
+    colEnd?: CSS.Property.GridColumnEnd;
+    rowStart?: CSS.Property.GridColumnStart;
+    rowEnd?: CSS.Property.GridColumnEnd;
+    area?: string;
+}) & CustomProps<'Box'>;

package/lib/typescript/components/primitives/Heading/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IHeadingProps } from './types';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("./types").IterfaceHeadingProps & Partial<{}> & {
+    variant?: unknown;
+    size?: import("../../types").ThemeComponentSizeType<"Heading">;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;
+export default _default;
+export type { IHeadingProps };

package/lib/typescript/components/primitives/Heading/types.d.ts

@@ -0,0 +1,10 @@
+import type { InterfaceTextProps } from '../Text/types';
+import type { CustomProps, ThemeComponentSizeType } from '../../types/utils';
+export interface IterfaceHeadingProps extends InterfaceTextProps<IHeadingProps> {
+    /**
+     * The size of the heading.
+     * @default xl
+     */
+    size?: ThemeComponentSizeType<'Heading'>;
+}
+export declare type IHeadingProps = IterfaceHeadingProps & CustomProps<'Heading'>;

package/lib/typescript/components/primitives/Hidden/HiddenSSR.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IHiddenProps } from './types';
+export declare const HiddenSSR: React.MemoExoticComponent<({ children, ...props }: IHiddenProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null>;

package/lib/typescript/components/primitives/Hidden/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { IHiddenProps } from './types';
+export declare function Hidden({ isSSR, ...props }: IHiddenProps): any;
+declare const _default: React.MemoExoticComponent<typeof Hidden>;
+export default _default;
+export type { IHiddenProps };

package/lib/typescript/components/primitives/Hidden/types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+declare type LiteralUnion<T extends U, U = string> = T | (U & {});
+export interface InterfaceHiddenProps {
+    /**
+     * The from prop takes breakpoint from which the wrapped component is hidden.
+     */
+    from?: LiteralUnion<'base' | 'sm' | 'md' | 'lg' | 'xl'>;
+    /**
+     * The till prop takes breakpoint till which the wrapped component is hidden.
+     */
+    till?: LiteralUnion<'base' | 'sm' | 'md' | 'lg' | 'xl'>;
+    /**
+     * The only prop takes array of breakpoints on which the wrapped component is hidden.
+     * It hides the component starting from that breakpoint to the next breakpoint.
+     */
+    only?: LiteralUnion<'base' | 'sm' | 'md' | 'lg' | 'xl'> | Array<LiteralUnion<'base' | 'sm' | 'md' | 'lg' | 'xl'>>;
+    /**
+     * The colormode takes the mode on which the wrapped component must be hidden.
+     */
+    colorMode?: 'light' | 'dark';
+    /**
+     * The platform takes the platform as string or array for the multiple on which the wrapped component must be hidden.
+     */
+    platform?: LiteralUnion<'ios' | 'android' | 'web'> | Array<LiteralUnion<'ios' | 'android' | 'web'>>;
+    /**
+     *
+     */
+    children: React.ReactElement | null;
+    /**
+     *
+     */
+    isSSR?: boolean;
+}
+export declare type IHiddenProps = InterfaceHiddenProps;
+export {};

package/lib/typescript/components/primitives/Icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("./types").InterfaceIconProps & Partial<{}> & {
+    variant?: unknown;
+    size?: import("../../types").ThemeComponentSizeType<"Icon">;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;
+export default _default;

package/lib/typescript/components/primitives/Icon/Icons/Add.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AddIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Arrow.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ArrowUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
+export declare const ArrowDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
+export declare const ArrowForwardIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
+export declare const ArrowBackIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Check.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const CheckIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;
+export declare const CheckCircleIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Chevron.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ChevronUpIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;
+export declare const ChevronDownIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;
+export declare const ChevronLeftIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;
+export declare const ChevronRightIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Circle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CircleIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Close.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const CloseIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
+export declare const SmallCloseIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Delete.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DeleteIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Favourite.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const FavouriteIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Hamburger.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const HamburgerIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Info.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const InfoOutlineIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
+export declare const InfoIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Minus.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MinusIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Moon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MoonIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Play.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PlayIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Question.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const QuestionIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;
+export declare const QuestionOutlineIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Search.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SearchIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Share.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ShareIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Sun.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SunIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/ThreeDots.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ThreeDotsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/Warning.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WarningIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
+export declare const WarningTwoIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/WarningOutline.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WarningOutlineIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/Icons/index.d.ts

@@ -0,0 +1,20 @@
+export * from './Add';
+export * from './Arrow';
+export * from './Check';
+export * from './Chevron';
+export * from './Circle';
+export * from './Close';
+export * from './Hamburger';
+export * from './Info';
+export * from './Minus';
+export * from './Moon';
+export * from './Question';
+export * from './Search';
+export * from './Sun';
+export * from './Warning';
+export * from './WarningOutline';
+export * from './ThreeDots';
+export * from './Share';
+export * from './Play';
+export * from './Delete';
+export * from './Favourite';

package/lib/typescript/components/primitives/Icon/Icons/questionIconPath.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const questionOutlineIconPath: JSX.Element;

package/lib/typescript/components/primitives/Icon/SVGIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("./types").InterfaceIconProps & Partial<{}> & {
+    variant?: unknown;
+    size?: import("../../types").ThemeComponentSizeType<"Icon">;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;
+export default _default;

package/lib/typescript/components/primitives/Icon/createIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IcreateIconProps } from './types';
+export declare const createIcon: ({ path, d, ...initialProps }: IcreateIconProps) => React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;

package/lib/typescript/components/primitives/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Icon } from './Icon';
+export { createIcon } from './createIcon';
+export type { IIconProps } from './types';

package/lib/typescript/components/primitives/Icon/nbSvg.d.ts

@@ -0,0 +1 @@
+export { Svg, G, Path, Polygon, Line, Circle, Rect } from 'react-native-svg';

package/lib/typescript/components/primitives/Icon/nbSvg.web.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Svg: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const G: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const Path: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const Polygon: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const Line: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const Circle: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const Rect: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;

package/lib/typescript/components/primitives/Icon/types.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import type { PlatformProps } from '../../types';
+import type { StyledProps } from '../../../theme/types';
+import type { ResponsiveValue } from '../../types/responsiveValue';
+import type { SvgProps } from 'react-native-svg';
+import type { IColors } from '../../../theme/base/colors';
+import type { CustomProps, ThemeComponentSizeType } from '../../types/utils';
+export interface InterfaceIconProps extends Omit<SvgProps, 'opacity' | 'stroke' | 'height' | 'width' | 'transform' | 'color'>, StyledProps, PlatformProps<IIconProps> {
+    /**
+     * Use <a href='https://github.com/expo/vector-icons'>@expo/vector-icons</a>
+     */
+    as?: any;
+    /**
+     * The viewBox of the icon.
+     */
+    /**
+     * The size of the icon.
+     */
+    size?: ThemeComponentSizeType<'Icon'>;
+    /**
+     * The color of the icon.
+     */
+    color?: ResponsiveValue<IColors | (string & {})>;
+    /**
+     *
+     */
+    /**
+     *
+     */
+    children?: JSX.Element[] | JSX.Element;
+    /**
+     *
+     */
+    name?: string;
+}
+export interface IcreateIconProps {
+    /**
+     * The viewBox of the icon.
+     */
+    viewBox?: string;
+    /**
+     * Path element of the icon.
+     */
+    path?: JSX.Element[] | JSX.Element;
+    /**
+     * The path of the SVG icon.
+     */
+    d?: string;
+}
+export declare type IIconProps = InterfaceIconProps & CustomProps<'Icon'>;

package/lib/typescript/components/primitives/Image/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Image as RNImage } from 'react-native';
+import type { IImageProps } from './types';
+declare const Image: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("./types").InterfaceImageProps & Partial<{}> & {
+    variant?: unknown;
+    size?: import("../../types").ThemeComponentSizeType<"Image">;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;
+interface ImageStatics {
+    getSize: typeof RNImage.prefetch;
+    prefetch: typeof RNImage.prefetch;
+    queryCache: typeof RNImage.queryCache;
+}
+declare const ImageWithStatics: typeof Image & ImageStatics;
+export default ImageWithStatics;
+export type { IImageProps };

package/lib/typescript/components/primitives/Image/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import type { ImageProps, ImageSourcePropType } from 'react-native';
+import type { StyledProps } from '../../../theme/types';
+import type { ITextProps } from '../../primitives';
+import type { CustomProps, PlatformProps } from '../../types';
+export interface InterfaceImageProps extends PlatformProps<IImageProps>, Omit<ImageProps, 'borderRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'height' | 'width' | 'source'>, StyledProps {
+    /**
+     * specify a source for image.
+     */
+    source?: ImageSourcePropType;
+    /**
+     * The alt text that describes the image. This will be added as accessibilityLabel in android/iOS and alt on web.
+     */
+    alt?: string;
+    /**
+     * In the event of an error loading the src, specify a fallback source.
+     */
+    fallbackSource?: ImageSourcePropType;
+    /**
+     * Opt out of the fallbackSource logic and show alternative text.
+     */
+    ignoreFallback?: boolean;
+    /**
+     * Text styling for alt.
+     */
+    _alt?: Partial<ITextProps>;
+    /**
+     * In the event of an error loading the src, specify a fallback JSX Element.
+     */
+    fallbackElement?: JSX.Element | JSX.Element[];
+    /**
+     * specify a source for image.
+     */
+    src?: string;
+}
+export declare type IImageProps = InterfaceImageProps & CustomProps<'Image'>;

package/lib/typescript/components/primitives/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<import("./types").InterfaceInputProps & Partial<{}> & {
+    variant?: import("../../types").ResponsiveValue<"rounded" | "outline" | (string & {}) | "underlined" | "unstyled" | "filled">;
+    size?: import("../../types").ThemeComponentSizeType<"Input">;
+    colorScheme?: import("../../types").ColorSchemeType;
+}, "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "_light" | "_dark" | "_important" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "variant" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor"> & React.RefAttributes<unknown>>>;
+export default _default;

package/lib/typescript/components/primitives/Input/InputAddons.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const InputLeftAddon: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../Box").InterfaceBoxProps<null> & {
+    variant?: unknown;
+    size?: unknown;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;
+export declare const InputRightAddon: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../Box").InterfaceBoxProps<null> & {
+    variant?: unknown;
+    size?: unknown;
+    colorScheme?: import("../../types").ColorSchemeType;
+} & React.RefAttributes<unknown>>>;