@fountain-ui/core 2.0.0-beta.7 → 2.0.0-beta.70

package/build/commonjs/CircularProgress/CircularProgress.js

@@ -5,19 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CircularProgress;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNative = require("react-native");
 
 var _icons = require("../internal/icons");
 
-var _styles = require("../styles");
+var _hooks = require("../hooks");
+
+var _utils = require("../utils");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const MIN_ROTATE_DEGREE = 0;
+const MAX_ROTATE_DEGREE = 360;
 
 const useStyles = function () {
   return {
@@ -30,33 +33,30 @@ const useStyles = function () {
 
 function CircularProgress(props) {
   const {
-    style
+    style: styleProp
   } = props;
   const styles = useStyles();
-  const rootStyle = (0, _styles.css)([styles.root, style]);
-
-  const sharedSpin = _reactNativeReanimated.default.useSharedValue(0);
-
-  const spinStyle = _reactNativeReanimated.default.useAnimatedStyle(() => {
-    const interpolatedSpin = _reactNativeReanimated.default.interpolate(sharedSpin.value, [0, 1], [0, 360]);
-
-    return {
-      transform: [{
-        rotate: `${interpolatedSpin}deg`
-      }]
-    };
-  });
-
-  _react.default.useEffect(() => {
-    sharedSpin.value = _reactNativeReanimated.default.withRepeat(_reactNativeReanimated.default.withTiming(1, {
+  const rotate = (0, _hooks.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`]
+      })
+    }]
+  };
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.loop(_reactNative.Animated.timing(rotate, {
+      toValue: MAX_ROTATE_DEGREE,
       duration: 900,
-      easing: _reactNativeReanimated.Easing.linear
-    }), -1, false);
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: _utils.isNotAndroid12
+    })).start();
   }, []);
-
-  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [spinStyle, rootStyle]
-  }, /*#__PURE__*/_react.default.createElement(_icons.CircularProgress, null));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    children: /*#__PURE__*/_react.default.createElement(_icons.CircularProgress, null),
+    style: [animatedStyle, styles.root, styleProp]
+  });
 }
 
 ;

package/build/commonjs/CircularProgress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CircularProgress.tsx"],"names":["useStyles","root","alignItems","justifyContent","CircularProgress","props","style","styles","rootStyle","sharedSpin","Animated","useSharedValue","spinStyle","useAnimatedStyle","interpolatedSpin","interpolate","value","transform","rotate","React","useEffect","withRepeat","withTiming","duration","easing","Easing","linear"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;;;;;;;AAKA,MAAMA,SAA4C,GAAG,YAAoC;AACrF,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,cAAc,EAAE;AAFd;AADH,GAAP;AAMH,CAPD;;AASe,SAASC,gBAAT,CAA0BC,KAA1B,EAAuE;AAClF,QAAM;AAAEC,IAAAA;AAAF,MAAYD,KAAlB;AAEA,QAAME,MAAM,GAAGP,SAAS,EAAxB;AAEA,QAAMQ,SAAS,GAAG,iBAAI,CAClBD,MAAM,CAACN,IADW,EAElBK,KAFkB,CAAJ,CAAlB;;AAKA,QAAMG,UAAU,GAAGC,+BAASC,cAAT,CAAwB,CAAxB,CAAnB;;AAEA,QAAMC,SAAS,GAAGF,+BAASG,gBAAT,CAA0B,MAAM;AAC9C,UAAMC,gBAAgB,GAAGJ,+BAASK,WAAT,CAAqBN,UAAU,CAACO,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;;AAQAK,iBAAMC,SAAN,CAAgB,MAAM;AAClBX,IAAAA,UAAU,CAACO,KAAX,GAAmBN,+BAASW,UAAT,CACfX,+BAASY,UAAT,CAAoB,CAApB,EAAuB;AAAEC,MAAAA,QAAQ,EAAE,GAAZ;AAAiBC,MAAAA,MAAM,EAAEC,8BAAOC;AAAhC,KAAvB,CADe,EAEf,CAAC,CAFc,EAGf,KAHe,CAAnB;AAKH,GAND,EAMG,EANH;;AAQA,sBACI,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACd,SAAD,EAAYJ,SAAZ;AAAtB,kBACI,6BAAC,uBAAD,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":["MIN_ROTATE_DEGREE","MAX_ROTATE_DEGREE","useStyles","root","alignItems","justifyContent","CircularProgress","props","style","styleProp","styles","rotate","useAnimatedValue","animatedStyle","transform","interpolate","inputRange","outputRange","useEffect","Animated","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","isNotAndroid12","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';\nimport { isNotAndroid12 } from '../utils';\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: isNotAndroid12,\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;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AAIA,MAAMA,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;;AASe,SAASC,gBAAT,CAA0BC,KAA1B,EAAuE;EAClF,MAAM;IAAEC,KAAK,EAAEC;EAAT,IAAuBF,KAA7B;EAEA,MAAMG,MAAM,GAAGR,SAAS,EAAxB;EAEA,MAAMS,MAAM,GAAG,IAAAC,uBAAA,EAAiBZ,iBAAjB,CAAf;EAEA,MAAMa,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MACRH,MAAM,EAAEA,MAAM,CAACI,WAAP,CAAmB;QACvBC,UAAU,EAAE,CAAChB,iBAAD,EAAoBC,iBAApB,CADW;QAEvBgB,WAAW,EAAE,CAAE,GAAEjB,iBAAkB,KAAtB,EAA6B,GAAEC,iBAAkB,KAAjD;MAFU,CAAnB;IADA,CAAD;EADO,CAAtB;EASA,IAAAiB,gBAAA,EAAU,MAAM;IACZC,qBAAA,CAASC,IAAT,CACID,qBAAA,CAASE,MAAT,CACIV,MADJ,EAEI;MACIW,OAAO,EAAErB,iBADb;MAEIsB,QAAQ,EAAE,GAFd;MAGIC,MAAM,EAAEC,mBAAA,CAAOC,MAHnB;MAIIC,eAAe,EAAEC;IAJrB,CAFJ,CADJ,EAUEC,KAVF;EAWH,CAZD,EAYG,EAZH;EAcA,oBACI,6BAAC,qBAAD,CAAU,IAAV;IACI,QAAQ,eAAE,6BAAC,uBAAD,OADd;IAEI,KAAK,EAAE,CACHhB,aADG,EAEHH,MAAM,CAACP,IAFJ,EAGHM,SAHG;EAFX,EADJ;AAUH;;AAAA"}

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

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

package/build/commonjs/Column/Column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Column.tsx"],"names":[],"mappings":";;;;;;;AACA;;eAEe,4BAAc,QAAd,C","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;;eAEe,IAAAA,sBAAA,EAAc,QAAd,C"}

package/build/commonjs/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/commonjs/Column/index.js.map

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

package/build/commonjs/Dialog/Dialog.js

@@ -9,22 +9,29 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
+var _styles = require("@fountain-ui/styles");
+
+var _Column = _interopRequireDefault(require("../Column"));
+
 var _Modal = _interopRequireDefault(require("../Modal"));
 
 var _Paper = _interopRequireDefault(require("../Paper"));
 
-var _styles = require("../styles");
+var _styles2 = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+
+const DIALOG_MAX_WIDTH = 328;
 
 const useStyles = function () {
-  const theme = (0, _styles.useTheme)();
+  const theme = (0, _styles2.useTheme)();
   const {
     width
   } = (0, _reactNative.useWindowDimensions)();
   const margin = theme.spacing(4);
+  const dialogWidth = width - margin * 2;
   return {
     root: {
       alignItems: 'center',
@@ -33,9 +40,9 @@ const useStyles = function () {
     },
     paper: {
       margin,
-      maxWidth: 328,
+      maxWidth: DIALOG_MAX_WIDTH,
       overflow: 'hidden',
-      width: width - margin * 2
+      width: dialogWidth
     },
     paperFullScreen: {
       flexGrow: 1
@@ -44,6 +51,11 @@ const useStyles = function () {
     animationFullScreen: {
       width: '100%',
       height: '100%'
+    },
+    topElement: {
+      marginHorizontal: margin,
+      maxWidth: DIALOG_MAX_WIDTH,
+      width: dialogWidth
     }
   };
 };
@@ -53,7 +65,9 @@ function Dialog(props) {
     children,
     fullScreen = false,
     onClose,
+    style = {},
     visible,
+    topElement,
     ...otherProps
   } = props;
   const styles = useStyles();
@@ -62,11 +76,13 @@ function Dialog(props) {
     onClose: onClose,
     visible: visible,
     style: styles.root
-  }, otherProps), /*#__PURE__*/_react.default.createElement(_Paper.default, {
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Column.default, {
+    style: fullScreen ? undefined : styles.topElement
+  }, topElement), /*#__PURE__*/_react.default.createElement(_Paper.default, {
     elevation: 24,
     square: fullScreen,
-    style: fullScreen ? styles.paperFullScreen : styles.paper
-  }, children));
+    style: (0, _styles.css)([fullScreen ? styles.paperFullScreen : styles.paper, style])
+  }, children)));
 }
 
 ;

package/build/commonjs/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Dialog.tsx"],"names":["useStyles","theme","width","margin","spacing","root","alignItems","justifyContent","zIndex","dialog","paper","maxWidth","overflow","paperFullScreen","flexGrow","animation","animationFullScreen","height","Dialog","props","children","fullScreen","onClose","visible","otherProps","styles"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAYA,MAAMA,SAAkC,GAAG,YAA0B;AACjE,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAY,uCAAlB;AAEA,QAAMC,MAAM,GAAGF,KAAK,CAACG,OAAN,CAAc,CAAd,CAAf;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,cAAc,EAAE,QAFd;AAGFC,MAAAA,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaC;AAHnB,KADH;AAMHC,IAAAA,KAAK,EAAE;AACHP,MAAAA,MADG;AAEHQ,MAAAA,QAAQ,EAAE,GAFP;AAGHC,MAAAA,QAAQ,EAAE,QAHP;AAIHV,MAAAA,KAAK,EAAEA,KAAK,GAAGC,MAAM,GAAG;AAJrB,KANJ;AAYHU,IAAAA,eAAe,EAAE;AACbC,MAAAA,QAAQ,EAAE;AADG,KAZd;AAeHC,IAAAA,SAAS,EAAE,EAfR;AAgBHC,IAAAA,mBAAmB,EAAE;AACjBd,MAAAA,KAAK,EAAE,MADU;AAEjBe,MAAAA,MAAM,EAAE;AAFS;AAhBlB,GAAP;AAqBH,CA5BD;;AA8Be,SAASC,MAAT,CAAgBC,KAAhB,EAAoC;AAC/C,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,UAAU,GAAG,KAFX;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,OAJE;AAKF,OAAGC;AALD,MAMFL,KANJ;AAQA,QAAMM,MAAM,GAAGzB,SAAS,EAAxB;AAEA,sBACI,6BAAC,cAAD;AACI,IAAA,cAAc,EAAEqB,UAAU,GAAGI,MAAM,CAACT,mBAAV,GAAgCS,MAAM,CAACV,SADrE;AAEI,IAAA,OAAO,EAAEO,OAFb;AAGI,IAAA,OAAO,EAAEC,OAHb;AAII,IAAA,KAAK,EAAEE,MAAM,CAACpB;AAJlB,KAKQmB,UALR,gBAOI,6BAAC,cAAD;AACI,IAAA,SAAS,EAAE,EADf;AAEI,IAAA,MAAM,EAAEH,UAFZ;AAGI,IAAA,KAAK,EAAEA,UAAU,GAAGI,MAAM,CAACZ,eAAV,GAA4BY,MAAM,CAACf;AAHxD,KAKKU,QALL,CAPJ,CADJ;AAiBH;;AAAA","sourcesContent":["import React from 'react';\nimport { useWindowDimensions } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Modal from '../Modal';\nimport Paper from '../Paper';\nimport { useTheme } from '../styles';\nimport type DialogProps from './DialogProps';\n\ntype DialogStyleKeys =\n    | 'root'\n    | 'paper'\n    | 'paperFullScreen'\n    | 'animation'\n    | 'animationFullScreen';\n\ntype DialogStyles = NamedStylesStringUnion<DialogStyleKeys>;\n\nconst useStyles: UseStyles<DialogStyles> = function (): DialogStyles {\n    const theme = useTheme();\n\n    const { width } = useWindowDimensions();\n\n    const margin = theme.spacing(4);\n\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            zIndex: theme.zIndex.dialog,\n        },\n        paper: {\n            margin,\n            maxWidth: 328,\n            overflow: 'hidden',\n            width: width - margin * 2,\n        },\n        paperFullScreen: {\n            flexGrow: 1,\n        },\n        animation: {},\n        animationFullScreen: {\n            width: '100%',\n            height: '100%',\n        },\n    };\n};\n\nexport default function Dialog(props: DialogProps) {\n    const {\n        children,\n        fullScreen = false,\n        onClose,\n        visible,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <Modal\n            animationStyle={fullScreen ? styles.animationFullScreen : styles.animation}\n            onClose={onClose}\n            visible={visible}\n            style={styles.root}\n            {...otherProps}\n        >\n            <Paper\n                elevation={24}\n                square={fullScreen}\n                style={fullScreen ? styles.paperFullScreen : styles.paper}\n            >\n                {children}\n            </Paper>\n        </Modal>\n    );\n};\n"]}
+{"version":3,"names":["DIALOG_MAX_WIDTH","useStyles","theme","useTheme","width","useWindowDimensions","margin","spacing","dialogWidth","root","alignItems","justifyContent","zIndex","dialog","paper","maxWidth","overflow","paperFullScreen","flexGrow","animation","animationFullScreen","height","topElement","marginHorizontal","Dialog","props","children","fullScreen","onClose","style","visible","otherProps","styles","undefined","css"],"sources":["Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions } from 'react-native';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Column from '../Column';\nimport Modal from '../Modal';\nimport Paper from '../Paper';\nimport { useTheme } from '../styles';\nimport type DialogProps from './DialogProps';\n\ntype DialogStyleKeys =\n    | 'root'\n    | 'paper'\n    | 'paperFullScreen'\n    | 'animation'\n    | 'animationFullScreen'\n    | 'topElement';\n\ntype DialogStyles = NamedStylesStringUnion<DialogStyleKeys>;\n\nconst DIALOG_MAX_WIDTH = 328;\n\nconst useStyles: UseStyles<DialogStyles> = function (): DialogStyles {\n    const theme = useTheme();\n\n    const { width } = useWindowDimensions();\n\n    const margin = theme.spacing(4);\n    const dialogWidth = width - margin * 2;\n\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            zIndex: theme.zIndex.dialog,\n        },\n        paper: {\n            margin,\n            maxWidth: DIALOG_MAX_WIDTH,\n            overflow: 'hidden',\n            width: dialogWidth,\n        },\n        paperFullScreen: {\n            flexGrow: 1,\n        },\n        animation: {},\n        animationFullScreen: {\n            width: '100%',\n            height: '100%',\n        },\n        topElement: {\n            marginHorizontal: margin,\n            maxWidth: DIALOG_MAX_WIDTH,\n            width: dialogWidth,\n        },\n    };\n};\n\nexport default function Dialog(props: DialogProps) {\n    const {\n        children,\n        fullScreen = false,\n        onClose,\n        style = {},\n        visible,\n        topElement,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <Modal\n            animationStyle={fullScreen ? styles.animationFullScreen : styles.animation}\n            onClose={onClose}\n            visible={visible}\n            style={styles.root}\n            {...otherProps}\n        >\n            <React.Fragment>\n                <Column style={fullScreen ? undefined : styles.topElement}>\n                    {topElement}\n                </Column>\n\n                <Paper\n                    elevation={24}\n                    square={fullScreen}\n                    style={css([\n                        fullScreen ? styles.paperFullScreen : styles.paper,\n                        style,\n                    ])}\n                >\n                    {children}\n                </Paper>\n            </React.Fragment>\n        </Modal>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAaA,MAAMA,gBAAgB,GAAG,GAAzB;;AAEA,MAAMC,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;EAEA,MAAM;IAAEC;EAAF,IAAY,IAAAC,gCAAA,GAAlB;EAEA,MAAMC,MAAM,GAAGJ,KAAK,CAACK,OAAN,CAAc,CAAd,CAAf;EACA,MAAMC,WAAW,GAAGJ,KAAK,GAAGE,MAAM,GAAG,CAArC;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE,QAFd;MAGFC,MAAM,EAAEV,KAAK,CAACU,MAAN,CAAaC;IAHnB,CADH;IAMHC,KAAK,EAAE;MACHR,MADG;MAEHS,QAAQ,EAAEf,gBAFP;MAGHgB,QAAQ,EAAE,QAHP;MAIHZ,KAAK,EAAEI;IAJJ,CANJ;IAYHS,eAAe,EAAE;MACbC,QAAQ,EAAE;IADG,CAZd;IAeHC,SAAS,EAAE,EAfR;IAgBHC,mBAAmB,EAAE;MACjBhB,KAAK,EAAE,MADU;MAEjBiB,MAAM,EAAE;IAFS,CAhBlB;IAoBHC,UAAU,EAAE;MACRC,gBAAgB,EAAEjB,MADV;MAERS,QAAQ,EAAEf,gBAFF;MAGRI,KAAK,EAAEI;IAHC;EApBT,CAAP;AA0BH,CAlCD;;AAoCe,SAASgB,MAAT,CAAgBC,KAAhB,EAAoC;EAC/C,MAAM;IACFC,QADE;IAEFC,UAAU,GAAG,KAFX;IAGFC,OAHE;IAIFC,KAAK,GAAG,EAJN;IAKFC,OALE;IAMFR,UANE;IAOF,GAAGS;EAPD,IAQFN,KARJ;EAUA,MAAMO,MAAM,GAAG/B,SAAS,EAAxB;EAEA,oBACI,6BAAC,cAAD;IACI,cAAc,EAAE0B,UAAU,GAAGK,MAAM,CAACZ,mBAAV,GAAgCY,MAAM,CAACb,SADrE;IAEI,OAAO,EAAES,OAFb;IAGI,OAAO,EAAEE,OAHb;IAII,KAAK,EAAEE,MAAM,CAACvB;EAJlB,GAKQsB,UALR,gBAOI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,eAAD;IAAQ,KAAK,EAAEJ,UAAU,GAAGM,SAAH,GAAeD,MAAM,CAACV;EAA/C,GACKA,UADL,CADJ,eAKI,6BAAC,cAAD;IACI,SAAS,EAAE,EADf;IAEI,MAAM,EAAEK,UAFZ;IAGI,KAAK,EAAE,IAAAO,WAAA,EAAI,CACPP,UAAU,GAAGK,MAAM,CAACf,eAAV,GAA4Be,MAAM,CAAClB,KADtC,EAEPe,KAFO,CAAJ;EAHX,GAQKH,QARL,CALJ,CAPJ,CADJ;AA0BH;;AAAA"}

package/build/commonjs/Dialog/DialogProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DialogProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ModalProps } from '../Modal';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface DialogProps extends OverridableComponentProps<ModalProps, {\n    /**\n     * Dialog children, usually the included sub-components.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, the dialog is full-screen.\n     * @default false\n     */\n    fullScreen?: boolean;\n\n    /**\n     * Top element for displaying additional information on the dialog.\n     */\n    topElement?: React.ReactNode;\n}> {}\n"],"mappings":""}

package/build/commonjs/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Dialog';\nexport type { default as DialogProps } from './DialogProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Dialog';\nexport type { default as DialogProps } from './DialogProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/DialogActions/DialogActions.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 function DialogActions(props) {
   const {

package/build/commonjs/DialogActions/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogActions.tsx"],"names":["DialogActions","props","children","otherProps","EdgeInsets","all"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;AAC7D,QAAM;AACFC,IAAAA,QADE;AAEF,OAAGC;AAFD,MAGFF,KAHJ;AAKA,sBACI,6BAAC,eAAD;AACI,IAAA,UAAU,EAAE,QADhB;AAEI,IAAA,MAAM,EAAEG,mBAAWC,GAAX,CAAe,CAAf;AAFZ,KAGQF,UAHR,gBAKI,6BAAC,eAAD,QACKD,QADL,CALJ,CADJ;AAWH;;AAAA","sourcesContent":["import React from 'react';\nimport Column from '../Column';\nimport { EdgeInsets } from '../styles';\nimport type DialogActionsProps from './DialogActionsProps';\n\nexport default function DialogActions(props: DialogActionsProps) {\n    const {\n        children,\n        ...otherProps\n    } = props;\n\n    return (\n        <Column\n            alignItems={'center'}\n            insets={EdgeInsets.all(6)}\n            {...otherProps}\n        >\n            <Column>\n                {children}\n            </Column>\n        </Column>\n    );\n};\n"]}
+{"version":3,"names":["DialogActions","props","children","otherProps","EdgeInsets","all"],"sources":["DialogActions.tsx"],"sourcesContent":["import React from 'react';\nimport Column from '../Column';\nimport { EdgeInsets } from '../styles';\nimport type DialogActionsProps from './DialogActionsProps';\n\nexport default function DialogActions(props: DialogActionsProps) {\n    const {\n        children,\n        ...otherProps\n    } = props;\n\n    return (\n        <Column\n            alignItems={'center'}\n            insets={EdgeInsets.all(6)}\n            {...otherProps}\n        >\n            <Column>\n                {children}\n            </Column>\n        </Column>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,oBACI,6BAAC,eAAD;IACI,UAAU,EAAE,QADhB;IAEI,MAAM,EAAEG,kBAAA,CAAWC,GAAX,CAAe,CAAf;EAFZ,GAGQF,UAHR,gBAKI,6BAAC,eAAD,QACKD,QADL,CALJ,CADJ;AAWH;;AAAA"}

package/build/commonjs/DialogActions/DialogActionsProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DialogActionsProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { ColumnProps } from '../Column';\n\nexport default interface DialogActionsProps extends OverridableComponentProps<ColumnProps> {}\n"],"mappings":""}

package/build/commonjs/DialogActions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './DialogActions';\nexport type { default as DialogActionsProps } from './DialogActionsProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DialogActions';\nexport type { default as DialogActionsProps } from './DialogActionsProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/DialogContent/DialogContent.js

@@ -15,7 +15,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 function DialogContent(props) {
   const {

package/build/commonjs/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogContent.tsx"],"names":["DialogContent","props","children","disableTypography","otherProps","EdgeInsets","fromVH"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;AAC7D,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAG,KAFlB;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,6BAAC,eAAD;AACI,IAAA,MAAM,EAAEI,mBAAWC,MAAX,CAAkB,CAAlB,EAAqB,CAArB;AADZ,KAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEA,QADd;AAEI,IAAA,KAAK,EAAE,eAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IAPR,CADJ;AAgBH;;AAAA","sourcesContent":["import React from 'react';\nimport Column from '../Column';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogContentProps from './DialogContentProps';\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Column\n            insets={EdgeInsets.fromVH(2, 6)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textSecondary'}\n                    variant={'body2'}\n                />\n            )}\n        </Column>\n    );\n};\n"]}
+{"version":3,"names":["DialogContent","props","children","disableTypography","otherProps","EdgeInsets","fromVH"],"sources":["DialogContent.tsx"],"sourcesContent":["import React from 'react';\nimport Column from '../Column';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogContentProps from './DialogContentProps';\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Column\n            insets={EdgeInsets.fromVH(2, 6)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textSecondary'}\n                    variant={'body2'}\n                />\n            )}\n        </Column>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,eAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,MAAX,CAAkB,CAAlB,EAAqB,CAArB;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,eAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}

package/build/commonjs/DialogContent/DialogContentProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DialogContentProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { ColumnProps } from '../Column';\n\nexport default interface DialogContentProps extends OverridableComponentProps<ColumnProps, {\n    /**\n     * If `true`, the children won't be wrapped by a typography component.\n     * @default false\n     */\n    disableTypography?: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/DialogContent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './DialogContent';\nexport type { default as DialogContentProps } from './DialogContentProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DialogContent';\nexport type { default as DialogContentProps } from './DialogContentProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/DialogMedia/DialogMedia.js

@@ -11,7 +11,7 @@ var _Image = _interopRequireDefault(require("../Image"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 function DialogMedia(props) {
   const {

package/build/commonjs/DialogMedia/DialogMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogMedia.tsx"],"names":["DialogMedia","props","children","image","otherProps","uri"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,6BAAC,cAAD;AACI,IAAA,cAAc,EAAE,IADpB;AAEI,IAAA,OAAO,EAAE,OAFb;AAGI,IAAA,gBAAgB,EAAEC,QAHtB;AAII,IAAA,MAAM,EAAE;AAAEG,MAAAA,GAAG,EAAEF;AAAP;AAJZ,KAKQC,UALR,EADJ;AASH;;AAAA","sourcesContent":["import React from 'react';\nimport Image from '../Image';\nimport type DialogMediaProps from './DialogMediaProps';\n\nexport default function DialogMedia(props: DialogMediaProps) {\n    const {\n        children,\n        image,\n        ...otherProps\n    } = props;\n\n    return (\n        <Image\n            disableOutline={true}\n            loading={'eager'}\n            overlaidChildren={children}\n            source={{ uri: image }}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["DialogMedia","props","children","image","otherProps","uri"],"sources":["DialogMedia.tsx"],"sourcesContent":["import React from 'react';\nimport Image from '../Image';\nimport type DialogMediaProps from './DialogMediaProps';\n\nexport default function DialogMedia(props: DialogMediaProps) {\n    const {\n        children,\n        image,\n        ...otherProps\n    } = props;\n\n    return (\n        <Image\n            disableOutline={true}\n            loading={'eager'}\n            overlaidChildren={children}\n            source={{ uri: image }}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,cAAD;IACI,cAAc,EAAE,IADpB;IAEI,OAAO,EAAE,OAFb;IAGI,gBAAgB,EAAEC,QAHtB;IAII,MAAM,EAAE;MAAEG,GAAG,EAAEF;IAAP;EAJZ,GAKQC,UALR,EADJ;AASH;;AAAA"}

package/build/commonjs/DialogMedia/DialogMediaProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DialogMediaProps.ts"],"sourcesContent":["import type { ImageProps } from '../Image';\nimport type { OverridableComponentProps } from '../types';\n\ntype BaseProps = Omit<ImageProps, 'source' | 'overlaidChildren'>;\n\nexport default interface DialogMediaProps extends OverridableComponentProps<BaseProps, {\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"],"mappings":""}

package/build/commonjs/DialogMedia/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './DialogMedia';\nexport type { default as DialogMediaProps } from './DialogMediaProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DialogMedia';\nexport type { default as DialogMediaProps } from './DialogMediaProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/DialogTitle/DialogTitle.js

@@ -15,7 +15,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 function DialogTitle(props) {
   const {

package/build/commonjs/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogTitle.tsx"],"names":["DialogTitle","props","children","disableTypography","otherProps","EdgeInsets","fromLTRB"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAG,KAFlB;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,6BAAC,YAAD;AACI,IAAA,MAAM,EAAEI,mBAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;AADZ,KAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEA,QADd;AAEI,IAAA,KAAK,EAAE,aAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IAPR,CADJ;AAgBH;;AAAA","sourcesContent":["import React from 'react';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogTitleProps from './DialogTitleProps';\n\nexport default function DialogTitle(props: DialogTitleProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Row\n            insets={EdgeInsets.fromLTRB(6, 6, 6, 2)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textPrimary'}\n                    variant={'h2'}\n                />\n            )}\n        </Row>\n    );\n};\n"]}
+{"version":3,"names":["DialogTitle","props","children","disableTypography","otherProps","EdgeInsets","fromLTRB"],"sources":["DialogTitle.tsx"],"sourcesContent":["import React from 'react';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogTitleProps from './DialogTitleProps';\n\nexport default function DialogTitle(props: DialogTitleProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Row\n            insets={EdgeInsets.fromLTRB(6, 6, 6, 2)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textPrimary'}\n                    variant={'h2'}\n                />\n            )}\n        </Row>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,YAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}

package/build/commonjs/DialogTitle/DialogTitleProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DialogTitleProps.ts"],"sourcesContent":["import type { TypographyProps } from '../Typography';\nimport type { OverridableComponentProps } from '../types';\nimport type { RowProps } from '../Row';\n\nexport default interface DialogTitleProps extends OverridableComponentProps<RowProps, {\n    /**\n     * The content of the component.\n     */\n    children?: TypographyProps['children'];\n\n    /**\n     * If `true`, the children won't be wrapped by a typography component.\n     * @default false\n     */\n    disableTypography?: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/DialogTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './DialogTitle';\nexport type { default as DialogTitleProps } from './DialogTitleProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DialogTitle';\nexport type { default as DialogTitleProps } from './DialogTitleProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Divider/Divider.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 const styles = _styles.StyleSheet.create({
   container: {
@@ -28,26 +28,24 @@ const styles = _styles.StyleSheet.create({
   },
   divider: {
     flexGrow: 1
-  },
-  borderBottom: {
-    borderBottomWidth: 1
-  },
-  borderRight: {
-    borderRightWidth: 1
   }
 });
 
 function Divider(props) {
   const {
+    borderWidth = 1,
     children: childrenProp,
+    color = 'divider',
+    elementAlign = 'center',
     inset = 0,
-    vertical = false,
+    marginBetweenChildren = 2,
     style,
+    vertical = false,
     ...otherProps
   } = props;
   const theme = (0, _styles.useTheme)();
   const fontColor = theme.palette.text.secondary;
-  const borderColor = theme.palette.divider;
+  const borderColor = color === 'divider' ? theme.palette.divider : theme.palette[color].main;
   const marginSize = theme.spacing(1);
   const insetSize = theme.spacing(inset);
   const marginLeft = marginSize;
@@ -71,19 +69,29 @@ function Divider(props) {
   const borderColorStyle = {
     borderColor
   };
-  const borderWidthStyle = vertical ? styles.borderRight : styles.borderBottom;
+  const borderWidthStyle = vertical ? {
+    borderRightWidth: borderWidth
+  } : {
+    borderBottomWidth: borderWidth
+  };
   const containerStyle = (0, _styles.css)([insetStyle, marginStyle, styles.container, vertical ? styles.column : styles.row, childrenProp ? undefined : borderColorStyle, childrenProp ? undefined : borderWidthStyle, style]);
   const dividerStyle = (0, _styles.css)([borderColorStyle, borderWidthStyle, styles.divider]);
-  const dividerMarginSize = theme.spacing(2);
-  const startDividerStyle = vertical ? {
-    marginBottom: dividerMarginSize
-  } : {
-    marginRight: dividerMarginSize
+  const dividerMarginSize = theme.spacing(marginBetweenChildren);
+  const startDividerStyle = {
+    display: elementAlign !== 'start' ? 'flex' : 'none',
+    ...(vertical ? {
+      marginBottom: dividerMarginSize
+    } : {
+      marginRight: dividerMarginSize
+    })
   };
-  const endDividerStyle = vertical ? {
-    marginTop: dividerMarginSize
-  } : {
-    marginLeft: dividerMarginSize
+  const endDividerStyle = {
+    display: elementAlign !== 'end' ? 'flex' : 'none',
+    ...(vertical ? {
+      marginTop: dividerMarginSize
+    } : {
+      marginLeft: dividerMarginSize
+    })
   };
   const fontStyle = (0, _styles.createFontStyle)(theme, {
     selector: typo => typo.caption2,

package/build/commonjs/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Divider.tsx"],"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","borderBottom","borderBottomWidth","borderRight","borderRightWidth","Divider","props","children","childrenProp","inset","vertical","style","otherProps","theme","fontColor","palette","text","secondary","borderColor","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","containerStyle","undefined","dividerStyle","dividerMarginSize","startDividerStyle","endDividerStyle","fontStyle","selector","typo","caption2","color","element"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    column: {\n        flexDirection: 'column',\n    },\n    divider: {\n        flexGrow: 1,\n    },\n    borderBottom: {\n        borderBottomWidth: 1,\n    },\n    borderRight: {\n        borderRightWidth: 1,\n    },\n});\n\nexport default function Divider(props: DividerProps) {\n    const {\n        children: childrenProp,\n        inset = 0,\n        vertical = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const fontColor = theme.palette.text.secondary;\n    const borderColor = theme.palette.divider;\n    const marginSize = theme.spacing(1);\n    const insetSize = theme.spacing(inset);\n\n    const marginLeft = marginSize;\n    const marginRight = marginSize;\n    const marginTop = marginSize;\n    const marginBottom = marginSize;\n\n    const marginStyle = vertical\n        ? { marginLeft, marginRight }\n        : { marginTop, marginBottom };\n\n    const insetStyle = vertical\n        ? { marginTop: insetSize, marginBottom: insetSize }\n        : { marginLeft: insetSize, marginRight: insetSize };\n\n    const borderColorStyle = { borderColor };\n    const borderWidthStyle = (vertical ? styles.borderRight : styles.borderBottom);\n\n    const containerStyle = css([\n        insetStyle,\n        marginStyle,\n        styles.container,\n        vertical ? styles.column : styles.row,\n        childrenProp ? undefined : borderColorStyle,\n        childrenProp ? undefined : borderWidthStyle,\n        style,\n    ]);\n\n    const dividerStyle = css([\n        borderColorStyle,\n        borderWidthStyle,\n        styles.divider,\n    ]);\n\n    const dividerMarginSize = theme.spacing(2);\n    const startDividerStyle = vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize };\n    const endDividerStyle = vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: fontColor,\n    });\n\n    const element = typeof childrenProp === 'string'\n        ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n        : childrenProp;\n\n    const children = childrenProp ? (\n        <>\n            <View style={css([dividerStyle, startDividerStyle])}/>\n            {element}\n            <View style={css([dividerStyle, endDividerStyle])}/>\n        </>\n    ) : null;\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","Divider","props","borderWidth","children","childrenProp","color","elementAlign","inset","marginBetweenChildren","style","vertical","otherProps","theme","useTheme","fontColor","palette","text","secondary","borderColor","main","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","borderRightWidth","borderBottomWidth","containerStyle","css","undefined","dividerStyle","dividerMarginSize","startDividerStyle","display","endDividerStyle","fontStyle","createFontStyle","selector","typo","caption2","element"],"sources":["Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { ExtendedStyle } from '../types';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    column: {\n        flexDirection: 'column',\n    },\n    divider: {\n        flexGrow: 1,\n    },\n});\n\nexport default function Divider(props: DividerProps) {\n    const {\n        borderWidth = 1,\n        children: childrenProp,\n        color = 'divider',\n        elementAlign = 'center',\n        inset = 0,\n        marginBetweenChildren = 2,\n        style,\n        vertical = false,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const fontColor = theme.palette.text.secondary;\n    const borderColor = color === 'divider'\n        ? theme.palette.divider\n        : theme.palette[color].main;\n    const marginSize = theme.spacing(1);\n    const insetSize = theme.spacing(inset);\n\n    const marginLeft = marginSize;\n    const marginRight = marginSize;\n    const marginTop = marginSize;\n    const marginBottom = marginSize;\n\n    const marginStyle = vertical\n        ? { marginLeft, marginRight }\n        : { marginTop, marginBottom };\n\n    const insetStyle = vertical\n        ? { marginTop: insetSize, marginBottom: insetSize }\n        : { marginLeft: insetSize, marginRight: insetSize };\n\n    const borderColorStyle = { borderColor };\n    const borderWidthStyle = (vertical ? { borderRightWidth: borderWidth } : { borderBottomWidth: borderWidth });\n\n    const containerStyle = css([\n        insetStyle,\n        marginStyle,\n        styles.container,\n        vertical ? styles.column : styles.row,\n        childrenProp ? undefined : borderColorStyle,\n        childrenProp ? undefined : borderWidthStyle,\n        style,\n    ]);\n\n    const dividerStyle = css([\n        borderColorStyle,\n        borderWidthStyle,\n        styles.divider,\n    ]);\n\n    const dividerMarginSize = theme.spacing(marginBetweenChildren);\n    const startDividerStyle: ExtendedStyle = {\n        display: elementAlign !== 'start' ? 'flex' : 'none',\n        ...(vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize }),\n    };\n    const endDividerStyle: ExtendedStyle = {\n        display: elementAlign !== 'end' ? 'flex' : 'none',\n        ...(vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize }),\n    };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: fontColor,\n    });\n\n    const element = typeof childrenProp === 'string'\n        ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n        : childrenProp;\n\n    const children = childrenProp ? (\n        <React.Fragment>\n            <View style={css([dividerStyle, startDividerStyle])}/>\n            {element}\n            <View style={css([dividerStyle, endDividerStyle])}/>\n        </React.Fragment>\n    ) : null;\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Divider/DividerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DividerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type DividerColor = 'divider' | CommonComponentColor;\n\nexport default interface DividerProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the inset. It works as a multiplier factor based on spacing system.\n     * @default 0\n     */\n    inset?: number;\n\n    /**\n     * If `true`, the divider orientation is set to vertical.\n     * @default false\n     */\n    vertical?: boolean;\n\n    /**\n     * The color of divider. It supports default divider color and those theme colors that make sense for this component.\n     * @default 'divider'\n     */\n    color?: DividerColor;\n\n    /**\n     * The size of margin between child element and the divider. It works as a multiplier factor based on spacing system.\n     * @default 2\n     */\n    marginBetweenChildren?: number;\n\n    /**\n     *  The size of border width. It works as an actual pixel-based border width value of a divider.\n     *  @default 1\n     */\n    borderWidth?: number;\n\n    /**\n     *  Set position of children.\n     *  @default center\n     */\n    elementAlign?: 'start' | 'center' | 'end';\n}> {}\n"],"mappings":""}

package/build/commonjs/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Divider';\nexport type { default as DividerProps } from './DividerProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Divider';\nexport type { default as DividerProps } from './DividerProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Fab/Fab.js

@@ -19,7 +19,7 @@ var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 const SMALL = 32;
 const MEDIUM = 48;

package/build/commonjs/Fab/Fab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fab.tsx"],"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","width","fill","elevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","fontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAIA,MAAMA,KAAK,GAAG,EAAd;AACA,MAAMC,MAAM,GAAG,EAAf;AAIA,MAAMC,SAAoB,GAAG;AACzBC,EAAAA,KAAK,EAAE,EADkB;AAEzBC,EAAAA,MAAM,EAAE;AAFiB,CAA7B;;AAKA,MAAMC,MAAM,GAAGC,mBAAWC,MAAX,CAAkB;AAC7BH,EAAAA,MAAM,EAAE;AACJI,IAAAA,YAAY,EAAEP,MAAM,GAAG,GADnB;AAEJQ,IAAAA,MAAM,EAAER;AAFJ,GADqB;AAK7BS,EAAAA,IAAI,EAAE;AACFC,IAAAA,UAAU,EAAE,QADV;AAEFC,IAAAA,cAAc,EAAE;AAFd,GALuB;AAS7BC,EAAAA,GAAG,EAAE;AACDC,IAAAA,aAAa,EAAE;AADd,GATwB;AAY7BC,EAAAA,OAAO,EAAE;AACLD,IAAAA,aAAa,EAAE;AADV,GAZoB;AAe7BX,EAAAA,KAAK,EAAE;AACHK,IAAAA,YAAY,EAAER,KAAK,GAAG,GADnB;AAEHS,IAAAA,MAAM,EAAET;AAFL;AAfsB,CAAlB,CAAf;;AAqBe,SAASgB,GAAT,CAAaC,KAAb,EAA8B;AACzC,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAG,SAFN;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,SAAS,GAAG,CAJV;AAKFC,IAAAA,KALE;AAMFC,IAAAA,aAAa,GAAG,CANd;AAOFC,IAAAA,OAPE;AAQFT,IAAAA,OARE;AASFU,IAAAA,IAAI,GAAG,QATL;AAUFC,IAAAA,KAAK,EAAEC,SAVL;AAWFC,IAAAA,OAAO,GAAG,UAXR;AAYF,OAAGC;AAZD,MAaFZ,KAbJ;AAeA,QAAMa,KAAK,GAAG,uBAAd;AAEA,QAAMC,eAAe,GAAGD,KAAK,CAACE,OAAN,CAAcb,KAAd,EAAqBc,IAA7C;AACA,QAAMC,SAAS,GAAGJ,KAAK,CAACE,OAAN,CAAcb,KAAd,EAAqBgB,iBAAvC;AAEA,QAAMC,IAAI,GAAG,+BAAmBlB,QAAnB,EAA6B;AACtCmB,IAAAA,KAAK,EAAEnC,SAAS,CAACuB,IAAD,CADsB;AAEtChB,IAAAA,MAAM,EAAEP,SAAS,CAACuB,IAAD,CAFqB;AAGtCa,IAAAA,IAAI,EAAEJ;AAHgC,GAA7B,CAAb;AAMA,QAAMK,cAAc,GAAG,8BAAkBlB,SAAlB,CAAvB;AACA,QAAMgB,KAAK,GAAGT,OAAO,KAAK,UAAZ,GAA0BH,IAAI,KAAK,QAAT,GAAoBxB,MAApB,GAA6BD,KAAvD,GAAgEwC,SAA9E;AACA,QAAMC,WAAW,GAAGhB,IAAI,KAAK,QAAT,GAAoBK,KAAK,CAACY,OAAN,CAAc,CAAd,CAApB,GAAuCZ,KAAK,CAACY,OAAN,CAAc,CAAd,CAA3D;AACA,QAAMC,WAAW,GAAGP,IAAI,GAAGK,WAAW,GAAGX,KAAK,CAACY,OAAN,CAAc,CAAd,CAAjB,GAAoCD,WAA5D;AAEA,QAAMG,WAAW,GAAGhB,OAAO,KAAK,UAAZ,GACdY,SADc,GAEdJ,IAAI,GACCrB,OAAO,GAAG0B,WAAH,GAAiBE,WADzB,GAEAF,WAJV;AAMA,QAAMI,YAAY,GAAGjB,OAAO,KAAK,UAAZ,GACfY,SADe,GAEfJ,IAAI,GACCrB,OAAO,GAAG4B,WAAH,GAAiBF,WADzB,GAEAA,WAJV;AAMA,QAAMK,eAAe,GAAG,iBAAI,CACxBzC,MAAM,CAACK,IADiB,EAExBK,OAAO,GAAGV,MAAM,CAACU,OAAV,GAAoBV,MAAM,CAACQ,GAFV,EAGxBY,IAAI,KAAK,QAAT,GAAoBpB,MAAM,CAACD,MAA3B,GAAoCC,MAAM,CAACF,KAHnB,EAIxB;AAAEkC,IAAAA,KAAF;AAASN,IAAAA,eAAT;AAA0Ba,IAAAA,WAA1B;AAAuCC,IAAAA;AAAvC,GAJwB,EAKxBN,cALwB,EAMxBZ,SANwB,CAAJ,CAAxB;AASA,QAAMoB,SAAS,GAAG,6BAAgBjB,KAAhB,EAAuB;AACrCkB,IAAAA,QAAQ,EAAGC,IAAD,IAAUxB,IAAI,KAAK,OAAT,GAAmBwB,IAAI,CAACC,OAAxB,GAAkCD,IAAI,CAACE,OADtB;AAErChC,IAAAA,KAAK,EAAEe;AAF8B,GAAvB,CAAlB;AAKA,QAAMkB,cAAc,GAAG3B,IAAI,KAAK,OAAT,GAAmBK,KAAK,CAACY,OAAN,CAAc,CAAd,CAAnB,GAAsCZ,KAAK,CAACY,OAAN,CAAc,CAAd,CAA7D;AACA,QAAMW,eAAe,GAAGjB,IAAI,GACrBrB,OAAO,GAAG;AAAEuC,IAAAA,WAAW,EAAEF;AAAf,GAAH,GAAqC;AAAEG,IAAAA,UAAU,EAAEH;AAAd,GADvB,GAEtBZ,SAFN;AAIA,QAAMgB,SAAS,GAAG,iBAAI,CAClBT,SADkB,EAElBM,eAFkB,CAAJ,CAAlB;;AAKA,QAAMI,WAAW,GAAG,YAAY;AAC5B,QAAIrC,QAAJ,EAAc;AACV;AACH;;AACD,QAAII,OAAJ,EAAa;AACTA,MAAAA,OAAO;AACP;AACH;AACJ,GARD;;AAUA,sBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEJ,QADd;AAEI,IAAA,OAAO,EAAEqC,WAFb;AAGI,IAAA,KAAK,EAAEX;AAHX,KAIQjB,UAJR,GAMKO,IANL,EAQKR,OAAO,KAAK,UAAZ,IAA0BN,KAA1B,gBACG,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEA,KADd;AAEI,IAAA,aAAa,EAAEC,aAFnB;AAGI,IAAA,KAAK,EAAEiC;AAHX,IADH,GAMG,IAdR,CADJ;AAkBH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    medium: {\n        borderRadius: MEDIUM * 0.5,\n        height: MEDIUM,\n    },\n    root: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    reverse: {\n        flexDirection: 'row-reverse',\n    },\n    small: {\n        borderRadius: SMALL * 0.5,\n        height: SMALL,\n    },\n});\n\nexport default function Fab(props: FabProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        elevation = 2,\n        label,\n        numberOfLines = 1,\n        onPress,\n        reverse,\n        size = 'medium',\n        style: styleProp,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette[color].main;\n    const fontColor = theme.palette[color].contrastTextColor;\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    });\n\n    const elevationStyle = useElevationStyle(elevation);\n    const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n    const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n    const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const paddingLeft = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? paddingSize : iconPadding)\n            : paddingSize;\n\n    const paddingRight = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? iconPadding : paddingSize)\n            : paddingSize;\n\n    const buttonBaseStyle = css([\n        styles.root,\n        reverse ? styles.reverse : styles.row,\n        size === 'medium' ? styles.medium : styles.small,\n        { width, backgroundColor, paddingLeft, paddingRight },\n        elevationStyle,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = icon\n        ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n        : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {variant === 'extended' && label ? (\n                <Text\n                    children={label}\n                    numberOfLines={numberOfLines}\n                    style={textStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","useTheme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","cloneElementSafely","width","fill","elevationStyle","useElevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","css","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"sources":["Fab.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    medium: {\n        borderRadius: MEDIUM * 0.5,\n        height: MEDIUM,\n    },\n    root: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    reverse: {\n        flexDirection: 'row-reverse',\n    },\n    small: {\n        borderRadius: SMALL * 0.5,\n        height: SMALL,\n    },\n});\n\nexport default function Fab(props: FabProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        elevation = 2,\n        label,\n        numberOfLines = 1,\n        onPress,\n        reverse,\n        size = 'medium',\n        style: styleProp,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette[color].main;\n    const fontColor = theme.palette[color].contrastTextColor;\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    });\n\n    const elevationStyle = useElevationStyle(elevation);\n    const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n    const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n    const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const paddingLeft = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? paddingSize : iconPadding)\n            : paddingSize;\n\n    const paddingRight = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? iconPadding : paddingSize)\n            : paddingSize;\n\n    const buttonBaseStyle = css([\n        styles.root,\n        reverse ? styles.reverse : styles.row,\n        size === 'medium' ? styles.medium : styles.small,\n        { width, backgroundColor, paddingLeft, paddingRight },\n        elevationStyle,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = icon\n        ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n        : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {variant === 'extended' && label ? (\n                <Text\n                    children={label}\n                    numberOfLines={numberOfLines}\n                    style={textStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Fab/FabProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\nimport type { Elevation } from '@fountain-ui/styles';\n\nexport type FabColor = CommonComponentColor | 'surface';\n\nexport type FabSize = 'small' | 'medium';\n\nexport type FabVariant = 'circular' | 'extended';\n\nexport default interface FabProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children?: 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?: FabColor;\n\n    /**\n     * Shadow depth, corresponds to `dp` in the spec.\n     * It accepts values between 0 and 24 inclusive.\n     * @default 2\n     */\n    elevation?: Elevation;\n\n    /**\n     *  If present, this is typography displayed.\n     */\n    label?: string;\n\n    /**\n     * The numberOfLines of Fab.\n     * @default 1\n     */\n    numberOfLines?: number;\n\n    /**\n     If true, contents is reversed.\n     */\n    reverse?: boolean;\n\n    /**\n     * The size of Fab.\n     * @default 'medium'\n     */\n    size?: FabSize;\n\n    /**\n     * The variant to use.\n     * @default 'circular'\n     */\n    variant?: FabVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/Fab/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Fab';\nexport type { default as FabProps } from './FabProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Fab';\nexport type { default as FabProps } from './FabProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Flexbox/Flexbox.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
 const styles = _styles.StyleSheet.create({
   row: {