@unif/react-native-ui 0.1.0 → 0.2.0

package/src/divider/index.tsx

@@ -2,10 +2,11 @@
  * 分割线组件
  */
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import type { ViewStyle } from 'react-native';
-import { hairlineStyle, standardStyle } from './style';
+import { useTokens } from '../theme/context';
+import { createHairlineStyle, createStandardStyle } from './style';
 
 interface DividerProps {
   hairline?: boolean;
@@ -17,14 +18,20 @@ const Divider: React.FC<DividerProps> = ({
   hairline = true,
   marginHorizontal,
   style,
-}: DividerProps) => (
-  <View
-    style={[
-      hairline ? hairlineStyle : standardStyle,
-      marginHorizontal != null && { marginHorizontal },
-      style,
-    ]}
-  />
-);
+}: DividerProps) => {
+  const tokens = useTokens();
+  const hairlineStyle = useMemo(() => createHairlineStyle(tokens), [tokens]);
+  const standardStyle = useMemo(() => createStandardStyle(tokens), [tokens]);
+
+  return (
+    <View
+      style={[
+        hairline ? hairlineStyle : standardStyle,
+        marginHorizontal != null && { marginHorizontal },
+        style,
+      ]}
+    />
+  );
+};
 
 export default Divider;

package/src/divider/style/index.tsx

@@ -1,13 +1,15 @@
 import { StyleSheet } from 'react-native';
-import { tokens } from '../../theme/tokens';
+import type { Tokens } from '../../theme/tokens';
 
-export const hairlineStyle = StyleSheet.create({
-  line: {
-    height: StyleSheet.hairlineWidth,
-    backgroundColor: tokens.colorBorder,
-  },
-}).line;
+export const createHairlineStyle = (t: Tokens) =>
+  StyleSheet.create({
+    line: {
+      height: StyleSheet.hairlineWidth,
+      backgroundColor: t.colorBorder,
+    },
+  }).line;
 
-export const standardStyle = StyleSheet.create({
-  line: { height: 1, backgroundColor: tokens.colorBorder },
-}).line;
+export const createStandardStyle = (t: Tokens) =>
+  StyleSheet.create({
+    line: { height: 1, backgroundColor: t.colorBorder },
+  }).line;

package/src/index.tsx

@@ -1,7 +1,8 @@
 // Theme
-export { configure } from './theme/config';
-export type { ThemeConfig } from './theme/config';
-export { tokens } from './theme/tokens';
+export { ConfigProvider, useTokens } from './theme/context';
+export type { ConfigProviderProps, TokenOverrides } from './theme/context';
+export { defaultTokens } from './theme/tokens';
+export type { Tokens } from './theme/tokens';
 
 // Hooks
 export { mergeStyles } from './hooks';
@@ -34,7 +35,7 @@ export type { AvatarSemanticStyles } from './avatar/style';
 export { default as WaveAnimation } from './wave-animation';
 export type { WaveAnimationProps } from './wave-animation';
 
-// Base (new)
+// Base
 export { default as Input } from './input';
 export type { InputProps } from './input';
 export type { InputSemanticStyles } from './input/style';
@@ -47,3 +48,5 @@ export type { ActionSheetOption, ActionSheetSemanticStyles } from './action-shee
 export { default as Popover } from './popover';
 export type { PopoverProps } from './popover';
 export type { PopoverSemanticStyles } from './popover/style';
+export { default as Menu } from './menu';
+export type { MenuProps, Action, MenuSemanticStyles } from './menu';

package/src/input/index.tsx

@@ -8,9 +8,9 @@ import React, { useRef, useEffect, useMemo, forwardRef } from 'react';
 import { View, TextInput } from 'react-native';
 import type { ViewStyle, ReturnKeyTypeOptions } from 'react-native';
 import { mergeStyles } from '../hooks';
-import { tokens } from '../theme/tokens';
+import { useTokens } from '../theme/context';
 import type { InputSemanticStyles } from './style';
