@xaui/native 0.2.8 → 0.9.1-alpha.1

package/dist/badge/index.js

@@ -1,197 +0,0 @@
-import "../chunk-SHBDANQN.js";
-import {
-  useXUITheme
-} from "../chunk-RBSA4NH4.js";
-
-// src/components/badge/badge.tsx
-import React from "react";
-import { Text, View } from "react-native";
-
-// src/components/badge/badge.style.ts
-import { StyleSheet } from "react-native";
-var styles = StyleSheet.create({
-  container: {
-    position: "relative",
-    alignSelf: "flex-start"
-  },
-  badge: {
-    position: "absolute",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  text: {
-    textAlign: "center",
-    fontWeight: "700",
-    includeFontPadding: false,
-    textAlignVertical: "center"
-  }
-});
-
-// src/components/badge/badge.hook.ts
-import { useMemo } from "react";
-import { getSafeThemeColor, withOpacity } from "@xaui/core";
-var sizeMap = {
-  sm: { height: 16, minWidth: 16, dot: 8 },
-  md: { height: 20, minWidth: 20, dot: 10 },
-  lg: { height: 24, minWidth: 24, dot: 12 }
-};
-var fontSizeMap = {
-  sm: 9,
-  md: 10,
-  lg: 12
-};
-function useBadgeSizeStyles(size, isDot, isOneChar) {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    const { height, minWidth, dot } = sizeMap[size];
-    const fontSize = fontSizeMap[size];
-    if (isDot) {
-      return {
-        height: dot,
-        minWidth: dot,
-        paddingHorizontal: 0,
-        fontSize
-      };
-    }
-    if (isOneChar) {
-      return {
-        height,
-        minWidth: height,
-        paddingHorizontal: 0,
-        fontSize
-      };
-    }
-    const paddingHorizontal = size === "sm" ? theme.spacing.xs : theme.spacing.sm;
-    return {
-      height,
-      minWidth,
-      paddingHorizontal,
-      fontSize
-    };
-  }, [isDot, isOneChar, size, theme]);
-}
-function useBadgeVariantStyles(themeColor, variant) {
-  const theme = useXUITheme();
-  const safeThemeColor = getSafeThemeColor(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  return useMemo(() => {
-    if (variant === "flat") {
-      return {
-        backgroundColor: colorScheme.container,
-        color: colorScheme.onContainer
-      };
-    }
-    if (variant === "faded") {
-      return {
-        backgroundColor: withOpacity(colorScheme.container, 0.7),
-        color: colorScheme.onContainer
-      };
-    }
-    if (variant === "shadow") {
-      return {
-        backgroundColor: colorScheme.main,
-        color: colorScheme.onMain,
-        shadow: theme.shadows.sm
-      };
-    }
-    return {
-      backgroundColor: colorScheme.main,
-      color: colorScheme.onMain
-    };
-  }, [colorScheme, theme, variant]);
-}
-function useBadgeRadiusStyles(radius, height) {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    if (radius === "full") {
-      return { borderRadius: height / 2 };
-    }
-    return { borderRadius: theme.borderRadius[radius] };
-  }, [height, radius, theme.borderRadius]);
-}
-function useBadgePlacementStyles(placement, height) {
-  return useMemo(() => {
-    const offset = Math.round(height * 0.3);
-    switch (placement) {
-      case "top-left":
-        return { top: -offset, left: -offset };
-      case "bottom-right":
-        return { bottom: -offset, right: -offset };
-      case "bottom-left":
-        return { bottom: -offset, left: -offset };
-      case "top-right":
-      default:
-        return { top: -offset, right: -offset };
-    }
-  }, [height, placement]);
-}
-
-// src/components/badge/badge.tsx
-var Badge = ({
-  children,
-  content,
-  themeColor = "primary",
-  variant = "solid",
-  size = "md",
-  radius = "full",
-  placement = "top-right",
-  showOutline = true,
-  disableOutline = false,
-  isInvisible = false,
-  isDot = false,
-  isOneChar = false,
-  disableAnimation = false,
-  customAppearance
-}) => {
-  const shouldRender = !isInvisible && (isDot || content !== void 0);
-  if (!shouldRender && !children) {
-    return null;
-  }
-  const forceOneChar = isOneChar;
-  const sizeStyles = useBadgeSizeStyles(size, isDot, forceOneChar);
-  const variantStyles = useBadgeVariantStyles(themeColor, variant);
-  const radiusStyles = useBadgeRadiusStyles(radius, sizeStyles.height);
-  const placementStyles = useBadgePlacementStyles(placement, sizeStyles.height);
-  const outlineEnabled = disableOutline ? false : showOutline;
-  const outlineStyles = outlineEnabled ? { borderWidth: 1, borderColor: "#FFFFFF" } : { borderWidth: 0, borderColor: "transparent" };
-  const badgeContent = isDot ? null : content;
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, customAppearance?.container] }, children, shouldRender && /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.badge,
-        {
-          minWidth: sizeStyles.minWidth,
-          height: sizeStyles.height,
-          paddingHorizontal: sizeStyles.paddingHorizontal,
-          backgroundColor: variantStyles.backgroundColor,
-          opacity: disableAnimation ? 1 : 1
-        },
-        radiusStyles,
-        placementStyles,
-        outlineStyles,
-        variantStyles.shadow,
-        customAppearance?.badge
-      ],
-      accessible: true,
-      accessibilityRole: "text"
-    },
-    badgeContent !== void 0 && badgeContent !== null && /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        style: [
-          styles.text,
-          {
-            fontSize: sizeStyles.fontSize,
-            color: variantStyles.color
-          },
-          customAppearance?.text
-        ]
-      },
-      badgeContent
-    )
-  ));
-};
-export {
-  Badge
-};

