@fountain-ui/core 2.0.0-beta.5 → 2.0.0-beta.50

package/build/module/ButtonBase/ButtonBase.js

@@ -1,27 +1,27 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React from 'react';
-import Animated from 'react-native-reanimated';
-import { useThrottle } from '../hooks';
+import React, { useCallback, useEffect } from 'react';
+import { Animated } from 'react-native';
+import { useAnimatedValue, useThrottle } from '../hooks';
 import { AnimatedPressable } from '../animated';
-import { StyleSheet } from '../styles';
-import useDisabledReaction from './useDisabledReaction';
 export const ORIGINAL_OPACITY = 1;
 export const DISABLED_OPACITY = .3;
 const ACTIVE_OPACITY = .65;
 const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96;
-const animationTimingConfig = {
-  duration: 150
+const MINIFIED_SCALE = .96; // at "node_modules/react-native/Libraries/Pressability.js"
+// const DEFAULT_MIN_PRESS_DURATION = 130;
+
+const SCALE_EFFECT_PRESS_IN_DELAY = 130;
+const OPACITY_EFFECT_PRESS_IN_DELAY = 0;
+
+const startTimingAnimationWithDefaults = (value, toValue) => {
+  Animated.timing(value, {
+    toValue,
+    duration: 150,
+    useNativeDriver: true
+  }).start();
 };
-const styles = StyleSheet.create({
-  disabled: {
-    opacity: DISABLED_OPACITY,
-    transform: [{
-      scale: ORIGINAL_SCALE
-    }]
-  }
-});
+
 export default function ButtonBase(props) {
   const {
     children,
@@ -29,7 +29,8 @@ export default function ButtonBase(props) {
     disableThrottle = false,
     onPress,
     pressEffect = 'opacity',
-    style,
+    pressDelay: pressDelayOrNil,
+    style: styleProp,
     throttleMillis = 650,
     ...otherProps
   } = props;
@@ -37,47 +38,60 @@ export default function ButtonBase(props) {
     periodMillis: disableThrottle ? 0 : throttleMillis,
     callback: onPress
   });
-  const opacity = Animated.useSharedValue(ORIGINAL_OPACITY);
-  const scale = Animated.useSharedValue(ORIGINAL_SCALE);
-  const animatedStyle = Animated.useAnimatedStyle(() => ({
-    opacity: opacity.value,
-    transform: [{
-      scale: scale.value
-    }]
-  }));
-  useDisabledReaction(disabled, opacity);
-
-  const startAnimation = (pressIn, isHovered = false) => {
-    if (pressEffect === 'none') {
-      return;
+  const opacity = useAnimatedValue(ORIGINAL_OPACITY);
+  const scale = useAnimatedValue(ORIGINAL_SCALE);
+  useEffect(() => {
+    opacity.setValue(disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY);
+  }, [disabled, pressEffect]);
+  const startScaleAnimation = useCallback((pressIn, isHover) => {
+    if (!isHover) {
+      startTimingAnimationWithDefaults(scale, pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE);
+    }
+  }, []);
+  const startOpacityAnimation = useCallback(pressIn => {
+    if (pressIn) {
+      opacity.setValue(ACTIVE_OPACITY);
+    } else {
+      startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);
     }
+  }, []);
+  const startPressAnimation = useCallback(function (pressIn) {
+    let isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-    if (pressEffect === 'opacity') {
-      if (pressIn) {
-        opacity.value = ACTIVE_OPACITY;
-      } else {
-        opacity.value = Animated.withTiming(ORIGINAL_OPACITY, animationTimingConfig);
-      }
-    } else if (!isHovered) {
-      if (pressIn) {
-        scale.value = Animated.withDelay(100, Animated.withTiming(MINIFIED_SCALE, animationTimingConfig));
-      } else {
-        scale.value = Animated.withTiming(ORIGINAL_SCALE, animationTimingConfig);
-      }
+    if (pressEffect === 'scale') {
+      startScaleAnimation(pressIn, isHover);
+    } else if (pressEffect === 'opacity') {
+      startOpacityAnimation(pressIn, isHover);
     }
+  }, [pressEffect]);
+  const handlePressIn = useCallback(() => {
+    startPressAnimation(true, false);
+  }, [startPressAnimation]);
+  const handlePressOut = useCallback(() => {
+    startPressAnimation(false, false);
+  }, [startPressAnimation]);
+  const animatedStyle = {
+    opacity,
+    transform: [{
+      scale
+    }]
   };
-
+  const defaultPressDelay = pressEffect === 'scale' ? SCALE_EFFECT_PRESS_IN_DELAY : OPACITY_EFFECT_PRESS_IN_DELAY;
+  const pressDelay = pressDelayOrNil ?? defaultPressDelay;
   return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
     disabled: disabled,
     onPress: handlePress,
-    onPressIn: () => startAnimation(true),
-    onPressOut: () => startAnimation(false),
-    style: [animatedStyle, disabled ? styles.disabled : undefined, style]
-  }, otherProps), typeof children !== 'function' ? ({
-    hovered
-  }) => {
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    style: [animatedStyle, styleProp],
+    unstable_pressDelay: pressDelay
+  }, otherProps), typeof children !== 'function' ? _ref => {
+    let {
+      hovered
+    } = _ref;
+
     if (hovered !== undefined && !disabled) {
-      startAnimation(hovered, true);
+      startPressAnimation(hovered, true);
     }
 
     return children;

package/build/module/ButtonBase/ButtonBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ButtonBase.tsx"],"names":["React","Animated","useThrottle","AnimatedPressable","StyleSheet","useDisabledReaction","ORIGINAL_OPACITY","DISABLED_OPACITY","ACTIVE_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animationTimingConfig","duration","styles","create","disabled","opacity","transform","scale","ButtonBase","props","children","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","periodMillis","callback","useSharedValue","animatedStyle","useAnimatedStyle","value","startAnimation","pressIn","isHovered","withTiming","withDelay","undefined","hovered"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Animated from 'react-native-reanimated';\nimport { useThrottle } from '../hooks';\nimport { AnimatedPressable } from '../animated';\nimport { StyleSheet } from '../styles';\nimport type ButtonBaseProps from './ButtonBaseProps';\nimport useDisabledReaction from './useDisabledReaction';\n\nexport const ORIGINAL_OPACITY = 1;\nexport const DISABLED_OPACITY = .3;\nconst ACTIVE_OPACITY = .65;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animationTimingConfig: Animated.WithTimingConfig = { duration: 150 };\n\nconst styles = StyleSheet.create({\n    disabled: {\n        opacity: DISABLED_OPACITY,\n        transform: [{ scale: ORIGINAL_SCALE }],\n    },\n});\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n    const {\n        children,\n        disabled = false,\n        disableThrottle = false,\n        onPress,\n        pressEffect = 'opacity',\n        style,\n        throttleMillis = 650,\n        ...otherProps\n    } = props;\n\n    const handlePress = useThrottle({\n        periodMillis: disableThrottle ? 0 : throttleMillis,\n        callback: onPress,\n    });\n\n    const opacity = Animated.useSharedValue(ORIGINAL_OPACITY);\n    const scale = Animated.useSharedValue(ORIGINAL_SCALE);\n\n    const animatedStyle = Animated.useAnimatedStyle(() => ({\n        opacity: opacity.value,\n        transform: [{ scale: scale.value }],\n    }));\n\n    useDisabledReaction(disabled, opacity);\n\n    const startAnimation = (pressIn: boolean, isHovered: boolean = false) => {\n        if (pressEffect === 'none') {\n            return;\n        }\n\n        if (pressEffect === 'opacity') {\n            if (pressIn) {\n                opacity.value = ACTIVE_OPACITY;\n            } else {\n                opacity.value = Animated.withTiming(ORIGINAL_OPACITY, animationTimingConfig);\n            }\n        } else if (!isHovered) {\n            if (pressIn) {\n                scale.value = Animated.withDelay(\n                    100,\n                    Animated.withTiming(MINIFIED_SCALE, animationTimingConfig),\n                );\n            } else {\n                scale.value = Animated.withTiming(ORIGINAL_SCALE, animationTimingConfig);\n            }\n        }\n    };\n\n    return (\n        <AnimatedPressable\n            disabled={disabled}\n            onPress={handlePress}\n            onPressIn={() => startAnimation(true)}\n            onPressOut={() => startAnimation(false)}\n            style={[\n                animatedStyle,\n                disabled ? styles.disabled : undefined,\n                style,\n            ]}\n            {...otherProps}\n        >\n            {typeof children !== 'function' ? (\n                ({ hovered }) => {\n                    if (hovered !== undefined && !disabled) {\n                        startAnimation(hovered, true);\n                    }\n\n                    return children;\n                }\n            ) : children}\n        </AnimatedPressable>\n    );\n};\n"]}
+{"version":3,"names":["React","useCallback","useEffect","Animated","useAnimatedValue","useThrottle","AnimatedPressable","ORIGINAL_OPACITY","DISABLED_OPACITY","ACTIVE_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","SCALE_EFFECT_PRESS_IN_DELAY","OPACITY_EFFECT_PRESS_IN_DELAY","startTimingAnimationWithDefaults","value","toValue","timing","duration","useNativeDriver","start","ButtonBase","props","children","disabled","disableThrottle","onPress","pressEffect","pressDelay","pressDelayOrNil","style","styleProp","throttleMillis","otherProps","handlePress","periodMillis","callback","opacity","scale","setValue","startScaleAnimation","pressIn","isHover","startOpacityAnimation","startPressAnimation","handlePressIn","handlePressOut","animatedStyle","transform","defaultPressDelay","hovered","undefined"],"sources":["ButtonBase.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { Animated } from 'react-native';\nimport { useAnimatedValue, useThrottle } from '../hooks';\nimport { AnimatedPressable } from '../animated';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\ninterface StartPressAnimation {\n    (pressIn: boolean, isHover: boolean): void;\n}\n\nexport const ORIGINAL_OPACITY = 1;\nexport const DISABLED_OPACITY = .3;\nconst ACTIVE_OPACITY = .65;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\n// at \"node_modules/react-native/Libraries/Pressability.js\"\n// const DEFAULT_MIN_PRESS_DURATION = 130;\nconst SCALE_EFFECT_PRESS_IN_DELAY = 130;\nconst OPACITY_EFFECT_PRESS_IN_DELAY = 0;\n\ntype TimingAnimationValue = Animated.Value | Animated.ValueXY;\ntype TimingAnimationToValue = Animated.TimingAnimationConfig['toValue'];\n\nconst startTimingAnimationWithDefaults = (\n    value: TimingAnimationValue,\n    toValue: TimingAnimationToValue,\n) => {\n    Animated.timing(value, {\n        toValue,\n        duration: 150,\n        useNativeDriver: true,\n    }).start();\n};\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n    const {\n        children,\n        disabled = false,\n        disableThrottle = false,\n        onPress,\n        pressEffect = 'opacity',\n        pressDelay: pressDelayOrNil,\n        style: styleProp,\n        throttleMillis = 650,\n        ...otherProps\n    } = props;\n\n    const handlePress = useThrottle({\n        periodMillis: disableThrottle ? 0 : throttleMillis,\n        callback: onPress,\n    });\n\n    const opacity = useAnimatedValue(ORIGINAL_OPACITY);\n    const scale = useAnimatedValue(ORIGINAL_SCALE);\n\n    useEffect(() => {\n        opacity.setValue(disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY);\n    }, [disabled, pressEffect]);\n\n    const startScaleAnimation = useCallback<StartPressAnimation>((pressIn, isHover) => {\n        if (!isHover) {\n            startTimingAnimationWithDefaults(\n                scale,\n                pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE,\n            );\n        }\n    }, []);\n\n    const startOpacityAnimation = useCallback<StartPressAnimation>((pressIn) => {\n        if (pressIn) {\n            opacity.setValue(ACTIVE_OPACITY);\n        } else {\n            startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);\n        }\n    }, []);\n\n    const startPressAnimation = useCallback<StartPressAnimation>((pressIn, isHover = false) => {\n        if (pressEffect === 'scale') {\n            startScaleAnimation(pressIn, isHover);\n        } else if (pressEffect === 'opacity') {\n            startOpacityAnimation(pressIn, isHover);\n        }\n    }, [pressEffect]);\n\n    const handlePressIn = useCallback(() => {\n        startPressAnimation(true, false);\n    }, [startPressAnimation]);\n\n    const handlePressOut = useCallback(() => {\n        startPressAnimation(false, false);\n    }, [startPressAnimation]);\n\n    const animatedStyle = {\n        opacity,\n        transform: [{ scale }],\n    };\n\n    const defaultPressDelay = pressEffect === 'scale'\n        ? SCALE_EFFECT_PRESS_IN_DELAY\n        : OPACITY_EFFECT_PRESS_IN_DELAY;\n    const pressDelay = pressDelayOrNil ?? defaultPressDelay;\n\n    return (\n        <AnimatedPressable\n            disabled={disabled}\n            onPress={handlePress}\n            onPressIn={handlePressIn}\n            onPressOut={handlePressOut}\n            style={[\n                animatedStyle,\n                styleProp,\n            ]}\n            unstable_pressDelay={pressDelay}\n            {...otherProps}\n        >\n            {typeof children !== 'function' ? (\n                ({ hovered }) => {\n                    if (hovered !== undefined && !disabled) {\n                        startPressAnimation(hovered, true);\n                    }\n\n                    return children;\n                }\n            ) : children}\n        </AnimatedPressable>\n    );\n};\n"],"mappings":"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"}

