@xaui/native 0.0.23 → 0.0.25

package/dist/bottom-tab-bar/index.d.ts

@@ -1,4 +1,211 @@
-export { BottomTabBar } from './bottom-tab-bar';
-export { BottomTabBarItem } from './bottom-tab-bar-item';
-export type { BottomTabBarProps, BottomTabBarComposableProps, BottomTabBarItemProps, BottomTabBarSize, BottomTabBarVariant, BottomTabBarIconRenderParams, BottomTabBarItemLabelRenderParams, BottomTabBarItemCustomAppearance, ExpoRouterBottomTabBarCompatibleProps, ExpoRouterTabState, ExpoRouterTabRoute, ExpoRouterTabDescriptors, ExpoRouterTabDescriptor, ExpoRouterTabDescriptorOptions, ExpoRouterTabNavigation, } from './bottom-tab-bar.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle, Insets, TextStyle, GestureResponderEvent } from 'react-native';
+import { T as ThemeColor } from '../index-BOw6tbkc.js';
+
+type BottomTabBarSize = 'sm' | 'md' | 'lg';
+type BottomTabBarVariant = 'stacked' | 'inline' | 'icon-only';
+type BottomTabBarIconRenderParams = {
+    focused: boolean;
+    color: string;
+    size: number;
+};
+type BottomTabBarItemLabelRenderParams = {
+    focused: boolean;
+    color: string;
+    children: string;
+    position: 'below-icon' | 'beside-icon';
+};
+type BottomTabBarItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+};
+type BottomTabBarItemProps = {
+    /**
+     * Unique key for this tab item.
+     */
+    itemKey: string;
+    /**
+     * Label shown under icon.
+     */
+    label: ReactNode;
+    /**
+     * Icon content or icon render function.
+     */
+    icon?: ReactNode | ((params: BottomTabBarIconRenderParams) => ReactNode);
+    /**
+     * Optional icon when selected.
+     */
+    activeIcon?: ReactNode | ((params: BottomTabBarIconRenderParams) => ReactNode);
+    /**
+     * Optional badge shown near icon.
+     */
+    badge?: ReactNode;
+    /**
+     * Whether this item is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Controlled selected state (standalone mode).
+     */
+    isSelected?: boolean;
+    /**
+     * Whether to show label.
+     */
+    showLabel?: boolean;
+    /**
+     * Per-item active color override.
+     */
+    activeColor?: string;
+    /**
+     * Per-item inactive color override.
+     */
+    inactiveColor?: string;
+    /**
+     * Per-item active indicator color override.
+     */
+    indicatorColor?: string;
+    /**
+     * Custom style for item.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: BottomTabBarItemCustomAppearance;
+    /**
+     * Callback fired when item is pressed.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Callback fired when item is long-pressed.
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Accessibility label.
+     */
+    accessibilityLabel?: string;
+    /**
+     * testID for e2e tests.
+     */
+    testID?: string;
+};
+type ExpoRouterTabRoute = {
+    key: string;
+    name: string;
+    params?: Record<string, unknown>;
+};
+type ExpoRouterTabState = {
+    index: number;
+    routes: ExpoRouterTabRoute[];
+};
+type ExpoRouterTabDescriptorOptions = {
+    title?: string;
+    tabBarLabel?: string | ((props: BottomTabBarItemLabelRenderParams) => ReactNode);
+    tabBarIcon?: (props: BottomTabBarIconRenderParams) => ReactNode;
+    tabBarActiveTintColor?: string;
+    tabBarInactiveTintColor?: string;
+    tabBarBadge?: ReactNode;
+    tabBarShowLabel?: boolean;
+    tabBarButtonTestID?: string;
+    tabBarAccessibilityLabel?: string;
+    tabBarItemStyle?: StyleProp<ViewStyle>;
+    tabBarStyle?: StyleProp<ViewStyle>;
+    href?: string | null;
+};
+type ExpoRouterTabDescriptor = {
+    options: ExpoRouterTabDescriptorOptions;
+};
+type ExpoRouterTabDescriptors = Record<string, ExpoRouterTabDescriptor>;
+type ExpoRouterTabNavigation = {
+    emit: (options: {
+        type: 'tabPress' | 'tabLongPress';
+        target?: string;
+        canPreventDefault?: boolean;
+    }) => {
+        defaultPrevented?: boolean;
+    };
+    navigate: (name: string, params?: Record<string, unknown>) => void;
+};
+type ExpoRouterBottomTabBarCompatibleProps = {
+    state: ExpoRouterTabState;
+    descriptors: ExpoRouterTabDescriptors;
+    navigation: ExpoRouterTabNavigation;
+    insets?: Partial<Insets>;
+};
+type BottomTabBarBaseProps = {
+    /**
+     * Shared theme color.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Bar size.
+     * @default 'md'
+     */
+    size?: BottomTabBarSize;
+    /**
+     * Layout variant for each tab item.
+     * @default 'stacked'
+     */
+    variant?: BottomTabBarVariant;
+    /**
+     * Whether all items are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether labels are shown by default.
+     * @default true
+     */
+    showLabel?: boolean;
+    /**
+     * Safe area bottom inset (manual mode). In expo-router mode this comes from `insets.bottom`.
+     */
+    insetBottom?: number;
+    /**
+     * Active indicator color override.
+     */
+    indicatorColor?: string;
+    /**
+     * Active icon/label color override.
+     */
+    activeColor?: string;
+    /**
+     * Inactive icon/label color override.
+     */
+    inactiveColor?: string;
+    /**
+     * Bar container style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: {
+        container?: StyleProp<ViewStyle>;
+    };
+};
+type BottomTabBarComposableProps = BottomTabBarBaseProps & {
+    children: ReactNode;
+    /**
+     * Controlled selected item key.
+     */
+    selectedKey?: string;
+    /**
+     * Uncontrolled default selected item key.
+     */
+    defaultSelectedKey?: string;
+    /**
+     * Callback fired when selected item changes.
+     */
+    onSelectionChange?: (key: string) => void;
+};
+type BottomTabBarProps = BottomTabBarComposableProps | (BottomTabBarBaseProps & ExpoRouterBottomTabBarCompatibleProps);
+
+declare const BottomTabBar: React.FC<BottomTabBarProps>;
+
+declare const BottomTabBarItem: React.FC<BottomTabBarItemProps>;
+
+export { BottomTabBar, type BottomTabBarComposableProps, type BottomTabBarIconRenderParams, BottomTabBarItem, type BottomTabBarItemCustomAppearance, type BottomTabBarItemLabelRenderParams, type BottomTabBarItemProps, type BottomTabBarProps, type BottomTabBarSize, type BottomTabBarVariant, type ExpoRouterBottomTabBarCompatibleProps, type ExpoRouterTabDescriptor, type ExpoRouterTabDescriptorOptions, type ExpoRouterTabDescriptors, type ExpoRouterTabNavigation, type ExpoRouterTabRoute, type ExpoRouterTabState };

