@particle-network/ui-native 0.4.2-beta.0 → 0.4.2-beta.10

package/dist/components/UXButton/button.js

@@ -7,7 +7,7 @@ import { UXPressable } from "../UXPressable/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
 import { useStyles } from "./button.styles.js";
 const UXButton = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { style, size, radius, color, variant, onPress, isDisabled, isLoading, startContent, endContent, fullWidth, width, gap, w, h, ph, isIconOnly, children, ...restProps } = props;
+    const { style, size, radius, color, variant, onPress, isDisabled, isLoading, isSelected, startContent, endContent, fullWidth, width, gap, w, h, ph, isIconOnly, children, ...restProps } = props;
     const handlePress = (e)=>{
         Keyboard.dismiss();
         triggerHapticFeedback();
@@ -20,6 +20,7 @@ const UXButton = /*#__PURE__*/ forwardRef((props, ref)=>{
         variant,
         isDisabled,
         isLoading,
+        isSelected,
         fullWidth,
         isIconOnly,
         width,

package/dist/components/UXButton/button.styles.js

@@ -4,7 +4,7 @@ import { useColors, useComponentConfig, useMs, useRadius, useSpacing } from "../
 import { disabledOpacity } from "../../theme/index.js";
 const useStyles = (props)=>{
     const { button: buttonConfig } = useComponentConfig();
-    const { size = 'md', radius = buttonConfig.defaultProps?.radius, color = 'default', variant = 'solid', isDisabled, isLoading, width, gap, w, h, ph, fullWidth, isIconOnly } = props;
+    const { size = 'md', radius = buttonConfig.defaultProps?.radius, color = 'default', variant = 'solid', isDisabled, isLoading, isSelected, width, gap, w, h, ph, fullWidth, isIconOnly } = props;
     const { getColor } = useColors();
     const { getRadius } = useRadius();
     const { getSpacing } = useSpacing();
@@ -102,6 +102,9 @@ const useStyles = (props)=>{
     ]);
     const textColor = useMemo(()=>{
         const customColorConfig = buttonConfig?.color?.[color];
+        if (isSelected) {
+            if ('secondary' === color) return 'foreground';
+        }
         if ('solid' === variant) {
             if (customColorConfig) return customColorConfig.text;
             if ('contrast' === color) return 'bg-default';
@@ -111,7 +114,8 @@ const useStyles = (props)=>{
     }, [
         color,
         variant,
-        buttonConfig?.color
+        buttonConfig?.color,
+        isSelected
     ]);
     const textActualColor = useMemo(()=>getColor(textColor), [
         textColor,
@@ -119,6 +123,9 @@ const useStyles = (props)=>{
     ]);
     const backgroundColor = useMemo(()=>{
         const customColorConfig = buttonConfig?.color?.[color];
+        if (isSelected) {
+            if ('secondary' === color && 'solid' === variant) return getColor('tertiary');
+        }
         if ('solid' === variant) {
             if (customColorConfig) return getColor(customColorConfig.background);
             if ('contrast' === color) return getColor('foreground');
@@ -142,7 +149,8 @@ const useStyles = (props)=>{
         color,
         getColor,
         variant,
-        buttonConfig?.color
+        buttonConfig?.color,
+        isSelected
     ]);
     const borderColor = useMemo(()=>{
         if ('bordered' === variant) {

package/dist/components/UXButton/button.types.d.ts

@@ -27,6 +27,7 @@ export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disable
     variant?: 'solid' | 'bordered' | 'flat' | 'text' | 'light';
     radius?: UXRadius;
     isDisabled?: boolean;
+    isSelected?: boolean;
     isLoading?: boolean;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;

package/dist/components/UXTabSwitch/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type UXTabsProps } from '../UXTabs';
+interface UXTabSwitchProps {
+    tabStyle?: UXTabsProps['tabStyle'];
+    containerStyle?: UXTabsProps['containerStyle'];
+    size?: UXTabsProps['size'];
+    color?: UXTabsProps['color'];
+    onTitle?: string;
+    onIcon?: React.ReactNode;
+    offTitle?: string;
+    offIcon?: React.ReactNode;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    onValueChange?: (isSelected: boolean) => void;
+}
+export declare const UXTabSwitch: React.FC<UXTabSwitchProps>;
+export {};

package/dist/components/UXTabSwitch/index.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { useI18n } from "../../hooks/useI18n.js";
+import { UXTab, UXTabs } from "../UXTabs/index.js";
+const UXTabSwitch = (props)=>{
+    const { tabStyle, containerStyle, size, color, onTitle, onIcon, offTitle, offIcon, isSelected = false, isDisabled = false, onValueChange } = props;
+    const i18n = useI18n();
+    return /*#__PURE__*/ jsxs(UXTabs, {
+        tabStyle: tabStyle,
+        containerStyle: containerStyle,
+        size: size,
+        variant: "switch",
+        color: color,
+        isDisabled: isDisabled,
+        selectedKey: isSelected.toString(),
+        onSelectionChange: (key)=>{
+            onValueChange?.('true' === key);
+        },
+        children: [
+            /*#__PURE__*/ jsx(UXTab, {
+                title: offTitle || i18n.switch.off,
+                icon: offIcon
+            }, "false"),
+            /*#__PURE__*/ jsx(UXTab, {
+                title: onTitle || i18n.switch.on,
+                icon: onIcon
+            }, "true")
+        ]
+    });
+};
+export { UXTabSwitch };

package/dist/components/UXTabs/styles.js

@@ -125,8 +125,8 @@ const useStyles = (props)=>{
         if (!isSelected) return 'transparent';
         if ('text' === variant || 'underlined' === variant) return 'transparent';
         if ('default' === color) {
-            if ('switch' === variant) return getColor('tertiary');
-            return getColor('bg-200');
+            if ('light' === variant) return getColor('bg-200');
+            return getColor('tertiary');
         }
         return getColor(color);
     }, [

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './UXRadio';
 export * from './UXSpinner';
 export * from './UXSwitch';
 export * from './UXTabs';
+export * from './UXTabSwitch';
 export * from './UXToast';
 export * from './UXTooltip';
 export * from './UXTouchableOpacity';

package/dist/components/index.js

@@ -16,6 +16,7 @@ export * from "./UXRadio/index.js";
 export * from "./UXSpinner/index.js";
 export * from "./UXSwitch/index.js";
 export * from "./UXTabs/index.js";
+export * from "./UXTabSwitch/index.js";
 export * from "./UXToast/index.js";
 export * from "./UXTooltip/index.js";
 export * from "./UXTouchableOpacity/index.js";

package/dist/components/input/styles.js

@@ -4,7 +4,7 @@ import { useColors, useComponentConfig, useMs, useRadius } from "../../hooks/ind
 import { disabledOpacity } from "../../theme/index.js";
 const useStyles = (props)=>{
     const { input: inputConfig } = useComponentConfig();
-    const { isInvalid, isDisabled, fullWidth, isFocused, color = 'default', size = 'md', variant = 'flat', multiline, radius = multiline ? void 0 : inputConfig.defaultProps?.radius, width: widthProp, textAlign = 'left' } = props;
+    const { isInvalid, isDisabled, fullWidth, isFocused, color = 'default', isColorText = false, size = 'md', variant = 'flat', multiline, radius = multiline ? void 0 : inputConfig.defaultProps?.radius, width: widthProp, textAlign = 'left' } = props;
     const { getColor } = useColors();
     const { getRadius } = useRadius();
     const { ms } = useMs();
@@ -52,10 +52,13 @@ const useStyles = (props)=>{
     ]);
     const inputTextColor = useMemo(()=>{
         if (isInvalid) return getColor('danger');
+        if (isColorText) return getColor(color);
         return getColor('foreground');
     }, [
         isInvalid,
-        getColor
+        getColor,
+        isColorText,
+        color
     ]);
     const backgroundColor = useMemo(()=>getColor('bg-200'), [
         getColor

package/dist/components/input/types.d.ts

@@ -36,6 +36,7 @@ export interface UXInputCommonProps extends Omit<TextInputProps, 'style' | 'valu
     isReadOnly?: boolean;
     isDisabled?: boolean;
     isInvalid?: boolean;
+    isColorText?: boolean;
     label?: string;
     textAlign?: 'left' | 'center' | 'right';
     autoErrorMessage?: boolean;

package/dist/locales/en.d.ts

@@ -37,5 +37,9 @@ export declare const en: {
         warning: string;
         info: string;
     };
+    switch: {
+        on: string;
+        off: string;
+    };
 };
 export type LocaleText = typeof en;

package/dist/locales/en.js

@@ -36,6 +36,10 @@ const en = {
         error: 'Error',
         warning: 'Warning',
         info: 'Info'
+    },
+    switch: {
+        on: 'On',
+        off: 'Off'
     }
 };
 export { en };

package/dist/locales/index.d.ts

@@ -41,6 +41,10 @@ export declare const locales: {
             warning: string;
             info: string;
         };
+        switch: {
+            on: string;
+            off: string;
+        };
     };
     zh: {
         datePicker: {
@@ -81,6 +85,10 @@ export declare const locales: {
             warning: string;
             info: string;
         };
+        switch: {
+            on: string;
+            off: string;
+        };
     };
 };
 export declare function getLocaleText(locale: Locale): {
@@ -122,4 +130,8 @@ export declare function getLocaleText(locale: Locale): {
         warning: string;
         info: string;
     };
+    switch: {
+        on: string;
+        off: string;
+    };
 };

package/dist/locales/zh.js

@@ -36,6 +36,10 @@ const zh = {
         error: '错误',
         warning: '警告',
         info: '提示'
+    },
+    switch: {
+        on: '开',
+        off: '关'
     }
 };
 export { zh };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.4.2-beta.0",
+  "version": "0.4.2-beta.10",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -44,8 +44,8 @@
     "react-native-paper": "^5.14.5",
     "react-native-size-matters": "^0.4.2",
     "react-native-toast-message": "^2.3.3",
-    "@particle-network/icons": "0.4.2-beta.0",
-    "@particle-network/ui-shared": "0.3.2-beta.0"
+    "@particle-network/icons": "0.4.2-beta.7",
+    "@particle-network/ui-shared": "0.3.2-beta.3"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -75,8 +75,8 @@
     "expo-constants": "~18.0.8",
     "expo-status-bar": "~3.0.8",
     "lucide-react-native": "^0.541.0",
-    "react": "19.1.2",
-    "react-dom": "19.1.2",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-reanimated": "~4.1.0",
@@ -88,9 +88,9 @@
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
-    "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/icons": "0.4.2-beta.0",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/icons": "0.4.2-beta.7",
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",
@@ -111,7 +111,7 @@
     "storybook:build": "storybook build",
     "storybook:preview": "serve storybook-static",
     "storybook:generate": "sb-rn-get-stories",
-    "type-check": "npx tsgo --noEmit -p ./tsconfig.json",
+    "type-check": "npx tsc --noEmit -p ./tsconfig.json",
     "dev": "rslib build --watch",
     "build": "rslib build",
     "lint": "eslint . --no-error-on-unmatched-pattern --quiet",