@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/typescript/src/components/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,54 @@
+import type { Text as RNText } from 'react-native';
+import * as BottomSheetPrimitives from '../../primitives/bottom-sheet';
+import { useBottomSheetAnimation } from './bottom-sheet.animation';
+import type { BottomSheetCloseProps, BottomSheetContentProps, BottomSheetDescriptionProps, BottomSheetOverlayProps, BottomSheetPortalProps, BottomSheetRootProps, BottomSheetTitleProps, BottomSheetTriggerProps } from './bottom-sheet.types';
+declare const useBottomSheet: typeof BottomSheetPrimitives.useRootContext;
+/**
+ * Compound BottomSheet component with sub-components
+ *
+ * @component BottomSheet.Root - Main container that manages open/close state.
+ * Provides the bottom sheet context to child components.
+ *
+ * @component BottomSheet.Trigger - Button or element that opens the bottom sheet.
+ * Accepts any pressable element as children.
+ *
+ * @component BottomSheet.Portal - Portal container for bottom sheet overlay and content.
+ * Renders children in a portal with full window overlay.
+ *
+ * @component BottomSheet.Overlay - Background overlay that covers the screen.
+ * Typically closes the bottom sheet when clicked.
+ *
+ * @component BottomSheet.Content - The bottom sheet content container.
+ * Uses @gorhom/bottom-sheet for rendering. Contains the main bottom sheet UI elements.
+ *
+ * @component BottomSheet.Close - Close button for the bottom sheet.
+ * Can accept custom children or uses default close icon.
+ *
+ * @component BottomSheet.Title - The bottom sheet title text.
+ * Automatically linked for accessibility.
+ *
+ * @component BottomSheet.Description - The bottom sheet description text.
+ * Automatically linked for accessibility.
+ */
+declare const BottomSheet: import("react").ForwardRefExoticComponent<BottomSheetRootProps & import("react").RefAttributes<import("react-native").View>> & {
+    /** @optional Trigger element to open the bottom sheet */
+    Trigger: import("react").ForwardRefExoticComponent<BottomSheetTriggerProps & import("react").RefAttributes<import("react-native").View>>;
+    /** @optional Portal container for overlay and content */
+    Portal: {
+        ({ children, ...props }: BottomSheetPortalProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /** @optional Background overlay */
+    Overlay: import("react").ForwardRefExoticComponent<BottomSheetOverlayProps & import("react").RefAttributes<import("react-native").View>>;
+    /** @optional Main bottom sheet content container */
+    Content: import("react").ForwardRefExoticComponent<Omit<BottomSheetContentProps, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>>;
+    /** @optional Close button for the bottom sheet */
+    Close: import("react").ForwardRefExoticComponent<BottomSheetCloseProps & import("react").RefAttributes<import("react-native").View>>;
+    /** @optional Bottom sheet title text */
+    Title: import("react").ForwardRefExoticComponent<BottomSheetTitleProps & import("react").RefAttributes<RNText>>;
+    /** @optional Bottom sheet description text */
+    Description: import("react").ForwardRefExoticComponent<BottomSheetDescriptionProps & import("react").RefAttributes<RNText>>;
+};
+export { useBottomSheet, useBottomSheetAnimation };
+export default BottomSheet;
+//# sourceMappingURL=bottom-sheet.d.ts.map

package/lib/typescript/src/components/bottom-sheet/bottom-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/bottom-sheet/bottom-sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAoBnD,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAEL,uBAAuB,EAExB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EACV,qBAAqB,EACrB,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,cAAc,6CAAuC,CAAC;AA6S5D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,WAAW;IACf,yDAAyD;;IAEzD,yDAAyD;;iCA3PR,sBAAsB;;;IA6PvE,mCAAmC;;IAEnC,oDAAoD;;IAEpD,kDAAkD;;IAElD,wCAAwC;;IAExC,8CAA8C;;CAE9C,CAAC;AAEH,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,CAAC;AACnD,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/bottom-sheet/bottom-sheet.styles.d.ts

@@ -0,0 +1,16 @@
+declare const bottomSheetStyles: {
+    overlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute inset-0 bg-black/20", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute inset-0 bg-black/20", unknown, unknown, undefined>>;
+    contentContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex-1 p-5 pb-safe-offset-3 bg-transparent", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex-1 p-5 pb-safe-offset-3 bg-transparent", unknown, unknown, undefined>>;
+    contentBackground: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-overlay rounded-t-[32px]", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-overlay rounded-t-[32px]", unknown, unknown, undefined>>;
+    contentHandleIndicator: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-divider", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-divider", unknown, unknown, undefined>>;
+    close: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-lg font-medium text-foreground", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-lg font-medium text-foreground", unknown, unknown, undefined>>;
+    description: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-base text-muted", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-base text-muted", unknown, unknown, undefined>>;
+};
+export declare const styleSheet: {
+    contentContainer: {
+        borderCurve: "continuous";
+    };
+};
+export default bottomSheetStyles;
+//# sourceMappingURL=bottom-sheet.styles.d.ts.map

package/lib/typescript/src/components/bottom-sheet/bottom-sheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/bottom-sheet/bottom-sheet.styles.ts"],"names":[],"mappings":"AAkDA,QAAA,MAAM,iBAAiB;;;;;;;;CAQtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/bottom-sheet/bottom-sheet.types.d.ts

@@ -0,0 +1,177 @@
+import type GorhomBottomSheet from '@gorhom/bottom-sheet';
+import type { ReactNode } from 'react';
+import type { TextProps } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import type { AnimationRootDisableAll, PopupOverlayAnimation } from '../../helpers/types/animation';
+import type { BaseBottomSheetContentProps } from '../../helpers/types/bottom-sheet';
+import type * as BottomSheetPrimitivesTypes from '../../primitives/bottom-sheet/bottom-sheet.types';
+/**
+ * Bottom sheet internal state for animation coordination
+ */
+export type BottomSheetState = 'idle' | 'open' | 'close';
+/**
+ * Context value for bottom sheet animation state
+ */
+export interface BottomSheetAnimationContextValue {
+    /** Extended internal state for animation control */
+    bottomSheetState: BottomSheetState;
+    /** Animation progress shared value (0=idle, 1=open, 2=close) */
+    progress: SharedValue<number>;
+}
+/**
+ * Animation configuration for BottomSheet root component
+ */
+export type BottomSheetRootAnimation = AnimationRootDisableAll;
+/**
+ * BottomSheet Root component props
+ */
+export interface BottomSheetRootProps extends BottomSheetPrimitivesTypes.RootProps {
+    /**
+     * The content of the bottom sheet
+     */
+    children?: ReactNode;
+    /**
+     * Delay in milliseconds before the bottom sheet closes (for exit animations)
+     * @default 300
+     */
+    closeDelay?: number;
+    /**
+     * Whether to dismiss the keyboard when the bottom sheet closes
+     * @default true
+     */
+    isDismissKeyboardOnClose?: boolean;
+    /**
+     * Animation configuration for bottom sheet root
+     * - `"disable-all"`: Disable all animations including children
+     * - `undefined`: Use default animations
+     */
+    animation?: BottomSheetRootAnimation;
+}
+/**
+ * BottomSheet Trigger component props
+ */
+export interface BottomSheetTriggerProps extends BottomSheetPrimitivesTypes.TriggerProps {
+    /**
+     * The trigger element content
+     */
+    children?: ReactNode;
+}
+/**
+ * BottomSheet Portal component props
+ */
+export interface BottomSheetPortalProps extends BottomSheetPrimitivesTypes.PortalProps {
+    /**
+     * The portal content
+     */
+    children: ReactNode;
+}
+/**
+ * Animation configuration for BottomSheet Overlay component
+ */
+export type BottomSheetOverlayAnimation = PopupOverlayAnimation;
+/**
+ * BottomSheet Overlay component props
+ */
+export interface BottomSheetOverlayProps extends BottomSheetPrimitivesTypes.OverlayProps {
+    /**
+     * Additional CSS class for the overlay
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `opacity` - Animated for overlay show/hide transitions (idle: 0, open: 1, close: 0)
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <BottomSheet.Overlay
+     *   animation={{
+     *     opacity: { value: [0, 1, 0] }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for overlay
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: BottomSheetOverlayAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * BottomSheet Content component props
+ */
+export interface BottomSheetContentProps extends Partial<React.ComponentProps<typeof GorhomBottomSheet>>, BaseBottomSheetContentProps {
+}
+/**
+ * BottomSheet Close component props
+ */
+export interface BottomSheetCloseProps extends BottomSheetPrimitivesTypes.CloseProps {
+    /**
+     * Close icon props
+     */
+    iconProps?: BottomSheetCloseIconProps;
+    /**
+     * Additional CSS class for the close button
+     */
+    className?: string;
+    /**
+     * The close button content
+     */
+    children?: ReactNode;
+}
+/**
+ * Close icon props
+ */
+export interface BottomSheetCloseIconProps {
+    /**
+     * Size of the close icon
+     * @default 18
+     */
+    size?: number;
+    /**
+     * Color of the close icon
+     * @default theme color muted
+     */
+    color?: string;
+}
+/**
+ * BottomSheet Title component props
+ */
+export interface BottomSheetTitleProps extends TextProps {
+    /**
+     * Additional CSS class for the title
+     */
+    className?: string;
+}
+/**
+ * BottomSheet Description component props
+ */
+export interface BottomSheetDescriptionProps extends TextProps {
+    /**
+     * Additional CSS class for the description
+     */
+    className?: string;
+}
+/**
+ * Return type for the useBottomSheetAnimation hook
+ */
+export interface UseBottomSheetAnimationReturn {
+    /**
+     * Extended internal state for coordinating animations
+     */
+    bottomSheetState: BottomSheetState;
+    /**
+     * Animation progress shared value (0=idle, 1=open, 2=close)
+     */
+    progress: SharedValue<number>;
+}
+//# sourceMappingURL=bottom-sheet.types.d.ts.map

package/lib/typescript/src/components/bottom-sheet/bottom-sheet.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/bottom-sheet/bottom-sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,KAAK,KAAK,0BAA0B,MAAM,kDAAkD,CAAC;AAEpG;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,oDAAoD;IACpD,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gEAAgE;IAChE,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,0BAA0B,CAAC,SAAS;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,uBACf,SAAQ,0BAA0B,CAAC,YAAY;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,0BAA0B,CAAC,WAAW;IAC9C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,uBACf,SAAQ,0BAA0B,CAAC,YAAY;IAC/C;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,uBACf,SAAQ,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC,EAC7D,2BAA2B;CAAG;AAElC;;GAEG;AACH,MAAM,WAAW,qBACf,SAAQ,0BAA0B,CAAC,UAAU;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B"}

package/lib/typescript/src/components/bottom-sheet/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BottomSheet, useBottomSheet, useBottomSheetAnimation, } from './bottom-sheet';
+export type { BottomSheetCloseIconProps, BottomSheetCloseProps, BottomSheetContentProps, BottomSheetDescriptionProps, BottomSheetOverlayProps, BottomSheetPortalProps, BottomSheetRootProps, BottomSheetTitleProps, BottomSheetTriggerProps, } from './bottom-sheet.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/bottom-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,cAAc,EACd,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC"}

package/lib/typescript/src/components/button/button.constants.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Display names for Button components
+ */
+export declare const DISPLAY_NAME: {
+    BUTTON_ROOT: string;
+    BUTTON_LABEL: string;
+};
+//# sourceMappingURL=button.constants.d.ts.map

package/lib/typescript/src/components/button/button.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;CAGxB,CAAC"}

package/lib/typescript/src/components/button/button.d.ts

@@ -0,0 +1,31 @@
+import { View } from 'react-native';
+import type { ButtonContextValue, ButtonLabelProps } from './button.types';
+declare const useButton: () => ButtonContextValue;
+/**
+ * Compound Button component with sub-components
+ *
+ * @component Button - Main button container that handles press interactions, animations, and variants.
+ * Renders with string children as label or accepts compound components for custom layouts.
+ *
+ * @component Button.Label - Text content of the button. When string is provided,
+ * it renders as Text. Otherwise renders children as-is.
+ *
+ * Props flow from Button to sub-components via context (size, variant, isDisabled).
+ * All components use animated views with layout transitions for smooth animations.
+ *
+ * @see Full documentation: https://heroui.com/components/button
+ */
+declare const CompoundButton: import("react").ForwardRefExoticComponent<import("../pressable-feedback").PressableFeedbackProps & {
+    variant?: import("./button.types").ButtonVariant;
+    size?: import("./button.types").ButtonSize;
+    isIconOnly?: boolean;
+    pressableFeedbackVariant?: "highlight" | "ripple" | "none";
+    pressableFeedbackHighlightProps?: import("../pressable-feedback").PressableFeedbackHighlightProps;
+    pressableFeedbackRippleProps?: import("../pressable-feedback").PressableFeedbackRippleProps;
+} & import("react").RefAttributes<View>> & {
+    /** Button label - renders text or custom content */
+    Label: import("react").ForwardRefExoticComponent<ButtonLabelProps & import("react").RefAttributes<View>>;
+};
+export { useButton };
+export default CompoundButton;
+//# sourceMappingURL=button.d.ts.map

package/lib/typescript/src/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAEjB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAuB,SAAS,0BAE9B,CAAC;AAkNH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc;;;;;;;;IAClB,oDAAoD;;CAEpD,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,cAAc,CAAC"}

package/lib/typescript/src/components/button/button.styles.d.ts

@@ -0,0 +1,113 @@
+export declare const styleSheet: {
+    buttonRoot: {
+        borderCurve: "continuous";
+    };
+};
+declare const buttonStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            ghost: string;
+            danger: string;
+            "danger-soft": string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        isIconOnly: {
+            true: string;
+        };
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "flex-row items-center justify-center rounded-full", {
+        variant: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            ghost: string;
+            danger: string;
+            "danger-soft": string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        isIconOnly: {
+            true: string;
+        };
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            ghost: string;
+            danger: string;
+            "danger-soft": string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        isIconOnly: {
+            true: string;
+        };
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "flex-row items-center justify-center rounded-full", unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            ghost: string;
+            danger: string;
+            "danger-soft": string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    }, undefined, "font-medium", {
+        variant: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            ghost: string;
+            danger: string;
+            "danger-soft": string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            ghost: string;
+            danger: string;
+            "danger-soft": string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    }, undefined, "font-medium", unknown, unknown, undefined>>;
+}>;
+export default buttonStyles;
+//# sourceMappingURL=button.styles.d.ts.map

package/lib/typescript/src/components/button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/button/button.types.d.ts

@@ -0,0 +1,74 @@
+import type { TextProps } from 'react-native';
+import type { PressableFeedbackHighlightProps, PressableFeedbackProps, PressableFeedbackRippleProps } from '../pressable-feedback';
+/**
+ * Size variants for the Button component
+ */
+export type ButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * Variant types for the Button component
+ */
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger' | 'danger-soft';
+/**
+ * Props for the Button.Root component
+ */
+export type ButtonRootProps = PressableFeedbackProps & {
+    /**
+     * Visual variant of the button
+     * @default 'primary'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Size of the button
+     * @default 'md'
+     */
+    size?: ButtonSize;
+    /**
+     * Whether the button displays an icon only (needed for correct layout)
+     * @default false
+     */
+    isIconOnly?: boolean;
+    /**
+     * Variant of pressable feedback effect
+     * @default 'highlight'
+     */
+    pressableFeedbackVariant?: 'highlight' | 'ripple' | 'none';
+    /**
+     * Props for PressableFeedback.Highlight component
+     */
+    pressableFeedbackHighlightProps?: PressableFeedbackHighlightProps;
+    /**
+     * Props for PressableFeedback.Ripple component
+     */
+    pressableFeedbackRippleProps?: PressableFeedbackRippleProps;
+};
+/**
+ * Props for the Button.Label component
+ */
+export interface ButtonLabelProps extends TextProps {
+    /**
+     * Content to be rendered as label
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Context values shared between Button components
+ */
+export interface ButtonContextValue {
+    /**
+     * Size of the button
+     */
+    size: ButtonSize;
+    /**
+     * Visual variant of the button
+     */
+    variant: ButtonVariant;
+    /**
+     * Whether the button is disabled
+     */
+    isDisabled: boolean;
+}
+//# sourceMappingURL=button.types.d.ts.map

package/lib/typescript/src/components/button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,+BAA+B,EAC/B,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,aAAa,CAAC;AAElB;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,sBAAsB,GAAG;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE;;OAEG;IACH,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;CAC7D,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/lib/typescript/src/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button, useButton } from './button';
+export type { ButtonContextValue, ButtonLabelProps, ButtonRootProps, ButtonSize, ButtonVariant, } from './button.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,aAAa,GACd,MAAM,gBAAgB,CAAC"}

package/lib/typescript/src/components/card/card.constants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Display names for Card components
+ */
+export declare const DISPLAY_NAME: {
+    ROOT: string;
+    HEADER: string;
+    BODY: string;
+    FOOTER: string;
+    TITLE: string;
+    DESCRIPTION: string;
+};
+//# sourceMappingURL=card.constants.d.ts.map

package/lib/typescript/src/components/card/card.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/card.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC"}

package/lib/typescript/src/components/card/card.d.ts

@@ -0,0 +1,37 @@
+import { View } from 'react-native';
+import type { CardBodyProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps } from './card.types';
+/**
+ * Compound Card component with sub-components
+ *
+ * @component Card - Main container that extends Surface component. Provides base card structure
+ * with configurable surface variants and handles overall layout.
+ *
+ * @component Card.Header - Header section for top-aligned content like icons or badges.
+ *
+ * @component Card.Body - Main content area with flex-1 that expands to fill all available space
+ * between Card.Header and Card.Footer.
+ *
+ * @component Card.Title - Title text with foreground color and medium font weight.
+ *
+ * @component Card.Description - Description text with muted color and smaller font size.
+ *
+ * @component Card.Footer - Footer section for bottom-aligned actions like buttons.
+ *
+ * All sub-components support asChild pattern for custom element composition.
+ *
+ * @see Full documentation: https://heroui.com/components/card
+ */
+declare const CompoundCard: import("react").ForwardRefExoticComponent<CardRootProps & import("react").RefAttributes<View>> & {
+    /** @optional Top-aligned header section */
+    Header: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<View>>;
+    /** @optional Main content area that expands between header and footer */
+    Body: import("react").ForwardRefExoticComponent<CardBodyProps & import("react").RefAttributes<View>>;
+    /** @optional Bottom-aligned footer for actions */
+    Footer: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<View>>;
+    /** @optional Title text with styled typography */
+    Title: import("react").ForwardRefExoticComponent<CardTitleProps & import("react").RefAttributes<import("react-native").Text>>;
+    /** @optional Description text with muted styling */
+    Description: import("react").ForwardRefExoticComponent<CardDescriptionProps & import("react").RefAttributes<import("react-native").Text>>;
+};
+export default CompoundCard;
+//# sourceMappingURL=card.d.ts.map

package/lib/typescript/src/components/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACf,MAAM,cAAc,CAAC;AAmGtB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,YAAY;IAChB,2CAA2C;;IAE3C,yEAAyE;;IAEzE,kDAAkD;;IAElD,kDAAkD;;IAElD,oDAAoD;;CAEpD,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/card/card.styles.d.ts

@@ -0,0 +1,10 @@
+declare const cardStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    header: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    body: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    footer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-foreground font-medium text-lg", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-foreground font-medium text-lg", unknown, unknown, undefined>>;
+    description: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-base text-muted", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-base text-muted", unknown, unknown, undefined>>;
+}>;
+export default cardStyles;
+//# sourceMappingURL=card.styles.d.ts.map

package/lib/typescript/src/components/card/card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/card.styles.ts"],"names":[],"mappings":"AA2BA,QAAA,MAAM,UAAU;;;;;;;EAOd,CAAC;AAEH,eAAe,UAAU,CAAC"}