package/build/module/ButtonBase/ButtonBaseProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ButtonBaseProps.ts"],"sourcesContent":["import type { PressableProps } from '../Pressable';\nimport type { OverridableComponentProps } from '../types';\n\nexport type PressEffect = 'opacity' | 'scale' | 'none';\n\nexport default interface ButtonBaseProps extends OverridableComponentProps<PressableProps, {\n    /**\n     * Content of the ButtonBase.\n     */\n    children: PressableProps['children'];\n\n    /**\n     * Whether to prevent interaction with the ButtonBase.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether to debounce when button is pressed\n     * @default false\n     */\n    disableThrottle?: boolean;\n\n    /**\n     * Function to execute on press. If not set, will cause the ButtonBase to be disabled.\n     */\n    onPress?: () => void;\n\n    /**\n     * Applied press effect.\n     * @default 'opacity'\n     */\n    pressEffect?: PressEffect;\n\n    /**\n     * The milliseconds to delay effect.\n     */\n    pressDelay?: number;\n\n    /**\n     * The millisecond for debouncing.\n     * @default 650\n     */\n    throttleMillis?: number;\n}> {}\n"],"mappings":""}

package/build/module/ButtonBase/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB","sourcesContent":["export { default } from './ButtonBase';\nexport type { default as ButtonBaseProps } from './ButtonBaseProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ButtonBase';\nexport type { default as ButtonBaseProps } from './ButtonBaseProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}

package/build/module/Card/Card.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import Paper from '../Paper';

