@campxdev/react-native-blueprint 0.1.1 → 0.1.3

package/lib/typescript/src/components/ui/Hover-Card.d.ts

@@ -1,11 +1,68 @@
+import * as HoverCardPrimitive from '@rn-primitives/hover-card';
 import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface Hover-CardProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
-}
-
-export const Hover-Card: React.ComponentType<Hover-CardProps>;
-export default Hover-Card;
+/**
+ * Root component for hover card - provides context for trigger and content
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <HoverCard>
+ *   <HoverCardTrigger>
+ *     <Text>Hover over me</Text>
+ *   </HoverCardTrigger>
+ *   <HoverCardContent>
+ *     <Text>Additional information appears here</Text>
+ *   </HoverCardContent>
+ * </HoverCard>
+ * ```
+ */
+declare const HoverCard: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    onOpenChange?: (open: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+} & 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 component that shows hover card content on hover/press
+ *
+ * @component
+ */
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & 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;
+} & React.RefAttributes<import("@rn-primitives/hover-card").TriggerRef>>;
+/**
+ * Content container for hover card
+ *
+ * Displays rich content in a popover when hovering over or pressing the trigger.
+ * Includes smooth fade animations and proper positioning.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <HoverCardContent align="center" sideOffset={8}>
+ *   <View className="gap-2">
+ *     <Text className="font-semibold">User Profile</Text>
+ *     <Text className="text-sm">Additional details about the user</Text>
+ *   </View>
+ * </HoverCardContent>
+ * ```
+ *
+ * @accessibility
+ * - Content is announced by screen readers
+ * - Proper focus management on web
+ */
+declare function HoverCardContent({ className, align, sideOffset, ...props }: HoverCardPrimitive.ContentProps & React.RefAttributes<HoverCardPrimitive.ContentRef>): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=Hover-Card.d.ts.map

