@kivid/native-components 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/typescript/components/ActionButton/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ActionButtonProps } from "./types";
+export declare function ActionButton(props: ActionButtonProps): React.JSX.Element;
+export declare namespace ActionButton {
+    var displayName: string;
+}
+export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types";

package/dist/typescript/components/ActionButton/types.d.ts

@@ -0,0 +1,48 @@
+import type { VariantProps } from "class-variance-authority";
+import { PressableProps, View } from "react-native";
+import { CornersEnum } from "../../enums";
+import { menuCardVariants } from "./assets/class-variants";
+export type ActionButtonVariant = "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline";
+export type ActionButtonCorners = CornersEnum.SMALL | CornersEnum.MEDIUM | CornersEnum.LARGE;
+export interface ActionButtonProps extends VariantProps<typeof menuCardVariants>, PressableProps {
+    /**
+     * The icon to display at the top of the card
+     */
+    icon: React.ReactNode;
+    /**
+     * The main label text
+     */
+    label: string;
+    /**
+     * The subtitle text below the label
+     */
+    subtitle?: string;
+    /**
+     * Visual style variant of the card
+     */
+    variant?: ActionButtonVariant;
+    /**
+     * Border radius of the card
+     */
+    corners?: ActionButtonCorners;
+    /**
+     * Whether the card is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Callback when card is pressed
+     */
+    onPress?: () => void;
+    /**
+     * Accessibility label
+     */
+    accessibilityLabel?: string;
+    /**
+     * Reference to the card element
+     */
+    ref?: React.RefObject<View | null>;
+}

package/dist/typescript/components/Avatar/assets/class-variants.d.ts

