@campxdev/react-native-blueprint 0.1.18 → 0.1.20

package/lib/typescript/src/components/Navigation/Popover/Popover.figma.d.ts

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

package/lib/typescript/src/components/Navigation/Popover/Popover.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/Popover/Popover.figma.tsx"],"names":[],"mappings":"AAmCA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA4BnC"}

package/lib/typescript/src/components/Navigation/Themetoggle/Theme-Toggle.d.ts

@@ -0,0 +1,7 @@
+export type ThemeToggleProps = {
+    value: 'light' | 'dark';
+    onChange?: (value: 'light' | 'dark') => void;
+    className?: string;
+};
+export declare function ThemeToggle({ value, onChange, className }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Theme-Toggle.d.ts.map

package/lib/typescript/src/components/Navigation/Themetoggle/Theme-Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme-Toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/Themetoggle/Theme-Toggle.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAiC3E"}

package/lib/typescript/src/components/Navigation/Themetoggle/Theme-Toggle.figma.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeToggleProps } from './Theme-Toggle';
+export type { ThemeToggleProps };
+//# sourceMappingURL=Theme-Toggle.figma.d.ts.map

package/lib/typescript/src/components/Navigation/Themetoggle/Theme-Toggle.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme-Toggle.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/Themetoggle/Theme-Toggle.figma.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/src/components/theme-config.d.ts

