@xaui/native 0.0.21 → 0.0.23

package/dist/components/bottom-tab-bar/bottom-tab-bar.type.d.mts

@@ -0,0 +1,206 @@
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent, Insets, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+export type BottomTabBarSize = 'sm' | 'md' | 'lg';
+export type BottomTabBarVariant = 'stacked' | 'inline' | 'icon-only';
+export type BottomTabBarIconRenderParams = {
+    focused: boolean;
+    color: string;
+    size: number;
+};
+export type BottomTabBarItemLabelRenderParams = {
+    focused: boolean;
+    color: string;
+    children: string;
+    position: 'below-icon' | 'beside-icon';
+};
+export type BottomTabBarItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+};
+export 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;
+};
+export type ExpoRouterTabRoute = {
+    key: string;
+    name: string;
+    params?: Record<string, unknown>;
+};
+export type ExpoRouterTabState = {
+    index: number;
+    routes: ExpoRouterTabRoute[];
+};
+export 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;
+};
+export type ExpoRouterTabDescriptor = {
+    options: ExpoRouterTabDescriptorOptions;
+};
+export type ExpoRouterTabDescriptors = Record<string, ExpoRouterTabDescriptor>;
+export type ExpoRouterTabNavigation = {
+    emit: (options: {
+        type: 'tabPress' | 'tabLongPress';
+        target?: string;
+        canPreventDefault?: boolean;
+    }) => {
+        defaultPrevented?: boolean;
+    };
+    navigate: (name: string, params?: Record<string, unknown>) => void;
+};
+export 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>;
+    };
+};
+export 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;
+};
+export type BottomTabBarProps = BottomTabBarComposableProps | (BottomTabBarBaseProps & ExpoRouterBottomTabBarCompatibleProps);
+export {};
+//# sourceMappingURL=bottom-tab-bar.type.d.ts.map

package/dist/components/bottom-tab-bar/bottom-tab-bar.type.d.ts

@@ -0,0 +1,206 @@
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent, Insets, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+export type BottomTabBarSize = 'sm' | 'md' | 'lg';
+export type BottomTabBarVariant = 'stacked' | 'inline' | 'icon-only';
+export type BottomTabBarIconRenderParams = {
+    focused: boolean;
+    color: string;
+    size: number;
+};
+export type BottomTabBarItemLabelRenderParams = {
+    focused: boolean;
+    color: string;
+    children: string;
+    position: 'below-icon' | 'beside-icon';
+};
+export type BottomTabBarItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+};
+export 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;
+};
+export type ExpoRouterTabRoute = {
+    key: string;
+    name: string;
+    params?: Record<string, unknown>;
+};
+export type ExpoRouterTabState = {
+    index: number;
+    routes: ExpoRouterTabRoute[];
+};
+export 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;
+};
+export type ExpoRouterTabDescriptor = {
+    options: ExpoRouterTabDescriptorOptions;
+};
+export type ExpoRouterTabDescriptors = Record<string, ExpoRouterTabDescriptor>;
+export type ExpoRouterTabNavigation = {
+    emit: (options: {
+        type: 'tabPress' | 'tabLongPress';
+        target?: string;
+        canPreventDefault?: boolean;
+    }) => {
+        defaultPrevented?: boolean;
+    };
+    navigate: (name: string, params?: Record<string, unknown>) => void;
+};
+export 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>;
+    };
+};
+export 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;
+};
+export type BottomTabBarProps = BottomTabBarComposableProps | (BottomTabBarBaseProps & ExpoRouterBottomTabBarCompatibleProps);
+export {};
+//# sourceMappingURL=bottom-tab-bar.type.d.ts.map

package/dist/components/bottom-tab-bar/bottom-tab-bar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-tab-bar.type.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-tab-bar/bottom-tab-bar.type.ts"],"names":[],"mappings":"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"}

package/dist/components/bottom-tab-bar/index.d.mts

@@ -0,0 +1,4 @@
+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

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

@@ -0,0 +1,4 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-tab-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,YAAY,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,4BAA4B,EAC5B,iCAAiC,EACjC,gCAAgC,EAChC,qCAAqC,EACrC,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,GACxB,MAAM,uBAAuB,CAAA"}

package/dist/components/button/button.animation.d.mts

@@ -0,0 +1,4 @@
+import { Animated } from 'react-native';
+export declare const runPressInAnimation: (animatedScale: Animated.Value, animatedOpacity: Animated.Value) => void;
+export declare const runPressOutAnimation: (animatedScale: Animated.Value, animatedOpacity: Animated.Value) => void;
+//# sourceMappingURL=button.animation.d.ts.map

package/dist/components/button/button.animation.d.ts

@@ -0,0 +1,4 @@
+import { Animated } from 'react-native';
+export declare const runPressInAnimation: (animatedScale: Animated.Value, animatedOpacity: Animated.Value) => void;
+export declare const runPressOutAnimation: (animatedScale: Animated.Value, animatedOpacity: Animated.Value) => void;
+//# sourceMappingURL=button.animation.d.ts.map

package/dist/components/button/button.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.animation.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,mBAAmB,GAC9B,eAAe,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,QAAQ,CAAC,KAAK,SAehC,CAAA;AAED,eAAO,MAAM,oBAAoB,GAC/B,eAAe,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,QAAQ,CAAC,KAAK,SAehC,CAAA"}