package/build/module/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Card.tsx"],"names":["React","Paper","css","useStyles","root","flexDirection","overflow","Card","props","raised","style","otherProps","styles"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAgC,GAAG,YAAwB;AAC7D,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,QAAQ,EAAE;AAFR;AADH,GAAP;AAMH,CAPD;;AASA,eAAe,SAASC,IAAT,CAAcC,KAAd,EAAgC;AAC3C,QAAM;AACFC,IAAAA,MAAM,GAAG,KADP;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,QAAMI,MAAM,GAAGT,SAAS,EAAxB;AAEA,sBACI,oBAAC,KAAD;AACI,IAAA,SAAS,EAAEM,MAAM,GAAG,CAAH,GAAO,CAD5B;AAEI,IAAA,KAAK,EAAEP,GAAG,CAAC,CACPU,MAAM,CAACR,IADA,EAEPM,KAFO,CAAD;AAFd,KAMQC,UANR,EADJ;AAUH;AAAA","sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css } from '../styles';\nimport type CardProps from './CardProps';\n\ntype CardStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CardStyles> = function (): CardStyles {\n    return {\n        root: {\n            flexDirection: 'column',\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function Card(props: CardProps) {\n    const {\n        raised = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <Paper\n            elevation={raised ? 8 : 0}\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","Paper","css","useStyles","root","flexDirection","overflow","Card","props","raised","style","otherProps","styles"],"sources":["Card.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css } from '../styles';\nimport type CardProps from './CardProps';\n\ntype CardStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CardStyles> = function (): CardStyles {\n    return {\n        root: {\n            flexDirection: 'column',\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function Card(props: CardProps) {\n    const {\n        raised = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <Paper\n            elevation={raised ? 8 : 0}\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAgC,GAAG,YAAwB;EAC7D,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,QAAQ,EAAE;IAFR;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,MAAM,GAAG,KADP;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,MAAM,GAAGT,SAAS,EAAxB;EAEA,oBACI,oBAAC,KAAD;IACI,SAAS,EAAEM,MAAM,GAAG,CAAH,GAAO,CAD5B;IAEI,KAAK,EAAEP,GAAG,CAAC,CACPU,MAAM,CAACR,IADA,EAEPM,KAFO,CAAD;EAFd,GAMQC,UANR,EADJ;AAUH;AAAA"}

package/build/module/Card/CardProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["CardProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport default interface CardProps extends OverridableComponentProps<PaperProps, {\n    /**\n     * The content of the component.\n     */\n    children: React.ReactNode,\n\n    /**\n     * If `true`, the card will use raised styling.\n     * @default false\n     */\n    raised?: boolean;\n}> {}\n"],"mappings":""}

package/build/module/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './Card';\nexport type { default as CardProps } from './CardProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Card';\nexport type { default as CardProps } from './CardProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}

package/build/module/CardActions/CardActions.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { View } from 'react-native';

package/build/module/CardActions/CardActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CardActions.tsx"],"names":["React","View","css","useTheme","useStyles","theme","root","alignItems","flexDirection","paddingVertical","spacing","gutters","paddingHorizontal","CardActions","props","enableGutters","style","otherProps","styles","undefined"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAuC,GAAG,YAA+B;AAC3E,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,aAAa,EAAE,KAFb;AAGFC,MAAAA,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd;AAHf,KADH;AAMHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,iBAAiB,EAAEP,KAAK,CAACK,OAAN,CAAc,CAAd;AADd;AANN,GAAP;AAUH,CAbD;;AAeA,eAAe,SAASG,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,aAAa,GAAG,KADd;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,QAAMI,MAAM,GAAGd,SAAS,EAAxB;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAEF,GAAG,CAAC,CACPgB,MAAM,CAACZ,IADA,EAEPS,aAAa,GAAGG,MAAM,CAACP,OAAV,GAAoBQ,SAF1B,EAGPH,KAHO,CAAD;AADd,KAMQC,UANR,EADJ;AAUH;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type CardActionsProps from './CardActionsProps';\n\ntype CardActionsStyles = NamedStylesStringUnion<'root' | 'gutters'>;\n\nconst useStyles: UseStyles<CardActionsStyles> = function (): CardActionsStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(2),\n        },\n        gutters: {\n            paddingHorizontal: theme.spacing(2),\n        },\n    };\n};\n\nexport default function CardActions(props: CardActionsProps) {\n    const {\n        enableGutters = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                enableGutters ? styles.gutters : undefined,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","alignItems","flexDirection","paddingVertical","spacing","gutters","paddingHorizontal","CardActions","props","enableGutters","style","otherProps","styles","undefined"],"sources":["CardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type CardActionsProps from './CardActionsProps';\n\ntype CardActionsStyles = NamedStylesStringUnion<'root' | 'gutters'>;\n\nconst useStyles: UseStyles<CardActionsStyles> = function (): CardActionsStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(2),\n        },\n        gutters: {\n            paddingHorizontal: theme.spacing(2),\n        },\n    };\n};\n\nexport default function CardActions(props: CardActionsProps) {\n    const {\n        enableGutters = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                enableGutters ? styles.gutters : undefined,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAuC,GAAG,YAA+B;EAC3E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE,KAFb;MAGFC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd;IAHf,CADH;IAMHC,OAAO,EAAE;MACLC,iBAAiB,EAAEP,KAAK,CAACK,OAAN,CAAc,CAAd;IADd;EANN,CAAP;AAUH,CAbD;;AAeA,eAAe,SAASG,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,aAAa,GAAG,KADd;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,MAAM,GAAGd,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPgB,MAAM,CAACZ,IADA,EAEPS,aAAa,GAAGG,MAAM,CAACP,OAAV,GAAoBQ,SAF1B,EAGPH,KAHO,CAAD;EADd,GAMQC,UANR,EADJ;AAUH;AAAA"}

package/build/module/CardActions/CardActionsProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["CardActionsProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface CardActionsProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children: React.ReactNode,\n\n    /**\n     * If `true`, enables gutter padding.\n     * @default false\n     */\n    enableGutters?: boolean,\n}> {}\n"],"mappings":""}

package/build/module/CardActions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from './CardActions';\nexport type { default as CardActionsProps } from './CardActionsProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './CardActions';\nexport type { default as CardActionsProps } from './CardActionsProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

package/build/module/CardContent/CardContent.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { View } from 'react-native';

package/build/module/CardContent/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CardContent.tsx"],"names":["React","View","css","useTheme","useStyles","theme","root","paddingVertical","spacing","gutters","paddingHorizontal","CardContent","props","enableGutters","style","otherProps","styles","undefined"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAuC,GAAG,YAA+B;AAC3E,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE;AACFC,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd;AADf,KADH;AAIHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,iBAAiB,EAAEL,KAAK,CAACG,OAAN,CAAc,CAAd;AADd;AAJN,GAAP;AAQH,CAXD;;AAaA,eAAe,SAASG,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,aAAa,GAAG,KADd;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,QAAMI,MAAM,GAAGZ,SAAS,EAAxB;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAEF,GAAG,CAAC,CACPc,MAAM,CAACV,IADA,EAEPO,aAAa,GAAGG,MAAM,CAACP,OAAV,GAAoBQ,SAF1B,EAGPH,KAHO,CAAD;AADd,KAMQC,UANR,EADJ;AAUH;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type CardContentProps from './CardContentProps';\n\ntype CardContentStyles = NamedStylesStringUnion<'root' | 'gutters'>;\n\nconst useStyles: UseStyles<CardContentStyles> = function (): CardContentStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            paddingVertical: theme.spacing(1),\n        },\n        gutters: {\n            paddingHorizontal: theme.spacing(2),\n        },\n    };\n};\n\nexport default function CardContent(props: CardContentProps) {\n    const {\n        enableGutters = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                enableGutters ? styles.gutters : undefined,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","paddingVertical","spacing","gutters","paddingHorizontal","CardContent","props","enableGutters","style","otherProps","styles","undefined"],"sources":["CardContent.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type CardContentProps from './CardContentProps';\n\ntype CardContentStyles = NamedStylesStringUnion<'root' | 'gutters'>;\n\nconst useStyles: UseStyles<CardContentStyles> = function (): CardContentStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            paddingVertical: theme.spacing(1),\n        },\n        gutters: {\n            paddingHorizontal: theme.spacing(2),\n        },\n    };\n};\n\nexport default function CardContent(props: CardContentProps) {\n    const {\n        enableGutters = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                enableGutters ? styles.gutters : undefined,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAuC,GAAG,YAA+B;EAC3E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd;IADf,CADH;IAIHC,OAAO,EAAE;MACLC,iBAAiB,EAAEL,KAAK,CAACG,OAAN,CAAc,CAAd;IADd;EAJN,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASG,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,aAAa,GAAG,KADd;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,MAAM,GAAGZ,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPc,MAAM,CAACV,IADA,EAEPO,aAAa,GAAGG,MAAM,CAACP,OAAV,GAAoBQ,SAF1B,EAGPH,KAHO,CAAD;EADd,GAMQC,UANR,EADJ;AAUH;AAAA"}