package/dist/bottom-tab-bar/index.js

@@ -1,7 +1,7 @@
-import "../chunk-DXXNBF5P.js";
+import "../chunk-CZFDZPAS.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-I4V5Y5GD.js";
 
 // src/components/bottom-tab-bar/bottom-tab-bar.tsx
 import React2, { useMemo as useMemo3, useState as useState2 } from "react";
@@ -391,7 +391,13 @@ var BottomTabBar = (props) => {
           {
             key: route.key,
             itemKey: route.key,
-            label: getRouteLabel(route, routeOptions, focused, labelColor, variant),
+            label: getRouteLabel(
+              route,
+              routeOptions,
+              focused,
+              labelColor,
+              variant
+            ),
             icon: routeOptions.tabBarIcon,
             isSelected: focused,
             showLabel: routeOptions.tabBarShowLabel ?? showLabel,
@@ -423,12 +429,7 @@ var BottomTabBar = (props) => {
       })
     );
   }
-  const {
-    children,
-    selectedKey,
-    defaultSelectedKey,
-    onSelectionChange
-  } = props;
+  const { children, selectedKey, defaultSelectedKey, onSelectionChange } = props;
   const firstItemKey = React2.useMemo(() => {
     const child = React2.Children.toArray(children)[0];
     if (React2.isValidElement(child)) {

package/dist/{components/button/button.type.d.mts → button/index.d.cts}

@@ -1,10 +1,11 @@
-import { ReactNode } from 'react';
-import type { TextStyle, ViewStyle, GestureResponderEvent } from 'react-native';
-import type { Size, ThemeColor } from '../../types';
-export type ButtonVariant = 'solid' | 'outlined' | 'flat' | 'light' | 'faded';
-export type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
-export type SpinnerPlacement = 'start' | 'end';
-export type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
+import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.cjs';
+
+type ButtonVariant = 'solid' | 'outlined' | 'flat' | 'light' | 'faded';
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type SpinnerPlacement = 'start' | 'end';
+type ElevationLevel = 0 | 1 | 2 | 3 | 4;
 type ButtonCustomAppearance = {
     /**
      * Custom styles for the outer container
@@ -19,7 +20,7 @@ type ButtonCustomAppearance = {
      */
     text?: TextStyle;
 };
-export type ButtonProps = {
+type ButtonProps = {
     /**
      * The content to display in the button.
      */
@@ -99,5 +100,75 @@ export type ButtonProps = {
      */
     onPressOut?: (event: GestureResponderEvent) => void;
 };
-export {};
-//# sourceMappingURL=button.type.d.ts.map
+
+declare const Button: React.FC<ButtonProps>;
+
+type IconButtonProps = {
+    /**
+     * Icon to display in the button
+     */
+    icon: ReactNode;
+    /**
+     * Button size
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Button variant
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Theme color
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Border radius
+     * @default 'md'
+     */
+    radius?: ButtonRadius;
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the button is loading
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Android elevation level from 0 to 4.
+     * Does not apply to `outlined` and `light` variants.
+     * @default 0
+     */
+    elevation?: ElevationLevel;
+    /**
+     * Custom appearance overrides
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+        button?: ViewStyle;
+    };
+    /**
+     * Press handler
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Long press handler
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Press in handler
+     */
+    onPressIn?: (event: GestureResponderEvent) => void;
+    /**
+     * Press out handler
+     */
+    onPressOut?: (event: GestureResponderEvent) => void;
+};
+
+declare const IconButton: React.FC<IconButtonProps>;
+
+export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, IconButton, type IconButtonProps, type SpinnerPlacement };

package/dist/button/index.d.ts

@@ -1,5 +1,174 @@
-export { Button } from './button';
-export type { ButtonProps, ButtonVariant, ButtonRadius, SpinnerPlacement, } from './button.type';
-export { IconButton } from './icon-button';
-export type { IconButtonProps } from './icon-button.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
+import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.js';
+
+type ButtonVariant = 'solid' | 'outlined' | 'flat' | 'light' | 'faded';
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type SpinnerPlacement = 'start' | 'end';
+type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+type ButtonCustomAppearance = {
+    /**
+     * Custom styles for the outer container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the button
+     */
+    button?: ViewStyle;
+    /**
+     * Custom styles for the button text
+     */
+    text?: TextStyle;
+};
+type ButtonProps = {
+    /**
+     * The content to display in the button.
+     */
+    children: ReactNode;
+    /**
+     * The theme color of the button.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The variant of the button.
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * The size of the button.
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * The border radius of the button.
+     * @default 'md'
+     */
+    radius?: ButtonRadius;
+    /**
+     * Content to display at the start of the button.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the button.
+     */
+    endContent?: ReactNode;
+    /**
+     * The placement of the spinner when isLoading is true.
+     * @default 'start'
+     */
+    spinnerPlacement?: SpinnerPlacement;
+    /**
+     * Whether the button should take the full width of its container.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the button is in a loading state.
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Android elevation level from 0 to 4.
+     * Does not apply to `outlined` and `light` variants.
+     * @default 0
+     */
+    elevation?: ElevationLevel;
+    /**
+     * Custom appearance styles for button parts
+     */
+    customAppearance?: ButtonCustomAppearance;
+    /**
+     * Callback fired when the button is pressed.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Callback fired when the button is long pressed.
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Callback fired when the button press starts.
+     */
+    onPressIn?: (event: GestureResponderEvent) => void;
+    /**
+     * Callback fired when the button press ends.
+     */
+    onPressOut?: (event: GestureResponderEvent) => void;
+};
+
+declare const Button: React.FC<ButtonProps>;
+
+type IconButtonProps = {
+    /**
+     * Icon to display in the button
+     */
+    icon: ReactNode;
+    /**
+     * Button size
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Button variant
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Theme color
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Border radius
+     * @default 'md'
+     */
+    radius?: ButtonRadius;
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the button is loading
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Android elevation level from 0 to 4.
+     * Does not apply to `outlined` and `light` variants.
+     * @default 0
+     */
+    elevation?: ElevationLevel;
+    /**
+     * Custom appearance overrides
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+        button?: ViewStyle;
+    };
+    /**
+     * Press handler
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Long press handler
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Press in handler
+     */
+    onPressIn?: (event: GestureResponderEvent) => void;
+    /**
+     * Press out handler
+     */
+    onPressOut?: (event: GestureResponderEvent) => void;
+};
+
+declare const IconButton: React.FC<IconButtonProps>;
+
+export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, IconButton, type IconButtonProps, type SpinnerPlacement };