@xaui/native 0.2.7 → 0.9.1-alpha.0

package/dist/typography/index.d.ts

@@ -1,113 +0,0 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, TextStyle } from 'react-native';
-import { ThemeColor } from '@xaui/core/types';
-
-type TypographyAlign = 'center' | 'justify' | 'left' | 'right';
-type TypographyVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'caption' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'subtitleLarge' | 'subtitleMedium' | 'subtitleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';
-type TypographyProps = {
-    /**
-     * The content to display inside the typography component.
-     */
-    children: ReactNode;
-    /**
-     * The text alignment.
-     */
-    align?: TypographyAlign;
-    /**
-     * The theme color for the text.
-     * @default 'default'
-     */
-    themeColor?: ThemeColor;
-    /**
-     * The typography variant.
-     * @default 'bodyMedium'
-     */
-    variant?: TypographyVariant;
-    /**
-     * Maximum number of lines to display.
-     */
-    maxLines?: number;
-    /**
-     * How to handle text overflow when maxLines is set.
-     * @default 'clip'
-     */
-    overflow?: 'clip' | 'ellipsis';
-    /**
-     * Custom styles for the text.
-     */
-    style?: StyleProp<TextStyle>;
-    /**
-     * Custom text color override.
-     */
-    color?: TextStyle['color'];
-    /**
-     * The spacing between characters.
-     */
-    letterSpacing?: number;
-    /**
-     * Line height for the text.
-     */
-    lineHeight?: TextStyle['lineHeight'];
-    /**
-     * The text weight.
-     */
-    fontWeight?: TextStyle['fontWeight'];
-    /**
-     * The text style.
-     */
-    fontStyle?: TextStyle['fontStyle'];
-    /**
-     * Text decoration line.
-     */
-    textDecorationLine?: TextStyle['textDecorationLine'];
-    /**
-     * Text transform mode.
-     */
-    textTransform?: TextStyle['textTransform'];
-};
-
-declare const Typography: React.FC<TypographyProps>;
-
-type TextSpanAlign = TypographyAlign;
-type TextSpanProps = {
-    /**
-     * The content to display inside the text span.
-     */
-    children: ReactNode;
-    /**
-     * Inherited text color for nested Typography.
-     */
-    color?: TextStyle['color'];
-    /**
-     * Inherited text weight for nested Typography.
-     */
-    fontWeight?: TextStyle['fontWeight'];
-    /**
-     * Inherited text style for nested Typography.
-     */
-    fontStyle?: TextStyle['fontStyle'];
-    /**
-     * Inherited text transform for nested Typography.
-     */
-    textTransform?: TextStyle['textTransform'];
-    /**
-     * Spacing between children.
-     */
-    spacing?: number;
-    /**
-     * Text alignment for all nested typography unless overridden.
-     */
-    align?: TextSpanAlign;
-    /**
-     * Background color for the text span container.
-     */
-    backgroundColor?: TextStyle['backgroundColor'];
-    /**
-     * Custom styles for the text span container.
-     */
-    style?: StyleProp<TextStyle>;
-};
-
-declare const TextSpan: React.FC<TextSpanProps>;
-
-export { TextSpan, type TextSpanAlign, type TextSpanProps, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant };

package/dist/typography/index.js

