dash-ui-kit 1.0.94 → 2.1.0-dev

package/dist/react-native/components/input/index.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { TextInputProps, ViewStyle, TextStyle } from 'react-native';
+import { VariantProps } from 'class-variance-authority';
+declare const inputStyles: (props?: ({
+    colorScheme?: "default" | "brand" | "error" | "success" | "light-gray" | null | undefined;
+    size?: "sm" | "md" | "xl" | null | undefined;
+    variant?: "outlined" | "filled" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type InputVariants = VariantProps<typeof inputStyles>;
+export interface InputProps extends Omit<TextInputProps, 'editable'>, Omit<InputVariants, 'disabled'> {
+    /** Light or dark theme */
+    theme?: 'light' | 'dark';
+    /** Color scheme override for light theme */
+    colorSchemeLight?: 'default' | 'brand' | 'error' | 'success' | 'light-gray';
+    /** Color scheme override for dark theme */
+    colorSchemeDark?: 'default' | 'brand' | 'error' | 'success' | 'light-gray';
+    className?: string;
+    error?: boolean;
+    success?: boolean;
+    disabled?: boolean;
+    /**
+     * Prefix text or React element displayed before the input content
+     */
+    prefix?: string | React.ReactNode;
+    /**
+     * Style object for the prefix element
+     */
+    prefixStyle?: TextStyle;
+    /**
+     * Controls visibility toggle for password inputs. When false, the eye icon is hidden.
+     * Defaults to true.
+     */
+    showPasswordToggle?: boolean;
+    /**
+     * Custom container style (overrides Tailwind classes)
+     */
+    style?: ViewStyle;
+    /**
+     * Custom text style for input text (overrides Tailwind text classes)
+     */
+    textStyle?: TextStyle;
+}
+/**
+ * React Native Input component that adapts to various color schemes, sizes, variants, and states.
+ * For password inputs (secureTextEntry), includes a toggleable eye icon.
+ * Supports prefix text or elements before input content.
+ *
+ * @example
+ * <Input
+ *   secureTextEntry
+ *   placeholder="Enter password"
+ *   colorScheme="brand"
+ *   size="xl"
+ *   prefix="https://"
+ * />
+ */
+export declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/react-native/components/notActive/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TextProps, TextStyle } from 'react-native';
+export interface NotActiveProps extends Omit<TextProps, 'style'> {
+    children?: React.ReactNode;
+    className?: string;
+    /** Light or dark theme */
+    theme?: 'light' | 'dark';
+    /** Custom text style (overrides Tailwind classes) */
+    style?: TextStyle;
+}
+/**
+ * NotActive component for React Native
+ * Shows "n/a" text with theme-aware styling
+ */
+export declare function NotActive({ children, className, theme, style, ...props }: NotActiveProps): React.JSX.Element;
+export default NotActive;

package/dist/react-native/components/tabs/index.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export interface TabItem {
+    /** Unique identifier for the tab */
+    value: string;
+    /** Label text to display */
+    label: string;
+    /** Content to render when tab is active */
+    content: React.ReactNode;
+    /** Whether this tab is disabled */
+    disabled?: boolean;
+}
+export interface TabsProps {
+    /** Array of tab items */
+    items: TabItem[];
+    /** Currently active tab value (controlled) */
+    value?: string;
+    /** Default active tab value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when active tab changes */
+    onValueChange?: (value: string) => void;
+    /** Size variant */
+    size?: 'sm' | 'lg' | 'xl';
+    /** Theme variant */
+    theme?: 'light' | 'dark';
+    /** Additional CSS classes for the root container */
+    className?: string;
+    /** Additional CSS classes for the tabs list */
+    listClassName?: string;
+    /** Additional CSS classes for tab triggers */
+    triggerClassName?: string;
+    /** Additional CSS classes for tab content */
+    contentClassName?: string;
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+    /** Custom tabs list style (overrides Tailwind classes) */
+    listStyle?: ViewStyle;
+    /** Custom tab trigger style (overrides Tailwind classes) */
+    triggerStyle?: ViewStyle;
+    /** Custom tab content style (overrides Tailwind classes) */
+    contentStyle?: ViewStyle;
+    /** Custom tab text style (overrides Tailwind text classes) */
+    textStyle?: TextStyle;
+}
+/**
+ * React Native Tabs component with sleek underline style matching Figma design.
+ * Features horizontal scrolling, light/dark theme support, and touch interactions.
+ */
+export declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/dist/react-native/components/text/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TextProps as RNTextProps, TextStyle } from 'react-native';
+import { VariantProps } from 'class-variance-authority';
+declare const textStyles: (props?: ({
+    variant?: "body" | "caption" | "label" | null | undefined;
+    weight?: "regular" | "medium" | "semibold" | "bold" | null | undefined;
+    color?: "default" | "blue" | "red" | "gray" | null | undefined;
+    italic?: boolean | null | undefined;
+    underline?: boolean | null | undefined;
+    lineThrough?: boolean | null | undefined;
+    transform?: "none" | "uppercase" | "capitalize" | null | undefined;
+    opacity?: 100 | 80 | 60 | 40 | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type TextVariants = VariantProps<typeof textStyles>;
+export interface TextProps extends Omit<RNTextProps, 'style'>, TextVariants {
+    /** Additional Tailwind classes for styling */
+    className?: string;
+    /** Custom text style (overrides Tailwind classes) */
+    style?: TextStyle;
+    /** Text children */
+    children?: React.ReactNode;
+}
+/**
+ * React Native Text component with variants, weights, and styling options.
+ * Uses twrnc for Tailwind-like styling converted to React Native styles.
+ */
+export declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/react-native/components/transactionStatusIcon/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../icons';
+/**
+ * Available status keys for which an icon will be rendered.
+ */
+export type StatusKey = 'SUCCESS' | 'FAIL' | 'QUEUED' | 'POOLED' | 'BROADCASTED';
+/**
+ * Props for the TransactionStatusIcon component.
+ */
+export interface TransactionStatusIconProps extends Omit<IconProps, 'color'> {
+    /** Which status icon to show. */
+    status: StatusKey;
+    /** Optional override for icon color. */
+    color?: string;
+    /** Theme for default color selection. */
+    theme?: 'light' | 'dark';
+}
+/**
+ * Renders an icon corresponding to the given `status`.
+ * If `status` is not recognized, returns null.
+ * Colors adapt to light/dark theme unless overridden.
+ */
+export declare const TransactionStatusIcon: React.FC<TransactionStatusIconProps>;
+export default TransactionStatusIcon;

package/dist/react-native/components/valueCard/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { ViewStyle, PressableProps } from 'react-native';
+import { VariantProps } from 'class-variance-authority';
+/**
+ * ValueCard CVA - twrnc-compatible classes.
+ * dash-block-sm/md/xl expanded: px-3 py-2 rounded-[10px], px-[18px] py-3 rounded-[14px], px-[25px] py-5 rounded-[16px]
+ * hover: classes omitted (RN uses Pressable opacity for press feedback)
+ */
+declare const valueCardStyles: (props?: ({
+    theme?: "light" | "dark" | null | undefined;
+    colorScheme?: "default" | "green" | "lightBlue" | "lightGray" | "white" | "transparent" | "yellow" | null | undefined;
+    size?: "sm" | "md" | "xl" | "xs" | null | undefined;
+    clickable?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    border?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type ValueCardVariants = VariantProps<typeof valueCardStyles>;
+export interface ValueCardProps extends Omit<PressableProps, 'style'>, Omit<ValueCardVariants, 'theme'> {
+    /** Theme - light or dark. Default: 'light' */
+    theme?: 'light' | 'dark';
+    /** Color scheme */
+    colorScheme?: 'default' | 'transparent' | 'green' | 'lightBlue' | 'white' | 'lightGray' | 'yellow';
+    /** Color scheme override for light theme */
+    colorSchemeLight?: 'default' | 'transparent' | 'green' | 'lightBlue' | 'white' | 'lightGray' | 'yellow';
+    /** Color scheme override for dark theme */
+    colorSchemeDark?: 'default' | 'transparent' | 'green' | 'lightBlue' | 'white' | 'lightGray' | 'yellow';
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'xl';
+    /** Whether the card is clickable (shows press feedback) */
+    clickable?: boolean;
+    /** Show loading state with ActivityIndicator */
+    loading?: boolean;
+    /** Show border. Default: true */
+    border?: boolean;
+    /** Additional Tailwind classes */
+    className?: string;
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+    /** Card content */
+    children: React.ReactNode;
+}
+/**
+ * React Native ValueCard - card container with theme, color schemes, sizes,
+ * clickability, loading state, and optional border.
+ */
+export declare const ValueCard: React.FC<ValueCardProps>;
+export default ValueCard;

package/dist/react-native/hooks/index.d.ts

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

package/dist/react-native/hooks/useDebounce.d.ts

@@ -0,0 +1,43 @@
+interface UseDebounceOptions<T> {
+    /**
+     * Delay in milliseconds
+     */
+    delay: number;
+    /**
+     * Callback called when debounced value changes
+     */
+    callback?: (value: T) => void;
+    /**
+     * If true, the value will be set immediately on first call
+     */
+    immediate?: boolean;
+}
+interface UseDebounceReturn<T> {
+    /**
+     * Current debounced value
+     */
+    debouncedValue: T;
+    /**
+     * Function to force flush debounce and immediately update value
+     */
+    flush: () => void;
+    /**
+     * Function to cancel current pending debounce
+     */
+    cancel: () => void;
+    /**
+     * Whether there's a pending change
+     */
+    isPending: boolean;
+}
+/**
+ * Hook for debouncing values with extended functionality
+ * React Native compatible version
+ *
+ * @param value - Value to debounce
+ * @param options - Configuration options
+ * @returns Object with debounced value and control methods
+ */
+declare const useDebounce: <T>(value: T, options: UseDebounceOptions<T> | number) => UseDebounceReturn<T>;
+export default useDebounce;
+export { useDebounce };