@campxdev/react-native-blueprint 0.1.18 → 0.1.20

package/lib/typescript/src/components/DataDisplay/Badge/Badge.d.ts

@@ -0,0 +1,219 @@
+import * as React from 'react';
+import type { SlottableViewProps } from '@rn-primitives/types';
+import { type VariantProps } from 'class-variance-authority';
+import type { LucideIcon } from 'lucide-react-native';
+/**
+ * Badge container style variants
+ *
+ * @variant default - Primary badge with solid background
+ * @variant secondary - Secondary badge with muted background
+ * @variant destructive - Destructive badge with danger/error styling
+ * @variant success - Success badge with positive/confirmation styling
+ * @variant warning - Warning badge with caution styling
+ * @variant outline - Badge with border and transparent background
+ *
+ * @size sm - Small badge with compact padding and text
+ * @size md - Default badge size
+ */
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "success" | "warning" | "destructive" | "default" | "outline" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Badge text style variants for matching text colors with badge variants
+ * Applied through TextClassContext to child Text components
+ *
+ * Variants match badgeVariants to ensure proper contrast
+ * @see badgeVariants
+ */
+declare const badgeTextVariants: (props?: ({
+    variant?: "secondary" | "success" | "warning" | "destructive" | "default" | "outline" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Props for Badge component
+ *
+ * @extends SlottableViewProps - Includes all View props plus asChild for slot composition
+ * @extends VariantProps - Includes variant and size styling options from badgeVariants
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {'default' | 'secondary' | 'destructive' | 'success' | 'warning' | 'outline'} [variant='default']
+ *   - Badge style variant
+ * @property {'sm' | 'md'} [size='md'] - Badge size
+ * @property {LucideIcon} [leftIcon] - Optional icon displayed before badge content
+ * @property {LucideIcon} [rightIcon] - Optional icon displayed after badge content
+ * @property {boolean} [showRightIcon=false] - Controls visibility of rightIcon
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success" size="sm">
+ *   <Text>Active</Text>
+ * </Badge>
+ * ```
+ */
+type BadgeProps = SlottableViewProps & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+    leftIcon?: LucideIcon;
+    rightIcon?: LucideIcon;
+    showRightIcon?: boolean;
+};
+/**
+ * A compact badge component for displaying status, labels, or counts
+ *
+ * Small, pill-shaped component for highlighting information. Supports multiple
+ * variants and sizes, optional icons, and automatically styles child Text
+ * components via TextClassContext.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Success badge with icon
+ * <Badge variant="success" leftIcon={Check}>
+ *   <Text>Verified</Text>
+ * </Badge>
+ *
+ * // Warning badge with right icon
+ * <Badge variant="warning" rightIcon={X} showRightIcon>
+ *   <Text>Pending</Text>
+ * </Badge>
+ * ```
+ */
+declare const Badge: React.ForwardRefExoticComponent<Omit<Omit<Readonly<Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    onAccessibilityTap?: (() => unknown) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onMagicTap?: (() => unknown) | undefined;
+    onAccessibilityEscape?: (() => unknown) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
+    onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
+    onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
+    onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    nextFocusDown?: number | undefined;
+    nextFocusForward?: number | undefined;
+    nextFocusLeft?: number | undefined;
+    nextFocusRight?: number | undefined;
+    nextFocusUp?: number | undefined;
+    focusable?: boolean | undefined;
+    tabIndex?: 0 | -1;
+    onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    shouldRasterizeIOS?: boolean | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
+    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
+    "aria-labelledby"?: string | undefined;
+    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+    screenReaderFocusable?: boolean;
+}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined;
+    accessibilityLargeContentTitle?: string | undefined;
+    "aria-modal"?: boolean | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined;
+}>, "role" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
+    accessible?: boolean | undefined;
+    accessibilityLabel?: string | undefined;
+    accessibilityHint?: string | undefined;
+    "aria-label"?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
+    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
+    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
+    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
+    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
+    "aria-busy"?: boolean | undefined;
+    "aria-checked"?: (boolean | undefined) | "mixed";
+    "aria-disabled"?: boolean | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-selected"?: boolean | undefined;
+    "aria-hidden"?: boolean | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "testID" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    children?: React.ReactNode;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
+    collapsable?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
+    id?: string;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
+    pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    experimental_accessibilityOrder?: Array<string> | undefined;
+}>, never>>, "ref"> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}, "ref"> & {
+    asChild?: boolean;
+} & VariantProps<(props?: ({
+    variant?: "secondary" | "success" | "warning" | "destructive" | "default" | "outline" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+    leftIcon?: LucideIcon;
+    rightIcon?: LucideIcon;
+    showRightIcon?: boolean;
+} & React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>>;
+export { Badge, badgeTextVariants, badgeVariants };
+export type { BadgeProps };
+//# sourceMappingURL=Badge.d.ts.map

package/lib/typescript/src/components/DataDisplay/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAOtD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,aAAa;;;8EAsBlB,CAAC;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB;;;8EAmBrB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,KAAK,UAAU,GAAG,kBAAkB,GAClC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA3BG,OAAO;eACN,UAAU;gBACT,UAAU;oBACN,OAAO;yHA2D1B,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/src/components/DataDisplay/Badge/Badge.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Badge.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/Badge/Badge.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Badge/Badge.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/DataDisplay/Banner/Banner.d.ts

@@ -0,0 +1,15 @@
+export interface BannerProps {
+    title?: string;
+    subtitle?: string;
+    showBadge?: boolean;
+    badgeText?: string;
+    showActionItems?: boolean;
+    actionItems?: string[];
+    showTrailing?: boolean;
+    onTrailingPress?: () => void;
+    testID?: string;
+}
+declare function Banner({ title, subtitle, showBadge, badgeText, showActionItems, actionItems, showTrailing, onTrailingPress, testID, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export { Banner };
+export default Banner;
+//# sourceMappingURL=Banner.d.ts.map

package/lib/typescript/src/components/DataDisplay/Banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Banner/Banner.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,iBAAS,MAAM,CAAC,EACd,KAAsB,EACtB,QAA6C,EAC7C,SAAgB,EAChB,SAAmB,EACnB,eAAsB,EACtB,WAA2D,EAC3D,YAAmB,EACnB,eAAe,EACf,MAAM,GACP,EAAE,WAAW,2CAqDb;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,eAAe,MAAM,CAAC"}

package/lib/typescript/src/components/DataDisplay/Banner/Banner.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Banner.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/Banner/Banner.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Banner/Banner.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/DataDisplay/BannerRow/BannerRow.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface BannerItem {
+    /** Unique identifier for the banner */
+    id: string;
+    /** Custom gradient colors [start, end] */
+    gradientColors?: [string, string];
+    /** Custom width (default: 400) */
+    width?: number;
+    /** Custom height (default: 150) */
+    height?: number;
+    /** Custom border radius (default: 20) */
+    borderRadius?: number;
+    /** Content to render inside the banner */
+    children?: React.ReactNode;
+}
+export interface BannerProps {
+    /** Custom gradient colors [start, end] */
+    gradientColors?: [string, string];
+    /** Banner width (default: 400) */
+    width?: number;
+    /** Banner height (default: 150) */
+    height?: number;
+    /** Border radius (default: 20) */
+    borderRadius?: number;
+    /** Content to render inside the banner */
+    children?: React.ReactNode;
+    /** Used to override the banner style */
+    style?: StyleProp<ViewStyle>;
+    /** Used to locate this view in end-to-end tests */
+    testID?: string;
+}
+export interface BannerRowProps {
+    /** Array of banner items to render */
+    banners: BannerItem[];
+    /** Gap between banners (default: 8) */
+    gap?: number;
+    /** Content padding (default: 20) */
+    contentPadding?: number;
+    /** Whether to show scroll indicators (default: false) */
+    showsScrollIndicator?: boolean;
+    /** Whether to show end spacer (default: true) */
+    showEndSpacer?: boolean;
+    /** Callback when a banner is pressed */
+    onBannerPress?: (banner: BannerItem, index: number) => void;
+    /** Used to override the container style */
+    style?: StyleProp<ViewStyle>;
+    /** Used to override the content container style */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /** Used to locate this view in end-to-end tests */
+    testID?: string;
+}
+export declare function Banner({ gradientColors, width, height, borderRadius, children, style, testID, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Banner {
+    var displayName: string;
+}
+export declare function BannerRow({ banners, gap, contentPadding, showsScrollIndicator, showEndSpacer, onBannerPress: _onBannerPress, style, contentContainerStyle, testID, }: BannerRowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BannerRow {
+    var displayName: string;
+}
+//# sourceMappingURL=BannerRow.d.ts.map

package/lib/typescript/src/components/DataDisplay/BannerRow/BannerRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/BannerRow/BannerRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AA8BhF,MAAM,WAAW,UAAU;IACzB,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,mDAAmD;IACnD,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7C,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,MAAM,CAAC,EACrB,cAGC,EACD,KAAW,EACX,MAAY,EACZ,YAA+B,EAC/B,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,WAAW,2CAoBb;yBA/Be,MAAM;;;AAuCtB,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,GAAuB,EACvB,cAAkC,EAClC,oBAA4B,EAC5B,aAAoB,EACpB,aAAa,EAAE,cAAc,EAC7B,KAAK,EACL,qBAAqB,EACrB,MAAM,GACP,EAAE,cAAc,2CAqChB;yBA/Ce,SAAS"}

package/lib/typescript/src/components/DataDisplay/BannerRow/BannerRow.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BannerRow.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/BannerRow/BannerRow.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerRow.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/BannerRow/BannerRow.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/DataDisplay/CalendarItem/CalendarItem.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type BadgeProps } from '../../DataDisplay/Badge/Badge';
+/**
+ * CalendarItem Component
+ *
+ * A flexible calendar event display component with responsive variants.
+ * Supports span variants (1, 2, 3) for different event durations.
+ * Integrates Badge component for status/category indicators.
+ */
+export type CalendarSpan = 1 | 2 | 3;
+export interface CalendarItemProps {
+    /** Time displayed in left column (e.g., "09:00 AM") */
+    time?: string;
+    /** Event name/title */
+    eventName?: string;
+    /** Event time range (e.g., "09:00 AM - 09:50 AM") */
+    eventTime?: string;
+    /** Span variant: 1 (compact), 2 (medium), 3 (large) */
+    span?: CalendarSpan;
+    /** Show badge component */
+    showBadge?: boolean;
+    /** Show trailing checkmark icon */
+    showTrailing?: boolean;
+    /** Badge variant */
+    badgeVariant?: BadgeProps['variant'];
+    /** Badge size */
+    badgeSize?: BadgeProps['size'];
+    /** Badge text content */
+    badgeText?: string;
+    /** Left icon for badge */
+    leftIcon?: BadgeProps['leftIcon'];
+    /** Right icon for badge */
+    rightIcon?: BadgeProps['rightIcon'];
+    /** Show right icon in badge */
+    showRightIcon?: boolean;
+    /** Custom style override */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const CalendarItem: React.ForwardRefExoticComponent<CalendarItemProps & React.RefAttributes<View_>>;
+export default CalendarItem;
+//# sourceMappingURL=CalendarItem.d.ts.map

package/lib/typescript/src/components/DataDisplay/CalendarItem/CalendarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/CalendarItem/CalendarItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AASvE;;;;;;GAMG;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB;IACpB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,iBAAiB;IACjB,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4BD,eAAO,MAAM,YAAY,iFA0FxB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/DataDisplay/CalendarItem/CalendarItem.figma.d.ts

@@ -0,0 +1,2 @@
+export default function CalendarItemFigma(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CalendarItem.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/CalendarItem/CalendarItem.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarItem.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/CalendarItem/CalendarItem.figma.tsx"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAqCxC"}

package/lib/typescript/src/components/DataDisplay/Card/Card.d.ts

@@ -0,0 +1,65 @@
+import { type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const CardVariants: {
+    readonly density: readonly ["comfortable", "compact"];
+    readonly tone: readonly ["default", "subtle"];
+};
+type CardDensity = (typeof CardVariants.density)[number];
+type CardTone = (typeof CardVariants.tone)[number];
+declare const rootVariants: (props?: ({
+    tone?: "default" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const mediaWrapVariants: (props?: ({
+    density?: "comfortable" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const contentWrapVariants: (props?: ({
+    density?: "comfortable" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const overflowBtnVariants: (props?: ({
+    density?: "comfortable" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type LeadingType = 'avatar' | 'checkbox' | 'none';
+export type CardProps = Omit<VariantProps<typeof rootVariants> & VariantProps<typeof contentWrapVariants> & VariantProps<typeof mediaWrapVariants> & VariantProps<typeof overflowBtnVariants>, 'density' | 'tone'> & {
+    title?: string;
+    subtitle?: string;
+    body?: string;
+    /** optional media */
+    image?: ImageSourcePropType;
+    /** switches */
+    showMedia?: boolean;
+    showSubtitle?: boolean;
+    showBadges?: boolean;
+    showFooterActions?: boolean;
+    showLeading?: boolean;
+    showOverflowMenu?: boolean;
+    /** leading */
+    leadingType?: LeadingType | 'Avatar' | 'Checkbox' | 'None';
+    leadingChecked?: boolean | 'True' | 'False' | 'true' | 'false' | '1' | '0';
+    avatarInitials?: string;
+    /** variants */
+    density?: CardDensity | 'Comfortable' | 'Compact';
+    tone?: CardTone | 'Default' | 'Subtle';
+    /** optional badge labels */
+    badge1Text?: string;
+    badge2Text?: string;
+    /** footer button labels */
+    primaryActionText?: string;
+    secondaryActionText?: string;
+    /** callbacks */
+    onPrimaryActionPress?: () => void;
+    onSecondaryActionPress?: () => void;
+    onOverflowPress?: () => void;
+    /** Used to override the default root style. */
+    style?: StyleProp<ViewStyle>;
+    /** Used to locate this view in end-to-end tests. */
+    testID?: string;
+    /** Strictly block passing className */
+    className?: never;
+};
+export declare function Card(props: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Card {
+    var displayName: string;
+}
+export { rootVariants };
+export type { CardProps };
+//# sourceMappingURL=Card.d.ts.map

package/lib/typescript/src/components/DataDisplay/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAsBlE,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AACzD,KAAK,QAAQ,GAAG,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD,QAAA,MAAM,YAAY;;8EAUhB,CAAC;AAEH,QAAA,MAAM,iBAAiB;;8EAUrB,CAAC;AAEH,QAAA,MAAM,mBAAmB;;8EAUvB,CAAC;AAmCH,QAAA,MAAM,mBAAmB;;8EAaxB,CAAC;AAoBF,KAAK,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAgDlD,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,YAAY,CAAC,OAAO,YAAY,CAAC,GAC/B,YAAY,CAAC,OAAO,mBAAmB,CAAC,GACxC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GACtC,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAC1C,SAAS,GAAG,MAAM,CACnB,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,cAAc;IACd,WAAW,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,eAAe;IACf,OAAO,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;IAClD,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAEvC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,gBAAgB;IAChB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAMF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAmMpC;yBAnMe,IAAI;;;AAuMpB,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/src/components/DataDisplay/Card/Card.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Card.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/Card/Card.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Card/Card.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/DataDisplay/Chips/Chips.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const ChipVariants: {
+    readonly state: readonly ["default", "selected", "disabled"];
+    readonly variant: readonly ["default", "outline", "brand", "success", "warning", "destructive"];
+};
+type ChipState = (typeof ChipVariants.state)[number];
+type ChipVariant = (typeof ChipVariants.variant)[number];
+declare const rootVariants: (props?: ({
+    variant?: "success" | "warning" | "destructive" | "brand" | "default" | "outline" | null | undefined;
+    state?: "default" | "disabled" | "selected" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textVariants: (props?: ({
+    variant?: "success" | "warning" | "destructive" | "brand" | "default" | "outline" | null | undefined;
+    state?: "default" | "disabled" | "selected" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChipProps = Omit<VariantProps<typeof rootVariants>, 'variant' | 'state'> & {
+    variant?: ChipVariant | 'Default' | 'Outline' | 'Brand' | 'Success' | 'Warning' | 'Destructive';
+    state?: ChipState | 'Default' | 'Selected' | 'Disabled';
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    /** Used to override the default root style. */
+    style?: StyleProp<ViewStyle>;
+    /** Used to locate this view in end-to-end tests. */
+    testID?: string;
+    /** Chip label */
+    children?: React.ReactNode;
+    /** Prevent passing className */
+    className?: never;
+};
+export declare function Chip(props: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Chip {
+    var displayName: string;
+}
+export { rootVariants, textVariants };
+//# sourceMappingURL=Chips.d.ts.map

package/lib/typescript/src/components/DataDisplay/Chips/Chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Chips/Chips.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAalE,eAAO,MAAM,YAAY;;;CAUf,CAAC;AAEX,KAAK,SAAS,GAAG,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAMzD,QAAA,MAAM,YAAY;;;8EAmEjB,CAAC;AAEF,QAAA,MAAM,YAAY;;;8EA+BhB,CAAC;AAmBH,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,YAAY,CAAC,OAAO,YAAY,CAAC,EACjC,SAAS,GAAG,OAAO,CACpB,GAAG;IACF,OAAO,CAAC,EACJ,WAAW,GACX,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,aAAa,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAExD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AA+BF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAsDpC;yBAtDe,IAAI;;;AA0DpB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/src/components/DataDisplay/Chips/Chips.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Chips.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/Chips/Chips.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/Chips/Chips.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/DataDisplay/ChipsRow/ChipsRow.d.ts

@@ -0,0 +1,31 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type ChipProps } from '../Chips/Chips';
+export interface ChipItem extends Omit<ChipProps, 'testID'> {
+    /** Unique identifier for the chip */
+    id: string;
+    /** Label text for the chip */
+    label: string;
+}
+export interface ChipsRowProps {
+    /** Array of chip items to render */
+    chips: ChipItem[];
+    /** Gap between chips (default: 8) */
+    gap?: number;
+    /** Content padding (default: 16) */
+    contentPadding?: number;
+    /** Whether to show scroll indicators (default: false) */
+    showsScrollIndicator?: boolean;
+    /** Callback when a chip is pressed */
+    onChipPress?: (chip: ChipItem, index: number) => void;
+    /** Used to override the container style */
+    style?: StyleProp<ViewStyle>;
+    /** Used to override the content container style */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /** Used to locate this view in end-to-end tests */
+    testID?: string;
+}
+export declare function ChipsRow({ chips, gap, contentPadding, showsScrollIndicator, onChipPress: _onChipPress, style, contentContainerStyle, testID, }: ChipsRowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChipsRow {
+    var displayName: string;
+}
+//# sourceMappingURL=ChipsRow.d.ts.map

package/lib/typescript/src/components/DataDisplay/ChipsRow/ChipsRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/ChipsRow/ChipsRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAUtD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC;IACzD,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB,qCAAqC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,mDAAmD;IACnD,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7C,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAO,EACP,cAAmB,EACnB,oBAA4B,EAC5B,WAAW,EAAE,YAAY,EACzB,KAAK,EACL,qBAAqB,EACrB,MAAM,GACP,EAAE,aAAa,2CA2Bf;yBApCe,QAAQ"}

package/lib/typescript/src/components/DataDisplay/ChipsRow/ChipsRow.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChipsRow.figma.d.ts.map

package/lib/typescript/src/components/DataDisplay/ChipsRow/ChipsRow.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsRow.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DataDisplay/ChipsRow/ChipsRow.figma.tsx"],"names":[],"mappings":""}