@@ -0,0 +1,5 @@
+import { SizeEnum } from "../../../enums";
+declare const avatarVariants: (props?: ({
+    size?: SizeEnum.XXSMALL | SizeEnum.XSMALL | SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | SizeEnum.XLARGE | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { avatarVariants };

package/dist/typescript/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+import type { AvatarProps } from "./types";
+export declare function Avatar(props: AvatarProps): import("react").JSX.Element;

package/dist/typescript/components/Avatar/types.d.ts

@@ -0,0 +1,8 @@
+import { SizeEnum } from "../../enums";
+export type AvatarSize = SizeEnum.XXSMALL | SizeEnum.XSMALL | SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | SizeEnum.XLARGE;
+export interface AvatarProps {
+    src?: string | null;
+    name?: string;
+    size?: AvatarSize;
+    className?: string;
+}

package/dist/typescript/components/Button/assets/class-variants.d.ts

@@ -1,14 +1,15 @@
+import { SizeEnum, CornersEnum } from "../../../enums";
 declare const buttonVariants: (props?: ({
     variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    corners?: "small" | "medium" | null | undefined;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | null | undefined;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM | null | undefined;
     fullWidth?: boolean | null | undefined;
     selected?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const textVariants: (props?: ({
     variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
     selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const selectedVariants: (props?: ({
     variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;

package/dist/typescript/components/Button/index.d.ts

@@ -1,6 +1,7 @@
-import { ButtonProps } from "./types";
-export declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import type { ButtonCorners, ButtonProps, ButtonSize, ButtonVariant } from "./types";
+export declare function Button(props: ButtonProps): React.JSX.Element;
 export declare namespace Button {
     var displayName: string;
 }
-export default Button;
+export { ButtonProps, ButtonVariant, ButtonSize, ButtonCorners };

package/dist/typescript/components/Button/types.d.ts

@@ -1,9 +1,10 @@
 import type { VariantProps } from "class-variance-authority";
 import { buttonVariants } from "./assets/class-variants";
 import { PressableProps, View } from "react-native";
+import { SizeEnum, CornersEnum } from "../../enums";
 export type ButtonVariant = "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost";
-export type ButtonSize = "small" | "medium" | "large";
-export type ButtonCorners = "small" | "medium";
+export type ButtonSize = SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
+export type ButtonCorners = CornersEnum.SMALL | CornersEnum.MEDIUM;
 export interface ButtonProps extends VariantProps<typeof buttonVariants>, PressableProps {
     loading?: boolean;
     selected?: boolean;

package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts

@@ -0,0 +1,7 @@
+export declare const chatBubbleBoxVariants: (props?: ({
+    variant?: "error" | "custom" | "alert" | "check" | null | undefined;
+    colorState?: "fill" | "outline" | null | undefined;
+    hasEar?: boolean | null | undefined;
+    messageType?: "initial" | "followUp" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const chatBubbleTimeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/typescript/components/ChatBubble/components/ChatBubbleContent/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ChatBubbleContentProps } from "./types";
+/**
+ * Content container for the main bubble content (seal + text)
+ */
+export declare const ChatBubbleContent: React.FC<ChatBubbleContentProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleContent/types.d.ts

@@ -0,0 +1,5 @@
+import { ViewProps } from "react-native";
+export interface ChatBubbleContentProps extends Omit<ViewProps, "children"> {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SvgProps } from "react-native-svg";
+interface ChatBubbleEarProps extends SvgProps {
+    type: "fill" | "outline";
+    color?: string;
+}
+export declare const ChatBubbleEar: React.FC<ChatBubbleEarProps>;
+export {};

package/dist/typescript/components/ChatBubble/components/ChatBubbleLoading/index.d.ts

@@ -0,0 +1,9 @@
+import { ViewProps } from "react-native";
+import { LoadingDotsProps } from "../../../LoadingDots/types";
+export interface ChatBubbleLoadingProps extends ViewProps {
+    loadingDotsProps?: LoadingDotsProps;
+}
+export declare const ChatBubbleLoading: {
+    (props: ChatBubbleLoadingProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ChatBubbleSealProps } from "./types";
+export declare const ChatBubbleSeal: React.FC<ChatBubbleSealProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/types.d.ts

@@ -0,0 +1,4 @@
+import { SealProps } from "../../../Seal/types";
+export interface ChatBubbleSealProps extends Omit<SealProps, "variant"> {
+    className?: string;
+}

package/dist/typescript/components/ChatBubble/components/ChatBubbleText/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ChatBubbleTextProps } from "./types";
+/**
+ * Typography component for bubble text content
+ */
+export declare const ChatBubbleText: React.FC<ChatBubbleTextProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleText/types.d.ts

@@ -0,0 +1,4 @@
+import { TypographyProps } from "../../../Typography/types";
+export interface ChatBubbleTextProps extends Omit<TypographyProps, "variant" | "weight"> {
+    className?: string;
+}

package/dist/typescript/components/ChatBubble/components/ChatBubbleTime/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ChatBubbleTimeProps } from "./types";
+/**
+ * Time component for displaying message timestamp
+ */
+export declare const ChatBubbleTime: React.FC<ChatBubbleTimeProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleTime/types.d.ts

@@ -0,0 +1,5 @@
+import { TextProps } from "react-native";
+export interface ChatBubbleTimeProps extends Omit<TextProps, "children"> {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/typescript/components/ChatBubble/components/index.d.ts

@@ -0,0 +1,6 @@
+export { ChatBubbleEar } from "./ChatBubbleEar";
+export { ChatBubbleContent } from "./ChatBubbleContent";
+export { ChatBubbleSeal } from "./ChatBubbleSeal";
+export { ChatBubbleText } from "./ChatBubbleText";
+export { ChatBubbleTime } from "./ChatBubbleTime";
+export { ChatBubbleLoading } from "./ChatBubbleLoading";

package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/index.d.ts

@@ -0,0 +1,3 @@
+import type { ChatBubbleContextValue } from "./types";
+export declare const ChatBubbleContext: import("react").Context<ChatBubbleContextValue | null>;
+export declare const useChatBubbleContext: () => ChatBubbleContextValue;

package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts

@@ -0,0 +1,6 @@
+import { ChatBubbleColorState, ChatBubbleMessageType, ChatBubbleType } from "../../types";
+export interface ChatBubbleContextValue {
+    variant?: ChatBubbleType;
+    colorState: ChatBubbleColorState;
+    messageType: ChatBubbleMessageType;
+}

package/dist/typescript/components/ChatBubble/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChatBubbleContext";

package/dist/typescript/components/ChatBubble/index.d.ts

@@ -0,0 +1,12 @@
+import type { ChatBubbleProps } from "./types";
+export declare function ChatBubble(props: ChatBubbleProps): import("react").JSX.Element;
+export declare namespace ChatBubble {
+    var Content: import("react").FC<import("./components/ChatBubbleContent/types").ChatBubbleContentProps>;
+    var Seal: import("react").FC<import("./components/ChatBubbleSeal/types").ChatBubbleSealProps>;
+    var Text: import("react").FC<import("./components/ChatBubbleText/types").ChatBubbleTextProps>;
+    var Loading: {
+        (props: import("./components/ChatBubbleLoading").ChatBubbleLoadingProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    var displayName: string;
+}

package/dist/typescript/components/ChatBubble/types.d.ts

@@ -0,0 +1,15 @@
+import type { ViewProps } from "react-native";
+export type ChatBubbleType = "check" | "alert" | "error" | "custom";
+export type ChatBubbleColorState = "fill" | "outline";
+export type ChatBubbleMessageType = "initial" | "followUp";
+export interface ChatBubbleProps extends Omit<ViewProps, "children"> {
+    variant?: ChatBubbleType;
+    colorState?: ChatBubbleColorState;
+    hasEar?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    time?: string;
+    shouldDisplayTime?: boolean;
+    messageType?: ChatBubbleMessageType;
+    chatBubbleBoxClassName?: string;
+}

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/assets/class-variants.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxVariantEnum } from "../enums";
-export declare const inputCheckboxVariants: (props?: ({
+export declare const checkboxInputVariants: (props?: ({
     variant?: CheckboxVariantEnum | null | undefined;
     isChecked?: boolean | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SvgProps } from "react-native-svg";
-export declare const CheckIcon: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: (props: SvgProps) => import("react").JSX.Element;

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SvgProps } from "react-native-svg";
-export declare const IndeterminateIcon: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IndeterminateIcon: (props: SvgProps) => import("react").JSX.Element;

package/dist/typescript/components/CheckboxInput/index.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxInputProps } from "./types";
+export declare function CheckboxInput(props: CheckboxInputProps): import("react").JSX.Element;

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/types.d.ts

@@ -1,10 +1,11 @@
 import type { CheckboxVariantEnum, SelectVariantEnum } from "./enums";
 export type CheckboxVariant = CheckboxVariantEnum;
 export type CheckboxSelectType = SelectVariantEnum;
-export interface InputCheckboxProps {
+export interface CheckboxInputProps {
     isChecked?: boolean;
     selectType?: CheckboxSelectType;
     variant?: CheckboxVariant;
     disabled?: boolean;
-    onChange(value: boolean): void;
+    className?: string;
+    onChange?(value: boolean): void;
 }

package/dist/typescript/components/Chip/assets/class-variants.d.ts

@@ -1,5 +1,5 @@
 export declare const chipVariants: (props?: ({
     size?: "medium" | "large" | null | undefined;
     variant?: "outline" | "highlight" | "filled" | null | undefined;
-    sealVariant?: "left" | "right" | "alert" | "add" | "success" | "error" | "minus" | null | undefined;
+    sealVariant?: "success" | "error" | "add" | "left" | "right" | "alert" | "minus" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/components/Chip/enums/index.d.ts

@@ -1,2 +1 @@
 export * from "./chip-variant";
-export * from "./chip-size";

package/dist/typescript/components/Chip/index.d.ts

@@ -1,2 +1,3 @@
-import type { ChipProps } from "./types";
-export declare function Chip(props: ChipProps): import("react/jsx-runtime").JSX.Element;
+import type { ChipProps, ChipSize, ChipVariant } from "./types";
+export declare function Chip(props: ChipProps): import("react").JSX.Element;
+export { ChipProps, ChipSize, ChipVariant };

package/dist/typescript/components/Chip/types.d.ts

@@ -1,6 +1,7 @@
 import type { SealVariant } from "../Seal/types";
-import { ChipSizeEnum, ChipVariantEnum } from "./enums";
-export type ChipSize = ChipSizeEnum;
+import { ChipVariantEnum } from "./enums";
+import { SizeEnum } from "../../enums";
+export type ChipSize = SizeEnum.MEDIUM | SizeEnum.LARGE;
 export type ChipVariant = ChipVariantEnum;
 export interface ChipProps {
     label: string;

package/dist/typescript/components/HighlightedText/index.d.ts

@@ -1,6 +1,7 @@
 import type { HighlightedTextProps } from "./types";
-export declare function HighlightedText(props: HighlightedTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function HighlightedText(props: HighlightedTextProps): import("react").JSX.Element;
 export declare namespace HighlightedText {
     var displayName: string;
 }
 export default HighlightedText;
+export { HighlightedTextProps };

package/dist/typescript/components/HighlightedText/types.d.ts

@@ -1,9 +1,15 @@
-import { Text, TextProps } from "react-native";
+import { TextProps } from "react-native";
+import type { TypographyProps } from "../Typography/types";
 export interface HighlightedTextProps extends TextProps {
     text: string;
     highlightText?: string;
-    highlightTextClassName?: string;
     className?: string;
-    ref?: React.RefObject<Text | null>;
     reverse?: boolean;
+    variant?: TypographyProps["variant"];
+    weight?: TypographyProps["weight"];
+    highlightedTextProps?: {
+        className?: string;
+        variant?: TypographyProps["variant"];
+        weight?: TypographyProps["weight"];
+    };
 }

package/dist/typescript/components/IconButton/assets/class-variants.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums";
+declare const buttonVariants: (props?: ({
+    variant?: IconButtonVariantEnum | null | undefined;
+    size?: IconButtonSizeEnum | null | undefined;
+    corners?: IconButtonCornersEnum | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants };

package/dist/typescript/components/IconButton/assets/design-system-showcase.d.ts

@@ -0,0 +1,17 @@
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums";
+interface DesignSystemShowcaseItem {
+    size: IconButtonSizeEnum;
+    variant: IconButtonVariantEnum;
+    corners: IconButtonCornersEnum;
+    disabled?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+}
+interface DesignSystemShowcaseButtonProps {
+    title: string;
+    buttons: {
+        [key: string]: DesignSystemShowcaseItem[];
+    };
+}
+export declare const designSystemShowcase: Record<IconButtonSizeEnum, DesignSystemShowcaseButtonProps>;
+export {};

package/dist/typescript/components/IconButton/enums.d.ts

@@ -0,0 +1,22 @@
+export declare enum IconButtonVariantEnum {
+    GRAPE = "grape",
+    JAVA = "java",
+    PEAR = "pear",
+    TANGERINE = "tangerine",
+    PITAYA = "pitaya",
+    BLACKBERRY = "blackberry",
+    CHIA = "chia",
+    OUTLINE = "outline",
+    GHOST = "ghost"
+}
+export declare enum IconButtonSizeEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge",
+    XXLARGE = "xxlarge"
+}
+export declare enum IconButtonCornersEnum {
+    SMALL = "small",
+    MEDIUM = "medium"
+}

package/dist/typescript/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+import type { IconButtonProps } from "./types";
+export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;

package/dist/typescript/components/IconButton/types.d.ts

@@ -0,0 +1,15 @@
+import type { VariantProps } from "class-variance-authority";
+import type { buttonVariants } from "./assets/class-variants";
+import { PressableProps } from "react-native";
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "./enums";
+export interface IconButtonProps extends PressableProps, VariantProps<typeof buttonVariants> {
+    selected?: boolean;
+    icon: React.ReactNode;
+    loading?: boolean;
+    variant?: IconButtonVariantEnum;
+    size?: IconButtonSizeEnum;
+    corners?: IconButtonCornersEnum;
+    className?: string;
+    disabled?: boolean;
+    accessibilityLabel: string;
+}

package/dist/typescript/components/InformationStatus/components/GradientAdd/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientAddProps } from "./types";
-export declare function GradientAdd(props: GradientAddProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientAdd(props: GradientAddProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/components/GradientAlert/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientAlertProps } from "./types";
-export declare function GradientAlert(props: GradientAlertProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientAlert(props: GradientAlertProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/components/GradientCheck/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientCheckProps } from "./types";
-export declare function GradientCheck(props: GradientCheckProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientCheck(props: GradientCheckProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/components/GradientClose/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientCloseProps } from "./types";
-export declare function GradientClose(props: GradientCloseProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientClose(props: GradientCloseProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/index.d.ts

@@ -1,2 +1,2 @@
 import type { InformationStatusProps } from "./types";
-export declare function InformationStatus(props: InformationStatusProps): import("react/jsx-runtime").JSX.Element;
+export declare function InformationStatus(props: InformationStatusProps): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/types.d.ts

@@ -1,9 +1,11 @@
 import { StyleProp, ViewStyle } from "react-native";
 import { SvgProps } from "react-native-svg";
 import { InformationStatusOptionsEnum } from "./enums";
+import { SizeEnum } from "../../enums";
+export type InformationStatusSize = SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
 export interface InformationStatusProps {
     status: InformationStatusOptionsEnum;
-    size?: "small" | "medium" | "large";
+    size?: InformationStatusSize;
     square?: boolean;
     className?: string;
     style?: StyleProp<ViewStyle>;

package/dist/typescript/components/ListButton/assets/class-variants.d.ts

@@ -0,0 +1,11 @@
+import { ListButtonVariantEnum } from "../enums";
+import { SizeEnum, CornersEnum } from "../../../enums";
+declare const buttonVariants: (props?: ({
+    variant?: ListButtonVariantEnum | null | undefined;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | null | undefined;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textVariants: (props?: ({
+    variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants, textVariants };

package/dist/typescript/components/ListButton/assets/design-system-showcase.d.ts

@@ -0,0 +1,14 @@
+import { ListButtonVariantEnum } from "../enums";
+import { SizeEnum, CornersEnum } from "../../../enums";
+interface ListButtonShowcaseProps {
+    variant: ListButtonVariantEnum;
+    size: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
+    corners: CornersEnum.SMALL | CornersEnum.MEDIUM;
+    children: string;
+    iconColor: string;
+    disabled?: boolean;
+    iconLeft?: boolean;
+    iconRight?: boolean;
+}
+export declare const listButtonShowcaseVariants: Record<string, ListButtonShowcaseProps[]>;
+export {};

package/dist/typescript/components/ListButton/enums/index.d.ts

@@ -0,0 +1 @@
+export * from "./variant";

package/dist/typescript/components/ListButton/enums/variant.d.ts

@@ -0,0 +1,9 @@
+export declare enum ListButtonVariantEnum {
+    GRAPE = "grape",
+    JAVA = "java",
+    PEAR = "pear",
+    TANGERINE = "tangerine",
+    BLACKBERRY = "blackberry",
+    CHIA = "chia",
+    OUTLINE = "outline"
+}

package/dist/typescript/components/ListButton/index.d.ts

@@ -0,0 +1,2 @@
+import type { ListButtonProps } from "./types";
+export declare function ListButton(props: ListButtonProps): import("react").JSX.Element;

package/dist/typescript/components/ListButton/types.d.ts

@@ -0,0 +1,19 @@
+import type { VariantProps } from "class-variance-authority";
+import type { buttonVariants } from "./assets/class-variants";
+import type { ListButtonVariantEnum } from "./enums";
+import { PressableProps } from "react-native";
+import { SizeEnum, CornersEnum } from "../../enums";
+export interface ListButtonProps extends PressableProps, VariantProps<typeof buttonVariants> {
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    iconLeftContainerClassName?: React.ReactNode;
+    iconRightContainerClassName?: React.ReactNode;
+    children: React.ReactNode;
+    variant?: ListButtonVariantEnum;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM;
+    className?: string;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    numberOfLines?: number;
+}

package/dist/typescript/components/LoadingDots/index.d.ts

@@ -1,3 +1,3 @@
 import type { LoadingDotsProps } from "./types";
-export declare const LoadingDots: ({ variant, className, style, lottieViewStyle, ref, ...rest }: LoadingDotsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingDots: ({ variant, className, style, lottieViewStyle, ref, ...rest }: LoadingDotsProps) => import("react").JSX.Element;
 export default LoadingDots;

package/dist/typescript/components/OtpInput/assets/class-variant.d.ts

@@ -0,0 +1,5 @@
+export declare const inputVariants: (props?: ({
+    rounded?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    hasError?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/components/{InputOTP → OtpInput}/components/InformationStatus/index.d.ts

@@ -1,3 +1,3 @@
 import type { InformationStatusProps } from "./types";
-export declare function InformationStatus(props: InformationStatusProps): import("react/jsx-runtime").JSX.Element;
+export declare function InformationStatus(props: InformationStatusProps): import("react").JSX.Element;
 export default InformationStatus;

package/dist/typescript/components/OtpInput/components/InformationStatus/types.d.ts

@@ -0,0 +1,6 @@
+import type { OTPInputInformationStatusEnum } from "../../enums";
+export interface InformationStatusProps {
+    status: OTPInputInformationStatusEnum;
+    disabled?: boolean;
+    onPress?: () => void;
+}

package/dist/typescript/components/OtpInput/enums/index.d.ts

@@ -0,0 +1,6 @@
+export declare enum OTPInputInformationStatusEnum {
+    DEFAULT = "default",
+    ERROR = "error",
+    SUCCESS = "success",
+    LOADING = "loading"
+}

package/dist/typescript/components/OtpInput/index.d.ts

@@ -0,0 +1,3 @@
+import { OtpInputProps } from "./types";
+export declare function OtpInput(props: OtpInputProps): import("react").JSX.Element;
+export default OtpInput;

package/dist/typescript/components/OtpInput/types.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+import { OTPInputInformationStatusEnum } from "./enums";
+export interface OtpInputProps {
+    length?: number;
+    rounded?: boolean;
+    disabled?: boolean;
+    status?: OTPInputInformationStatusEnum;
+    customInformation?: React.ReactNode;
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    onComplete?: (value: string) => void;
+    onPressRetryToken?: (value: string) => void;
+    inputClassName?: string;
+}

package/dist/typescript/components/PageIndicators/index.d.ts

@@ -0,0 +1,2 @@
+import { PageIndicatorsProps } from "./types";
+export declare function PageIndicators(props: PageIndicatorsProps): import("react").JSX.Element;