-import { DEFAULT_STYLES } from './style';
+import { createDefaultStyles } from './style';
 
 export interface InputProps {
   value?: string;
@@ -52,12 +52,14 @@ const Input = forwardRef<InputRef, InputProps>(({
   testID,
 }, ref) => {
   const inputRef = useRef<InputRef>(null);
+  const tokens = useTokens();
+  const defaultStyles = useMemo(() => createDefaultStyles(tokens), [tokens]);
 
   React.useImperativeHandle(ref, () => inputRef.current as InputRef);
 
   const s = useMemo(
-    () => mergeStyles<InputSemanticStyles>(DEFAULT_STYLES, semanticStyles),
-    [semanticStyles],
+    () => mergeStyles<InputSemanticStyles>(defaultStyles, semanticStyles),
+    [defaultStyles, semanticStyles],
   );
 
   useEffect(() => {

package/src/input/style/index.tsx

@@ -1,6 +1,6 @@
 import { Platform } from 'react-native';
 import type { ViewStyle, TextStyle } from 'react-native';
-import { tokens } from '../../theme/tokens';
+import type { Tokens } from '../../theme/tokens';
 
 export type InputSemanticStyles = {
   root?: ViewStyle;
@@ -8,19 +8,19 @@ export type InputSemanticStyles = {
   toolbar?: ViewStyle;
 };
 
-export const DEFAULT_STYLES: InputSemanticStyles = {
+export const createDefaultStyles = (t: Tokens): InputSemanticStyles => ({
   root: {
-    backgroundColor: tokens.colorBgElevated,
-    borderRadius: tokens.radiusXl,
+    backgroundColor: t.colorBgElevated,
+    borderRadius: t.radiusXl,
     paddingHorizontal: 12,
     paddingTop: 8,
     paddingBottom: 6,
-    ...tokens.shadow,
+    ...t.shadow,
   },
   input: {
-    fontSize: tokens.fontSize,
-    color: tokens.colorText,
-    lineHeight: tokens.lineHeight,
+    fontSize: t.fontSize,
+    color: t.colorText,
+    lineHeight: t.lineHeight,
     paddingVertical: Platform.OS === 'ios' ? 4 : 2,
     paddingHorizontal: 4,
   },
@@ -29,4 +29,4 @@ export const DEFAULT_STYLES: InputSemanticStyles = {
     alignItems: 'center',
     paddingTop: 4,
   },
-};
+});

package/src/list-item/index.tsx

@@ -8,9 +8,9 @@ import React, { useMemo } from 'react';
 import { View, Text, Pressable } from 'react-native';
 import type { ViewStyle, TextStyle } from 'react-native';
 import { mergeStyles } from '../hooks';
-import { tokens } from '../theme/tokens';
+import { useTokens } from '../theme/context';
 import type { ListItemSemanticStyles } from './style';
-import { DEFAULT_SEMANTIC, lineStyle, contentWrapStyle } from './style';
+import { createDefaultStyles, lineStyle, contentWrapStyle } from './style';
 
 interface ListItemProps {
   thumb?: React.ReactNode;
@@ -27,8 +27,6 @@ interface ListItemProps {
   testID?: string;
 }
 
-const defaultArrowStyle = { fontSize: 18, color: tokens.colorTextSecondary };
-
 const ListItem: React.FC<ListItemProps> = ({
   thumb,
   title,
@@ -40,9 +38,16 @@ const ListItem: React.FC<ListItemProps> = ({
   styles: semanticStyles,
   ...props
 }: ListItemProps) => {
+  const tokens = useTokens();
+  const defaultStyles = useMemo(() => createDefaultStyles(tokens), [tokens]);
+  const defaultArrowStyle = useMemo(
+    () => ({ fontSize: 18, color: tokens.colorTextSecondary }),
+    [tokens],
+  );
+
   const s = useMemo(
-    () => mergeStyles(DEFAULT_SEMANTIC, semanticStyles),
-    [semanticStyles],
+    () => mergeStyles(defaultStyles, semanticStyles),
+    [defaultStyles, semanticStyles],
   );
 
   const content = (

package/src/list-item/style/index.tsx

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 import type { ViewStyle, TextStyle } from 'react-native';
-import { tokens } from '../../theme/tokens';
+import type { Tokens } from '../../theme/tokens';
 
 export type ListItemSemanticStyles = {
   root?: ViewStyle;
@@ -9,7 +9,7 @@ export type ListItemSemanticStyles = {
   extra?: ViewStyle & TextStyle;
 };
 
-export const DEFAULT_SEMANTIC: ListItemSemanticStyles = {
+export const createDefaultStyles = (t: Tokens): ListItemSemanticStyles => ({
   root: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -18,19 +18,19 @@ export const DEFAULT_SEMANTIC: ListItemSemanticStyles = {
   },
   content: {
     fontSize: 15,
-    color: tokens.colorText,
+    color: t.colorText,
     flex: 1,
   },
   description: {
     fontSize: 12,
-    color: tokens.colorTextSecondary,
+    color: t.colorTextSecondary,
     marginTop: 2,
   },
   extra: {
-    color: tokens.colorTextSecondary,
+    color: t.colorTextSecondary,
     fontSize: 14,
   },
-};
+});
 
 export const lineStyle = StyleSheet.create({
   s: { flex: 1, flexDirection: 'row', alignItems: 'center' },

package/src/menu/index.tsx

@@ -0,0 +1,99 @@
+/**
+ * Menu 独立组件
+ *
+ * 基于 Popover 实现的菜单列表，支持 danger、icon、disabled。
+ */
+
+import React, { useMemo } from 'react';
+import { View, Text, Pressable } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import Popover from '../popover';
+import { useTokens } from '../theme/context';
+import type { MenuSemanticStyles } from './style';
+import { createDefaultStyles } from './style';
+
+export type { MenuSemanticStyles } from './style';
+
+export type Action = {
+  key: string;
+  text: string;
+  icon?: React.ReactNode;
+  disabled?: boolean;
+  danger?: boolean;
+};
+
+export interface MenuProps {
+  visible: boolean;
+  onClose: () => void;
+  anchorLayout: { x: number; y: number; width: number; height: number };
+  actions: Action[];
+  onAction?: (item: Action) => void;
+  placement?: 'bottom' | 'top';
+  width?: number;
+  style?: ViewStyle;
+  styles?: Partial<MenuSemanticStyles>;
+  testID?: string;
+}
+
+const Menu: React.FC<MenuProps> = ({
+  visible,
+  onClose,
+  anchorLayout,
+  actions,
+  onAction,
+  placement = 'bottom',
+  width = 160,
+  style,
+  styles: semanticStyles,
+  testID,
+}) => {
+  const tokens = useTokens();
+  const ds = useMemo(() => createDefaultStyles(tokens), [tokens]);
+
+  return (
+    <Popover
+      visible={visible}
+      onClose={onClose}
+      anchorLayout={anchorLayout}
+      placement={placement}
+      width={width}
+      style={style}
+      testID={testID}
+    >
+      {actions.map((action, index) => (
+        <React.Fragment key={action.key}>
+          {index > 0 && (
+            <View style={[ds.divider, semanticStyles?.divider]} />
+          )}
+          <Pressable
+            style={[ds.item, semanticStyles?.item]}
+            onPress={() => {
+              if (!action.disabled) {
+                onAction?.(action);
+                onClose();
+              }
+            }}
+            disabled={action.disabled}
+            testID={testID ? `${testID}-${action.key}` : undefined}
+          >
+            {action.icon && (
+              <View style={[ds.itemIcon, semanticStyles?.itemIcon]}>
+                {action.icon}
+              </View>
+            )}
+            <Text
+              style={[
+                action.danger ? ds.itemLabelDanger : ds.itemLabel,
+                semanticStyles?.itemLabel,
+              ]}
+            >
+              {action.text}
+            </Text>
+          </Pressable>
+        </React.Fragment>
+      ))}
+    </Popover>
+  );
+};
+
+export default Menu;

package/src/menu/style/index.tsx

@@ -0,0 +1,34 @@
+import { StyleSheet } from 'react-native';
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { Tokens } from '../../theme/tokens';
+
+export type MenuSemanticStyles = {
+  item?: ViewStyle;
+  itemLabel?: TextStyle;
+  itemIcon?: ViewStyle;
+  divider?: ViewStyle;
+};
+
+export const createDefaultStyles = (t: Tokens) => ({
+  item: {
+    flexDirection: 'row' as const,
+    alignItems: 'center' as const,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+  },
+  itemLabel: {
+    fontSize: 14,
+    color: t.colorText,
+  },
+  itemLabelDanger: {
+    fontSize: 14,
+    color: t.colorError,
+  },
+  itemIcon: {
+    marginRight: 8,
+  },
+  divider: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: t.colorBorder,
+  },
+});

package/src/popover/index.tsx

@@ -12,8 +12,9 @@ import {
 } from 'react-native';
 import type { ViewStyle } from 'react-native';
 import { mergeStyles } from '../hooks';
+import { useTokens } from '../theme/context';
 import type { PopoverSemanticStyles } from './style';
-import { DEFAULT_STYLES } from './style';
+import { createDefaultStyles } from './style';
 
 export interface PopoverProps {
   visible: boolean;
@@ -40,9 +41,12 @@ const Popover: React.FC<PopoverProps> = ({
   styles: semanticStyles,
   testID,
 }) => {
+  const tokens = useTokens();
+  const defaultStyles = useMemo(() => createDefaultStyles(tokens), [tokens]);
+
   const s = useMemo(
-    () => mergeStyles<PopoverSemanticStyles>(DEFAULT_STYLES, semanticStyles),
-    [semanticStyles],
+    () => mergeStyles<PopoverSemanticStyles>(defaultStyles, semanticStyles),
+    [defaultStyles, semanticStyles],
   );
 
   if (!visible) {

package/src/popover/style/index.tsx

@@ -1,18 +1,18 @@
 import type { ViewStyle } from 'react-native';
-import { tokens } from '../../theme/tokens';
+import type { Tokens } from '../../theme/tokens';
 
 export type PopoverSemanticStyles = {
   overlay?: ViewStyle;
   content?: ViewStyle;
 };
 
-export const DEFAULT_STYLES: PopoverSemanticStyles = {
+export const createDefaultStyles = (t: Tokens): PopoverSemanticStyles => ({
   overlay: {
     flex: 1,
   },
   content: {
     position: 'absolute',
-    backgroundColor: tokens.colorBgElevated,
+    backgroundColor: t.colorBgElevated,
     borderRadius: 12,
     shadowColor: '#000',
     shadowOffset: { width: 0, height: 4 },
@@ -20,4 +20,4 @@ export const DEFAULT_STYLES: PopoverSemanticStyles = {
     shadowRadius: 12,
     elevation: 8,
   },
-};
+});

package/src/text/index.tsx

@@ -4,11 +4,12 @@
  * variant 驱动样式，支持嵌套 Text。
  */
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Text as RNText } from 'react-native';
 import type { TextProps as RNTextProps } from 'react-native';
+import { useTokens } from '../theme/context';
 import type { FontWeight } from './style';
-import { VARIANT_MAP, WEIGHT_MAP, secondaryStyle, primaryStyle } from './style';
+import { createVariantMap, WEIGHT_MAP, createSecondaryStyle, createPrimaryStyle } from './style';
 
 export interface TextProps extends RNTextProps {
   variant?: 'title' | 'heading' | 'body' | 'caption' | 'micro';
@@ -27,10 +28,15 @@ const Text: React.FC<TextProps> = ({
   style,
   ...rest
 }: TextProps) => {
+  const tokens = useTokens();
+  const variantMap = useMemo(() => createVariantMap(tokens), [tokens]);
+  const secondaryStyle = useMemo(() => createSecondaryStyle(tokens), [tokens]);
+  const primaryStyle = useMemo(() => createPrimaryStyle(tokens), [tokens]);
+
   return (
     <RNText
       style={[
-        VARIANT_MAP[variant],
+        variantMap[variant],
         secondary && secondaryStyle,
         primary && primaryStyle,
         color != null && { color },

package/src/text/style/index.tsx

@@ -1,25 +1,24 @@
-import { StyleSheet } from 'react-native';
 import type { TextStyle } from 'react-native';
-import { tokens } from '../../theme/tokens';
+import type { Tokens } from '../../theme/tokens';
 
 export type FontWeight = 'medium' | 'semibold' | 'bold';
 
-export const VARIANT_MAP = StyleSheet.create({
+export const createVariantMap = (t: Tokens) => ({
   title: {
     fontSize: 20,
     lineHeight: 26,
-    fontWeight: '600',
-    color: tokens.colorText,
+    fontWeight: '600' as const,
+    color: t.colorText,
   },
   heading: {
     fontSize: 16,
     lineHeight: 22,
-    fontWeight: '600',
-    color: tokens.colorText,
+    fontWeight: '600' as const,
+    color: t.colorText,
   },
-  body: { fontSize: 15, lineHeight: 22, color: tokens.colorText },
-  caption: { fontSize: 13, lineHeight: 18, color: tokens.colorText },
-  micro: { fontSize: 12, lineHeight: 18, color: tokens.colorText },
+  body: { fontSize: 15, lineHeight: 22, color: t.colorText },
+  caption: { fontSize: 13, lineHeight: 18, color: t.colorText },
+  micro: { fontSize: 12, lineHeight: 18, color: t.colorText },
 });
 
 export const WEIGHT_MAP: Record<FontWeight, TextStyle> = {
@@ -28,5 +27,10 @@ export const WEIGHT_MAP: Record<FontWeight, TextStyle> = {
   bold: { fontWeight: '700' },
 };
 
-export const secondaryStyle: TextStyle = { color: tokens.colorTextSecondary };
-export const primaryStyle: TextStyle = { color: tokens.colorPrimary };
+export const createSecondaryStyle = (t: Tokens): TextStyle => ({
+  color: t.colorTextSecondary,
+});
+
+export const createPrimaryStyle = (t: Tokens): TextStyle => ({
+  color: t.colorPrimary,
+});

package/src/theme/context.tsx

@@ -0,0 +1,38 @@
+/**
+ * ConfigProvider — 声明式主题系统
+ *
+ * 通过 React Context 注入 token，支持嵌套覆盖。
+ */
+
+import React, { createContext, useContext, useMemo } from 'react';
+import { defaultTokens } from './tokens';
+import type { Tokens } from './tokens';
+
+export type TokenOverrides = Partial<Tokens>;
+
+const ThemeContext = createContext<Tokens>(defaultTokens);
+
+export interface ConfigProviderProps {
+  theme?: { token?: TokenOverrides };
+  children: React.ReactNode;
+}
+
+export const ConfigProvider: React.FC<ConfigProviderProps> = ({
+  theme,
+  children,
+}) => {
+  const parent = useContext(ThemeContext);
+
+  const merged = useMemo<Tokens>(() => {
+    if (!theme?.token) return parent;
+    return { ...parent, ...theme.token } as Tokens;
+  }, [parent, theme?.token]);
+
+  return (
+    <ThemeContext.Provider value={merged}>{children}</ThemeContext.Provider>
+  );
+};
+
+export function useTokens(): Tokens {
+  return useContext(ThemeContext);
+}

package/src/theme/tokens.ts

@@ -1,13 +1,9 @@
 /**
- * Design Tokens
+ * Design Tokens — 静态默认值
  */
 
-import { getPrimaryColor } from './config';
-
-export const tokens = {
-  get colorPrimary() {
-    return getPrimaryColor();
-  },
+export const defaultTokens = {
+  colorPrimary: '#EB6E00',
   colorSuccess: '#34C759',
   colorWarning: '#FF9500',
   colorError: '#FF3B30',
@@ -64,3 +60,5 @@ export const tokens = {
     elevation: 2,
   },
 };
+
+export type Tokens = typeof defaultTokens;

package/lib/module/theme/config.js

@@ -1,27 +0,0 @@
-"use strict";
-
-/**
- * 主题配置
- *
- * 消费方通过 configure() 注入主题色，实现包与业务解耦。
- */
-
-let _config = {};
-
-/**
- * 配置主题
- *
- * @example
- * import { configure } from '@unif/react-native-ui';
- * configure({ primaryColor: getAppThemeColor() });
- */
-export function configure(options) {
-  _config = {
-    ..._config,
-    ...options
-  };
-}
-export function getPrimaryColor() {
-  return _config.primaryColor || '#EB6E00';
-}
-//# sourceMappingURL=config.js.map

package/lib/module/theme/config.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_config","configure","options","getPrimaryColor","primaryColor"],"sourceRoot":"../../../src","sources":["theme/config.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAMA,IAAIA,OAAoB,GAAG,CAAC,CAAC;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,OAAoB,EAAQ;EACpDF,OAAO,GAAG;IAAE,GAAGA,OAAO;IAAE,GAAGE;EAAQ,CAAC;AACtC;AAEA,OAAO,SAASC,eAAeA,CAAA,EAAW;EACxC,OAAOH,OAAO,CAACI,YAAY,IAAI,SAAS;AAC1C","ignoreList":[]}

package/lib/typescript/src/action-sheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-sheet/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/action-sheet/style/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/action-sheet/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,yBAiC5B,CAAC"}

package/lib/typescript/src/avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/avatar/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/avatar/style/index.d.ts

@@ -1,7 +0,0 @@
-import type { ViewStyle, ImageStyle } from 'react-native';
-export type AvatarSemanticStyles = {
-    root?: ViewStyle;
-    image?: ImageStyle;
-};
-export declare const DEFAULT_STYLES: AvatarSemanticStyles;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/avatar/style/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/avatar/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,oBAY5B,CAAC"}

package/lib/typescript/src/button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/button/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAWpD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgDjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/button/style/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/button/style/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,oBAY5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,CASrE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAiBrE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,oBAAoB,CAEzD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAEtD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAA4B,CAAC;AAEzD,eAAO,MAAM,YAAY;;CAErB,CAAC"}

package/lib/typescript/src/center/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/center/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AAEpC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/center/style/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/center/style/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;CAKb,CAAC"}

package/lib/typescript/src/chip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/chip/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}