@particle-network/ui-native 0.0.2

package/dist/components/layout/Flex/useFlex.type.d.ts

@@ -0,0 +1,65 @@
+import type { FlexStyle } from 'react-native';
+import type { SpacingType } from '@particle-network/ui-shared';
+export interface UseFlexProps {
+    /**
+     * Shorthand for the `flex` style property.
+     * If `true` is passed, the `flex` style property will be set to `1`.
+     */
+    fill?: boolean | number;
+    /**
+     * Shorthand for `{ flexDirection: "row" }`.
+     */
+    inline?: boolean;
+    /**
+     * Shorthand for the `{ flexDirection: "column" }` style property.
+     */
+    vertical?: boolean;
+    /**
+     * Shorthand for `{ justifyContent: "center", alignItems: "center" }`.
+     */
+    center?: boolean;
+    /**
+     * `gap` style property.
+     */
+    gap?: SpacingType;
+    /**
+     * Shorthand for the `flexDirection` style property.
+     * 'col' | 'col-reverse' is the same as 'column' | 'column-reverse', 兼容 web Flex 写法
+     */
+    direction?: FlexStyle['flexDirection'] | 'col' | 'col-reverse';
+    /**
+     * Shorthand for the `justifyContent` style property.
+     * If `center` prop is set to `true`, `justifyContent` will be forced to `center`.
+     */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /**
+     * Shorthand for the `alignItems` style property.
+     * If `center` prop is set to `true`, `alignItems` will be forced to `center`.
+     */
+    items?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+    /**
+     * Shorthand for the `alignSelf` style property.
+     */
+    self?: 'auto' | 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+    /**
+     * Shorthand for the `alignContent` style property.
+     */
+    content?: 'start' | 'end' | 'center' | 'stretch' | 'between' | 'around';
+    /**
+     * Shorthand for the `flexWrap` style property.
+     * If `true` is passed, the `flexWrap` style property will be set to `wrap`.
+     */
+    wrap?: boolean | FlexStyle['flexWrap'];
+    /**
+     * Shorthand for the `flexBasis` style property.
+     */
+    basis?: FlexStyle['flexBasis'];
+    /**
+     * Shorthand for the `flexGrow` style property.
+     */
+    grow?: FlexStyle['flexGrow'];
+    /**
+     * Shorthand for the `flexShrink` style property.
+     */
+    shrink?: FlexStyle['flexShrink'];
+}

package/dist/components/layout/Flex/useFlexBox.style.d.ts

