@entropix/react-native 0.3.0 → 1.0.1

package/dist/index.d.ts

@@ -1,42 +1,23 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-import { tokens as tokens$1 } from '@entropix/tokens/native';
-import { tokens } from '@entropix/tokens/native/light';
-import { AccessibilityProps, UseDialogOptions, UseTabsOptions, UseAccordionOptions, UseMenuOptions, UseInputOptions, UseRadioGroupOptions, UseSelectOptions } from '@entropix/core';
-import { AccessibilityRole, AccessibilityState, AccessibilityValue, PressableProps, StyleProp, ViewStyle, TextStyle, ViewProps, TextProps } from 'react-native';
-
-type EntropixTheme = typeof tokens;
-type ThemeMode = "light" | "dark";
-interface ThemeContextValue {
-    mode: ThemeMode;
-    tokens: EntropixTheme;
-    baseTokens: typeof tokens$1;
-}
-interface EntropixProviderProps {
-    /** Theme mode: "light" or "dark". Default: "light" */
-    mode?: ThemeMode;
-    children: React.ReactNode;
-}
-/**
- * EntropixProvider — Provides theme tokens to all Entropix components.
- *
- * Wrap your app root with this provider. All Entropix components will
- * automatically pick up the current theme tokens.
- *
- * ```tsx
- * <EntropixProvider mode="dark">
- *   <App />
- * </EntropixProvider>
- * ```
- */
-declare function EntropixProvider({ mode, children, }: EntropixProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * useTheme — Access current Entropix theme tokens.
- *
- * Returns the resolved token values for the current theme (light or dark).
- * Must be used within an EntropixProvider.
- */
-declare function useTheme(): ThemeContextValue;
+export { BrandName, EntropixProvider, EntropixProviderProps, EntropixTheme, ThemeMode, registerBrand, useTheme } from './theme.js';
+import { AccessibilityProps } from '@entropix/core';
+import { AccessibilityRole, AccessibilityState, AccessibilityValue } from 'react-native';
+export { Button, ButtonProps } from './button.js';
+export { Toggle, ToggleProps } from './toggle.js';
+export { Switch, SwitchProps } from './switch.js';
+export { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogOverlay, DialogOverlayProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from './dialog.js';
+export { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps } from './tabs.js';
+export { Accordion, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionTrigger, AccordionTriggerProps } from './accordion.js';
+export { Menu, MenuContent, MenuContentProps, MenuItem, MenuItemProps, MenuProps, MenuTrigger, MenuTriggerProps } from './menu.js';
+export { Input, InputProps, InputSize } from './input.js';
+export { Textarea, TextareaProps, TextareaSize } from './textarea.js';
+export { Checkbox, CheckboxProps, CheckboxSize } from './checkbox.js';
+export { RadioGroup, RadioGroupProps, RadioItem, RadioItemProps } from './radio.js';
+export { Select, SelectContent, SelectContentProps, SelectOption, SelectOptionProps, SelectProps, SelectTrigger, SelectTriggerProps } from './select.js';
+export { Container, ContainerProps, ContainerSize, Divider, DividerProps, Inline, InlineProps, SpacingSize, Stack, StackProps } from './layout.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@entropix/tokens/native';
+import '@entropix/tokens/native/light';
 
 /**
  * The RN accessibility props that mapAccessibilityToRN produces.
@@ -68,514 +49,6 @@ interface RNAccessibilityProps {
  */
 declare function mapAccessibilityToRN(props: AccessibilityProps): RNAccessibilityProps;
 
-type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
-type ButtonSize = "sm" | "md" | "lg";
-interface ButtonProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** Called when the button is pressed */
-    onPress?: () => void;
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** Whether the button is in a loading state */
-    loading?: boolean;
-    /** Visual variant. Default: "primary" */
-    variant?: ButtonVariant;
-    /** Size. Default: "md" */
-    size?: ButtonSize;
-    /** Override container style */
-    style?: StyleProp<ViewStyle>;
-    /** Override label text style */
-    textStyle?: TextStyle;
-    children?: React.ReactNode;
-}
-/**
- * Button — styled React Native button with variant and size support.
- *
- * ```tsx
- * <Button variant="primary" size="md" onPress={handlePress}>
- *   Save Changes
- * </Button>
- * ```
- */
-declare function Button({ onPress, disabled, loading, variant, size, style, textStyle, children, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-interface ToggleProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** Controlled checked state */
-    checked?: boolean;
-    /** Default checked state for uncontrolled mode */
-    defaultChecked?: boolean;
-    /** Called when checked state changes */
-    onChange?: (checked: boolean) => void;
-    /** Whether the toggle is disabled */
-    disabled?: boolean;
-    /** Accessible label */
-    label?: string;
-    /** Override container style */
-    style?: StyleProp<ViewStyle>;
-    /** Override label text style */
-    textStyle?: TextStyle;
-    children?: React.ReactNode;
-}
-/**
- * Toggle — styled checkbox toggle.
- *
- * Renders as a bordered pill that fills blue when checked.
- *
- * ```tsx
- * <Toggle onChange={setChecked}>Accept Terms</Toggle>
- * ```
- */
-declare function Toggle(props: ToggleProps): react_jsx_runtime.JSX.Element;
-
-interface SwitchProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** Controlled checked state */
-    checked?: boolean;
-    /** Default checked state for uncontrolled mode */
-    defaultChecked?: boolean;
-    /** Called when checked state changes */
-    onChange?: (checked: boolean) => void;
-    /** Whether the switch is disabled */
-    disabled?: boolean;
-    /** Accessible label */
-    label?: string;
-    /** Override track style */
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * Switch — styled toggle with track + sliding thumb.
- *
- * ```tsx
- * <Switch checked={isOn} onChange={setIsOn} label="Notifications" />
- * ```
- */
-declare function Switch({ checked, defaultChecked, onChange, disabled, label, style, ...rest }: SwitchProps): react_jsx_runtime.JSX.Element;
-
-interface DialogProps extends UseDialogOptions {
-    children: React.ReactNode;
-}
-/**
- * Dialog root — provides dialog state to compound sub-components.
- * Renders no UI of its own.
- */
-declare function Dialog({ children, isOpen, defaultOpen, onOpenChange, closeOnOverlayPress, closeOnEscape, modal, role, }: DialogProps): react_jsx_runtime.JSX.Element;
-
-interface DialogTriggerProps extends Omit<PressableProps, "onPress" | "style"> {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * DialogTrigger — Pressable that opens/closes the dialog.
- */
-declare function DialogTrigger({ children, style, ...rest }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface DialogContentProps extends Omit<ViewProps, "style"> {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    /** Style for the inner card. */
-    cardStyle?: StyleProp<ViewStyle>;
-    /** Modal animation type. Default: "fade" */
-    animationType?: "none" | "slide" | "fade";
-    /** Whether the modal background is transparent. Default: true */
-    transparent?: boolean;
-}
-/**
- * DialogContent — wraps children in RN's Modal component.
- *
- * Modal provides native focus trapping for screen readers.
- * onRequestClose handles Android back button (maps to core's "dismiss" intent).
- */
-declare function DialogContent({ children, style, cardStyle, animationType, transparent, ...rest }: DialogContentProps): react_jsx_runtime.JSX.Element;
-
-interface DialogTitleProps extends Omit<TextProps, "style"> {
-    children?: React.ReactNode;
-    style?: StyleProp<TextStyle>;
-}
-/**
- * DialogTitle — Text element with nativeID for accessibility linking.
- * Uses accessibilityRole="header" for screen reader heading semantics.
- */
-declare function DialogTitle({ children, style, ...rest }: DialogTitleProps): react_jsx_runtime.JSX.Element;
-
-interface DialogDescriptionProps extends Omit<TextProps, "style"> {
-    children?: React.ReactNode;
-    style?: StyleProp<TextStyle>;
-}
-/**
- * DialogDescription — Text element with nativeID for accessibility linking.
- */
-declare function DialogDescription({ children, style, ...rest }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
-
-interface DialogCloseProps extends Omit<PressableProps, "onPress" | "style"> {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * DialogClose — Pressable that closes the dialog.
- * Renders as a positioned "✕" button by default if no children provided.
- */
-declare function DialogClose({ children, style, ...rest }: DialogCloseProps): react_jsx_runtime.JSX.Element;
-
-interface DialogOverlayProps {
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-/**
- * DialogOverlay — backdrop element behind dialog content.
- * Note: With the self-styled DialogContent, the overlay is built into the
- * Modal wrapper. This component is kept for consumers who need a separate
- * overlay element (e.g., custom dismiss-on-tap behavior outside DialogContent).
- */
-declare function DialogOverlay({ style, testID }: DialogOverlayProps): react_jsx_runtime.JSX.Element | null;
-
-interface TabsProps extends UseTabsOptions {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function Tabs({ children, style, ...options }: TabsProps): react_jsx_runtime.JSX.Element;
-
-interface TabListProps {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function TabList({ children, style }: TabListProps): react_jsx_runtime.JSX.Element;
-
-interface TabProps extends Omit<PressableProps, "onPress" | "style" | "children"> {
-    value: string;
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: TextStyle;
-}
-declare function Tab({ value, children, style, textStyle, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
-
-interface TabPanelProps {
-    value: string;
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function TabPanel({ value, children, style }: TabPanelProps): react_jsx_runtime.JSX.Element | null;
-
-interface AccordionProps extends UseAccordionOptions {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function Accordion({ children, style, ...options }: AccordionProps): react_jsx_runtime.JSX.Element;
-
-interface AccordionItemProps {
-    value: string;
-    /** Whether this is the last item (hides bottom border). Auto-detected if omitted. */
-    isLast?: boolean;
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function AccordionItem({ value, isLast, children, style, }: AccordionItemProps): react_jsx_runtime.JSX.Element;
-
-interface AccordionTriggerProps extends Omit<PressableProps, "onPress" | "style" | "children"> {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: TextStyle;
-}
-declare function AccordionTrigger({ children, style, textStyle, ...rest }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface AccordionPanelProps {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function AccordionPanel({ children, style }: AccordionPanelProps): react_jsx_runtime.JSX.Element | null;
-
-interface MenuProps extends UseMenuOptions {
-    children: React.ReactNode;
-}
-declare function Menu({ children, ...options }: MenuProps): react_jsx_runtime.JSX.Element;
-
-interface MenuTriggerProps extends Omit<PressableProps, "onPress" | "style"> {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare function MenuTrigger({ children, style, ...rest }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface MenuContentProps {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-declare function MenuContent({ children, style, testID }: MenuContentProps): react_jsx_runtime.JSX.Element | null;
-
-interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "style"> {
-    index: number;
-    onSelect?: () => void;
-    disabled?: boolean;
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: TextStyle;
-}
-declare function MenuItem({ index, onSelect, disabled, children, style, textStyle, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
-
-type InputSize = "sm" | "md" | "lg";
-interface InputProps {
-    /** Controlled value */
-    value?: string;
-    /** Default value for uncontrolled mode */
-    defaultValue?: string;
-    /** Called when the value changes */
-    onChange?: (value: string) => void;
-    /** Whether the input is disabled */
-    disabled?: boolean;
-    /** Whether the input is read-only */
-    readOnly?: boolean;
-    /** Whether the input is required */
-    required?: boolean;
-    /** Whether the input is in an invalid state */
-    invalid?: boolean;
-    /** Label text displayed above the input */
-    label?: string;
-    /** Helper text displayed below the input */
-    helperText?: string;
-    /** Error message displayed below the input when invalid */
-    errorMessage?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Input type — maps to React Native keyboardType */
-    type?: UseInputOptions["type"];
-    /** Size variant. Default: "md" */
-    size?: InputSize;
-    /** Override wrapper View style */
-    style?: StyleProp<ViewStyle>;
-    /** Override TextInput style */
-    inputStyle?: StyleProp<TextStyle>;
-    /** Override label and helper Text style */
-    textStyle?: TextStyle;
-    /** testID for testing */
-    testID?: string;
-}
-/**
- * Input -- styled text input with label, helper text, and error message.
- *
- * ```tsx
- * <Input
- *   label="Email"
- *   placeholder="you@example.com"
- *   type="email"
- *   onChange={setEmail}
- * />
- * ```
- */
-declare function Input({ value, defaultValue, onChange, disabled, readOnly, required, invalid, label, helperText, errorMessage, placeholder, type, size, style, inputStyle, textStyle, testID, }: InputProps): react_jsx_runtime.JSX.Element;
-
-type TextareaSize = "sm" | "md" | "lg";
-interface TextareaProps {
-    /** Controlled value */
-    value?: string;
-    /** Default value for uncontrolled mode */
-    defaultValue?: string;
-    /** Called when the value changes */
-    onChange?: (value: string) => void;
-    /** Whether the textarea is disabled */
-    disabled?: boolean;
-    /** Whether the textarea is read-only */
-    readOnly?: boolean;
-    /** Whether the textarea is required */
-    required?: boolean;
-    /** Whether the textarea is in an invalid state */
-    invalid?: boolean;
-    /** Label text displayed above the textarea */
-    label?: string;
-    /** Helper text displayed below the textarea */
-    helperText?: string;
-    /** Error message displayed below the textarea when invalid */
-    errorMessage?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Number of visible lines. Default: 4 */
-    numberOfLines?: number;
-    /** Size variant. Default: "md" */
-    size?: TextareaSize;
-    /** Override wrapper View style */
-    style?: StyleProp<ViewStyle>;
-    /** Override TextInput style */
-    inputStyle?: StyleProp<TextStyle>;
-    /** Override label and helper Text style */
-    textStyle?: TextStyle;
-    /** testID for testing */
-    testID?: string;
-}
-/**
- * Textarea -- multiline text input with label, helper text, and error message.
- *
- * ```tsx
- * <Textarea
- *   label="Description"
- *   placeholder="Enter description..."
- *   numberOfLines={6}
- *   onChange={setDescription}
- * />
- * ```
- */
-declare function Textarea({ value, defaultValue, onChange, disabled, readOnly, required, invalid, label, helperText, errorMessage, placeholder, numberOfLines, size, style, inputStyle, textStyle, testID, }: TextareaProps): react_jsx_runtime.JSX.Element;
-
-type CheckboxSize = "sm" | "md" | "lg";
-interface CheckboxProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** Controlled checked state */
-    checked?: boolean;
-    /** Default checked state for uncontrolled mode */
-    defaultChecked?: boolean;
-    /** Called when checked state changes */
-    onChange?: (checked: boolean) => void;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
-    /** Whether the checkbox is in an indeterminate state */
-    indeterminate?: boolean;
-    /** Accessible label */
-    label?: string;
-    /** Size variant. Default: "md" */
-    size?: CheckboxSize;
-    /** Override container style */
-    style?: StyleProp<ViewStyle>;
-    /** Override label text style */
-    textStyle?: TextStyle;
-    children?: React.ReactNode;
-}
-/**
- * Checkbox -- styled checkbox with indicator box and label.
- *
- * Renders a row with a square indicator (filled when checked with
- * a checkmark, dash when indeterminate) and a text label.
- *
- * ```tsx
- * <Checkbox onChange={setAccepted} label="Accept Terms">
- *   I agree to the terms and conditions
- * </Checkbox>
- * ```
- */
-declare function Checkbox({ checked, defaultChecked, onChange, disabled, indeterminate, label, size, style, textStyle, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
-
-interface RadioGroupProps extends UseRadioGroupOptions {
-    /** Label text for the radio group */
-    label?: string;
-    /** Override wrapper View style */
-    style?: StyleProp<ViewStyle>;
-    /** Override label text style */
-    textStyle?: TextStyle;
-    children: React.ReactNode;
-    /** testID for testing */
-    testID?: string;
-}
-/**
- * RadioGroup -- container for RadioItem components.
- *
- * Provides radio group state via context. All RadioItem children
- * share the same selection state.
- *
- * ```tsx
- * <RadioGroup label="Color" onChange={setColor} defaultValue="red">
- *   <RadioItem value="red">Red</RadioItem>
- *   <RadioItem value="blue">Blue</RadioItem>
- * </RadioGroup>
- * ```
- */
-declare function RadioGroup({ label, style, textStyle, children, testID, ...options }: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
-interface RadioItemProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** The value this radio option represents */
-    value: string;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-    /** Override container style */
-    style?: StyleProp<ViewStyle>;
-    /** Override label text style */
-    textStyle?: TextStyle;
-    children?: React.ReactNode;
-}
-/**
- * RadioItem -- individual radio option within a RadioGroup.
- *
- * Renders a Pressable row with a circle indicator and label text.
- * When selected, the circle shows a filled inner dot.
- *
- * ```tsx
- * <RadioItem value="option-1">Option 1</RadioItem>
- * ```
- */
-declare function RadioItem({ value, disabled, style, textStyle, children, ...rest }: RadioItemProps): react_jsx_runtime.JSX.Element;
-
-interface SelectProps extends UseSelectOptions {
-    /** Label text displayed above the select */
-    label?: string;
-    /** Override wrapper View style */
-    style?: StyleProp<ViewStyle>;
-    /** Override label text style */
-    textStyle?: TextStyle;
-    children: React.ReactNode;
-    /** testID for testing */
-    testID?: string;
-}
-/**
- * Select -- compound component root that provides select state via context.
- *
- * ```tsx
- * <Select label="Country" onChange={setCountry} placeholder="Choose...">
- *   <SelectTrigger />
- *   <SelectContent>
- *     <SelectOption value="us">United States</SelectOption>
- *     <SelectOption value="ca">Canada</SelectOption>
- *   </SelectContent>
- * </Select>
- * ```
- */
-declare function Select({ label, style, textStyle, children, testID, ...options }: SelectProps): react_jsx_runtime.JSX.Element;
-
-interface SelectTriggerProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** Placeholder text when no value is selected */
-    placeholder?: string;
-    /** Display label for the currently selected value */
-    displayValue?: string;
-    /** Override container style */
-    style?: StyleProp<ViewStyle>;
-    /** Override text style */
-    textStyle?: TextStyle;
-}
-/**
- * SelectTrigger -- the button that opens the select dropdown.
- *
- * Renders as a bordered input-like row with the selected value
- * (or placeholder) and a chevron indicator.
- */
-declare function SelectTrigger({ placeholder, displayValue, style, textStyle, ...rest }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface SelectContentProps {
-    children: React.ReactNode;
-    /** Override listbox container style */
-    style?: StyleProp<ViewStyle>;
-    /** testID for testing */
-    testID?: string;
-}
-/**
- * SelectContent -- the dropdown listbox rendered inside a Modal.
- *
- * Displays the option list when the select is open.
- * Tapping the overlay closes the select.
- */
-declare function SelectContent({ children, style, testID }: SelectContentProps): react_jsx_runtime.JSX.Element | null;
-
-interface SelectOptionProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
-    /** The value this option represents */
-    value: string;
-    /** Index of this option in the list (auto-assigned by SelectContent if omitted) */
-    index?: number;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-    /** Override container style */
-    style?: StyleProp<ViewStyle>;
-    /** Override text style */
-    textStyle?: TextStyle;
-    children: React.ReactNode;
-}
-/**
- * SelectOption -- an individual option within SelectContent.
- *
- * Renders as a Pressable row. Selected option gets a highlight
- * background to indicate the current selection.
- */
-declare function SelectOption({ value, index, disabled, style, textStyle, children, ...rest }: SelectOptionProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Breakpoint values in pixels, matching @entropix/tokens breakpoint primitives.
  */
@@ -626,107 +99,4 @@ declare function useScreenDimensions(): {
     height: number;
 };
 
-type SpacingSize$1 = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-interface StackProps extends ViewProps {
-    /** Gap between children. Default uses space.layout.stack token (16px) */
-    gap?: SpacingSize$1;
-    /** Cross-axis alignment */
-    align?: "start" | "center" | "end" | "stretch";
-    /** Whether to take full width */
-    fullWidth?: boolean;
-    children?: React.ReactNode;
-}
-/**
- * Stack — vertical flex layout primitive for React Native.
- *
- * Uses the `space.layout.stack` token (16px) as default gap.
- *
- * ```tsx
- * <Stack gap="lg" align="center">
- *   <Button>First</Button>
- *   <Button>Second</Button>
- * </Stack>
- * ```
- */
-declare function Stack({ gap, align, fullWidth, style, children, ...rest }: StackProps): react_jsx_runtime.JSX.Element;
-
-type SpacingSize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-interface InlineProps extends ViewProps {
-    /** Gap between children. Default uses space.layout.inline token (12px) */
-    gap?: SpacingSize;
-    /** Cross-axis alignment */
-    align?: "start" | "center" | "end" | "stretch" | "baseline";
-    /** Main-axis justification */
-    justify?: "start" | "center" | "end" | "between" | "around";
-    /** Whether to wrap children */
-    wrap?: boolean;
-    children?: React.ReactNode;
-}
-/**
- * Inline — horizontal flex layout primitive for React Native.
- *
- * Uses the `space.layout.inline` token (12px) as default gap.
- *
- * ```tsx
- * <Inline gap="sm" justify="between" wrap>
- *   <Button variant="primary">Save</Button>
- *   <Button variant="ghost">Cancel</Button>
- * </Inline>
- * ```
- */
-declare function Inline({ gap, align, justify, wrap, style, children, ...rest }: InlineProps): react_jsx_runtime.JSX.Element;
-
-type ContainerSize = "xs" | "sm" | "md" | "lg" | "xl" | "full";
-interface ContainerProps extends ViewProps {
-    /** Maximum width constraint. Default: "lg" (1024px). On mobile this mainly affects tablet/web. */
-    maxWidth?: ContainerSize;
-    /** Whether to center children horizontally */
-    center?: boolean;
-    children?: React.ReactNode;
-}
-/**
- * Container — responsive page-level wrapper with adaptive horizontal padding.
- *
- * Padding scales with screen size using breakpoint tokens:
- * - Mobile (<768px): `space.layout.page-margin` (24px)
- * - Tablet (≥768px): `space.layout.page-margin-md` (32px)
- * - Desktop (≥1024px): `space.layout.page-margin-lg` (40px)
- *
- * ```tsx
- * <Container maxWidth="lg">
- *   <Stack gap="xl">
- *     <Text>Page content</Text>
- *   </Stack>
- * </Container>
- * ```
- */
-declare function Container({ maxWidth, center, style, children, ...rest }: ContainerProps): react_jsx_runtime.JSX.Element;
-
-interface DividerProps extends ViewProps {
-    /** Orientation of the divider */
-    orientation?: "horizontal" | "vertical";
-    /** Spacing above and below (or left and right for vertical) */
-    spacing?: "sm" | "md" | "lg";
-}
-/**
- * Divider — visual separator line for React Native.
- *
- * Uses the `color.border.default` token for line color.
- *
- * ```tsx
- * <Stack>
- *   <Text>Section A</Text>
- *   <Divider spacing="md" />
- *   <Text>Section B</Text>
- * </Stack>
- *
- * <Inline>
- *   <Text>Left</Text>
- *   <Divider orientation="vertical" spacing="sm" />
- *   <Text>Right</Text>
- * </Inline>
- * ```
- */
-declare function Divider({ orientation, spacing, style, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
-
-export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BREAKPOINTS, type Breakpoint, Button, type ButtonProps, Checkbox, type CheckboxProps, type CheckboxSize, Container, type ContainerProps, type ContainerSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, EntropixProvider, type EntropixProviderProps, type EntropixTheme, Inline, type InlineProps, Input, type InputProps, type InputSize, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, type MenuTriggerProps, type RNAccessibilityProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, Select, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerProps, type SpacingSize$1 as SpacingSize, Stack, type StackProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, type ThemeMode, Toggle, type ToggleProps, mapAccessibilityToRN, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };
+export { BREAKPOINTS, type Breakpoint, type RNAccessibilityProps, mapAccessibilityToRN, useBreakpoint, useBreakpointValue, useScreenDimensions };