package/build/module/CardContent/CardContentProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["CardContentProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface CardContentProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children: React.ReactNode,\n\n    /**\n     * If `true`, enables gutter padding.\n     * @default false\n     */\n    enableGutters?: boolean,\n}> {}\n"],"mappings":""}

package/build/module/CardContent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from './CardContent';\nexport type { default as CardContentProps } from './CardContentProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './CardContent';\nexport type { default as CardContentProps } from './CardContentProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

package/build/module/CardMedia/CardMedia.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import AspectRatio from '../AspectRatio';

package/build/module/CardMedia/CardMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CardMedia.tsx"],"names":["React","AspectRatio","Image","css","useTheme","useStyles","theme","root","marginBottom","spacing","CardMedia","props","children","image","ratio","square","style","otherProps","styles","uri"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAqC,GAAG,YAA6B;AACvE,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE;AACFC,MAAAA,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd;AADZ;AADH,GAAP;AAKH,CARD;;AAUA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAFE;AAGFC,IAAAA,KAAK,GAAG,CAHN;AAIFC,IAAAA,MAAM,GAAG,KAJP;AAKFC,IAAAA,KALE;AAMF,OAAGC;AAND,MAOFN,KAPJ;AASA,QAAMO,MAAM,GAAGb,SAAS,EAAxB;AAEA,sBACI,oBAAC,WAAD;AACI,IAAA,KAAK,EAAES,KADX;AAEI,IAAA,KAAK,EAAEX,GAAG,CAAC,CACPe,MAAM,CAACX,IADA,EAEPS,KAFO,CAAD;AAFd,KAMQC,UANR,gBAQI,oBAAC,KAAD;AACI,IAAA,cAAc,EAAE,IADpB;AAEI,IAAA,OAAO,EAAE,MAFb;AAGI,IAAA,gBAAgB,EAAEL,QAHtB;AAII,IAAA,MAAM,EAAE;AAAEO,MAAAA,GAAG,EAAEN;AAAP,KAJZ;AAKI,IAAA,MAAM,EAAEE;AALZ,IARJ,CADJ;AAkBH;AAAA","sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport AspectRatio from '../AspectRatio';\nimport Image from '../Image';\nimport { css, useTheme } from '../styles';\nimport type CardMediaProps from './CardMediaProps';\n\ntype CardMediaStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CardMediaStyles> = function (): CardMediaStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            marginBottom: theme.spacing(2),\n        },\n    };\n};\n\nexport default function CardMedia(props: CardMediaProps) {\n    const {\n        children,\n        image,\n        ratio = 1,\n        square = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <AspectRatio\n            ratio={ratio}\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Image\n                disableOutline={true}\n                loading={'lazy'}\n                overlaidChildren={children}\n                source={{ uri: image }}\n                square={square}\n            />\n        </AspectRatio>\n    );\n};\n"]}
+{"version":3,"names":["React","AspectRatio","Image","css","useTheme","useStyles","theme","root","marginBottom","spacing","CardMedia","props","children","image","ratio","square","style","otherProps","styles","uri"],"sources":["CardMedia.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport AspectRatio from '../AspectRatio';\nimport Image from '../Image';\nimport { css, useTheme } from '../styles';\nimport type CardMediaProps from './CardMediaProps';\n\ntype CardMediaStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CardMediaStyles> = function (): CardMediaStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            marginBottom: theme.spacing(2),\n        },\n    };\n};\n\nexport default function CardMedia(props: CardMediaProps) {\n    const {\n        children,\n        image,\n        ratio = 1,\n        square = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <AspectRatio\n            ratio={ratio}\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Image\n                disableOutline={true}\n                loading={'lazy'}\n                overlaidChildren={children}\n                source={{ uri: image }}\n                square={square}\n            />\n        </AspectRatio>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAqC,GAAG,YAA6B;EACvE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd;IADZ;EADH,CAAP;AAKH,CARD;;AAUA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC,KAAK,GAAG,CAHN;IAIFC,MAAM,GAAG,KAJP;IAKFC,KALE;IAMF,GAAGC;EAND,IAOFN,KAPJ;EASA,MAAMO,MAAM,GAAGb,SAAS,EAAxB;EAEA,oBACI,oBAAC,WAAD;IACI,KAAK,EAAES,KADX;IAEI,KAAK,EAAEX,GAAG,CAAC,CACPe,MAAM,CAACX,IADA,EAEPS,KAFO,CAAD;EAFd,GAMQC,UANR,gBAQI,oBAAC,KAAD;IACI,cAAc,EAAE,IADpB;IAEI,OAAO,EAAE,MAFb;IAGI,gBAAgB,EAAEL,QAHtB;IAII,MAAM,EAAE;MAAEO,GAAG,EAAEN;IAAP,CAJZ;IAKI,MAAM,EAAEE;EALZ,EARJ,CADJ;AAkBH;AAAA"}

package/build/module/CardMedia/CardMediaProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["CardMediaProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { AspectRatioProps } from '../AspectRatio';\nimport type { ImageProps } from '../Image';\n\nexport default interface CardMediaProps extends OverridableComponentProps<AspectRatioProps, {\n    /**\n     * The content of the component.\n     */\n    children?: ImageProps['overlaidChildren'];\n\n    /**\n     * Image to be displayed as a background image.\n     */\n    image: string;\n\n    /**\n     * Aspect ratio of this component (width / height).\n     * @default 1\n     */\n    ratio?: AspectRatioProps['ratio'];\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n}> {}\n"],"mappings":""}

package/build/module/CardMedia/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB","sourcesContent":["export { default } from './CardMedia';\nexport type { default as CardMediaProps } from './CardMediaProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './CardMedia';\nexport type { default as CardMediaProps } from './CardMediaProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}

package/build/module/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import ButtonBase from '../ButtonBase';