@@ -0,0 +1,134 @@
+import { type UseBoxProps, type UseFlexProps } from '../..';
+export declare const useFlexBoxStyle: (props: UseFlexProps & UseBoxProps) => {
+    backfaceVisibility?: "visible" | "hidden" | undefined;
+    backgroundColor?: import("react-native").ColorValue | undefined;
+    borderBlockColor?: import("react-native").ColorValue | undefined;
+    borderBlockEndColor?: import("react-native").ColorValue | undefined;
+    borderBlockStartColor?: import("react-native").ColorValue | undefined;
+    borderBottomColor?: import("react-native").ColorValue | undefined;
+    borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderColor?: import("react-native").ColorValue | undefined;
+    borderCurve?: "circular" | "continuous" | undefined;
+    borderEndColor?: import("react-native").ColorValue | undefined;
+    borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderLeftColor?: import("react-native").ColorValue | undefined;
+    borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderRightColor?: import("react-native").ColorValue | undefined;
+    borderStartColor?: import("react-native").ColorValue | undefined;
+    borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+    borderTopColor?: import("react-native").ColorValue | undefined;
+    borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    outlineColor?: import("react-native").ColorValue | undefined;
+    outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+    outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+    outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
+    opacity?: import("react-native").AnimatableNumericValue | undefined;
+    elevation?: number | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+    isolation?: "auto" | "isolate" | undefined;
+    cursor?: import("react-native").CursorValue | undefined;
+    boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+    filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+    mixBlendMode?: import("react-native").BlendMode | undefined;
+    experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+    alignItems?: import("react-native").FlexAlignType | undefined;
+    alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+    aspectRatio?: number | string | undefined;
+    borderBottomWidth?: number | undefined;
+    borderEndWidth?: number | undefined;
+    borderLeftWidth?: number | undefined;
+    borderRightWidth?: number | undefined;
+    borderStartWidth?: number | undefined;
+    borderTopWidth?: number | undefined;
+    borderWidth?: number | undefined;
+    bottom?: import("react-native").DimensionValue | undefined;
+    boxSizing?: "border-box" | "content-box" | undefined;
+    display?: "none" | "flex" | "contents" | undefined;
+    end?: import("react-native").DimensionValue | undefined;
+    flex?: number | undefined;
+    flexBasis?: import("react-native").DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    rowGap?: number | string | undefined;
+    gap?: number | string | undefined;
+    columnGap?: number | string | undefined;
+    flexGrow?: number | undefined;
+    flexShrink?: number | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    height?: import("react-native").DimensionValue | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+    left?: import("react-native").DimensionValue | undefined;
+    margin?: import("react-native").DimensionValue | undefined;
+    marginBottom?: import("react-native").DimensionValue | undefined;
+    marginEnd?: import("react-native").DimensionValue | undefined;
+    marginHorizontal?: import("react-native").DimensionValue | undefined;
+    marginLeft?: import("react-native").DimensionValue | undefined;
+    marginRight?: import("react-native").DimensionValue | undefined;
+    marginStart?: import("react-native").DimensionValue | undefined;
+    marginTop?: import("react-native").DimensionValue | undefined;
+    marginVertical?: import("react-native").DimensionValue | undefined;
+    maxHeight?: import("react-native").DimensionValue | undefined;
+    maxWidth?: import("react-native").DimensionValue | undefined;
+    minHeight?: import("react-native").DimensionValue | undefined;
+    minWidth?: import("react-native").DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined;
+    padding?: import("react-native").DimensionValue | undefined;
+    paddingBottom?: import("react-native").DimensionValue | undefined;
+    paddingEnd?: import("react-native").DimensionValue | undefined;
+    paddingHorizontal?: import("react-native").DimensionValue | undefined;
+    paddingLeft?: import("react-native").DimensionValue | undefined;
+    paddingRight?: import("react-native").DimensionValue | undefined;
+    paddingStart?: import("react-native").DimensionValue | undefined;
+    paddingTop?: import("react-native").DimensionValue | undefined;
+    paddingVertical?: import("react-native").DimensionValue | undefined;
+    position?: "absolute" | "relative" | "static" | undefined;
+    right?: import("react-native").DimensionValue | undefined;
+    start?: import("react-native").DimensionValue | undefined;
+    top?: import("react-native").DimensionValue | undefined;
+    width?: import("react-native").DimensionValue | undefined;
+    zIndex?: number | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined;
+    inset?: import("react-native").DimensionValue | undefined;
+    insetBlock?: import("react-native").DimensionValue | undefined;
+    insetBlockEnd?: import("react-native").DimensionValue | undefined;
+    insetBlockStart?: import("react-native").DimensionValue | undefined;
+    insetInline?: import("react-native").DimensionValue | undefined;
+    insetInlineEnd?: import("react-native").DimensionValue | undefined;
+    insetInlineStart?: import("react-native").DimensionValue | undefined;
+    marginBlock?: import("react-native").DimensionValue | undefined;
+    marginBlockEnd?: import("react-native").DimensionValue | undefined;
+    marginBlockStart?: import("react-native").DimensionValue | undefined;
+    marginInline?: import("react-native").DimensionValue | undefined;
+    marginInlineEnd?: import("react-native").DimensionValue | undefined;
+    marginInlineStart?: import("react-native").DimensionValue | undefined;
+    paddingBlock?: import("react-native").DimensionValue | undefined;
+    paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+    paddingBlockStart?: import("react-native").DimensionValue | undefined;
+    paddingInline?: import("react-native").DimensionValue | undefined;
+    paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+    paddingInlineStart?: import("react-native").DimensionValue | undefined;
+    shadowColor?: import("react-native").ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined;
+    transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+    transformOrigin?: Array<string | number> | string | undefined;
+    transformMatrix?: Array<number> | undefined;
+    rotation?: import("react-native").AnimatableNumericValue | undefined;
+    scaleX?: import("react-native").AnimatableNumericValue | undefined;
+    scaleY?: import("react-native").AnimatableNumericValue | undefined;
+    translateX?: import("react-native").AnimatableNumericValue | undefined;
+    translateY?: import("react-native").AnimatableNumericValue | undefined;
+};

package/dist/components/layout/Flex/useFlexBox.style.js

@@ -0,0 +1,26 @@
+import { useBoxStyle, useFlexStyle } from "../../index.js";
+const useFlexBoxStyle = (props)=>{
+    const { fill, vertical, gap, inline, center, direction = 'row', justify, items, self, content, wrap, basis, grow, shrink, ...boxProps } = props;
+    const flexStyle = useFlexStyle({
+        fill,
+        vertical,
+        gap,
+        inline,
+        center,
+        direction,
+        justify,
+        items,
+        self,
+        content,
+        wrap,
+        basis,
+        grow,
+        shrink
+    });
+    const boxStyle = useBoxStyle(boxProps);
+    return {
+        ...flexStyle,
+        ...boxStyle
+    };
+};
+export { useFlexBoxStyle };

