@xaui/native 0.0.21 → 0.0.24

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

@@ -1,104 +0,0 @@
-import { 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
-     */
-    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;
-};
-
-export type { ButtonRadius as B, ElevationLevel as E, SpinnerPlacement as S, ButtonProps as a, ButtonVariant as b };

package/dist/chunk-GBHQCAKW.js

@@ -1,19 +0,0 @@
-// src/components/select/checkmark-icon.tsx
-import React from "react";
-import Svg, { Polyline } from "react-native-svg";
-function CheckmarkIcon({ color, size }) {
-  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 17 18", fill: "none" }, /* @__PURE__ */ React.createElement(
-    Polyline,
-    {
-      points: "1 9 7 14 15 4",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-
-export {
-  CheckmarkIcon
-};

package/dist/chunk-JEGEPGVU.js

@@ -1,287 +0,0 @@
-import {
-  ActivityIndicator
-} from "./chunk-F7WH4DMG.js";
-import {
-  useXUITheme
-} from "./chunk-LTKYHG5V.js";
-
-// src/components/fab/fab.tsx
-import React from "react";
-import { Pressable, Text, View, Animated as Animated2 } from "react-native";
-
-// src/components/fab/fab.style.ts
-import { StyleSheet } from "react-native";
-var styles = StyleSheet.create({
-  container: {
-    alignSelf: "flex-start"
-  },
-  fab: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  contentContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 12
-  },
-  label: {
-    fontWeight: "500"
-  },
-  disabled: {
-    opacity: 0.5
-  }
-});
-
-// src/components/fab/fab.hook.ts
-import { useMemo } from "react";
-import { getSafeThemeColor } from "@xaui/core";
-function useFabSizeStyles(size) {
-  const theme = useXUITheme();
-  const sizeStyles = useMemo(() => {
-    const sizes = {
-      sm: {
-        width: 40,
-        height: 40,
-        borderRadius: theme.borderRadius.lg,
-        iconSize: 24,
-        fontSize: theme.fontSizes.sm
-      },
-      md: {
-        width: 56,
-        height: 56,
-        borderRadius: theme.borderRadius.xl,
-        iconSize: 24,
-        fontSize: theme.fontSizes.md
-      },
-      lg: {
-        width: 96,
-        height: 96,
-        borderRadius: theme.borderRadius["2xl"],
-        iconSize: 36,
-        fontSize: theme.fontSizes.lg
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-  const extendedSizeStyles = useMemo(() => {
-    const sizes = {
-      sm: {
-        height: 40,
-        borderRadius: theme.borderRadius.lg,
-        paddingHorizontal: theme.spacing.md,
-        iconSize: 20,
-        fontSize: theme.fontSizes.sm
-      },
-      md: {
-        height: 56,
-        borderRadius: theme.borderRadius.xl,
-        paddingHorizontal: theme.spacing.lg,
-        iconSize: 24,
-        fontSize: theme.fontSizes.md
-      },
-      lg: {
-        height: 80,
-        borderRadius: theme.borderRadius["2xl"],
-        paddingHorizontal: theme.spacing.xl,
-        iconSize: 28,
-        fontSize: theme.fontSizes.lg
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-  return { sizeStyles, extendedSizeStyles };
-}
-function useFabVariantStyles(themeColor, variant, elevation = 0) {
-  const theme = useXUITheme();
-  const safeThemeColor = getSafeThemeColor(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const variantStyles = useMemo(() => {
-    const variantMap = {
-      solid: {
-        backgroundColor: colorScheme.main,
-        borderWidth: 0
-      },
-      flat: {
-        backgroundColor: colorScheme.background,
-        borderWidth: 0
-      },
-      outlined: {
-        backgroundColor: "transparent",
-        borderWidth: theme.borderWidth.md,
-        borderColor: colorScheme.main
-      }
-    };
-    const baseStyle = variantMap[variant];
-    const shouldApplyElevation = variant !== "outlined";
-    const shadowStyles = elevation === 0 ? {} : elevation === 1 ? theme.shadows.sm : elevation === 2 ? theme.shadows.md : elevation === 3 ? theme.shadows.lg : theme.shadows.xl;
-    return {
-      ...baseStyle,
-      ...shouldApplyElevation ? shadowStyles : {},
-      ...shouldApplyElevation && elevation > 0 ? { elevation } : {}
-    };
-  }, [variant, colorScheme, theme, elevation]);
-  return variantStyles;
-}
-function useFabIconColor(themeColor, variant) {
-  const theme = useXUITheme();
-  const safeThemeColor = getSafeThemeColor(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const iconColor = useMemo(() => {
-    if (variant === "solid") {
-      return colorScheme.foreground;
-    }
-    return colorScheme.main;
-  }, [variant, colorScheme]);
-  return { iconColor };
-}
-function useFabRadiusValue(radius, fallback) {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    if (!radius) return fallback;
-    const radiusMap = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return radiusMap[radius];
-  }, [fallback, radius, theme]);
-}
-
-// src/components/fab/fab.animation.ts
-import { Animated } from "react-native";
-var runFabPressInAnimation = (animatedScale, animatedOpacity) => {
-  Animated.parallel([
-    Animated.spring(animatedScale, {
-      toValue: 0.92,
-      useNativeDriver: true,
-      speed: 50,
-      bounciness: 0
-    }),
-    Animated.timing(animatedOpacity, {
-      toValue: 0.85,
-      duration: 100,
-      useNativeDriver: true
-    })
-  ]).start();
-};
-var runFabPressOutAnimation = (animatedScale, animatedOpacity) => {
-  Animated.parallel([
-    Animated.spring(animatedScale, {
-      toValue: 1,
-      useNativeDriver: true,
-      speed: 50,
-      bounciness: 0
-    }),
-    Animated.timing(animatedOpacity, {
-      toValue: 1,
-      duration: 100,
-      useNativeDriver: true
-    })
-  ]).start();
-};
-
-// src/components/fab/fab.tsx
-var Fab = ({
-  icon,
-  label,
-  themeColor = "primary",
-  variant = "solid",
-  size = "md",
-  radius,
-  isDisabled = false,
-  isLoading = false,
-  elevation = 0,
-  customAppearance,
-  onPress,
-  onLongPress,
-  onPressIn,
-  onPressOut
-}) => {
-  const animatedScale = React.useRef(new Animated2.Value(1)).current;
-  const animatedOpacity = React.useRef(new Animated2.Value(1)).current;
-  const { sizeStyles, extendedSizeStyles } = useFabSizeStyles(size);
-  const variantStyles = useFabVariantStyles(themeColor, variant, elevation);
-  const { iconColor } = useFabIconColor(themeColor, variant);
-  const isExtended = !!label;
-  const resolvedRadius = useFabRadiusValue(
-    radius,
-    isExtended ? extendedSizeStyles.borderRadius : sizeStyles.borderRadius
-  );
-  const handlePressIn = (event) => {
-    if (!isDisabled && !isLoading) {
-      runFabPressInAnimation(animatedScale, animatedOpacity);
-    }
-    onPressIn?.(event);
-  };
-  const handlePressOut = (event) => {
-    if (!isDisabled && !isLoading) {
-      runFabPressOutAnimation(animatedScale, animatedOpacity);
-    }
-    onPressOut?.(event);
-  };
-  const fabDimensionStyles = isExtended ? {
-    height: extendedSizeStyles.height,
-    borderRadius: resolvedRadius,
-    paddingHorizontal: extendedSizeStyles.paddingHorizontal
-  } : {
-    width: sizeStyles.width,
-    height: sizeStyles.height,
-    borderRadius: resolvedRadius
-  };
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, customAppearance?.container] }, /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      onPress: isDisabled || isLoading ? void 0 : onPress,
-      onLongPress: isDisabled || isLoading ? void 0 : onLongPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      disabled: isDisabled || isLoading
-    },
-    /* @__PURE__ */ React.createElement(
-      Animated2.View,
-      {
-        style: [
-          styles.fab,
-          fabDimensionStyles,
-          variantStyles,
-          isDisabled && styles.disabled,
-          {
-            transform: [{ scale: animatedScale }],
-            opacity: animatedOpacity
-          },
-          customAppearance?.fab
-        ]
-      },
-      isLoading ? /* @__PURE__ */ React.createElement(
-        ActivityIndicator,
-        {
-          variant: "circular",
-          themeColor: variant === "solid" ? void 0 : themeColor,
-          color: variant === "solid" ? iconColor : void 0,
-          size: isExtended ? extendedSizeStyles.iconSize : sizeStyles.iconSize
-        }
-      ) : /* @__PURE__ */ React.createElement(View, { style: styles.contentContainer }, icon, isExtended && /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          style: [
-            styles.label,
-            {
-              fontSize: isExtended ? extendedSizeStyles.fontSize : sizeStyles.fontSize,
-              color: iconColor
-            }
-          ]
-        },
-        label
-      ))
-    )
-  ));
-};
-
-export {
-  Fab
-};