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

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

@@ -0,0 +1,4 @@
+export interface PageIndicatorsProps {
+    totalPages: number;
+    isCurrentPage: (pageIndex: number) => boolean;
+}

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

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

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

@@ -0,0 +1,3 @@
+import { TextInputProps } from "../TextInput/types";
+export interface PasswordInputProps extends Omit<TextInputProps, "secureTextEntry"> {
+}

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

@@ -0,0 +1,6 @@
+import { RadioInputVariantEnum } from "../enums";
+export declare const radioInputVariants: (props?: ({
+    variant?: RadioInputVariantEnum | null | undefined;
+    isSelected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -0,0 +1,9 @@
+export declare enum RadioInputVariantEnum {
+    GRAPE = "grape",
+    JAVA = "java",
+    PEAR = "pear",
+    TANGERINE = "tangerine",
+    CHIA = "chia",
+    PITAYA = "pitaya",
+    MANGO = "mango"
+}

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

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

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

@@ -0,0 +1,8 @@
+import { RadioInputVariantEnum } from "./enums";
+export interface RadioInputProps {
+    isSelected?: boolean;
+    variant?: RadioInputVariantEnum;
+    disabled?: boolean;
+    className?: string;
+    onChange?(value: boolean): void;
+}

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

@@ -1,5 +1,6 @@
+import { SizeEnum } from "../../../enums";
 export declare const sealVariants: (props?: ({
-    size?: "small" | "medium" | null | undefined;
-    variant?: "left" | "right" | "alert" | "add" | "success" | "error" | "minus" | null | undefined;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | null | undefined;
+    variant?: "success" | "error" | "add" | "left" | "right" | "alert" | "minus" | null | undefined;
     inverted?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/components/Seal/components/AddIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const AddIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

package/dist/typescript/components/Seal/components/AlertIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const AlertIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

package/dist/typescript/components/Seal/components/ErrorIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const ErrorIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

package/dist/typescript/components/Seal/components/LeftIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const LeftIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LeftIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

package/dist/typescript/components/Seal/components/MinusIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const MinusIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MinusIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

package/dist/typescript/components/Seal/components/RightIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const RightIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RightIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

package/dist/typescript/components/Seal/components/SuccessIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SealIconProps } from "../../types";
-export declare const SuccessIcon: ({ size, ...props }: SealIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SuccessIcon: ({ size, ...props }: SealIconProps) => import("react").JSX.Element;

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

@@ -1,14 +1,16 @@
 import type { SvgProps } from "react-native-svg";
 import { SealVariantEnum } from "./enums";
+import { SizeEnum } from "../../enums";
 export type SealVariant = SealVariantEnum;
+export type SealSize = SizeEnum.SMALL | SizeEnum.MEDIUM;
 export interface SealIconProps extends SvgProps {
     size?: SealSize;
 }
-export type SealSize = "small" | "medium";
 export interface SealProps {
     variant: SealVariant;
     size?: SealSize;
     inverted?: boolean;
     disabled?: boolean;
     className?: string;
+    testID?: string;
 }

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

@@ -0,0 +1,7 @@
+import { SizeEnum, CornersEnum } from "../../../enums";
+declare const buttonVariants: (props?: ({
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | null | undefined;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants };

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

@@ -0,0 +1,4 @@
+export declare enum SelectButtonVariantEnum {
+    RADIO = "radio",
+    CHECKBOX = "checkbox"
+}

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

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

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

@@ -0,0 +1,18 @@
+import type { VariantProps } from "class-variance-authority";
+import { buttonVariants } from "./assets/class-variants";
+import { PressableProps, View } from "react-native";
+import { SelectButtonVariantEnum } from "./enums";
+import { SizeEnum, CornersEnum } from "../../enums";
+export interface SelectButtonProps extends VariantProps<typeof buttonVariants>, PressableProps {
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM;
+    isSelected: boolean;
+    disabled?: boolean;
+    className?: string;
+    variant?: SelectButtonVariantEnum;
+    children?: React.ReactNode;
+    onPress?: () => void;
+    accessibilityLabel?: string;
+    ref?: React.RefObject<View | null>;
+    numberOfLines?: number;
+}

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

@@ -0,0 +1,15 @@
+export declare const textInputContainerVariants: (props?: ({
+    corners?: "small" | "medium" | null | undefined;
+    showLabel?: boolean | null | undefined;
+    error?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const textInputContentVariants: (props?: ({
+    showLabel?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const textInputFieldVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+    isValid?: boolean | null | undefined;
+    error?: boolean | null | undefined;
+    showLabel?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -0,0 +1,4 @@
+export declare enum TextInputCornersEnum {
+    SMALL = "small",
+    MEDIUM = "medium"
+}

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

@@ -0,0 +1,6 @@
+import type { TextInputProps } from "./types";
+export declare function TextInput({ corners, label, value, onChangeText, disabled, error, isValid, className, inputClassName, labelClassName, placeholder, accessibilityLabel, containerTestID, ref, tooltipClassName, tooltipPointerClassName, tooltipContainerClassName, rightIcon, ...rest }: TextInputProps): import("react").JSX.Element;
+export declare namespace TextInput {
+    var displayName: string;
+}
+export default TextInput;

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

@@ -0,0 +1,21 @@
+import { TextInputProps as RNTextInputProps, TextInput as RNTextInput } from "react-native";
+import { TextInputCornersEnum } from "./enums";
+export type TextInputCorners = TextInputCornersEnum;
+export interface TextInputProps extends Omit<RNTextInputProps, "value" | "onChangeText"> {
+    corners?: TextInputCorners;
+    label?: string;
+    value?: string;
+    disabled?: boolean;
+    error?: string;
+    isValid?: boolean;
+    className?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    containerTestID?: string;
+    tooltipClassName?: string;
+    tooltipPointerClassName?: string;
+    tooltipContainerClassName?: string;
+    rightIcon?: React.ReactNode;
+    onChangeText?: (text: string) => void;
+    ref?: React.RefObject<RNTextInput | null>;
+}

package/dist/typescript/components/Title/components/icon/index.d.ts

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

package/dist/typescript/components/Title/components/icon/types.d.ts

@@ -1,12 +1,7 @@
-export declare enum IconVariants {
-    SUCCESS = "success",
-    ERROR = "error",
-    WARNING = "warning",
-    ADD = "add",
-    CUSTOM = "custom"
-}
+import { StateVariantEnum, SizeEnum } from "../../../../enums";
+export type IconSize = SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
 export interface IconProps {
-    variants: IconVariants;
-    size?: "small" | "medium" | "large";
+    variants: StateVariantEnum;
+    size?: IconSize;
     customIcon?: React.ReactNode;
 }

package/dist/typescript/components/Title/components/marker/index.d.ts

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

package/dist/typescript/components/Title/components/marker/types.d.ts

@@ -1,4 +1,6 @@
+import { SizeEnum } from "../../../../enums";
+export type MarkerSize = SizeEnum.SMALL | SizeEnum.MEDIUM;
 export interface MarkerProps {
-    size?: "small" | "medium";
+    size?: MarkerSize;
     color?: "pear" | "java" | "grape" | "pitaya" | "tangerine" | "mango" | "blackberry" | "chia" | "ghost";
 }

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

@@ -1,5 +1,5 @@
 import type { TitleProps } from "./types";
-declare function Title(props: TitleProps): import("react/jsx-runtime").JSX.Element;
+declare function Title(props: TitleProps): import("react").JSX.Element;
 declare namespace Title {
     var Icon: typeof import("./components").Icon;
     var Marker: typeof import("./components").Marker;

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

@@ -1,7 +1,9 @@
 import type React from "react";
+import { SizeEnum } from "../../enums";
+export type TitleSize = SizeEnum.XXLARGE | SizeEnum.XLARGE | SizeEnum.LARGE | SizeEnum.MEDIUM | SizeEnum.SMALL | SizeEnum.XSMALL;
 export interface TitleProps {
     children: React.ReactNode;
     className?: string;
-    variant?: "2xlarge" | "xlarge" | "large" | "medium" | "small" | "xsmall";
+    variant?: TitleSize;
     head: React.ReactNode;
 }

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

@@ -0,0 +1,8 @@
+import { ToastPositionEnum, ToastVariantEnum } from "../enums";
+declare const toastVariants: (props?: ({
+    variant?: ToastVariantEnum | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const containerVariants: (props?: ({
+    position?: ToastPositionEnum | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { toastVariants, containerVariants };

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

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

package/dist/typescript/components/Toast/enums/position.d.ts

@@ -0,0 +1,4 @@
+export declare enum ToastPositionEnum {
+    TOP = "top",
+    BOTTOM = "bottom"
+}

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

@@ -0,0 +1,5 @@
+export declare enum ToastVariantEnum {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning"
+}

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

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

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

@@ -0,0 +1,11 @@
+import type { ToastPositionEnum, ToastVariantEnum } from "./enums";
+export interface ToastProps {
+    className?: string;
+    descriptionClassName?: string;
+    description: string;
+    variant?: ToastVariantEnum;
+    position?: ToastPositionEnum;
+    durationInMilliSeconds?: number;
+    isToastOpen: boolean;
+    onCloseToast: (value: boolean) => void;
+}

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

@@ -1,4 +1,4 @@
-export declare enum VariantEnum {
+export declare enum ToggleVariantEnum {
     GRAPE = "grape",
     JAVA = "java",
     PEAR = "pear",

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

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

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

@@ -1,7 +1,7 @@
-import type { VariantEnum } from "./enums";
+import type { ToggleVariantEnum } from "./enums";
 export interface ToggleProps {
     checked: boolean;
     disabled?: boolean;
-    variant?: VariantEnum;
+    variant?: ToggleVariantEnum;
     onChange: (checked: boolean) => void;
 }

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

@@ -0,0 +1,7 @@
+import { TooltipVariantEnum } from "../enum";
+export declare const contentVariants: (props?: ({
+    variant?: TooltipVariantEnum | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pointerVariants: (props?: ({
+    variant?: TooltipVariantEnum | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/components/Tooltip/components/Content/index.d.ts

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

package/dist/typescript/components/Tooltip/components/Content/types.d.ts

@@ -0,0 +1,14 @@
+import { LayoutChangeEvent } from "react-native";
+import { TooltipPointerOffsetEnum, TooltipVariantEnum } from "../../enum";
+export interface ContentProps {
+    message: string | React.ReactNode;
+    variant?: TooltipVariantEnum;
+    className?: string;
+    pointerClassName?: string;
+    containerClassName?: string;
+    isVisible: boolean;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    translateX?: number;
+    pointerOffset?: TooltipPointerOffsetEnum;
+    onChangeVisibility?: (isVisible: boolean) => void;
+}

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

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

package/dist/typescript/components/Tooltip/enum/index.d.ts

@@ -0,0 +1,9 @@
+export declare enum TooltipVariantEnum {
+    ERROR = "error",
+    TRIGGER = "trigger"
+}
+export declare enum TooltipPointerOffsetEnum {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}

package/dist/typescript/components/Tooltip/hooks/index.d.ts

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

package/dist/typescript/components/Tooltip/hooks/tooltip-position.d.ts

@@ -0,0 +1,17 @@
+import { LayoutChangeEvent, LayoutRectangle } from "react-native";
+import { TooltipPointerOffsetEnum } from "../enum";
+interface TooltipPositionData {
+    triggerLayout: LayoutRectangle | null;
+    tooltipLayout: LayoutRectangle | null;
+    screenWidth: number;
+    adjustedPosition: {
+        translateX?: number;
+    };
+    pointerOffset?: TooltipPointerOffsetEnum;
+}
+export declare function useTooltipPosition(): {
+    positionData: TooltipPositionData;
+    onTriggerLayout: (event: LayoutChangeEvent) => void;
+    onTooltipLayout: (event: LayoutChangeEvent) => void;
+};
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import { ViewStyle } from "react-native";
+import { TooltipVariantEnum } from "./enum";
+export interface TooltipProps {
+    children?: React.ReactNode;
+    message: React.ReactNode;
+    variant?: TooltipVariantEnum;
+    className?: string;
+    pointerClassName?: string;
+    containerClassName?: string;
+    style?: ViewStyle;
+    onChangeVisibility?: (isVisible: boolean) => void;
+    isOpenedByVariantError?: boolean;
+}

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

@@ -0,0 +1,4 @@
+export declare const typographyVariants: (props?: ({
+    variant?: "label_small" | "label_medium" | "label_large" | "body_small" | "body_medium" | "body_large" | "title_small" | "title_medium" | "title_large" | "headline_small" | "headline_medium" | "headline_large" | "display_small" | "display_medium" | "display_large" | null | undefined;
+    weight?: "400" | "200" | "300" | "500" | "600" | "700" | "800" | "900" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -11,15 +11,15 @@ import type { TypographyProps } from "./types";
  *
  * @example
  * // Display text with automatic font mapping
- * <Typography variant="text-display_large_700">Hero Title</Typography>
+ * <Typography variant="display_large" weight="700">Hero Title</Typography>
  *
  * @example
  * // Body text with medium weight
- * <Typography variant="text-body_medium_500">Content text</Typography>
+ * <Typography variant="body_medium" weight="500">Content text</Typography>
  *
  * @example
  * // With additional styling
- * <Typography variant="text-label_small_300" className="text-gray-600">
+ * <Typography variant="label_small" weight="300" className="text-gray-600">
  *   Form label
  * </Typography>
  */

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

@@ -1,7 +1,7 @@
 import type { TextProps as RNTextProps } from "react-native";
-import type { TypographyVariant } from "@butterfly/tailwind-preset";
-export interface TypographyProps extends Omit<RNTextProps, "children"> {
-    variant: TypographyVariant;
+import type { VariantProps } from "class-variance-authority";
+import { typographyVariants } from "./assets/class-variants";
+export interface TypographyProps extends Omit<RNTextProps, "children">, VariantProps<typeof typographyVariants> {
     className?: string;
     children: React.ReactNode;
 }

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

@@ -1,11 +1,58 @@
+export * from "./Avatar";
 export * from "./Button";
+export type * from "./Button/types";
+export * from "./ChatBubble";
+export type * from "./ChatBubble/contexts/ChatBubbleContext/types";
+export type * from "./ChatBubble/types";
 export * from "./Chip";
+export * from "./Chip/enums";
+export * from "./Chip/types";
 export * from "./InformationStatus";
-export * from "./InputCheckbox";
-export * from "./InputOTP";
+export * from "./InformationStatus/enums";
+export type * from "./InformationStatus/types";
+export * from "./CheckboxInput";
+export * from "./CheckboxInput/enums";
+export type * from "./CheckboxInput/types";
+export * from "./OtpInput";
+export * from "./OtpInput/enums";
+export type * from "./OtpInput/types";
 export * from "./HighlightedText";
+export type * from "./HighlightedText/types";
 export * from "./LoadingDots";
+export * from "./LoadingDots/types";
 export * from "./Seal";
+export * from "./Seal/enums";
+export type * from "./Seal/types";
 export * from "./Title";
+export type * from "./Title/types";
 export * from "./Toggle";
+export * from "./Toggle/enums";
+export type * from "./Toggle/types";
 export * from "./Typography";
+export type * from "./Typography/types";
+export * from "./Toast";
+export * from "./Toast/enums";
+export type * from "./Toast/types";
+export * from "./Tooltip";
+export type * from "./Tooltip/types";
+export * from "./ListButton";
+export * from "./ListButton/enums";
+export type * from "./ListButton/types";
+export * from "./TextInput";
+export * from "./TextInput/enums";
+export type * from "./TextInput/types";
+export * from "./SelectButton";
+export * from "./SelectButton/enums";
+export type * from "./SelectButton/types";
+export * from "./RadioInput";
+export * from "./RadioInput/enums";
+export type * from "./RadioInput/types";
+export * from "./IconButton";
+export * from "./IconButton/enums";
+export type * from "./IconButton/types";
+export * from "./PasswordInput";
+export type * from "./PasswordInput/types";
+export * from "./PageIndicators";
+export type * from "./PageIndicators/types";
+export * from "./ActionButton";
+export type * from "./ActionButton/types";

package/dist/typescript/enums/corners.d.ts

@@ -0,0 +1,6 @@
+export declare enum CornersEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge"
+}

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

@@ -0,0 +1,3 @@
+export * from "./size";
+export * from "./corners";
+export * from "./state-variant";

package/dist/typescript/enums/size.d.ts

@@ -0,0 +1,10 @@
+export declare enum SizeEnum {
+    XXSMALL = "xxsmall",
+    XSMALL = "xsmall",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge",
+    XXLARGE = "xxlarge",
+    XXXLARGE = "xxxlarge"
+}

package/dist/typescript/enums/state-variant.d.ts

@@ -0,0 +1,7 @@
+export declare enum StateVariantEnum {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    ADD = "add",
+    CUSTOM = "custom"
+}

package/dist/typescript/iconography/Icons/index.d.ts

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

package/dist/typescript/index.d.ts

@@ -1 +1,3 @@
 export * from "./components";
+export * from "./enums";
+export * from "./styles";

package/dist/typescript/storybook-utils/components/CodeBlock/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CodeBlockProps } from "./types";
+export declare function CodeBlock({ children, title, showLineNumbers, maxHeight, }: CodeBlockProps): React.JSX.Element;
+export default CodeBlock;

package/dist/typescript/storybook-utils/components/CodeBlock/types.d.ts

@@ -0,0 +1,6 @@
+export interface CodeBlockProps {
+    children: string;
+    title?: string;
+    showLineNumbers?: boolean;
+    maxHeight?: number;
+}

package/dist/typescript/storybook-utils/components/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Storybook Utilities - Documentation Components
+ *
+ * These components are NOT part of the design system.
+ * They are utility components specifically for Storybook documentation.
+ *
+ * DO NOT export these from the main components index.
+ * DO NOT create stories for these components.
+ */
+export { CodeBlock } from "./CodeBlock";
+export type { CodeBlockProps } from "./CodeBlock/types";

package/dist/typescript/storybook-utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Storybook Utilities
+ *
+ * These are utility components and helpers specifically for Storybook documentation.
+ * They are NOT part of the design system and should not be exported from the main package.
+ */
+export * from "./components";

package/dist/typescript/styles/index.d.ts

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

package/dist/typescript/styles/mixins/index.d.ts

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

package/dist/typescript/styles/mixins/shadows/elevation-down-100.d.ts

@@ -0,0 +1 @@
+export declare const elevationDown100 = "1px 1px 2px 0 rgba(119, 128, 128, 0.02), 1px 1px 4px 0 rgba(119, 128, 128, 0.02), 2px 2px 6px 0 rgba(119, 128, 128, 0.02), 2px 2px 16px 0 rgba(119, 128, 128, 0.06)";

package/dist/typescript/styles/mixins/shadows/elevation-down-200.d.ts

@@ -0,0 +1 @@
+export declare const elevationDown200 = "2px 2px 4px 0 rgba(119, 128, 128, 0.08), 4px 4px 6px 0 rgba(119, 128, 128, 0.06), 6px 6px 8px 0 rgba(119, 128, 128, 0.04), 8px 8px 24px 0 rgba(119, 128, 128, 0.08)";

package/dist/typescript/styles/mixins/shadows/elevation-down-300.d.ts

@@ -0,0 +1 @@
+export declare const elevation300 = "4px 4px 4px 0 rgba(119, 128, 128, 0.08), 12px 12px 6px 0 rgba(119, 128, 128, 0.06), 18px 18px 16px 0 rgba(119, 128, 128, 0.04), 12px 12px 40px 0 rgba(119, 128, 128, 0.24)";