package/dist/components/layout/HStack.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { View } from 'react-native';
+import { type FlexProps } from '..';
+export type HStackProps = Omit<FlexProps, 'direction' | 'vertical' | 'inline'>;
+export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<View>>;

package/dist/components/layout/HStack.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Flex } from "../index.js";
+const HStack = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Flex, {
+        ref: ref,
+        direction: "row",
+        items: "center",
+        ...props
+    }));
+HStack.displayName = 'UXHStack';
+export { HStack };

package/dist/components/layout/Square.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { View } from 'react-native';
+import { type CenterProps } from '..';
+export type SquareProps = Omit<CenterProps, 'w' | 'h'> & {
+    size?: number;
+};
+export declare const Square: React.ForwardRefExoticComponent<Omit<CenterProps, "h" | "w"> & {
+    size?: number;
+} & React.RefAttributes<View>>;

package/dist/components/layout/Square.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Center } from "../index.js";
+const Square = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { size, ...restProps } = props;
+    return /*#__PURE__*/ jsx(Center, {
+        ref: ref,
+        h: size,
+        w: size,
+        ...restProps
+    });
+});
+Square.displayName = 'UXSquare';
+export { Square };

package/dist/components/layout/VStack.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { View } from 'react-native';
+import { type FlexProps } from '..';
+export type VStackProps = Omit<FlexProps, 'direction' | 'vertical' | 'inline'>;
+export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<View>>;

package/dist/components/layout/VStack.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Flex } from "../index.js";
+const VStack = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { items = 'stretch', ...restProps } = props;
+    return /*#__PURE__*/ jsx(Flex, {
+        ref: ref,
+        vertical: true,
+        items: items,
+        ...restProps
+    });
+});
+VStack.displayName = 'UXVStack';
+export { VStack };

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useColors';
+export * from './useKeyboard';
+export * from './useRadius';
+export * from './useSpacing';
+export * from './useTheme';

package/dist/hooks/index.js

@@ -0,0 +1,5 @@
+export * from "./useColors.js";
+export * from "./useKeyboard.js";
+export * from "./useRadius.js";
+export * from "./useSpacing.js";
+export * from "./useTheme.js";

package/dist/hooks/useColors.d.ts

@@ -0,0 +1,7 @@
+import { type UXColor } from '@particle-network/ui-shared';
+/**
+ * 颜色工具 Hook
+ */
+export declare function useColors(): {
+    getColor: (name?: UXColor, opacity?: number) => string | undefined;
+};

package/dist/hooks/useColors.js

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+import { setColorWithOpacity } from "@particle-network/ui-shared";
+import { useTheme } from "./useTheme.js";
+function useColors() {
+    const theme = useTheme();
+    const getColor = useCallback((name, opacity)=>{
+        if (!name) return;
+        const colorValue = theme.colors[name];
+        if ('number' == typeof opacity && opacity >= 0 && opacity <= 1) return setColorWithOpacity(colorValue, opacity);
+        return colorValue;
+    }, [
+        theme.colors
+    ]);
+    return {
+        getColor
+    };
+}
+export { useColors };

package/dist/hooks/useKeyboard.d.ts

@@ -0,0 +1,4 @@
+export declare function useKeyboard(): {
+    keyboardHeight: number;
+    isKeyboardVisible: boolean;
+};

package/dist/hooks/useKeyboard.js

@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+import { Keyboard, Platform } from "react-native";
+import useDebounce from "ahooks/es/useDebounce";
+function useKeyboard() {
+    const [keyboardHeight, setKeyboardHeight] = useState(0);
+    const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
+    const keyboardHeightDebounce = useDebounce(keyboardHeight, {
+        wait: 200
+    });
+    useEffect(()=>{
+        const showListener = Keyboard.addListener('ios' === Platform.OS ? 'keyboardWillShow' : 'keyboardDidShow', (event)=>{
+            setKeyboardHeight(event.endCoordinates.height);
+            setIsKeyboardVisible(true);
+        });
+        const hideListener = Keyboard.addListener('ios' === Platform.OS ? 'keyboardWillHide' : 'keyboardDidHide', ()=>{
+            setKeyboardHeight(0);
+            setIsKeyboardVisible(false);
+        });
+        return ()=>{
+            showListener.remove();
+            hideListener.remove();
+        };
+    }, []);
+    return {
+        keyboardHeight: keyboardHeightDebounce,
+        isKeyboardVisible
+    };
+}
+export { useKeyboard };