package/lib/typescript/src/components/ui/Hover-Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hover-Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Hover-Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,SAAS;;;;;;;OAAoB,CAAC;;OAGyB,CAAC;uBAHrB,CAAC;AAE1C;;;;GAIG;AACH,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAPa,CAAC;;OAGyB,CAAC;;;;;;wEAIX,CAAC;AAQpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAChC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,2CA+BnD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Hover-Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Hover-Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,SAAS;;;;;;;OAAoB,CAAC;;OAGyB,CAAC;uBAHrB,CAAC;AAE1C;;;;GAIG;AACH,QAAA,MAAM,gBAAgB;OAPa,CAAC;;OAGyB,CAAC;;;;;;wEAIX,CAAC;AAQpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAChC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,2CA+BnD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1,11 +1,43 @@
-import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface IconProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
-}
-
-export const Icon: React.ComponentType<IconProps>;
-export default Icon;
+import type { LucideIcon, LucideProps } from 'lucide-react-native';
+/**
+ * Props for Icon component
+ *
+ * @extends LucideProps - All Lucide icon properties (size, color, strokeWidth, etc.)
+ * @property {LucideIcon} as - The Lucide icon component to render
+ * @property {string} [className] - Tailwind classes for styling (supports NativeWind)
+ *
+ * @example
+ * ```tsx
+ * import { Home } from 'lucide-react-native';
+ * <Icon as={Home} size={24} className="text-primary" />
+ * ```
+ */
+type IconProps = LucideProps & {
+    as: LucideIcon;
+    className?: string;
+};
+/**
+ * Universal icon wrapper for Lucide icons
+ *
+ * Provides consistent styling and sizing for Lucide React Native icons across the application.
+ * Automatically handles platform-specific sizing and color theming.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Settings, User, ChevronRight } from 'lucide-react-native';
+ *
+ * // Basic icon
+ * <Icon as={Settings} />
+ *
+ * // Sized icon with custom color
+ * <Icon as={User} size={32} className="text-primary" />
+ *
+ * // Icon with stroke width
+ * <Icon as={ChevronRight} size={20} strokeWidth={2.5} />
+ * ```
+ */
+declare function Icon({ as: IconComponent, className, size, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export { Icon };
+export type { IconProps };
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -1,11 +1,52 @@
-import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface InputProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
+import { TextInput, type TextInputProps } from 'react-native';
+/**
+ * Props for Input component
+ *
+ * @extends TextInputProps - All standard React Native TextInput props
+ * @property {string} [className] - Additional Tailwind classes for custom styling
+ * @property {boolean} [editable=true] - Whether the input is editable (disabled when false)
+ */
+interface InputProps extends TextInputProps {
+    className?: string;
 }
-
-export const Input: React.ComponentType<InputProps>;
-export default Input;
+/**
+ * A styled text input component with consistent design across platforms
+ *
+ * Features platform-specific behaviors:
+ * - Web: Focus ring, selection styling, aria-invalid support
+ * - Native: Optimized placeholder opacity and input styling
+ *
+ * Automatically adapts styling when disabled/non-editable.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic input
+ * <Input
+ *   placeholder="Enter your name"
+ *   value={name}
+ *   onChangeText={setName}
+ * />
+ *
+ * // Disabled input
+ * <Input
+ *   value="Read only"
+ *   editable={false}
+ * />
+ *
+ * // With custom styling
+ * <Input
+ *   className="border-primary"
+ *   placeholder="Search..."
+ * />
+ * ```
+ *
+ * @accessibility
+ * - Supports aria-invalid for form validation states (web)
+ * - Placeholder text uses appropriate contrast colors
+ * - Disabled state is visually indicated with opacity
+ */
+declare function Input({ className, editable, ...props }: InputProps & React.RefAttributes<TextInput>): import("react/jsx-runtime").JSX.Element;
+export { Input };
+export type { InputProps };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -1,11 +1,105 @@
 import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface LabelProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
-}
-
-export const Label: React.ComponentType<LabelProps>;
-export default Label;
+/**
+ * Accessible label component for form controls
+ *
+ * Provides semantic labeling for form inputs with proper styling and accessibility support.
+ * Automatically associates with form controls and respects disabled states.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Label with input
+ * <View className="gap-2">
+ *   <Label htmlFor="email">Email Address</Label>
+ *   <Input id="email" placeholder="Enter email" />
+ * </View>
+ *
+ * // Label for checkbox
+ * <View className="flex-row items-center gap-2">
+ *   <Checkbox id="terms" />
+ *   <Label htmlFor="terms">I agree to the terms and conditions</Label>
+ * </View>
+ * ```
+ *
+ * @accessibility
+ * - Properly associates with form controls via htmlFor/id
+ * - Reduced opacity when associated control is disabled
+ * - Screen reader compatible
+ */
+declare const Label: React.ForwardRefExoticComponent<Omit<Omit<Readonly<Omit<Readonly<{
+    onPointerEnter?: (event: import("react-native").PointerEvent) => void;
+    onPointerLeave?: (event: import("react-native").PointerEvent) => void;
+    onPointerMove?: (event: import("react-native").PointerEvent) => void;
+}>, "onMoveShouldSetResponder" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "children" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "id" | "onLayout" | "accessibilityLabel" | "accessible" | "testID" | "style" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectionColor" | "dataDetectorType" | "textBreakStrategy" | "minimumFontScale" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "ellipsizeMode" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsIOS, "onMoveShouldSetResponder" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "children" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "id" | "onLayout" | "accessibilityLabel" | "accessible" | "testID" | "style" | keyof import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "ellipsizeMode" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid, "onMoveShouldSetResponder" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "children" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "id" | "onLayout" | "accessibilityLabel" | "accessible" | "testID" | "style" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "ellipsizeMode" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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"> & Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    allowFontScaling?: boolean | undefined;
+    android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
+    children?: React.ReactNode | undefined;
+    ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
+    id?: string;
+    maxFontSizeMultiplier?: number | undefined;
+    nativeID?: string | undefined;
+    numberOfLines?: number | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => 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;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: (() => boolean) | undefined;
+    onStartShouldSetResponder?: (() => boolean) | undefined;
+    onMoveShouldSetResponder?: (() => boolean) | undefined;
+    onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
+    pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
+    role?: import("react-native").Role | undefined;
+    selectable?: boolean | undefined;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
+    testID?: string | undefined;
+}>, "accessibilityLabel" | "accessible" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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"> & 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;
+}>, "accessibilityLabel" | "accessible" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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;
+}>, "accessibilityLabel" | "accessible" | "role" | "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;
+}>, never>>, "ref"> & {
+    ref?: React.Ref<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>;
+}, "ref"> & {
+    asChild?: boolean;
+} & {
+    className?: string;
+} & React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>>;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

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

