@fountain-ui/core 2.0.0-beta.3 → 2.0.0-beta.31

package/build/typescript/internal/icons/Checkbox.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/CheckboxChecked.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/ChevronDown.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/ChevronLeft.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/ChevronRight.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/CircularProgress.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/build/typescript/internal/icons/Close.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/Radio.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/internal/icons/RadioChecked.d.ts

@@ -2,8 +2,14 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         readonly color?: import("../..").CommonComponentColor | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
         testID?: string | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
@@ -23,7 +29,7 @@ declare const _default: React.MemoExoticComponent<{
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -31,6 +37,7 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
         clipPath?: string | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
@@ -40,7 +47,6 @@ declare const _default: React.MemoExoticComponent<{
         skew?: import("react-native-svg").NumberArray | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "default" | "non-scaling-stroke" | "nonScalingStroke" | "uri" | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -68,6 +74,15 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
         mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
         nativeID?: string | undefined;

package/build/typescript/store/MockStore.d.ts

@@ -0,0 +1,7 @@
+import { MonoStore, StoreSubscription, DispatchAction } from './types';
+export default class MockStore<S> implements MonoStore<S> {
+    dispatch(action: DispatchAction<S>): void;
+    getState(): S;
+    removeAllListeners(): void;
+    subscribe(listener: (state: S) => void): StoreSubscription;
+}

package/build/typescript/store/SimpleStore.d.ts

@@ -0,0 +1,10 @@
+import type { DispatchAction, MonoStore, StoreSubscription } from './types';
+export default class SimpleStore<S> implements MonoStore<S> {
+    private state;
+    private listeners;
+    constructor(initialState: S);
+    dispatch(action: DispatchAction<S>): void;
+    getState(): S;
+    subscribe(listener: (state: S) => void): StoreSubscription;
+    removeAllListeners(): void;
+}

package/build/typescript/store/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SimpleStore } from './SimpleStore';
+export { default as MockStore } from './MockStore';
+export type { MonoStore, DispatchAction } from './types';

package/build/typescript/store/types.d.ts

@@ -0,0 +1,10 @@
+export interface StoreSubscription {
+    (): void;
+}
+export declare type DispatchAction<State> = State | ((prevState: State) => State);
+export interface MonoStore<S> {
+    dispatch: (action: DispatchAction<S>) => void;
+    getState: () => S;
+    subscribe: (listener: (state: S) => void) => StoreSubscription;
+    removeAllListeners: () => void;
+}

package/build/typescript/types/index.d.ts

@@ -1,3 +1,4 @@
+import type { Animated } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
 export declare type ExtendedStyle<StyleType extends FountainUiStyle = FountainUiStyle> = StyleType;
 export declare type ComponentProps<P = {}> = BaseProps & Readonly<P>;
@@ -8,3 +9,8 @@ export interface BaseProps extends Readonly<{
 }
 export type { Theme } from '@fountain-ui/styles';
 export declare type CommonComponentColor = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'accent';
+export interface SyncAnimatedValue {
+    animatedValue: Animated.Value;
+    initialValue: number;
+    getCurrentValue: () => number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fountain-ui/core",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.31",
   "author": "Fountain-UI Team",
   "description": "React components that implement Tappytoon's Fountain Design.",
   "license": "MIT",
@@ -14,15 +14,15 @@
     "prepare": "bob build"
   },
   "dependencies": {
-    "@fountain-ui/styles": "^2.0.0-beta.3",
-    "@fountain-ui/utils": "^2.0.0-beta.3"
+    "@fountain-ui/styles": "^2.0.0-beta.8",
+    "@fountain-ui/utils": "^2.0.0-beta.4"
   },
   "peerDependencies": {
     "@react-native-community/slider": "^4.1.6",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react-native": "^0.63.0",
-    "react-native-fast-image": "^8.5.11",
+    "react-native-fast-image": "8.6.3",
     "react-native-reanimated": "^2.0.0",
     "react-native-safe-area-context": "^3.1.9",
     "react-native-svg": "^12.1.0"
@@ -42,7 +42,7 @@
     }
   },
   "devDependencies": {
-    "react-native-reanimated": "2.0.1",
+    "react-native-reanimated": "^2.9.1",
     "react-native-svg": "^12.1.1"
   },
   "react-native-builder-bob": {
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9834b77f8529c853aede39ff73725a211907964d"
+  "gitHead": "dd2f6e90cb2a8fe9e2936015132021a45214ca45"
 }

package/src/Accordion/Accordion.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import Animated from 'react-native-reanimated';
+import type { WithTimingConfig } from 'react-native-reanimated';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';
 import { ChevronDown as ChevronDownIcon } from '../internal/icons';
 import ButtonBase from '../ButtonBase';
@@ -13,7 +14,7 @@ import AccordionProps from './AccordionProps';
 
 type AccordionStyles = NamedStylesStringUnion<'root'>;
 
-const ANIMATION_OPTION = { duration: 250 };
+const ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 250 };
 
 const useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {
     const theme = useTheme();
@@ -38,15 +39,16 @@ export default function Accordion(props: AccordionProps) {
     const styles = useStyles();
 
     const [isExpanded, setIsExpanded] = useState(false);
-    const rotate = Animated.useSharedValue(0);
 
-    const animatedChevronDownStyles = Animated.useAnimatedStyle(() => ({
+    const rotate = useSharedValue(0);
+
+    const animatedChevronDownStyles = useAnimatedStyle(() => ({
         transform: [{ rotate: `${rotate.value}deg` }],
-    }));
+    }), []);
 
     const onPress = () => {
         setIsExpanded(prev => !prev);
-        rotate.value = Animated.withTiming(!isExpanded ? 180 : 0, ANIMATION_OPTION);
+        rotate.value = withTiming(!isExpanded ? 180 : 0, ANIMATION_CONFIG);
     };
 
     return (