@@ -1,238 +0,0 @@
-import "../chunk-SHBDANQN.js";
-import {
-  useXUITheme
-} from "../chunk-RBSA4NH4.js";
-
-// src/components/typography/typography.tsx
-import React, { useMemo as useMemo2 } from "react";
-import { Text } from "react-native";
-
-// src/components/typography/typography.style.ts
-import { StyleSheet } from "react-native";
-var styles = StyleSheet.create({
-  text: {
-    includeFontPadding: false
-  }
-});
-
-// src/components/typography/text-span.context.ts
-import { createContext, useContext } from "react";
-var TextSpanContext = createContext({});
-var useTextSpanInheritedStyle = () => {
-  return useContext(TextSpanContext);
-};
-
-// src/components/typography/typography.hook.ts
-import { useMemo } from "react";
-import { getSafeThemeColor } from "@xaui/core";
-var knownVariants = {
-  displayLarge: true,
-  displayMedium: true,
-  displaySmall: true,
-  caption: true,
-  headlineLarge: true,
-  headlineMedium: true,
-  headlineSmall: true,
-  subtitleLarge: true,
-  subtitleMedium: true,
-  subtitleSmall: true,
-  bodyLarge: true,
-  bodyMedium: true,
-  bodySmall: true
-};
-var isKnownVariant = (variant) => {
-  return Boolean(knownVariants[variant]);
-};
-var useTypographyColor = (themeColor) => {
-  const theme = useXUITheme();
-  const color = useMemo(() => {
-    if (themeColor === "default") {
-      return theme.colors.foreground;
-    }
-    const safeThemeColor = getSafeThemeColor(themeColor);
-    return theme.colors[safeThemeColor].main;
-  }, [theme, themeColor]);
-  return color;
-};
-var useTypographyVariantStyles = (variant) => {
-  const theme = useXUITheme();
-  const variantStyles = useMemo(() => {
-    if (!isKnownVariant(variant)) {
-      return {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.md,
-        fontWeight: theme.fontWeights.normal
-      };
-    }
-    const styles2 = {
-      displayLarge: {
-        fontFamily: theme.fontFamilies.heading,
-        fontSize: 72,
-        fontWeight: theme.fontWeights.semibold
-      },
-      displayMedium: {
-        fontFamily: theme.fontFamilies.heading,
-        fontSize: 57,
-        fontWeight: theme.fontWeights.semibold
-      },
-      displaySmall: {
-        fontFamily: theme.fontFamilies.heading,
-        fontSize: 45,
-        fontWeight: theme.fontWeights.semibold
-      },
-      caption: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.xs,
-        fontWeight: theme.fontWeights.normal
-      },
-      headlineLarge: {
-        fontFamily: theme.fontFamilies.heading,
-        fontSize: theme.fontSizes["4xl"] + 3,
-        fontWeight: theme.fontWeights.bold
-      },
-      headlineMedium: {
-        fontFamily: theme.fontFamilies.heading,
-        fontSize: theme.fontSizes["3xl"] + 3,
-        fontWeight: theme.fontWeights.bold
-      },
-      headlineSmall: {
-        fontFamily: theme.fontFamilies.heading,
-        fontSize: theme.fontSizes["2xl"] + 3,
-        fontWeight: theme.fontWeights.semibold
-      },
-      subtitleLarge: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.md + 5,
-        fontWeight: theme.fontWeights.medium
-      },
-      subtitleMedium: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.sm + 5,
-        fontWeight: theme.fontWeights.medium
-      },
-      subtitleSmall: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.xs + 5,
-        fontWeight: theme.fontWeights.medium
-      },
-      bodyLarge: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.md,
-        fontWeight: theme.fontWeights.normal
-      },
-      bodyMedium: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.sm,
-        fontWeight: theme.fontWeights.normal
-      },
-      bodySmall: {
-        fontFamily: theme.fontFamilies.body,
-        fontSize: theme.fontSizes.xs,
-        fontWeight: theme.fontWeights.normal
-      }
-    };
-    return styles2[variant];
-  }, [theme, variant]);
-  return variantStyles;
-};
-
-// src/components/typography/typography.tsx
-var Typography = ({
-  children,
-  align,
-  themeColor = "default",
-  variant = "bodyMedium",
-  maxLines,
-  overflow = "clip",
-  color,
-  letterSpacing,
-  lineHeight,
-  fontWeight,
-  fontStyle,
-  textDecorationLine,
-  textTransform,
-  style
-}) => {
-  const inheritedStyle = useTextSpanInheritedStyle();
-  const themeColorValue = useTypographyColor(themeColor);
-  const variantStyles = useTypographyVariantStyles(variant);
-  const resolvedAlign = align ?? inheritedStyle.align;
-  const textStyleOverrides = {
-    color: color ?? inheritedStyle.color ?? themeColorValue,
-    letterSpacing,
-    lineHeight,
-    fontWeight: fontWeight ?? inheritedStyle.fontWeight,
-    fontStyle: fontStyle ?? inheritedStyle.fontStyle,
-    textDecorationLine,
-    textTransform: textTransform ?? inheritedStyle.textTransform
-  };
-  const ellipsizeMode = useMemo2(() => {
-    if (!maxLines) return void 0;
-    if (overflow === "clip") return "clip";
-    return "tail";
-  }, [maxLines, overflow]);
-  return /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      numberOfLines: maxLines,
-      ellipsizeMode,
-      style: [
-        styles.text,
-        variantStyles,
-        resolvedAlign && { textAlign: resolvedAlign },
-        textStyleOverrides,
-        inheritedStyle.spacing != null ? { marginRight: inheritedStyle.spacing } : void 0,
-        style
-      ]
-    },
-    children
-  );
-};
-
-// src/components/typography/text-span.tsx
-import React2 from "react";
-import { Text as Text2 } from "react-native";
-var alignToTextAlign = {
-  left: "left",
-  center: "center",
-  right: "right",
-  justify: "justify"
-};
-var TextSpan = ({
-  children,
-  color,
-  fontWeight,
-  fontStyle,
-  textTransform,
-  spacing,
-  align,
-  backgroundColor,
-  style
-}) => {
-  const inheritedTextStyle = {
-    color,
-    fontWeight,
-    fontStyle,
-    textTransform,
-    align,
-    spacing
-  };
-  return /* @__PURE__ */ React2.createElement(TextSpanContext.Provider, { value: inheritedTextStyle }, /* @__PURE__ */ React2.createElement(
-    Text2,
-    {
-      style: [
-        {
-          ...align ? { textAlign: alignToTextAlign[align] } : {},
-          ...backgroundColor ? { backgroundColor } : {}
-        },
-        style
-      ]
-    },
-    children
-  ));
-};
-TextSpan.displayName = "TextSpan";
-export {
-  TextSpan,
-  Typography
-};