package/build/module/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["React","ButtonBase","Checkbox","CheckboxIcon","CheckboxChecked","CheckboxCheckedIcon","css","useStyles","root","width","height","justifyContent","alignItems","props","checked","checkedIcon","checkedIconProp","color","disabled","icon","iconProp","onChange","style","otherProps","styles","uncheckedIcon","handlePress","rootStyle"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,QAAQ,IAAIC,YAArB,EAAmCC,eAAe,IAAIC,mBAAtD,QAAiF,mBAAjF;AACA,SAASC,GAAT,QAAoB,WAApB;;AAIA,MAAMC,SAAmC,GAAG,YAA2B;AACnE,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAE,EADL;AAEFC,MAAAA,MAAM,EAAE,EAFN;AAGFC,MAAAA,cAAc,EAAE,QAHd;AAIFC,MAAAA,UAAU,EAAE;AAJV;AADH,GAAP;AAQH,CATD;;AAWA,eAAe,SAASV,QAAT,CAAkBW,KAAlB,EAAwC;AACnD,QAAM;AACFC,IAAAA,OAAO,GAAG,KADR;AAEFC,IAAAA,WAAW,EAAEC,eAFX;AAGFC,IAAAA,KAAK,GAAG,SAHN;AAIFC,IAAAA,QAAQ,GAAG,KAJT;AAKFC,IAAAA,IAAI,EAAEC,QALJ;AAMFC,IAAAA,QANE;AAOFC,IAAAA,KAPE;AAQF,OAAGC;AARD,MASFV,KATJ;AAWA,QAAMW,MAAM,GAAGjB,SAAS,EAAxB;AAEA,QAAMkB,aAAa,GAAGL,QAAQ,GAAGA,QAAH,gBAAc,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEH;AAArB,IAA5C;AACA,QAAMF,WAAW,GAAGC,eAAe,GAAGA,eAAH,gBAAqB,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAEC;AAA5B,IAAxD;;AAEA,QAAMS,WAAW,GAAG,MAAM;AACtB,QAAIL,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAAC,CAACP,OAAF,CAAR;AACH;AACJ,GAJD;;AAMA,QAAMa,SAAS,GAAGrB,GAAG,CAAC,CAClBkB,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAD,CAArB;AAKA,sBACI,oBAAC,UAAD;AACI,IAAA,QAAQ,EAAEJ,QADd;AAEI,IAAA,OAAO,EAAEQ,WAFb;AAGI,IAAA,KAAK,EAAEC;AAHX,KAIQJ,UAJR,GAMKT,OAAO,GACFC,WADE,GAEFU,aARV,CADJ;AAaH;AAAA","sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type CheckboxProps from './CheckboxProps';\nimport ButtonBase from '../ButtonBase';\nimport { Checkbox as CheckboxIcon, CheckboxChecked as CheckboxCheckedIcon } from '../internal/icons';\nimport { css } from '../styles';\n\ntype CheckboxStyle = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CheckboxStyle> = function (): CheckboxStyle {\n    return {\n        root: {\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n    };\n};\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        checkedIcon: checkedIconProp,\n        color = 'primary',\n        disabled = false,\n        icon: iconProp,\n        onChange,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const uncheckedIcon = iconProp ? iconProp : <CheckboxIcon color={color}/>;\n    const checkedIcon = checkedIconProp ? checkedIconProp : <CheckboxCheckedIcon color={color}/>;\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {checked\n                ? checkedIcon\n                : uncheckedIcon\n            }\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["React","ButtonBase","Checkbox","CheckboxIcon","CheckboxChecked","CheckboxCheckedIcon","css","useStyles","root","width","height","justifyContent","alignItems","props","checked","checkedIcon","checkedIconProp","color","disabled","icon","iconProp","onChange","style","otherProps","styles","uncheckedIcon","handlePress","rootStyle"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type CheckboxProps from './CheckboxProps';\nimport ButtonBase from '../ButtonBase';\nimport { Checkbox as CheckboxIcon, CheckboxChecked as CheckboxCheckedIcon } from '../internal/icons';\nimport { css } from '../styles';\n\ntype CheckboxStyle = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CheckboxStyle> = function (): CheckboxStyle {\n    return {\n        root: {\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n    };\n};\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        checkedIcon: checkedIconProp,\n        color = 'primary',\n        disabled = false,\n        icon: iconProp,\n        onChange,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const uncheckedIcon = iconProp ? iconProp : <CheckboxIcon color={color}/>;\n    const checkedIcon = checkedIconProp ? checkedIconProp : <CheckboxCheckedIcon color={color}/>;\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {checked\n                ? checkedIcon\n                : uncheckedIcon\n            }\n        </ButtonBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,QAAQ,IAAIC,YAArB,EAAmCC,eAAe,IAAIC,mBAAtD,QAAiF,mBAAjF;AACA,SAASC,GAAT,QAAoB,WAApB;;AAIA,MAAMC,SAAmC,GAAG,YAA2B;EACnE,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAE,EADL;MAEFC,MAAM,EAAE,EAFN;MAGFC,cAAc,EAAE,QAHd;MAIFC,UAAU,EAAE;IAJV;EADH,CAAP;AAQH,CATD;;AAWA,eAAe,SAASV,QAAT,CAAkBW,KAAlB,EAAwC;EACnD,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,WAAW,EAAEC,eAFX;IAGFC,KAAK,GAAG,SAHN;IAIFC,QAAQ,GAAG,KAJT;IAKFC,IAAI,EAAEC,QALJ;IAMFC,QANE;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFV,KATJ;EAWA,MAAMW,MAAM,GAAGjB,SAAS,EAAxB;EAEA,MAAMkB,aAAa,GAAGL,QAAQ,GAAGA,QAAH,gBAAc,oBAAC,YAAD;IAAc,KAAK,EAAEH;EAArB,EAA5C;EACA,MAAMF,WAAW,GAAGC,eAAe,GAAGA,eAAH,gBAAqB,oBAAC,mBAAD;IAAqB,KAAK,EAAEC;EAA5B,EAAxD;;EAEA,MAAMS,WAAW,GAAG,MAAM;IACtB,IAAIL,QAAJ,EAAc;MACVA,QAAQ,CAAC,CAACP,OAAF,CAAR;IACH;EACJ,CAJD;;EAMA,MAAMa,SAAS,GAAGrB,GAAG,CAAC,CAClBkB,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEQ,WAFb;IAGI,KAAK,EAAEC;EAHX,GAIQJ,UAJR,GAMKT,OAAO,GACFC,WADE,GAEFU,aARV,CADJ;AAaH;AAAA"}

package/build/module/Checkbox/CheckboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["CheckboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport type CheckboxColor = CommonComponentColor;\n\nexport default interface CheckboxProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * The checked Icon which is replaced.\n     */\n    checkedIcon?: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: CheckboxColor;\n\n    /**\n     * If `true`, the checkbox is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The unchecked Icon which is replaced.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * Callback fired when the state is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n}> {}\n"],"mappings":""}

package/build/module/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB","sourcesContent":["export { default } from './Checkbox';\nexport type { default as CheckboxProps } from './CheckboxProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Checkbox';\nexport type { default as CheckboxProps } from './CheckboxProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}

package/build/module/Chip/Chip.js

@@ -1,11 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { Text } from 'react-native';
 import { createFontStyle, css, useTheme } from '../styles';
 import { cloneElementSafely } from '../utils';
 import ButtonBase from '../ButtonBase';
-const ICON_SIZE = 16;
+const ICON_SIZE = 20;
 
 const useStyles = function () {
   const theme = useTheme();
@@ -16,8 +16,8 @@ const useStyles = function () {
       flexDirection: 'row',
       height: 32,
       justifyContent: 'center',
-      paddingLeft: theme.spacing(2),
-      paddingRight: theme.spacing(2)
+      paddingLeft: theme.spacing(3),
+      paddingRight: theme.spacing(3)
     }
   };
 };
@@ -26,6 +26,7 @@ export default function Chip(props) {
   const {
     children,
     endIcon: endIconProp,
+    numberOfLines,
     onPress,
     startIcon: startIconProp,
     style: styleProp,
@@ -39,20 +40,20 @@ export default function Chip(props) {
     outlined: {
       backgroundColor: theme.palette.paper.default,
       borderColor: theme.palette.border,
-      borderWidth: 2
+      borderWidth: 1
     },
     filled: {
       backgroundColor: theme.palette.paper.grey
     },
     bold: {
-      backgroundColor: theme.palette.paper.grey,
+      backgroundColor: theme.palette.paper.default,
       borderColor: theme.palette.primary.main,
-      borderWidth: 2
+      borderWidth: 1.5
     }
   };
   const chipStyle = css([styles.root, variantStyleMap[variant], styleProp]);
   const fontStyle = createFontStyle(theme, {
-    selector: typo => typo.subtitle2,
+    selector: typo => variant === 'bold' ? typo.subtitle2 : typo.body2,
     color: fontColor
   });
   const textMarginSize = theme.spacing(1);
@@ -76,6 +77,7 @@ export default function Chip(props) {
     style: chipStyle
   }, otherProps), startIcon, /*#__PURE__*/React.createElement(Text, {
     children: children,
+    numberOfLines: numberOfLines,
     style: textStyle
   }), endIcon);
 }

package/build/module/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Chip.tsx"],"names":["React","Text","createFontStyle","css","useTheme","cloneElementSafely","ButtonBase","ICON_SIZE","useStyles","theme","root","alignItems","borderRadius","flexDirection","height","justifyContent","paddingLeft","spacing","paddingRight","Chip","props","children","endIcon","endIconProp","onPress","startIcon","startIconProp","style","styleProp","variant","otherProps","styles","fontColor","palette","tertiary","main","primary","variantStyleMap","outlined","backgroundColor","paper","default","borderColor","border","borderWidth","filled","grey","bold","chipStyle","fontStyle","selector","typo","subtitle2","color","textMarginSize","textMarginStyle","marginLeft","marginRight","undefined","textStyle","textAlign","iconProps","width","fill"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport ButtonBase from '../ButtonBase';\nimport type ChipProps from './ChipProps';\n\ntype ChipStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 16;\n\nconst useStyles: UseStyles<ChipStyles> = function (): ChipStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderRadius: 20,\n            flexDirection: 'row',\n            height: 32,\n            justifyContent: 'center',\n            paddingLeft: theme.spacing(2),\n            paddingRight: theme.spacing(2),\n        },\n    };\n};\n\nexport default function Chip(props: ChipProps) {\n    const {\n        children,\n        endIcon: endIconProp,\n        onPress,\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'outlined',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const fontColor = variant === 'outlined'\n        ? theme.palette.tertiary.main\n        : theme.palette.primary.main;\n\n    const variantStyleMap = {\n        outlined: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.border,\n            borderWidth: 2,\n        },\n        filled: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        bold: {\n            backgroundColor: theme.palette.paper.grey,\n            borderColor: theme.palette.primary.main,\n            borderWidth: 2,\n        },\n    };\n\n    const chipStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.subtitle2,\n        color: fontColor,\n    });\n\n    const textMarginSize = theme.spacing(1);\n    const textMarginStyle = startIconProp\n        ? { marginLeft: textMarginSize }\n        : endIconProp\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const iconProps = {\n        width: ICON_SIZE,\n        height: ICON_SIZE,\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            style={chipStyle}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n}\n"]}
+{"version":3,"names":["React","Text","createFontStyle","css","useTheme","cloneElementSafely","ButtonBase","ICON_SIZE","useStyles","theme","root","alignItems","borderRadius","flexDirection","height","justifyContent","paddingLeft","spacing","paddingRight","Chip","props","children","endIcon","endIconProp","numberOfLines","onPress","startIcon","startIconProp","style","styleProp","variant","otherProps","styles","fontColor","palette","tertiary","main","primary","variantStyleMap","outlined","backgroundColor","paper","default","borderColor","border","borderWidth","filled","grey","bold","chipStyle","fontStyle","selector","typo","subtitle2","body2","color","textMarginSize","textMarginStyle","marginLeft","marginRight","undefined","textStyle","textAlign","iconProps","width","fill"],"sources":["Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport ButtonBase from '../ButtonBase';\nimport type ChipProps from './ChipProps';\n\ntype ChipStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<ChipStyles> = function (): ChipStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderRadius: 20,\n            flexDirection: 'row',\n            height: 32,\n            justifyContent: 'center',\n            paddingLeft: theme.spacing(3),\n            paddingRight: theme.spacing(3),\n        },\n    };\n};\n\nexport default function Chip(props: ChipProps) {\n    const {\n        children,\n        endIcon: endIconProp,\n        numberOfLines,\n        onPress,\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'outlined',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const fontColor = variant === 'outlined'\n        ? theme.palette.tertiary.main\n        : theme.palette.primary.main;\n\n    const variantStyleMap = {\n        outlined: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.border,\n            borderWidth: 1,\n        },\n        filled: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        bold: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.primary.main,\n            borderWidth: 1.5,\n        },\n    };\n\n    const chipStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => variant === 'bold'\n            ? typo.subtitle2\n            : typo.body2,\n        color: fontColor,\n    });\n\n    const textMarginSize = theme.spacing(1);\n    const textMarginStyle = startIconProp\n        ? { marginLeft: textMarginSize }\n        : endIconProp\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const iconProps = {\n        width: ICON_SIZE,\n        height: ICON_SIZE,\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            style={chipStyle}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                numberOfLines={numberOfLines}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAKA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAgC,GAAG,YAAwB;EAC7D,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,OAAO;IACHM,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,YAAY,EAAE,EAFZ;MAGFC,aAAa,EAAE,KAHb;MAIFC,MAAM,EAAE,EAJN;MAKFC,cAAc,EAAE,QALd;MAMFC,WAAW,EAAEP,KAAK,CAACQ,OAAN,CAAc,CAAd,CANX;MAOFC,YAAY,EAAET,KAAK,CAACQ,OAAN,CAAc,CAAd;IAPZ;EADH,CAAP;AAWH,CAdD;;AAgBA,eAAe,SAASE,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,QADE;IAEFC,OAAO,EAAEC,WAFP;IAGFC,aAHE;IAIFC,OAJE;IAKFC,SAAS,EAAEC,aALT;IAMFC,KAAK,EAAEC,SANL;IAOFC,OAAO,GAAG,UAPR;IAQF,GAAGC;EARD,IASFX,KATJ;EAWA,MAAMX,KAAK,GAAGL,QAAQ,EAAtB;EACA,MAAM4B,MAAM,GAAGxB,SAAS,EAAxB;EAEA,MAAMyB,SAAS,GAAGH,OAAO,KAAK,UAAZ,GACZrB,KAAK,CAACyB,OAAN,CAAcC,QAAd,CAAuBC,IADX,GAEZ3B,KAAK,CAACyB,OAAN,CAAcG,OAAd,CAAsBD,IAF5B;EAIA,MAAME,eAAe,GAAG;IACpBC,QAAQ,EAAE;MACNC,eAAe,EAAE/B,KAAK,CAACyB,OAAN,CAAcO,KAAd,CAAoBC,OAD/B;MAENC,WAAW,EAAElC,KAAK,CAACyB,OAAN,CAAcU,MAFrB;MAGNC,WAAW,EAAE;IAHP,CADU;IAMpBC,MAAM,EAAE;MACJN,eAAe,EAAE/B,KAAK,CAACyB,OAAN,CAAcO,KAAd,CAAoBM;IADjC,CANY;IASpBC,IAAI,EAAE;MACFR,eAAe,EAAE/B,KAAK,CAACyB,OAAN,CAAcO,KAAd,CAAoBC,OADnC;MAEFC,WAAW,EAAElC,KAAK,CAACyB,OAAN,CAAcG,OAAd,CAAsBD,IAFjC;MAGFS,WAAW,EAAE;IAHX;EATc,CAAxB;EAgBA,MAAMI,SAAS,GAAG9C,GAAG,CAAC,CAClB6B,MAAM,CAACtB,IADW,EAElB4B,eAAe,CAACR,OAAD,CAFG,EAGlBD,SAHkB,CAAD,CAArB;EAMA,MAAMqB,SAAS,GAAGhD,eAAe,CAACO,KAAD,EAAQ;IACrC0C,QAAQ,EAAGC,IAAD,IAAUtB,OAAO,KAAK,MAAZ,GACdsB,IAAI,CAACC,SADS,GAEdD,IAAI,CAACE,KAH0B;IAIrCC,KAAK,EAAEtB;EAJ8B,CAAR,CAAjC;EAOA,MAAMuB,cAAc,GAAG/C,KAAK,CAACQ,OAAN,CAAc,CAAd,CAAvB;EACA,MAAMwC,eAAe,GAAG9B,aAAa,GAC/B;IAAE+B,UAAU,EAAEF;EAAd,CAD+B,GAE/BjC,WAAW,GACP;IAAEoC,WAAW,EAAEH;EAAf,CADO,GAEPI,SAJV;EAMA,MAAMC,SAAS,GAAG1D,GAAG,CAAC,CAClB+C,SADkB,EAElBO,eAFkB,EAGlB;IAAEK,SAAS,EAAE;EAAb,CAHkB,CAAD,CAArB;EAMA,MAAMC,SAAS,GAAG;IACdC,KAAK,EAAEzD,SADO;IAEdO,MAAM,EAAEP,SAFM;IAGd0D,IAAI,EAAEhC;EAHQ,CAAlB;EAMA,MAAMP,SAAS,GAAGrB,kBAAkB,CAACsB,aAAD,EAAgBoC,SAAhB,CAApC;EACA,MAAMzC,OAAO,GAAGjB,kBAAkB,CAACkB,WAAD,EAAcwC,SAAd,CAAlC;EAEA,oBACI,oBAAC,UAAD;IACI,OAAO,EAAEtC,OADb;IAEI,KAAK,EAAEwB;EAFX,GAGQlB,UAHR,GAKKL,SALL,eAOI,oBAAC,IAAD;IACI,QAAQ,EAAEL,QADd;IAEI,aAAa,EAAEG,aAFnB;IAGI,KAAK,EAAEqC;EAHX,EAPJ,EAaKvC,OAbL,CADJ;AAiBH"}

package/build/module/Chip/ChipProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ChipProps.ts"],"sourcesContent":["import React from 'react';\nimport { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport type ChipVariant = 'outlined' | 'filled' | 'bold';\n\nexport default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    children: string;\n\n    /**\n     * Number of lines of children.\n     */\n    numberOfLines?: number;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'outlined'\n     */\n    variant?: ChipVariant;\n}> {}"],"mappings":""}

package/build/module/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './Chip';\nexport type { default as ChipProps } from './ChipProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Chip';\nexport type { default as ChipProps } from './ChipProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}

package/build/module/CircularProgress/CircularProgress.js

@@ -1,7 +1,9 @@
-import React from 'react';
-import Animated, { Easing } from 'react-native-reanimated';
+import React, { useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
 import { CircularProgress as CircularProgressIcon } from '../internal/icons';
-import { css } from '../styles';
+import { useAnimatedValue } from '../hooks';
+const MIN_ROTATE_DEGREE = 0;
+const MAX_ROTATE_DEGREE = 360;
 
 const useStyles = function () {
   return {
@@ -14,28 +16,30 @@ const useStyles = function () {
 
 export default function CircularProgress(props) {
   const {
-    style
+    style: styleProp
   } = props;
   const styles = useStyles();
-  const rootStyle = css([styles.root, style]);
-  const sharedSpin = Animated.useSharedValue(0);
-  const spinStyle = Animated.useAnimatedStyle(() => {
-    const interpolatedSpin = Animated.interpolate(sharedSpin.value, [0, 1], [0, 360]);
-    return {
-      transform: [{
-        rotate: `${interpolatedSpin}deg`
-      }]
-    };
-  });
-  React.useEffect(() => {
-    sharedSpin.value = Animated.withRepeat(Animated.withTiming(1, {
+  const rotate = useAnimatedValue(MIN_ROTATE_DEGREE);
+  const animatedStyle = {
+    transform: [{
+      rotate: rotate.interpolate({
+        inputRange: [MIN_ROTATE_DEGREE, MAX_ROTATE_DEGREE],
+        outputRange: [`${MIN_ROTATE_DEGREE}deg`, `${MAX_ROTATE_DEGREE}deg`]
+      })
+    }]
+  };
+  useEffect(() => {
+    Animated.loop(Animated.timing(rotate, {
+      toValue: MAX_ROTATE_DEGREE,
       duration: 900,
-      easing: Easing.linear
-    }), -1, false);
+      easing: Easing.linear,
+      useNativeDriver: true
+    })).start();
   }, []);
   return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [spinStyle, rootStyle]
-  }, /*#__PURE__*/React.createElement(CircularProgressIcon, null));
+    children: /*#__PURE__*/React.createElement(CircularProgressIcon, null),
+    style: [animatedStyle, styles.root, styleProp]
+  });
 }
 ;
 //# sourceMappingURL=CircularProgress.js.map

package/build/module/CircularProgress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CircularProgress.tsx"],"names":["React","Animated","Easing","CircularProgress","CircularProgressIcon","css","useStyles","root","alignItems","justifyContent","props","style","styles","rootStyle","sharedSpin","useSharedValue","spinStyle","useAnimatedStyle","interpolatedSpin","interpolate","value","transform","rotate","useEffect","withRepeat","withTiming","duration","easing","linear"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,QAAP,IAAmBC,MAAnB,QAAiC,yBAAjC;AACA,SAASC,gBAAgB,IAAIC,oBAA7B,QAAyD,mBAAzD;AACA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAA4C,GAAG,YAAoC;AACrF,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,cAAc,EAAE;AAFd;AADH,GAAP;AAMH,CAPD;;AASA,eAAe,SAASN,gBAAT,CAA0BO,KAA1B,EAAuE;AAClF,QAAM;AAAEC,IAAAA;AAAF,MAAYD,KAAlB;AAEA,QAAME,MAAM,GAAGN,SAAS,EAAxB;AAEA,QAAMO,SAAS,GAAGR,GAAG,CAAC,CAClBO,MAAM,CAACL,IADW,EAElBI,KAFkB,CAAD,CAArB;AAKA,QAAMG,UAAU,GAAGb,QAAQ,CAACc,cAAT,CAAwB,CAAxB,CAAnB;AAEA,QAAMC,SAAS,GAAGf,QAAQ,CAACgB,gBAAT,CAA0B,MAAM;AAC9C,UAAMC,gBAAgB,GAAGjB,QAAQ,CAACkB,WAAT,CAAqBL,UAAU,CAACM,KAAhC,EAAuC,CAAC,CAAD,EAAI,CAAJ,CAAvC,EAA+C,CAAC,CAAD,EAAI,GAAJ,CAA/C,CAAzB;AAEA,WAAO;AACHC,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,MAAM,EAAG,GAAEJ,gBAAiB;AAA9B,OAAD;AADR,KAAP;AAGH,GANiB,CAAlB;AAQAlB,EAAAA,KAAK,CAACuB,SAAN,CAAgB,MAAM;AAClBT,IAAAA,UAAU,CAACM,KAAX,GAAmBnB,QAAQ,CAACuB,UAAT,CACfvB,QAAQ,CAACwB,UAAT,CAAoB,CAApB,EAAuB;AAAEC,MAAAA,QAAQ,EAAE,GAAZ;AAAiBC,MAAAA,MAAM,EAAEzB,MAAM,CAAC0B;AAAhC,KAAvB,CADe,EAEf,CAAC,CAFc,EAGf,KAHe,CAAnB;AAKH,GAND,EAMG,EANH;AAQA,sBACI,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACZ,SAAD,EAAYH,SAAZ;AAAtB,kBACI,oBAAC,oBAAD,OADJ,CADJ;AAKH;AAAA","sourcesContent":["import React from 'react';\nimport { ViewProps } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Animated, { Easing } from 'react-native-reanimated';\nimport { CircularProgress as CircularProgressIcon } from '../internal/icons';\nimport { css } from '../styles';\nimport { OverridableComponentProps } from '../types';\n\ntype CircularProgressStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CircularProgressStyles> = function (): CircularProgressStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n    };\n};\n\nexport default function CircularProgress(props: OverridableComponentProps<ViewProps>) {\n    const { style } = props;\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const sharedSpin = Animated.useSharedValue(0);\n\n    const spinStyle = Animated.useAnimatedStyle(() => {\n        const interpolatedSpin = Animated.interpolate(sharedSpin.value, [0, 1], [0, 360]);\n\n        return {\n            transform: [{ rotate: `${interpolatedSpin}deg` }],\n        };\n    });\n\n    React.useEffect(() => {\n        sharedSpin.value = Animated.withRepeat(\n            Animated.withTiming(1, { duration: 900, easing: Easing.linear }),\n            -1,\n            false,\n        );\n    }, []);\n\n    return (\n        <Animated.View style={[spinStyle, rootStyle]}>\n            <CircularProgressIcon/>\n        </Animated.View>\n    );\n};\n"]}
+{"version":3,"names":["React","useEffect","Animated","Easing","CircularProgress","CircularProgressIcon","useAnimatedValue","MIN_ROTATE_DEGREE","MAX_ROTATE_DEGREE","useStyles","root","alignItems","justifyContent","props","style","styleProp","styles","rotate","animatedStyle","transform","interpolate","inputRange","outputRange","loop","timing","toValue","duration","easing","linear","useNativeDriver","start"],"sources":["CircularProgress.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { Animated, Easing } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { CircularProgress as CircularProgressIcon } from '../internal/icons';\nimport type { OverridableComponentProps } from '../types';\nimport { useAnimatedValue } from '../hooks';\n\ntype CircularProgressStyles = NamedStylesStringUnion<'root'>;\n\nconst MIN_ROTATE_DEGREE = 0;\nconst MAX_ROTATE_DEGREE = 360;\n\nconst useStyles: UseStyles<CircularProgressStyles> = function (): CircularProgressStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n    };\n};\n\nexport default function CircularProgress(props: OverridableComponentProps<ViewProps>) {\n    const { style: styleProp } = props;\n\n    const styles = useStyles();\n\n    const rotate = useAnimatedValue(MIN_ROTATE_DEGREE);\n\n    const animatedStyle = {\n        transform: [{\n            rotate: rotate.interpolate({\n                inputRange: [MIN_ROTATE_DEGREE, MAX_ROTATE_DEGREE],\n                outputRange: [`${MIN_ROTATE_DEGREE}deg`, `${MAX_ROTATE_DEGREE}deg`],\n            }),\n        }],\n    };\n\n    useEffect(() => {\n        Animated.loop(\n            Animated.timing(\n                rotate,\n                {\n                    toValue: MAX_ROTATE_DEGREE,\n                    duration: 900,\n                    easing: Easing.linear,\n                    useNativeDriver: true,\n                },\n            ),\n        ).start();\n    }, []);\n\n    return (\n        <Animated.View\n            children={<CircularProgressIcon/>}\n            style={[\n                animatedStyle,\n                styles.root,\n                styleProp,\n            ]}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AAEA,SAASC,QAAT,EAAmBC,MAAnB,QAAiC,cAAjC;AAEA,SAASC,gBAAgB,IAAIC,oBAA7B,QAAyD,mBAAzD;AAEA,SAASC,gBAAT,QAAiC,UAAjC;AAIA,MAAMC,iBAAiB,GAAG,CAA1B;AACA,MAAMC,iBAAiB,GAAG,GAA1B;;AAEA,MAAMC,SAA4C,GAAG,YAAoC;EACrF,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE;IAFd;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASR,gBAAT,CAA0BS,KAA1B,EAAuE;EAClF,MAAM;IAAEC,KAAK,EAAEC;EAAT,IAAuBF,KAA7B;EAEA,MAAMG,MAAM,GAAGP,SAAS,EAAxB;EAEA,MAAMQ,MAAM,GAAGX,gBAAgB,CAACC,iBAAD,CAA/B;EAEA,MAAMW,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MACRF,MAAM,EAAEA,MAAM,CAACG,WAAP,CAAmB;QACvBC,UAAU,EAAE,CAACd,iBAAD,EAAoBC,iBAApB,CADW;QAEvBc,WAAW,EAAE,CAAE,GAAEf,iBAAkB,KAAtB,EAA6B,GAAEC,iBAAkB,KAAjD;MAFU,CAAnB;IADA,CAAD;EADO,CAAtB;EASAP,SAAS,CAAC,MAAM;IACZC,QAAQ,CAACqB,IAAT,CACIrB,QAAQ,CAACsB,MAAT,CACIP,MADJ,EAEI;MACIQ,OAAO,EAAEjB,iBADb;MAEIkB,QAAQ,EAAE,GAFd;MAGIC,MAAM,EAAExB,MAAM,CAACyB,MAHnB;MAIIC,eAAe,EAAE;IAJrB,CAFJ,CADJ,EAUEC,KAVF;EAWH,CAZQ,EAYN,EAZM,CAAT;EAcA,oBACI,oBAAC,QAAD,CAAU,IAAV;IACI,QAAQ,eAAE,oBAAC,oBAAD,OADd;IAEI,KAAK,EAAE,CACHZ,aADG,EAEHF,MAAM,CAACN,IAFJ,EAGHK,SAHG;EAFX,EADJ;AAUH;AAAA"}

package/build/module/CircularProgress/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB","sourcesContent":["export { default } from './CircularProgress';\n"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './CircularProgress';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}

package/build/module/Column/Column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Column.tsx"],"names":["createFlexbox"],"mappings":"AACA,SAASA,aAAT,QAA8B,YAA9B;AAEA,eAAeA,aAAa,CAAC,QAAD,CAA5B","sourcesContent":["import React from 'react';\nimport { createFlexbox } from '../Flexbox';\n\nexport default createFlexbox('column');"]}
+{"version":3,"names":["createFlexbox"],"sources":["Column.tsx"],"sourcesContent":["import React from 'react';\nimport { createFlexbox } from '../Flexbox';\n\nexport default createFlexbox('column');"],"mappings":"AACA,SAASA,aAAT,QAA8B,YAA9B;AAEA,eAAeA,aAAa,CAAC,QAAD,CAA5B"}

package/build/module/Column/ColumnProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ColumnProps.ts"],"sourcesContent":["import { FlexboxProps } from '../Flexbox';\n\nexport default interface ColumnProps extends FlexboxProps {}"],"mappings":""}

package/build/module/Column/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB","sourcesContent":["export { default } from './Column';\nexport type { default as ColumnProps } from './ColumnProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Column';\nexport type { default as ColumnProps } from './ColumnProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}