@xaui/native 0.0.21 → 0.0.24

package/dist/button/index.d.ts

@@ -1,8 +1,105 @@
 import React, { ReactNode } from 'react';
-import { a as ButtonProps, b as ButtonVariant, B as ButtonRadius, E as ElevationLevel } from '../button.type-D8tzEBo7.js';
-export { S as SpinnerPlacement } from '../button.type-D8tzEBo7.js';
-import { ViewStyle, GestureResponderEvent } from 'react-native';
-import { S as Size, T as ThemeColor } from '../index-BOw6tbkc.js';
+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>;
 
@@ -74,4 +171,4 @@ type IconButtonProps = {
 
 declare const IconButton: React.FC<IconButtonProps>;
 
-export { Button, ButtonProps, ButtonRadius, ButtonVariant, IconButton, type IconButtonProps };
+export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, IconButton, type IconButtonProps, type SpinnerPlacement };

package/dist/button/index.js

@@ -1,11 +1,10 @@
 import {
   ActivityIndicator
-} from "../chunk-F7WH4DMG.js";
-import "../chunk-DXXNBF5P.js";
+} from "../chunk-UI5L26KD.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-GHCVNQET.js";
 
 // src/components/button/button.tsx
 import React from "react";

package/dist/button.type-j1ZdkkSl.d.cts

@@ -0,0 +1,4 @@
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+
+export type { ButtonRadius as B, ElevationLevel as E };

package/dist/button.type-j1ZdkkSl.d.ts

@@ -0,0 +1,4 @@
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+
+export type { ButtonRadius as B, ElevationLevel as E };

package/dist/card/index.cjs

@@ -209,6 +209,7 @@ var Card = ({
   children,
   themeColor = "default",
   radius = "lg",
+  padding = 16,
   elevation = 0,
   fullWidth = false,
   isHoverable = false,
@@ -299,6 +300,7 @@ var Card = ({
         fullWidth && styles.fullWidth,
         isDisabled && styles.disabled,
         {
+          padding,
           transform: [{ scale: animatedScale }],
           opacity: animatedOpacity
         },

package/dist/card/index.d.cts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
 import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.cjs';
-import { E as ElevationLevel } from '../button.type-ikaWzhIg.cjs';
+import { E as ElevationLevel } from '../button.type-j1ZdkkSl.cjs';
 
 type CardCustomAppearance = {
     /**
@@ -44,6 +44,11 @@ type CardProps = {
      * @default 'lg'
      */
     radius?: Radius;
+    /**
+     * Card padding (applies to all sides).
+     * @default 16
+     */
+    padding?: number;
     /**
      * Android elevation level from 0 to 4.
      * @default 0

package/dist/card/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
 import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.js';
-import { E as ElevationLevel } from '../button.type-D8tzEBo7.js';
+import { E as ElevationLevel } from '../button.type-j1ZdkkSl.js';
 
 type CardCustomAppearance = {
     /**
@@ -44,6 +44,11 @@ type CardProps = {
      * @default 'lg'
      */
     radius?: Radius;
+    /**
+     * Card padding (applies to all sides).
+     * @default 16
+     */
+    padding?: number;
     /**
      * Android elevation level from 0 to 4.
      * @default 0

package/dist/card/index.js

@@ -1,8 +1,8 @@
-import "../chunk-DXXNBF5P.js";
+import "../chunk-CZFDZPAS.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-I4V5Y5GD.js";
 
 // src/components/card/card.tsx
 import React from "react";
@@ -117,6 +117,7 @@ var Card = ({
   children,
   themeColor = "default",
   radius = "lg",
+  padding = 16,
   elevation = 0,
   fullWidth = false,
   isHoverable = false,
@@ -207,6 +208,7 @@ var Card = ({
         fullWidth && styles.fullWidth,
         isDisabled && styles.disabled,
         {
+          padding,
           transform: [{ scale: animatedScale }],
           opacity: animatedOpacity
         },

package/dist/carousel/index.js

@@ -1,6 +1,6 @@
 import {
   useBorderRadiusStyles
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-I4V5Y5GD.js";
 
 // src/components/carousel/carousel.tsx
 import React3, { useState, useRef, useCallback, useEffect } from "react";