@@ -0,0 +1,174 @@
+/**
+ * Comprehensive Dark Theme Configuration
+ *
+ * This file provides complete theme tokens and utilities for consistent
+ * dark mode support across all components in the Blueprint library.
+ *
+ * Best Practices:
+ * - Uses HSL color format for better color manipulation
+ * - Provides semantic color tokens (not raw colors)
+ * - Maintains proper contrast ratios for accessibility (WCAG AA/AAA)
+ * - Consistent with Tailwind CSS conventions
+ */
+import type { ColorValue } from 'react-native';
+/**
+ * Color tokens for light and dark themes
+ * Each token follows the pattern: purpose-variant
+ */
+export declare const THEME_COLORS: {
+    readonly light: {
+        readonly background: "hsl(0, 0%, 100%)";
+        readonly foreground: "hsl(0, 0%, 3.9%)";
+        readonly card: "hsl(0, 0%, 100%)";
+        readonly cardForeground: "hsl(0, 0%, 3.9%)";
+        readonly popover: "hsl(0, 0%, 100%)";
+        readonly popoverForeground: "hsl(0, 0%, 3.9%)";
+        readonly primary: "hsl(0, 0%, 9%)";
+        readonly primaryForeground: "hsl(0, 0%, 98%)";
+        readonly secondary: "hsl(0, 0%, 96.1%)";
+        readonly secondaryForeground: "hsl(0, 0%, 9%)";
+        readonly muted: "hsl(0, 0%, 96.1%)";
+        readonly mutedForeground: "hsl(0, 0%, 45.1%)";
+        readonly accent: "hsl(0, 0%, 96.1%)";
+        readonly accentForeground: "hsl(0, 0%, 9%)";
+        readonly destructive: "hsl(0, 84.2%, 60.2%)";
+        readonly destructiveForeground: "hsl(0, 0%, 98%)";
+        readonly border: "hsl(0, 0%, 89.8%)";
+        readonly input: "hsl(0, 0%, 89.8%)";
+        readonly ring: "hsl(0, 0%, 63%)";
+        readonly success: "hsl(142, 76%, 36%)";
+        readonly successForeground: "hsl(0, 0%, 98%)";
+        readonly warning: "hsl(38, 92%, 50%)";
+        readonly warningForeground: "hsl(0, 0%, 9%)";
+        readonly info: "hsl(199, 89%, 48%)";
+        readonly infoForeground: "hsl(0, 0%, 98%)";
+    };
+    readonly dark: {
+        readonly background: "hsl(0, 0%, 3.9%)";
+        readonly foreground: "hsl(0, 0%, 98%)";
+        readonly card: "hsl(0, 0%, 3.9%)";
+        readonly cardForeground: "hsl(0, 0%, 98%)";
+        readonly popover: "hsl(0, 0%, 3.9%)";
+        readonly popoverForeground: "hsl(0, 0%, 98%)";
+        readonly primary: "hsl(0, 0%, 98%)";
+        readonly primaryForeground: "hsl(0, 0%, 9%)";
+        readonly secondary: "hsl(0, 0%, 14.9%)";
+        readonly secondaryForeground: "hsl(0, 0%, 98%)";
+        readonly muted: "hsl(0, 0%, 14.9%)";
+        readonly mutedForeground: "hsl(0, 0%, 63.9%)";
+        readonly accent: "hsl(0, 0%, 14.9%)";
+        readonly accentForeground: "hsl(0, 0%, 98%)";
+        readonly destructive: "hsl(0, 62.8%, 30.6%)";
+        readonly destructiveForeground: "hsl(0, 0%, 98%)";
+        readonly border: "hsl(0, 0%, 14.9%)";
+        readonly input: "hsl(0, 0%, 14.9%)";
+        readonly ring: "hsl(0, 0%, 45%)";
+        readonly success: "hsl(142, 76%, 36%)";
+        readonly successForeground: "hsl(0, 0%, 98%)";
+        readonly warning: "hsl(38, 92%, 50%)";
+        readonly warningForeground: "hsl(0, 0%, 9%)";
+        readonly info: "hsl(199, 89%, 48%)";
+        readonly infoForeground: "hsl(0, 0%, 98%)";
+    };
+};
+/**
+ * Convert HSL string to React Native ColorValue
+ * Useful for native platform styling where HSL needs to be converted
+ */
+export declare function hslToRgb(hsl: string): ColorValue;
+/**
+ * Get theme color value based on current theme mode
+ * Automatically selects the appropriate color from light/dark theme
+ */
+export declare function getThemeColorValue(colorKey: keyof typeof THEME_COLORS.light, isDark: boolean, asRgb?: boolean): ColorValue;
+/**
+ * Component-specific dark mode class mappings
+ * Use these to ensure consistent styling across all components
+ */
+export declare const DARK_MODE_CLASSES: {
+    readonly text: {
+        readonly default: "dark:text-foreground";
+        readonly muted: "dark:text-muted-foreground";
+        readonly primary: "dark:text-primary-foreground";
+        readonly secondary: "dark:text-secondary-foreground";
+        readonly accent: "dark:text-accent-foreground";
+        readonly destructive: "dark:text-destructive-foreground";
+        readonly card: "dark:text-card-foreground";
+    };
+    readonly background: {
+        readonly default: "dark:bg-background";
+        readonly card: "dark:bg-card";
+        readonly primary: "dark:bg-primary";
+        readonly secondary: "dark:bg-secondary";
+        readonly muted: "dark:bg-muted";
+        readonly accent: "dark:bg-accent";
+        readonly destructive: "dark:bg-destructive";
+        readonly popover: "dark:bg-popover";
+    };
+    readonly border: {
+        readonly default: "dark:border-border";
+        readonly input: "dark:border-input";
+        readonly primary: "dark:border-primary";
+        readonly muted: "dark:border-muted";
+        readonly accent: "dark:border-accent";
+        readonly destructive: "dark:border-destructive";
+    };
+    readonly state: {
+        readonly hover: "dark:hover:bg-accent";
+        readonly active: "dark:active:bg-accent";
+        readonly focus: "dark:focus:ring-ring";
+        readonly disabled: "dark:disabled:opacity-50";
+    };
+};
+/**
+ * Helper to combine base classes with dark mode classes
+ * Ensures consistent application of dark mode styles
+ */
+export declare function withDarkMode(baseClass: string, darkClass: string, additionalClasses?: string): string;
+/**
+ * Pre-configured class strings for common component patterns
+ * Use these for consistent styling across the library
+ */
+export declare const THEME_PRESETS: {
+    readonly card: "bg-card text-card-foreground dark:bg-card dark:text-card-foreground border border-border dark:border-border";
+    readonly input: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
+    readonly buttonPrimary: "bg-primary text-primary-foreground dark:bg-primary dark:text-primary-foreground";
+    readonly buttonSecondary: "bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground";
+    readonly buttonOutline: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
+    readonly buttonGhost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground";
+    readonly destructive: "bg-destructive text-destructive-foreground dark:bg-destructive dark:text-destructive-foreground";
+    readonly muted: "bg-muted text-muted-foreground dark:bg-muted dark:text-muted-foreground";
+    readonly popover: "bg-popover text-popover-foreground dark:bg-popover dark:text-popover-foreground border border-border dark:border-border";
+};
+/**
+ * Semantic color map for native components
+ * Use these for StyleSheet-based styling
+ */
+export declare function getNativeThemeColors(isDark: boolean): {
+    background: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    foreground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    card: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    cardForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    primary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    primaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    secondary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    secondaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    muted: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    mutedForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    accent: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    accentForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    destructive: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    destructiveForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    border: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    input: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    ring: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+};
+/**
+ * Type-safe theme color keys
+ */
+export type ThemeColorKey = keyof typeof THEME_COLORS.light;
+/**
+ * Check if a color key exists in the theme
+ */
+export declare function isValidThemeColor(key: string): key is ThemeColorKey;
+//# sourceMappingURL=theme-config.d.ts.map

