@sudobility/components-rn 1.0.21 → 1.0.23

package/dist/lib/utils.d.ts

@@ -1,8 +1,13 @@
 import { ClassValue } from 'clsx';
 /**
  * Merges class names for React Native with NativeWind.
- * Unlike web version, we don't need tailwind-merge since NativeWind
- * processes Tailwind classes at build time.
+ *
+ * Unlike the web version (`@sudobility/components`), this does NOT use
+ * `tailwind-merge` since NativeWind processes Tailwind classes at build
+ * time and handles conflict resolution internally.
+ *
+ * @param inputs - Class values to merge (strings, arrays, objects, etc.)
+ * @returns A single merged class name string
  */
 export declare function cn(...inputs: ClassValue[]): string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAE7C;;;;GAIG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAE7C;;;;;;;;;GASG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/ui/Alert/Alert.d.ts

@@ -1,5 +1,11 @@
 import { default as React } from 'react';
 import { ViewProps } from 'react-native';
+/**
+ * Props for the Alert component.
+ *
+ * Supports semantic variants (info, success, warning, attention, error)
+ * with design system styling, optional custom icons, and compound content.
+ */
 export interface AlertProps extends ViewProps {
     variant?: 'info' | 'success' | 'warning' | 'attention' | 'error';
     title?: string;
@@ -7,10 +13,12 @@ export interface AlertProps extends ViewProps {
     icon?: React.ReactNode;
     children?: React.ReactNode;
 }
+/** Alert title sub-component with bold font styling. */
 export declare const AlertTitle: React.FC<{
     children: React.ReactNode;
     className?: string;
 }>;
+/** Alert description sub-component with smaller text styling. */
 export declare const AlertDescription: React.FC<{
     children: React.ReactNode;
     className?: string;

package/dist/ui/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAEA,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAEA,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8BtC,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD,wDAAwD;AACxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAEA,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAEA,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8BtC,CAAC"}

package/dist/ui/Button/Button.shared.d.ts

@@ -11,15 +11,30 @@ export interface ButtonBaseProps {
     children: ReactNode;
 }
 /**
- * Map size abbreviations to design system variant keys
+ * Map size abbreviations to design system variant keys.
+ *
+ * @param size - The abbreviated size key ('sm', 'lg', or 'default')
+ * @returns The full design system variant key ('small', 'large', or 'default')
  */
 export declare const mapSizeToVariantKey: (size: string | undefined) => string;
 /**
- * Get button variant class from design system
+ * Get button variant class string from the design system.
+ *
+ * Handles gradient variants, web3 variants (wallet/connect/disconnect),
+ * and standard variants with size modifiers.
+ *
+ * @param variantName - The button variant name (e.g., 'primary', 'gradient', 'wallet')
+ * @param sizeName - Optional size abbreviation ('sm' or 'lg')
+ * @param v - The design system variants object
+ * @returns A Tailwind class string from the design system
  */
 export declare const getButtonVariantClass: (variantName: string, sizeName: string | undefined, v: any) => string;
 /**
- * Shared button state logic
+ * Shared button state logic for determining disabled and spinner visibility.
+ *
+ * @param loading - Whether the button is in a loading state
+ * @param disabled - Whether the button is explicitly disabled
+ * @returns An object with `isDisabled` and `showSpinner` booleans
  */
 export declare const useButtonState: (loading: boolean | undefined, disabled: boolean | undefined) => {
     isDisabled: boolean;

package/dist/ui/Button/Button.shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.shared.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,qBAAqB,GACrB,SAAS,GACT,MAAM,GACN,UAAU,GACV,oBAAoB,GACpB,kBAAkB,GAClB,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACxC,SAAS,CAAC,EACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,KAAK,GACL,SAAS,GACT,aAAa,GACb,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,GAAG,SAAS,KAAG,MAQ9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,EACnB,UAAU,MAAM,GAAG,SAAS,EAC5B,GAAG,GAAG,KACL,MAYF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,SAAS,OAAO,GAAG,SAAS,EAC5B,UAAU,OAAO,GAAG,SAAS;;;CAI7B,CAAC"}
+{"version":3,"file":"Button.shared.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,qBAAqB,GACrB,SAAS,GACT,MAAM,GACN,UAAU,GACV,oBAAoB,GACpB,kBAAkB,GAClB,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACxC,SAAS,CAAC,EACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,KAAK,GACL,SAAS,GACT,aAAa,GACb,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,GAAG,SAAS,KAAG,MAQ9D,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,EACnB,UAAU,MAAM,GAAG,SAAS,EAC5B,GAAG,GAAG,KACL,MAYF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GACzB,SAAS,OAAO,GAAG,SAAS,EAC5B,UAAU,OAAO,GAAG,SAAS;;;CAI7B,CAAC"}

package/dist/ui/Card/Card.d.ts

@@ -1,5 +1,12 @@
 import { default as React } from 'react';
 import { ViewProps } from 'react-native';
+/**
+ * Props for the Card component.
+ *
+ * Supports multiple visual variants (bordered, elevated, info, success, etc.),
+ * configurable padding, optional icon display, and a close button for
+ * info-type variants.
+ */
 export interface CardProps extends ViewProps {
     variant?: 'default' | 'bordered' | 'elevated' | 'info' | 'success' | 'warning' | 'error' | 'callout';
     padding?: 'none' | 'sm' | 'md' | 'lg';
@@ -10,13 +17,38 @@ export interface CardProps extends ViewProps {
     /** For info variants: show close button */
     onClose?: () => void;
 }
+/**
+ * Card component for React Native.
+ *
+ * A versatile container with variant-based styling from the design system.
+ * Info-type variants (info, success, warning, error) support an optional
+ * icon and close button.
+ *
+ * @example
+ * ```tsx
+ * <Card variant="elevated" padding="md">
+ *   <CardHeader title="Title" description="Subtitle" />
+ *   <CardContent><Text>Body</Text></CardContent>
+ *   <CardFooter><Button>Action</Button></CardFooter>
+ * </Card>
+ * ```
+ */
 export declare const Card: React.FC<CardProps>;
+/** Props for the CardHeader sub-component. */
 interface CardHeaderProps extends ViewProps {
+    /** Card title rendered as a heading. */
     title?: string;
+    /** Card description rendered below the title. */
     description?: string;
 }
+/**
+ * Card header sub-component with optional title and description.
+ * Uses design system text variants for consistent typography.
+ */
 export declare const CardHeader: React.FC<CardHeaderProps>;
+/** Card body content area. */
 export declare const CardContent: React.FC<ViewProps>;
+/** Card footer area, rendered as a horizontal row with top padding. */
 export declare const CardFooter: React.FC<ViewProps>;
 export {};
 //# sourceMappingURL=Card.d.ts.map

package/dist/ui/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAYD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmDpC,CAAC;AAEF,UAAU,eAAgB,SAAQ,SAAS;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgBhD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU1C,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrE;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAYD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmDpC,CAAC;AAEF,8CAA8C;AAC9C,UAAU,eAAgB,SAAQ,SAAS;IACzC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgBhD,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU3C,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU1C,CAAC"}

package/dist/ui/{ChainBadge.d.ts → ChainBadge/ChainBadge.d.ts}

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { ViewProps } from 'react-native';
 export type ChainType = 'evm' | 'solana' | 'bitcoin' | 'cosmos';
+/** Badge displaying a blockchain network identifier with chain-specific color and icon */
 export interface ChainBadgeProps extends ViewProps {
     chainType: ChainType;
     size?: 'sm' | 'md' | 'lg';

package/dist/ui/ChainBadge/ChainBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainBadge.d.ts","sourceRoot":"","sources":["../../../src/ui/ChainBadge/ChainBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhE,0FAA0F;AAC1F,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0CD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgChD,CAAC"}

package/dist/ui/ChainBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { ChainBadge, type ChainBadgeProps, type ChainType } from './ChainBadge';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/ChainBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ChainBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/Spinner/Spinner.d.ts

@@ -1,10 +1,18 @@
 import { default as React } from 'react';
 import { ViewProps } from 'react-native';
+/**
+ * Props for the Spinner loading indicator component.
+ */
 export interface SpinnerProps extends ViewProps {
+    /** Size of the activity indicator. */
     size?: 'small' | 'default' | 'large' | 'extraLarge';
+    /** Color variant for the spinner. */
     variant?: 'default' | 'white' | 'success' | 'warning' | 'error';
+    /** Accessibility label for screen readers. */
     accessibilityLabel?: string;
+    /** Text shown below the spinner when showText is true. */
     loadingText?: string;
+    /** Whether to display loading text below the spinner. */
     showText?: boolean;
 }
 /**

package/dist/ui/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7E,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACpD,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiBD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2B1C,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7E;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACpD,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChE,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiBD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2B1C,CAAC"}

package/dist/ui/Toast/Toast.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+/** Data structure representing a single toast notification. */
 export interface ToastMessage {
     id: string;
     title?: string;
@@ -16,11 +17,21 @@ export interface ToastProps {
     /** Remove toast handler */
     onRemove: (id: string) => void;
 }
+/** Context value provided by ToastProvider for managing toast notifications. */
 export interface ToastContextValue {
     toasts: ToastMessage[];
     addToast: (toast: Omit<ToastMessage, 'id'>) => void;
     removeToast: (id: string) => void;
 }
+/**
+ * Hook to access the toast notification system.
+ *
+ * Must be used within a ToastProvider. Returns functions to add and remove
+ * toast notifications, plus the current list of active toasts.
+ *
+ * @returns The toast context value with addToast, removeToast, and toasts
+ * @throws Error if used outside of a ToastProvider
+ */
 export declare const useToast: () => ToastContextValue;
 /**
  * Toast Component

package/dist/ui/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAID,eAAO,MAAM,QAAQ,yBAMpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoFtC,CAAC;AAwBF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA+BjE,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,+DAA+D;AAC/D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,gFAAgF;AAChF,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAID;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,yBAMpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoFtC,CAAC;AAwBF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA+BjE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/components-rn",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "React Native UI components and design system - Ported from @sudobility/components",
   "type": "module",
   "main": "dist/index.js",
@@ -48,8 +48,8 @@
   ],
   "author": "Sudobility",
   "peerDependencies": {
-    "@sudobility/design": "^1.1.19",
-    "@sudobility/types": "^1.9.53",
+    "@sudobility/design": "^1.1.20",
+    "@sudobility/types": "^1.9.54",
     "nativewind": ">=4.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-native": ">=0.72.0",
@@ -61,9 +61,18 @@
     "clsx": "^2.0.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-flow": "^7.27.1",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@babel/runtime": "^7.28.6",
     "@eslint/js": "^9.15.0",
-    "@sudobility/design": "^1.1.19",
-    "@sudobility/types": "^1.9.53",
+    "@react-native/babel-preset": "^0.84.0",
+    "@react-native/js-polyfills": "^0.84.0",
+    "@react-native/normalize-colors": "^0.84.0",
+    "@sudobility/design": "^1.1.20",
+    "@sudobility/types": "^1.9.54",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.0",
@@ -72,22 +81,24 @@
     "@typescript-eslint/eslint-plugin": "^8.15.0",
     "@typescript-eslint/parser": "^8.15.0",
     "ajv": "^8.17.1",
+    "babel-jest": "^30.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "eslint": "^9.38.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^30.2.0",
     "nativewind": "^4.1.0",
-    "prettier": "^3.4.0",
+    "prettier": "^3.6.2",
     "react": "^18.3.0",
     "react-native": "^0.76.0",
-    "typescript": "^5.6.0",
+    "react-test-renderer": "18.3.1",
+    "typescript": "^5.9.3",
     "vite": "^6.0.0",
-    "vite-plugin-dts": "^4.3.0"
+    "vite-plugin-dts": "^4.5.4"
   },
   "repository": {
     "type": "git",
@@ -98,7 +109,7 @@
   },
   "homepage": "https://github.com/sudobility/components-rn#readme",
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   },
   "engines": {
     "node": ">=18.0.0"

package/src/__tests__/alert.test.tsx

@@ -0,0 +1,95 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react-native';
+import { Text } from 'react-native';
+import { Alert, AlertTitle, AlertDescription } from '../ui/Alert';
+
+// Mock @sudobility/design
+jest.mock('@sudobility/design', () => ({
+  variants: {
+    alert: {
+      info: () => 'mocked-alert-info',
+      success: () => 'mocked-alert-success',
+      warning: () => 'mocked-alert-warning',
+      attention: () => 'mocked-alert-attention',
+      error: () => 'mocked-alert-error',
+    },
+  },
+}));
+
+describe('Alert', () => {
+  it('renders with title', () => {
+    render(<Alert title='Alert Title' />);
+    expect(screen.getByText('Alert Title')).toBeTruthy();
+  });
+
+  it('renders with description', () => {
+    render(<Alert description='Alert description' />);
+    expect(screen.getByText('Alert description')).toBeTruthy();
+  });
+
+  it('renders with both title and description', () => {
+    render(
+      <Alert title='Important' description='This is an important message' />
+    );
+    expect(screen.getByText('Important')).toBeTruthy();
+    expect(screen.getByText('This is an important message')).toBeTruthy();
+  });
+
+  it('has alert accessibility role', () => {
+    render(<Alert title='Alert' testID='alert-el' />);
+    const alert = screen.getByTestId('alert-el');
+    expect(alert.props.accessibilityRole).toBe('alert');
+  });
+
+  it('renders with different variants without crashing', () => {
+    const variants = [
+      'info',
+      'success',
+      'warning',
+      'attention',
+      'error',
+    ] as const;
+
+    variants.forEach(variant => {
+      const { unmount } = render(<Alert variant={variant} title={variant} />);
+      expect(screen.getByText(variant)).toBeTruthy();
+      unmount();
+    });
+  });
+
+  it('renders default icons for each variant', () => {
+    render(<Alert variant='success' title='Success' testID='alert-icon' />);
+    const alert = screen.getByTestId('alert-icon');
+    expect(alert.props.accessibilityRole).toBe('alert');
+  });
+
+  it('renders custom icon when provided', () => {
+    render(
+      <Alert icon={<Text testID='custom-icon'>*</Text>} title='Custom Icon' />
+    );
+    expect(screen.getByTestId('custom-icon')).toBeTruthy();
+  });
+
+  it('renders children content', () => {
+    render(
+      <Alert>
+        <Text>Custom child content</Text>
+      </Alert>
+    );
+    expect(screen.getByText('Custom child content')).toBeTruthy();
+  });
+});
+
+describe('AlertTitle', () => {
+  it('renders text content', () => {
+    render(<AlertTitle>Title Text</AlertTitle>);
+    expect(screen.getByText('Title Text')).toBeTruthy();
+  });
+});
+
+describe('AlertDescription', () => {
+  it('renders text content', () => {
+    render(<AlertDescription>Description text</AlertDescription>);
+    expect(screen.getByText('Description text')).toBeTruthy();
+  });
+});

package/src/__tests__/badge.test.tsx

@@ -0,0 +1,121 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { Text } from 'react-native';
+import { Badge } from '../ui/Badge';
+
+describe('Badge', () => {
+  it('renders children text', () => {
+    render(<Badge>Active</Badge>);
+    expect(screen.getByText('Active')).toBeTruthy();
+  });
+
+  it('renders with different variants without crashing', () => {
+    const variants = [
+      'default',
+      'primary',
+      'success',
+      'warning',
+      'danger',
+      'info',
+      'purple',
+    ] as const;
+
+    variants.forEach(variant => {
+      const { unmount } = render(<Badge variant={variant}>{variant}</Badge>);
+      expect(screen.getByText(variant)).toBeTruthy();
+      unmount();
+    });
+  });
+
+  it('renders with different sizes without crashing', () => {
+    const sizes = ['sm', 'md', 'lg'] as const;
+
+    sizes.forEach(size => {
+      const { unmount } = render(<Badge size={size}>Size {size}</Badge>);
+      expect(screen.getByText(`Size ${size}`)).toBeTruthy();
+      unmount();
+    });
+  });
+
+  it('renders an icon when provided', () => {
+    render(
+      <Badge icon={<Text testID='badge-icon'>Star</Text>}>Featured</Badge>
+    );
+    expect(screen.getByTestId('badge-icon')).toBeTruthy();
+    expect(screen.getByText('Featured')).toBeTruthy();
+  });
+
+  it('renders a dot indicator when dot is true', () => {
+    const { toJSON } = render(<Badge dot>Pending</Badge>);
+    expect(screen.getByText('Pending')).toBeTruthy();
+    // The dot is a View element that gets rendered in the tree
+    expect(toJSON()).toBeTruthy();
+  });
+
+  it('renders as a pressable when onPress is provided', () => {
+    const onPress = jest.fn();
+    render(<Badge onPress={onPress}>Clickable</Badge>);
+    fireEvent.press(screen.getByRole('button'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not have button role when onPress is not provided', () => {
+    render(<Badge>Static</Badge>);
+    expect(screen.queryByRole('button')).toBeNull();
+  });
+
+  it('renders dismiss button when dismissible', () => {
+    const onDismiss = jest.fn();
+    render(
+      <Badge dismissible onDismiss={onDismiss}>
+        Dismissable
+      </Badge>
+    );
+    const dismissButton = screen.getByLabelText('Dismiss');
+    expect(dismissButton).toBeTruthy();
+    fireEvent.press(dismissButton);
+    expect(onDismiss).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not render dismiss button when not dismissible', () => {
+    render(<Badge>Not dismissable</Badge>);
+    expect(screen.queryByLabelText('Dismiss')).toBeNull();
+  });
+
+  it('displays count', () => {
+    render(<Badge count={5}>Items</Badge>);
+    expect(screen.getByText('5')).toBeTruthy();
+  });
+
+  it('displays maxCount with + when count exceeds it', () => {
+    render(
+      <Badge count={150} maxCount={99}>
+        Items
+      </Badge>
+    );
+    expect(screen.getByText('99+')).toBeTruthy();
+  });
+
+  it('displays exact count when within maxCount', () => {
+    render(
+      <Badge count={50} maxCount={99}>
+        Items
+      </Badge>
+    );
+    expect(screen.getByText('50')).toBeTruthy();
+  });
+
+  it('renders with outline style without crashing', () => {
+    render(
+      <Badge variant='primary' outline>
+        Outlined
+      </Badge>
+    );
+    expect(screen.getByText('Outlined')).toBeTruthy();
+  });
+
+  it('renders with pill shape without crashing', () => {
+    render(<Badge pill>Pill</Badge>);
+    expect(screen.getByText('Pill')).toBeTruthy();
+  });
+});

package/src/__tests__/button.test.tsx

@@ -0,0 +1,107 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { Text } from 'react-native';
+import { Button } from '../ui/Button';
+
+// Mock @sudobility/design
+jest.mock('@sudobility/design', () => ({
+  variants: {
+    button: new Proxy(
+      {},
+      {
+        get: () =>
+          new Proxy(() => 'mocked-class', {
+            get: () => () => 'mocked-class',
+          }),
+      }
+    ),
+  },
+}));
+
+describe('Button', () => {
+  it('renders with string children', () => {
+    render(<Button>Press me</Button>);
+    expect(screen.getByText('Press me')).toBeTruthy();
+  });
+
+  it('renders with custom children (non-string)', () => {
+    render(
+      <Button>
+        <Text testID='custom-child'>Custom</Text>
+      </Button>
+    );
+    expect(screen.getByTestId('custom-child')).toBeTruthy();
+  });
+
+  it('has button accessibility role', () => {
+    render(<Button>Click</Button>);
+    expect(screen.getByRole('button')).toBeTruthy();
+  });
+
+  it('calls onPress when pressed', () => {
+    const onPress = jest.fn();
+    render(<Button onPress={onPress}>Click</Button>);
+    fireEvent.press(screen.getByRole('button'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not call onPress when disabled', () => {
+    const onPress = jest.fn();
+    render(
+      <Button onPress={onPress} disabled>
+        Click
+      </Button>
+    );
+    fireEvent.press(screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+
+  it('shows spinner when loading', () => {
+    render(<Button loading>Loading</Button>);
+    // ActivityIndicator is rendered when loading is true
+    // The button should also be disabled
+    const button = screen.getByRole('button');
+    expect(button.props.accessibilityState).toEqual({ disabled: true });
+  });
+
+  it('applies accessibility label', () => {
+    render(<Button accessibilityLabel='Submit form'>Submit</Button>);
+    const button = screen.getByRole('button');
+    expect(button.props.accessibilityLabel).toBe('Submit form');
+  });
+
+  it('sets disabled accessibility state when disabled', () => {
+    render(<Button disabled>Disabled</Button>);
+    const button = screen.getByRole('button');
+    expect(button.props.accessibilityState).toEqual({ disabled: true });
+  });
+
+  it('renders with different variants without crashing', () => {
+    const variants = [
+      'default',
+      'primary',
+      'secondary',
+      'outline',
+      'ghost',
+      'destructive',
+      'success',
+      'link',
+    ] as const;
+
+    variants.forEach(variant => {
+      const { unmount } = render(<Button variant={variant}>{variant}</Button>);
+      expect(screen.getByText(variant)).toBeTruthy();
+      unmount();
+    });
+  });
+
+  it('renders with different sizes without crashing', () => {
+    const sizes = ['default', 'sm', 'lg', 'icon'] as const;
+
+    sizes.forEach(size => {
+      const { unmount } = render(<Button size={size}>{`Size ${size}`}</Button>);
+      expect(screen.getByText(`Size ${size}`)).toBeTruthy();
+      unmount();
+    });
+  });
+});