@@ -1,11 +1,175 @@
+import * as MenubarPrimitive from '@rn-primitives/menubar';
 import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface MenubarProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
-}
-
-export const Menubar: React.ComponentType<MenubarProps>;
-export default Menubar;
+import { type StyleProp, Text, type TextProps, type ViewStyle } from 'react-native';
+/**
+ * Individual menu within the menubar
+ *
+ * @component
+ */
+declare const MenubarMenu: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    value: string | undefined;
+} & 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>>;
+/**
+ * Groups related menu items together
+ *
+ * @component
+ */
+declare const MenubarGroup: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & 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>>;
+/**
+ * Portal component to render menu content outside the DOM hierarchy
+ *
+ * @component
+ */
+declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+/**
+ * Root component for nested submenu
+ *
+ * @component
+ */
+declare const MenubarSub: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (value: boolean) => void;
+} & 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>>;
+/**
+ * Groups radio items together with single selection
+ *
+ * @component
+ */
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+} & 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>>;
+/**
+ * Root menubar component for application-level menu navigation
+ *
+ * Provides horizontal menu bar similar to desktop applications, with support
+ * for nested menus and automatic close on outside press.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Menubar>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>
+ *       <Text>File</Text>
+ *     </MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>
+ *         <Text>New File</Text>
+ *       </MenubarItem>
+ *       <MenubarItem>
+ *         <Text>Open</Text>
+ *       </MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ *
+ * @accessibility
+ * - Keyboard navigation support
+ * - Proper ARIA attributes for menu structure
+ */
+declare function Menubar({ className, value: valueProp, onValueChange: onValueChangeProp, ...props }: MenubarPrimitive.RootProps & React.RefAttributes<MenubarPrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Trigger button for a menubar menu
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <MenubarTrigger>
+ *   <Text>Edit</Text>
+ * </MenubarTrigger>
+ * ```
+ */
+declare function MenubarTrigger({ className, ...props }: MenubarPrimitive.TriggerProps & React.RefAttributes<MenubarPrimitive.TriggerRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Trigger for opening a nested submenu
+ * @component
+ */
+declare function MenubarSubTrigger({ className: _className, inset, children, iconClassName, ...props }: MenubarPrimitive.SubTriggerProps & React.RefAttributes<MenubarPrimitive.SubTriggerRef> & {
+    children?: React.ReactNode;
+    iconClassName?: string;
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content container for nested submenu items
+ * @component
+ */
+declare function MenubarSubContent({ className, ...props }: MenubarPrimitive.SubContentProps & React.RefAttributes<MenubarPrimitive.SubContentRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main content container for menu items
+ * @component
+ */
+declare function MenubarContent({ className, overlayClassName: _overlayClassName, overlayStyle: _overlayStyle, portalHost, align, alignOffset, sideOffset, ...props }: MenubarPrimitive.ContentProps & React.RefAttributes<MenubarPrimitive.ContentRef> & {
+    overlayStyle?: StyleProp<ViewStyle>;
+    overlayClassName?: string;
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Individual menu item component
+ * @component
+ */
+declare function MenubarItem({ className, inset, variant, ...props }: MenubarPrimitive.ItemProps & React.RefAttributes<MenubarPrimitive.ItemRef> & {
+    className?: string;
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Menu item with checkbox for multi-selection
+ * @component
+ */
+declare function MenubarCheckboxItem({ className, children, ...props }: MenubarPrimitive.CheckboxItemProps & React.RefAttributes<MenubarPrimitive.CheckboxItemRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Menu item with radio button for single selection within a group
+ * @component
+ */
+declare function MenubarRadioItem({ className, children, ...props }: MenubarPrimitive.RadioItemProps & React.RefAttributes<MenubarPrimitive.RadioItemRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Label component for grouping and describing menu sections
+ * @component
+ */
+declare function MenubarLabel({ className, inset, ...props }: MenubarPrimitive.LabelProps & React.RefAttributes<MenubarPrimitive.LabelRef> & {
+    className?: string;
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Visual separator between menu items or sections
+ * @component
+ */
+declare function MenubarSeparator({ className, ...props }: MenubarPrimitive.SeparatorProps & React.RefAttributes<MenubarPrimitive.SeparatorRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Displays keyboard shortcut hint for menu items
+ * @component
+ */
+declare function MenubarShortcut({ className, ...props }: TextProps & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=Menubar.d.ts.map