package/dist/hooks/useRadius.d.ts

@@ -0,0 +1,7 @@
+import type { RadiusType } from '@particle-network/ui-shared';
+/**
+ * 圆角工具 Hook
+ */
+export declare function useRadius(): {
+    getRadius: (size?: RadiusType) => number | undefined;
+};

package/dist/hooks/useRadius.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+import { useTheme } from "./useTheme.js";
+function useRadius() {
+    const theme = useTheme();
+    const getRadius = useCallback((size)=>{
+        if (!size) return;
+        if ('number' == typeof size) return size;
+        return theme.radius[size];
+    }, [
+        theme.radius
+    ]);
+    return {
+        getRadius
+    };
+}
+export { useRadius };

package/dist/hooks/useSpacing.d.ts

@@ -0,0 +1,7 @@
+import type { SpacingType } from '@particle-network/ui-shared';
+/**
+ * 间距工具 Hook
+ */
+export declare function useSpacing(): {
+    getSpacing: (size?: SpacingType) => number | undefined;
+};

package/dist/hooks/useSpacing.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+import { useTheme } from "./useTheme.js";
+function useSpacing() {
+    const theme = useTheme();
+    const getSpacing = useCallback((size)=>{
+        if (void 0 === size) return;
+        if ('number' == typeof size) return size;
+        return theme.spacing[size];
+    }, [
+        theme.spacing
+    ]);
+    return {
+        getSpacing
+    };
+}
+export { useSpacing };

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '../types/theme';
+/**
+ * 获取完整的主题对象
+ */
+export declare function useTheme(): Theme;

package/dist/hooks/useTheme.js

@@ -0,0 +1,6 @@
+import { useThemeContext } from "../provider/ThemeContext.js";
+function useTheme() {
+    const { theme } = useThemeContext();
+    return theme;
+}
+export { useTheme };

package/dist/icons/CheckboxOffIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+declare const CheckboxOffIcon: React.FC<IconProps>;
+export default CheckboxOffIcon;

package/dist/icons/CheckboxOffIcon.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import react_native_svg, { Path } from "react-native-svg";
+import { useColors } from "../hooks/index.js";
+const CheckboxOffIcon_CheckboxOffIcon = ({ size = 16, color = 'default', ...props })=>{
+    const { getColor } = useColors();
+    return /*#__PURE__*/ jsx(react_native_svg, {
+        fill: "none",
+        height: size,
+        viewBox: "0 0 16 16",
+        width: size,
+        ...props,
+        children: /*#__PURE__*/ jsx(Path, {
+            d: "M2.46191 0.615234H13.5381C14.5577 0.615234 15.3848 1.44231 15.3848 2.46191V13.5381C15.3848 14.5577 14.5577 15.3848 13.5381 15.3848H2.46191C1.44231 15.3848 0.615234 14.5577 0.615234 13.5381V2.46191C0.615234 1.44231 1.44231 0.615234 2.46191 0.615234Z",
+            stroke: getColor(color),
+            strokeWidth: 1.23077
+        })
+    });
+};
+const CheckboxOffIcon = CheckboxOffIcon_CheckboxOffIcon;
+export { CheckboxOffIcon as default };

package/dist/icons/CheckboxOnIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+declare const CheckboxOnIcon: React.FC<IconProps>;
+export default CheckboxOnIcon;

package/dist/icons/CheckboxOnIcon.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import react_native_svg, { Path } from "react-native-svg";
+import { useColors } from "../hooks/index.js";
+const CheckboxOnIcon_CheckboxOnIcon = ({ size = 16, color = 'default', ...props })=>{
+    const { getColor } = useColors();
+    return /*#__PURE__*/ jsxs(react_native_svg, {
+        fill: "none",
+        height: size,
+        viewBox: "0 0 16 16",
+        width: size,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Path, {
+                d: "M2.46154 16H13.5385C14.8979 16 16 14.8979 16 13.5385V2.46154C16 1.10207 14.8979 0 13.5385 0H2.46154C1.10207 0 0 1.10207 0 2.46154V13.5385C0 14.8979 1.10207 16 2.46154 16Z",
+                fill: getColor(color)
+            }),
+            /*#__PURE__*/ jsx(Path, {
+                d: "M6.75547 9.24601L4.84436 7.3349C4.68139 7.17193 4.47399 7.09045 4.22214 7.09045C3.97028 7.09045 3.76288 7.17193 3.59991 7.3349C3.43695 7.49786 3.35547 7.70527 3.35547 7.95712C3.35547 8.20897 3.43695 8.41638 3.59991 8.57934L6.13325 11.1127C6.31102 11.2905 6.51843 11.3793 6.75547 11.3793C6.99251 11.3793 7.19991 11.2905 7.37769 11.1127L12.3999 6.09045C12.5629 5.92749 12.6444 5.72008 12.6444 5.46823C12.6444 5.21638 12.5629 5.00897 12.3999 4.84601C12.237 4.68304 12.0295 4.60156 11.7777 4.60156C11.5258 4.60156 11.3184 4.68304 11.1555 4.84601L6.75547 9.24601Z",
+                fill: "#ffffff"
+            })
+        ]
+    });
+};
+const CheckboxOnIcon = CheckboxOnIcon_CheckboxOnIcon;
+export { CheckboxOnIcon as default };