package/dist/bottom-sheet/index.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-EUQDGTST.cjs');
-
-
-var _chunkBYWUAPC4cjs = require('../chunk-BYWUAPC4.cjs');
-require('../chunk-56RPWZD2.cjs');
-require('../chunk-7UFBLUMV.cjs');
-
-
-exports.BottomSheet = _chunkBYWUAPC4cjs.BottomSheet;

package/dist/bottom-sheet/index.d.cts

@@ -1,84 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
-import { ThemeColor, Radius } from '@xaui/core/types';
-
-type BottomSheetSnapPoint = number | string;
-type BottomSheetProps = {
-    /**
-     * Content to render inside the bottom sheet.
-     */
-    children: ReactNode;
-    /**
-     * Whether the bottom sheet is visible.
-     * @default false
-     */
-    isOpen: boolean;
-    /**
-     * Snap points as fractions of screen height (0 to 1).
-     * First value is the initial collapsed height, subsequent values are expanded heights.
-     * @default [0.4, 0.9]
-     */
-    snapPoints?: [number, ...number[]];
-    /**
-     * Index of the initial snap point when the sheet opens.
-     * @default 0
-     */
-    initialSnapIndex?: number;
-    /**
-     * Theme color for the handle bar indicator.
-     * @default 'default'
-     */
-    themeColor?: ThemeColor;
-    /**
-     * Border radius of the top corners.
-     * @default 'lg'
-     */
-    radius?: Radius;
-    /**
-     * Whether to show the backdrop overlay.
-     * @default true
-     */
-    showBackdrop?: boolean;
-    /**
-     * Whether to close the sheet when tapping the backdrop.
-     * @default true
-     */
-    closeOnBackdropPress?: boolean;
-    /**
-     * Whether the sheet can be dismissed by swiping down.
-     * @default true
-     */
-    enableSwipeToDismiss?: boolean;
-    /**
-     * Whether to show the drag handle indicator.
-     * @default true
-     */
-    showHandle?: boolean;
-    /**
-     * Disable all animations.
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * Custom style for the sheet container.
-     */
-    style?: ViewStyle;
-    /**
-     * Custom content to render as the handle.
-     */
-    handleContent?: ReactNode;
-} & BottomSheetEvents;
-type BottomSheetEvents = {
-    /**
-     * Called when the sheet is closed.
-     */
-    onClose?: () => void;
-    /**
-     * Called when the snap point changes.
-     */
-    onSnapChange?: (index: number) => void;
-};
-
-declare const BottomSheet: React.FC<BottomSheetProps>;
-
-export { BottomSheet, type BottomSheetEvents, type BottomSheetProps, type BottomSheetSnapPoint };

package/dist/bottom-sheet/index.d.ts

@@ -1,84 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
-import { ThemeColor, Radius } from '@xaui/core/types';
-
-type BottomSheetSnapPoint = number | string;
-type BottomSheetProps = {
-    /**
-     * Content to render inside the bottom sheet.
-     */
-    children: ReactNode;
-    /**
-     * Whether the bottom sheet is visible.
-     * @default false
-     */
-    isOpen: boolean;
-    /**
-     * Snap points as fractions of screen height (0 to 1).
-     * First value is the initial collapsed height, subsequent values are expanded heights.
-     * @default [0.4, 0.9]
-     */
-    snapPoints?: [number, ...number[]];
-    /**
-     * Index of the initial snap point when the sheet opens.
-     * @default 0
-     */
-    initialSnapIndex?: number;
-    /**
-     * Theme color for the handle bar indicator.
-     * @default 'default'
-     */
-    themeColor?: ThemeColor;
-    /**
-     * Border radius of the top corners.
-     * @default 'lg'
-     */
-    radius?: Radius;
-    /**
-     * Whether to show the backdrop overlay.
-     * @default true
-     */
-    showBackdrop?: boolean;
-    /**
-     * Whether to close the sheet when tapping the backdrop.
-     * @default true
-     */
-    closeOnBackdropPress?: boolean;
-    /**
-     * Whether the sheet can be dismissed by swiping down.
-     * @default true
-     */
-    enableSwipeToDismiss?: boolean;
-    /**
-     * Whether to show the drag handle indicator.
-     * @default true
-     */
-    showHandle?: boolean;
-    /**
-     * Disable all animations.
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * Custom style for the sheet container.
-     */
-    style?: ViewStyle;
-    /**
-     * Custom content to render as the handle.
-     */
-    handleContent?: ReactNode;
-} & BottomSheetEvents;
-type BottomSheetEvents = {
-    /**
-     * Called when the sheet is closed.
-     */
-    onClose?: () => void;
-    /**
-     * Called when the snap point changes.
-     */
-    onSnapChange?: (index: number) => void;
-};
-
-declare const BottomSheet: React.FC<BottomSheetProps>;
-
-export { BottomSheet, type BottomSheetEvents, type BottomSheetProps, type BottomSheetSnapPoint };

package/dist/bottom-sheet/index.js

@@ -1,9 +0,0 @@
-import "../chunk-DECMUMCI.js";
-import {
-  BottomSheet
-} from "../chunk-4JFWQ5XT.js";
-import "../chunk-SHBDANQN.js";
-import "../chunk-RBSA4NH4.js";
-export {
-  BottomSheet
-};