package/dist/components/button/button.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps } from './button.type';
+export declare const Button: React.FC<ButtonProps>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps } from './button.type';
+export declare const Button: React.FC<ButtonProps>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8GxC,CAAA"}

package/dist/components/button/button.hook.d.mts

@@ -0,0 +1,40 @@
+import type { ButtonVariant, ElevationLevel } from './button.type';
+import type { Size, ThemeColor } from '../../types';
+type ButtonSizeStyles = {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    minHeight: number;
+    fontSize: number;
+};
+export declare const useTextStyles: (themeColor: ThemeColor, variant: ButtonVariant) => {
+    textColor: string;
+};
+export declare function useSizesStyles(size: Size): {
+    sizeStyles: ButtonSizeStyles;
+    spinnerSize: number;
+};
+export declare function useVariantSizesStyles(themeColor: ThemeColor, variant: ButtonVariant, elevation?: ElevationLevel): {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: string;
+    borderWidth: 0;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: "transparent";
+    borderWidth: number;
+    borderColor: string;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: string;
+    borderWidth: 0;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: "transparent";
+    borderWidth: 0;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: `${string}95`;
+    borderWidth: number;
+    borderColor: `${string}90`;
+};
+export {};
+//# sourceMappingURL=button.hook.d.ts.map

package/dist/components/button/button.hook.d.ts

@@ -0,0 +1,40 @@
+import type { ButtonVariant, ElevationLevel } from './button.type';
+import type { Size, ThemeColor } from '../../types';
+type ButtonSizeStyles = {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    minHeight: number;
+    fontSize: number;
+};
+export declare const useTextStyles: (themeColor: ThemeColor, variant: ButtonVariant) => {
+    textColor: string;
+};
+export declare function useSizesStyles(size: Size): {
+    sizeStyles: ButtonSizeStyles;
+    spinnerSize: number;
+};
+export declare function useVariantSizesStyles(themeColor: ThemeColor, variant: ButtonVariant, elevation?: ElevationLevel): {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: string;
+    borderWidth: 0;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: "transparent";
+    borderWidth: number;
+    borderColor: string;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: string;
+    borderWidth: 0;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: "transparent";
+    borderWidth: 0;
+} | {
+    elevation?: ElevationLevel | undefined;
+    backgroundColor: `${string}95`;
+    borderWidth: number;
+    borderColor: `${string}90`;
+};
+export {};
+//# sourceMappingURL=button.hook.d.ts.map

package/dist/components/button/button.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.hook.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.hook.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGnD,KAAK,gBAAgB,GAAG;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,YAAY,UAAU,EAAE,SAAS,aAAa;;CAgB3E,CAAA;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG;IAC1C,UAAU,EAAE,gBAAgB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;CACpB,CA4CA;AAED,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,GAAE,cAAkB;;;;;;;;;;;;;;;;;;;;;;EAsD9B"}

package/dist/components/button/button.style.d.mts

@@ -0,0 +1,39 @@
+export declare const styles: {
+    button: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        overflow: "hidden";
+    };
+    contentContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+    };
+    text: {
+        fontWeight: "500";
+        textAlign: "center";
+    };
+    startContent: {
+        marginRight: number;
+    };
+    endContent: {
+        marginLeft: number;
+    };
+    spinner: {
+        marginHorizontal: number;
+    };
+    fullWidth: {
+        flexShrink: number;
+        flexBasis: "auto";
+        width: "100%";
+    };
+    disabled: {
+        opacity: number;
+    };
+    disabledText: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=button.style.d.ts.map

package/dist/components/button/button.style.d.ts

@@ -0,0 +1,39 @@
+export declare const styles: {
+    button: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        overflow: "hidden";
+    };
+    contentContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+    };
+    text: {
+        fontWeight: "500";
+        textAlign: "center";
+    };
+    startContent: {
+        marginRight: number;
+    };
+    endContent: {
+        marginLeft: number;
+    };
+    spinner: {
+        marginHorizontal: number;
+    };
+    fullWidth: {
+        flexShrink: number;
+        flexBasis: "auto";
+        width: "100%";
+    };
+    disabled: {
+        opacity: number;
+    };
+    disabledText: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=button.style.d.ts.map

package/dist/components/button/button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAA"}

package/dist/{button.type-D8tzEBo7.d.ts → components/button/button.type.d.mts}

@@ -1,11 +1,10 @@
 import { 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;
+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;
 type ButtonCustomAppearance = {
     /**
      * Custom styles for the outer container
@@ -20,7 +19,7 @@ type ButtonCustomAppearance = {
      */
     text?: TextStyle;
 };
-type ButtonProps = {
+export type ButtonProps = {
     /**
      * The content to display in the button.
      */
@@ -100,5 +99,5 @@ type ButtonProps = {
      */
     onPressOut?: (event: GestureResponderEvent) => void;
 };
-
-export type { ButtonRadius as B, ElevationLevel as E, SpinnerPlacement as S, ButtonProps as a, ButtonVariant as b };
+export {};
+//# sourceMappingURL=button.type.d.ts.map