package/dist/icons/DotIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+declare const DotIcon: React.FC<IconProps>;
+export default DotIcon;

package/dist/icons/DotIcon.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import react_native_svg, { Circle } from "react-native-svg";
+import { useColors } from "../hooks/index.js";
+const DotIcon_DotIcon = ({ size = 16, color = 'default', ...props })=>{
+    const { getColor } = useColors();
+    const colorValue = getColor(color);
+    return /*#__PURE__*/ jsx(react_native_svg, {
+        fill: "none",
+        height: size,
+        viewBox: "0 0 5 5",
+        width: size,
+        ...props,
+        children: /*#__PURE__*/ jsx(Circle, {
+            cx: 2.5,
+            cy: 2.5,
+            fill: colorValue,
+            r: 2
+        })
+    });
+};
+const DotIcon = DotIcon_DotIcon;
+export { DotIcon as default };

package/dist/icons/QuestionIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+declare const QuestionIcon: React.FC<IconProps>;
+export default QuestionIcon;

package/dist/icons/QuestionIcon.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import react_native_svg, { Circle, Path } from "react-native-svg";
+import { useColors } from "../hooks/index.js";
+const QuestionIcon_QuestionIcon = ({ size = 16, color = 'default', ...props })=>{
+    const { getColor } = useColors();
+    const colorValue = getColor(color);
+    return /*#__PURE__*/ jsxs(react_native_svg, {
+        fill: "none",
+        height: size,
+        viewBox: "0 0 12 12",
+        width: size,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Circle, {
+                cx: 6,
+                cy: 6,
+                r: 5.611,
+                stroke: colorValue,
+                strokeWidth: 0.778
+            }),
+            /*#__PURE__*/ jsx(Path, {
+                d: "M7.9 4.766c-.025.468-.176.837-.929 1.554-.382.363-.622.637-.646.876a.375.375 0 0 1-.38.329c-.013 0-.025-.002-.038-.003a.37.37 0 0 1-.343-.397c.052-.504.44-.911.868-1.318.684-.652.695-.859.707-1.078a.906.906 0 0 0-.28-.697 1.22 1.22 0 0 0-.86-.35h-.003c-.626 0-1.138.488-1.138 1.085 0 .202-.17.364-.382.364a.373.373 0 0 1-.382-.365c0-.483.197-.938.556-1.28.358-.344.835-.532 1.344-.533a2.007 2.007 0 0 1 1.419.576c.34.342.513.781.488 1.237ZM6.228 8.195a.457.457 0 1 0-.458.792.457.457 0 0 0 .458-.792Z",
+                fill: colorValue
+            })
+        ]
+    });
+};
+const QuestionIcon = QuestionIcon_QuestionIcon;
+export { QuestionIcon as default };

package/dist/icons/RadioOffIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+declare const RadioOffIcon: React.FC<IconProps>;
+export default RadioOffIcon;

package/dist/icons/RadioOffIcon.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import react_native_svg, { Path } from "react-native-svg";
+import { useColors } from "../hooks/index.js";
+const RadioOffIcon_RadioOffIcon = ({ size = 16, color = 'default', ...props })=>{
+    const { getColor } = useColors();
+    const colorValue = getColor(color);
+    return /*#__PURE__*/ jsx(react_native_svg, {
+        fill: "none",
+        height: size,
+        viewBox: "0 0 16 16",
+        width: size,
+        ...props,
+        children: /*#__PURE__*/ jsx(Path, {
+            d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z",
+            stroke: colorValue,
+            strokeWidth: 1.2
+        })
+    });
+};
+const RadioOffIcon = RadioOffIcon_RadioOffIcon;
+export { RadioOffIcon as default };

package/dist/icons/RadioOnIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+declare const RadioOnIcon: React.FC<IconProps>;
+export default RadioOnIcon;