package/lib/typescript/src/components/theme-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGf,CAAC;AAEX;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAuChD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,OAAO,YAAY,CAAC,KAAK,EACzC,MAAM,EAAE,OAAO,EACf,KAAK,UAAQ,GACZ,UAAU,CAKZ;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCpB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,iBAAiB,CAAC,EAAE,MAAM,GACzB,MAAM,CAER;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAmChB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;EAgCnD;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AAE5D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,aAAa,CAEnE"}

package/lib/typescript/src/components/ui/Collapsible.d.ts

@@ -0,0 +1,212 @@
+/**
+ * Root collapsible container
+ *
+ * An interactive component that can show and hide content. Unlike Accordion, it doesn't enforce
+ * any specific visual styling, making it more flexible for custom layouts.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Collapsible open={isOpen} onOpenChange={setIsOpen}>
+ *   <CollapsibleTrigger asChild>
+ *     <Button variant="ghost"><Text>Toggle</Text></Button>
+ *   </CollapsibleTrigger>
+ *   <CollapsibleContent>
+ *     <Text>This content can be shown or hidden</Text>
+ *   </CollapsibleContent>
+ * </Collapsible>
+ * ```
+ */
+declare const Collapsible: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+} & import("react").RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+/**
+ * Trigger button that toggles collapsible content visibility
+ *
+ * @component
+ */
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<Omit<Readonly<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>>, "onMouseEnter" | "onMouseLeave">, "style" | "disabled" | "children" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "testID" | "hitSlop" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "onHoverIn" | "onHoverOut" | "onPressMove" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & Omit<Readonly<{
+    cancelable?: boolean | undefined;
+    children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
+    delayHoverIn?: number | undefined;
+    delayHoverOut?: number | undefined;
+    delayLongPress?: number | undefined;
+    disabled?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/Rect").RectOrSize | undefined;
+    pressRetentionOffset?: import("react-native/types_generated/Libraries/StyleSheet/Rect").RectOrSize | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onHoverIn?: ((event: import("react-native").MouseEvent) => unknown) | undefined;
+    onHoverOut?: ((event: import("react-native").MouseEvent) => unknown) | undefined;
+    onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressMove?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ViewStyleProp_Internal | ((state: import("react-native").PressableStateCallbackType) => import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp) | undefined;
+    testID?: string | undefined;
+    android_disableSound?: boolean | undefined;
+    android_ripple?: import("react-native").PressableAndroidRippleConfig | undefined;
+    testOnly_pressed?: boolean | undefined;
+    unstable_pressDelay?: number | undefined;
+}>, never>> & import("react").RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & import("react").RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+/**
+ * Collapsible content container
+ *
+ * Automatically animates height when expanding or collapsing.
+ *
+ * @component
+ */
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<import("@rn-primitives/types").ForceMountable & import("react-native").ViewProps & {
+    asChild?: boolean;
+} & import("react").RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=Collapsible.d.ts.map

package/lib/typescript/src/components/ui/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Collapsible.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW;;;;;;;;OAgBjB,CAPC;;OAGiC,CAAC;uBAZU,CAAC;AAE9C;;;;GAIG;AACH,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OASxB,CAPC;;OAGiC,CAAC;;;;;;;OAInC,CAPC;;OAGiC,CAAC;uBALoB,CAAC;AAExD;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB;;;OAAxB,CAPC;;OAGiC,CAAC;uBAIoB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}