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

package/build/module/Dialog/Dialog.js

@@ -1,10 +1,13 @@
-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 { useWindowDimensions } from 'react-native';
+import { css } from '@fountain-ui/styles';
+import Column from '../Column';
 import Modal from '../Modal';
 import Paper from '../Paper';
 import { useTheme } from '../styles';
+const DIALOG_MAX_WIDTH = 328;
 
 const useStyles = function () {
   const theme = useTheme();
@@ -12,6 +15,7 @@ const useStyles = function () {
     width
   } = useWindowDimensions();
   const margin = theme.spacing(4);
+  const dialogWidth = width - margin * 2;
   return {
     root: {
       alignItems: 'center',
@@ -20,9 +24,9 @@ const useStyles = function () {
     },
     paper: {
       margin,
-      maxWidth: 328,
+      maxWidth: DIALOG_MAX_WIDTH,
       overflow: 'hidden',
-      width: width - margin * 2
+      width: dialogWidth
     },
     paperFullScreen: {
       flexGrow: 1
@@ -31,6 +35,11 @@ const useStyles = function () {
     animationFullScreen: {
       width: '100%',
       height: '100%'
+    },
+    topElement: {
+      marginHorizontal: margin,
+      maxWidth: DIALOG_MAX_WIDTH,
+      width: dialogWidth
     }
   };
 };
@@ -40,7 +49,9 @@ export default function Dialog(props) {
     children,
     fullScreen = false,
     onClose,
+    style = {},
     visible,
+    topElement,
     ...otherProps
   } = props;
   const styles = useStyles();
@@ -49,11 +60,13 @@ export default function Dialog(props) {
     onClose: onClose,
     visible: visible,
     style: styles.root
-  }, otherProps), /*#__PURE__*/React.createElement(Paper, {
+  }, otherProps), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Column, {
+    style: fullScreen ? undefined : styles.topElement
+  }, topElement), /*#__PURE__*/React.createElement(Paper, {
     elevation: 24,
     square: fullScreen,
-    style: fullScreen ? styles.paperFullScreen : styles.paper
-  }, children));
+    style: css([fullScreen ? styles.paperFullScreen : styles.paper, style])
+  }, children)));
 }
 ;
 //# sourceMappingURL=Dialog.js.map

package/build/module/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Dialog.tsx"],"names":["React","useWindowDimensions","Modal","Paper","useTheme","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,cAApC;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,QAAT,QAAyB,WAAzB;;AAYA,MAAMC,SAAkC,GAAG,YAA0B;AACjE,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,QAAM;AAAEG,IAAAA;AAAF,MAAYN,mBAAmB,EAArC;AAEA,QAAMO,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;;AA8BA,eAAe,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,oBAAC,KAAD;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,oBAAC,KAAD;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":["React","useWindowDimensions","css","Column","Modal","Paper","useTheme","DIALOG_MAX_WIDTH","useStyles","theme","width","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"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,cAApC;AACA,SAASC,GAAT,QAAuD,qBAAvD;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,QAAT,QAAyB,WAAzB;AAaA,MAAMC,gBAAgB,GAAG,GAAzB;;AAEA,MAAMC,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAM;IAAEI;EAAF,IAAYT,mBAAmB,EAArC;EAEA,MAAMU,MAAM,GAAGF,KAAK,CAACG,OAAN,CAAc,CAAd,CAAf;EACA,MAAMC,WAAW,GAAGH,KAAK,GAAGC,MAAM,GAAG,CAArC;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE,QAFd;MAGFC,MAAM,EAAER,KAAK,CAACQ,MAAN,CAAaC;IAHnB,CADH;IAMHC,KAAK,EAAE;MACHR,MADG;MAEHS,QAAQ,EAAEb,gBAFP;MAGHc,QAAQ,EAAE,QAHP;MAIHX,KAAK,EAAEG;IAJJ,CANJ;IAYHS,eAAe,EAAE;MACbC,QAAQ,EAAE;IADG,CAZd;IAeHC,SAAS,EAAE,EAfR;IAgBHC,mBAAmB,EAAE;MACjBf,KAAK,EAAE,MADU;MAEjBgB,MAAM,EAAE;IAFS,CAhBlB;IAoBHC,UAAU,EAAE;MACRC,gBAAgB,EAAEjB,MADV;MAERS,QAAQ,EAAEb,gBAFF;MAGRG,KAAK,EAAEG;IAHC;EApBT,CAAP;AA0BH,CAlCD;;AAoCA,eAAe,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,GAAG7B,SAAS,EAAxB;EAEA,oBACI,oBAAC,KAAD;IACI,cAAc,EAAEwB,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,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,KAAK,EAAEJ,UAAU,GAAGM,SAAH,GAAeD,MAAM,CAACV;EAA/C,GACKA,UADL,CADJ,eAKI,oBAAC,KAAD;IACI,SAAS,EAAE,EADf;IAEI,MAAM,EAAEK,UAFZ;IAGI,KAAK,EAAE9B,GAAG,CAAC,CACP8B,UAAU,GAAGK,MAAM,CAACf,eAAV,GAA4Be,MAAM,CAAClB,KADtC,EAEPe,KAFO,CAAD;EAHd,GAQKH,QARL,CALJ,CAPJ,CADJ;AA0BH;AAAA"}

package/build/module/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/module/Dialog/index.js.map

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

package/build/module/DialogActions/DialogActions.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 Column from '../Column';

package/build/module/DialogActions/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogActions.tsx"],"names":["React","Column","EdgeInsets","DialogActions","props","children","otherProps","all"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAC7D,QAAM;AACFC,IAAAA,QADE;AAEF,OAAGC;AAFD,MAGFF,KAHJ;AAKA,sBACI,oBAAC,MAAD;AACI,IAAA,UAAU,EAAE,QADhB;AAEI,IAAA,MAAM,EAAEF,UAAU,CAACK,GAAX,CAAe,CAAf;AAFZ,KAGQD,UAHR,gBAKI,oBAAC,MAAD,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":["React","Column","EdgeInsets","DialogActions","props","children","otherProps","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,oBACI,oBAAC,MAAD;IACI,UAAU,EAAE,QADhB;IAEI,MAAM,EAAEF,UAAU,CAACK,GAAX,CAAe,CAAf;EAFZ,GAGQD,UAHR,gBAKI,oBAAC,MAAD,QACKD,QADL,CALJ,CADJ;AAWH;AAAA"}

package/build/module/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/module/DialogActions/index.js.map

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

package/build/module/DialogContent/DialogContent.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 Column from '../Column';

package/build/module/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogContent.tsx"],"names":["React","Column","Typography","EdgeInsets","DialogContent","props","children","disableTypography","otherProps","fromVH"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAC7D,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAG,KAFlB;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,oBAAC,MAAD;AACI,IAAA,MAAM,EAAEF,UAAU,CAACM,MAAX,CAAkB,CAAlB,EAAqB,CAArB;AADZ,KAEQD,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,oBAAC,UAAD;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":["React","Column","Typography","EdgeInsets","DialogContent","props","children","disableTypography","otherProps","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,MAAD;IACI,MAAM,EAAEF,UAAU,CAACM,MAAX,CAAkB,CAAlB,EAAqB,CAArB;EADZ,GAEQD,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,oBAAC,UAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,eAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;AAAA"}

package/build/module/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/module/DialogContent/index.js.map

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

package/build/module/DialogMedia/DialogMedia.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 Image from '../Image';

package/build/module/DialogMedia/DialogMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogMedia.tsx"],"names":["React","Image","DialogMedia","props","children","image","otherProps","uri"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAGA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,oBAAC,KAAD;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":["React","Image","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAGA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,KAAD;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/module/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/module/DialogMedia/index.js.map

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

package/build/module/DialogTitle/DialogTitle.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 Row from '../Row';

package/build/module/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DialogTitle.tsx"],"names":["React","Row","Typography","EdgeInsets","DialogTitle","props","children","disableTypography","otherProps","fromLTRB"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAG,KAFlB;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,oBAAC,GAAD;AACI,IAAA,MAAM,EAAEF,UAAU,CAACM,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;AADZ,KAEQD,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,oBAAC,UAAD;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":["React","Row","Typography","EdgeInsets","DialogTitle","props","children","disableTypography","otherProps","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,GAAD;IACI,MAAM,EAAEF,UAAU,CAACM,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;EADZ,GAEQD,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,oBAAC,UAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;AAAA"}

package/build/module/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/module/DialogTitle/index.js.map

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

package/build/module/Divider/Divider.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 { Text, View } from 'react-native';

package/build/module/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Divider.tsx"],"names":["React","Text","View","createFontStyle","css","StyleSheet","useTheme","styles","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":["React","Text","View","createFontStyle","css","StyleSheet","useTheme","styles","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"],"sources":["Divider.tsx"],"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"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,UAA/B,EAA2CC,QAA3C,QAA2D,WAA3D;AAGA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC7BC,SAAS,EAAE;IACPC,SAAS,EAAE,SADJ;IAEPC,UAAU,EAAE;EAFL,CADkB;EAK7BC,GAAG,EAAE;IACDC,aAAa,EAAE;EADd,CALwB;EAQ7BC,MAAM,EAAE;IACJD,aAAa,EAAE;EADX,CARqB;EAW7BE,OAAO,EAAE;IACLC,QAAQ,EAAE;EADL,CAXoB;EAc7BC,YAAY,EAAE;IACVC,iBAAiB,EAAE;EADT,CAde;EAiB7BC,WAAW,EAAE;IACTC,gBAAgB,EAAE;EADT;AAjBgB,CAAlB,CAAf;AAsBA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,QAAQ,EAAEC,YADR;IAEFC,KAAK,GAAG,CAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKF,GAAGC;EALD,IAMFN,KANJ;EAQA,MAAMO,KAAK,GAAGvB,QAAQ,EAAtB;EAEA,MAAMwB,SAAS,GAAGD,KAAK,CAACE,OAAN,CAAcC,IAAd,CAAmBC,SAArC;EACA,MAAMC,WAAW,GAAGL,KAAK,CAACE,OAAN,CAAchB,OAAlC;EACA,MAAMoB,UAAU,GAAGN,KAAK,CAACO,OAAN,CAAc,CAAd,CAAnB;EACA,MAAMC,SAAS,GAAGR,KAAK,CAACO,OAAN,CAAcX,KAAd,CAAlB;EAEA,MAAMa,UAAU,GAAGH,UAAnB;EACA,MAAMI,WAAW,GAAGJ,UAApB;EACA,MAAMK,SAAS,GAAGL,UAAlB;EACA,MAAMM,YAAY,GAAGN,UAArB;EAEA,MAAMO,WAAW,GAAGhB,QAAQ,GACtB;IAAEY,UAAF;IAAcC;EAAd,CADsB,GAEtB;IAAEC,SAAF;IAAaC;EAAb,CAFN;EAIA,MAAME,UAAU,GAAGjB,QAAQ,GACrB;IAAEc,SAAS,EAAEH,SAAb;IAAwBI,YAAY,EAAEJ;EAAtC,CADqB,GAErB;IAAEC,UAAU,EAAED,SAAd;IAAyBE,WAAW,EAAEF;EAAtC,CAFN;EAIA,MAAMO,gBAAgB,GAAG;IAAEV;EAAF,CAAzB;EACA,MAAMW,gBAAgB,GAAInB,QAAQ,GAAGnB,MAAM,CAACY,WAAV,GAAwBZ,MAAM,CAACU,YAAjE;EAEA,MAAM6B,cAAc,GAAG1C,GAAG,CAAC,CACvBuC,UADuB,EAEvBD,WAFuB,EAGvBnC,MAAM,CAACE,SAHgB,EAIvBiB,QAAQ,GAAGnB,MAAM,CAACO,MAAV,GAAmBP,MAAM,CAACK,GAJX,EAKvBY,YAAY,GAAGuB,SAAH,GAAeH,gBALJ,EAMvBpB,YAAY,GAAGuB,SAAH,GAAeF,gBANJ,EAOvBlB,KAPuB,CAAD,CAA1B;EAUA,MAAMqB,YAAY,GAAG5C,GAAG,CAAC,CACrBwC,gBADqB,EAErBC,gBAFqB,EAGrBtC,MAAM,CAACQ,OAHc,CAAD,CAAxB;EAMA,MAAMkC,iBAAiB,GAAGpB,KAAK,CAACO,OAAN,CAAc,CAAd,CAA1B;EACA,MAAMc,iBAAiB,GAAGxB,QAAQ,GAAG;IAAEe,YAAY,EAAEQ;EAAhB,CAAH,GAAyC;IAAEV,WAAW,EAAEU;EAAf,CAA3E;EACA,MAAME,eAAe,GAAGzB,QAAQ,GAAG;IAAEc,SAAS,EAAES;EAAb,CAAH,GAAsC;IAAEX,UAAU,EAAEW;EAAd,CAAtE;EAEA,MAAMG,SAAS,GAAGjD,eAAe,CAAC0B,KAAD,EAAQ;IACrCwB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErCC,KAAK,EAAE1B;EAF8B,CAAR,CAAjC;EAKA,MAAM2B,OAAO,GAAG,OAAOjC,YAAP,KAAwB,QAAxB,gBACV,oBAAC,IAAD;IAAM,KAAK,EAAEpB,GAAG,CAACgD,SAAD;EAAhB,GAA8B5B,YAA9B,CADU,GAEVA,YAFN;EAIA,MAAMD,QAAQ,GAAGC,YAAY,gBACzB,uDACI,oBAAC,IAAD;IAAM,KAAK,EAAEpB,GAAG,CAAC,CAAC4C,YAAD,EAAeE,iBAAf,CAAD;EAAhB,EADJ,EAEKO,OAFL,eAGI,oBAAC,IAAD;IAAM,KAAK,EAAErD,GAAG,CAAC,CAAC4C,YAAD,EAAeG,eAAf,CAAD;EAAhB,EAHJ,CADyB,GAMzB,IANJ;EAQA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEL;EADX,GAEQlB,UAFR,GAIKL,QAJL,CADJ;AAQH;AAAA"}

package/build/module/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 { OverridableComponentProps } from '../types';\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"],"mappings":""}

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

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

package/build/module/Fab/Fab.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 { Text } from 'react-native';

package/build/module/Fab/Fab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fab.tsx"],"names":["React","Text","ButtonBase","useElevationStyle","createFontStyle","css","StyleSheet","useTheme","cloneElementSafely","SMALL","MEDIUM","iconSizes","small","medium","styles","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":"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","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":["React","Text","ButtonBase","useElevationStyle","createFontStyle","css","StyleSheet","useTheme","cloneElementSafely","SMALL","MEDIUM","iconSizes","small","medium","styles","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"],"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/module/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/module/Fab/index.js.map

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

package/build/module/Flexbox/Flexbox.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/Flexbox/Flexbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Flexbox.tsx"],"names":["React","View","css","StyleSheet","useTheme","styles","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;AAGA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;AAC7BC,EAAAA,GAAG,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB,GADwB;AAE7BC,EAAAA,MAAM,EAAE;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFqB;AAG7BE,EAAAA,UAAU,EAAE;AAAEF,IAAAA,aAAa,EAAE;AAAjB,GAHiB;AAI7BG,EAAAA,aAAa,EAAE;AAAEH,IAAAA,aAAa,EAAE;AAAjB;AAJc,CAAlB,CAAf;AAOA,eAAe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;AAC/D,QAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACE,GAA7B,GAAmCF,MAAM,CAACI,MAAnE;AACA,QAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACK,UAA7B,GAA0CL,MAAM,CAACM,aAA1E;;AAEA,WAASK,OAAT,CAAiBC,KAAjB,EAAsC;AAClC,UAAMC,KAAK,GAAGd,QAAQ,EAAtB;AAEA,UAAMe,OAAO,GAAGD,KAAK,CAACC,OAAtB;AAEA,UAAM;AACFC,MAAAA,YADE;AAEFC,MAAAA,UAFE;AAGFC,MAAAA,SAHE;AAIFC,MAAAA,SAJE;AAKFC,MAAAA,QALE;AAMFC,MAAAA,UANE;AAOFC,MAAAA,QAPE;AAQFC,MAAAA,QARE;AASFC,MAAAA,MATE;AAUFC,MAAAA,cAVE;AAWFC,MAAAA,QAXE;AAYFC,MAAAA,QAZE;AAaFC,MAAAA,KAbE;AAcF,SAAGC;AAdD,QAeFhB,KAfJ;AAiBA,UAAMJ,SAAS,GAAGkB,QAAQ,GAAGhB,gBAAH,GAAsBD,gBAAhD;AAEA,UAAMoB,UAAU,GAAG;AACfd,MAAAA,YADe;AAEfC,MAAAA,UAFe;AAGfC,MAAAA,SAHe;AAIfC,MAAAA,SAJe;AAKfC,MAAAA,QALe;AAMfC,MAAAA,UANe;AAOfC,MAAAA,QAPe;AAQfG,MAAAA,cARe;AASfC,MAAAA;AATe,KAAnB;AAYA,UAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;AACEC,MAAAA,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;AAEEC,MAAAA,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;AAGEC,MAAAA,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;AAIEC,MAAAA,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;AAJxB,KADU,GAOVR,SAPN;AASA,wBACI,oBAAC,IAAD;AACI,MAAA,QAAQ,EAAET,QADd;AAEI,MAAA,KAAK,EAAEzB,GAAG,CAAC,CACPW,SADO,EAEPqB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAD;AAFd,OAQQC,UARR,EADJ;AAYH;;AAEDjB,EAAAA,OAAO,CAAC6B,WAAR,GAAsBhC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;AAEA,SAAOG,OAAP;AACH","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"]}
+{"version":3,"names":["React","View","css","StyleSheet","useTheme","styles","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"sources":["Flexbox.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;AAGA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC7BC,GAAG,EAAE;IAAEC,aAAa,EAAE;EAAjB,CADwB;EAE7BC,MAAM,EAAE;IAAED,aAAa,EAAE;EAAjB,CAFqB;EAG7BE,UAAU,EAAE;IAAEF,aAAa,EAAE;EAAjB,CAHiB;EAI7BG,aAAa,EAAE;IAAEH,aAAa,EAAE;EAAjB;AAJc,CAAlB,CAAf;AAOA,eAAe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;EAC/D,MAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACE,GAA7B,GAAmCF,MAAM,CAACI,MAAnE;EACA,MAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACK,UAA7B,GAA0CL,MAAM,CAACM,aAA1E;;EAEA,SAASK,OAAT,CAAiBC,KAAjB,EAAsC;IAClC,MAAMC,KAAK,GAAGd,QAAQ,EAAtB;IAEA,MAAMe,OAAO,GAAGD,KAAK,CAACC,OAAtB;IAEA,MAAM;MACFC,YADE;MAEFC,UAFE;MAGFC,SAHE;MAIFC,SAJE;MAKFC,QALE;MAMFC,UANE;MAOFC,QAPE;MAQFC,QARE;MASFC,MATE;MAUFC,cAVE;MAWFC,QAXE;MAYFC,QAZE;MAaFC,KAbE;MAcF,GAAGC;IAdD,IAeFhB,KAfJ;IAiBA,MAAMJ,SAAS,GAAGkB,QAAQ,GAAGhB,gBAAH,GAAsBD,gBAAhD;IAEA,MAAMoB,UAAU,GAAG;MACfd,YADe;MAEfC,UAFe;MAGfC,SAHe;MAIfC,SAJe;MAKfC,QALe;MAMfC,UANe;MAOfC,QAPe;MAQfG,cARe;MASfC;IATe,CAAnB;IAYA,MAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;MACEC,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;MAEEC,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;MAGEC,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;MAIEC,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;IAJxB,CADU,GAOVR,SAPN;IASA,oBACI,oBAAC,IAAD;MACI,QAAQ,EAAET,QADd;MAEI,KAAK,EAAEzB,GAAG,CAAC,CACPW,SADO,EAEPqB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAD;IAFd,GAQQC,UARR,EADJ;EAYH;;EAEDjB,OAAO,CAAC6B,WAAR,GAAsBhC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;EAEA,OAAOG,OAAP;AACH"}

package/build/module/Flexbox/FlexboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FlexboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { EdgeInsetsType } from '../styles';\n\nexport default interface FlexboxProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Controls how rows align in the cross direction.\n     * @default 'stretch'\n     */\n    alignContent?: FlexStyle['alignContent'];\n\n    /**\n     * Aligns children in the cross direction.\n     * @default 'stretch'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * Controls how a child aligns in the cross direction,\n     * overriding the `alignItems` of the parent.\n     * @default 'auto'\n     */\n    alignSelf?: FlexStyle['alignSelf'];\n\n    /**\n     * Providing the default size of an item along the main axis.\n     */\n    flexBasis?: FlexStyle['flexBasis'];\n\n    /**\n     * Describes how any space within a container should be distributed\n     * among its children along the main axis.\n     */\n    flexGrow?: FlexStyle['flexGrow'];\n\n    /**\n     * Describes how to shrink children along the main axis in the case\n     * in which the total size of the children overflows the size of the\n     * container on the main axis.\n     */\n    flexShrink?: FlexStyle['flexShrink'];\n\n    /**\n     * Controls whether children can wrap around after they hit\n     * the end of a flex container.\n     * @default 'nowrap'\n     */\n    flexWrap?: FlexStyle['flexWrap'];\n\n    /**\n     * Content of this component.\n     */\n    children: React.ReactNode;\n\n    /**\n     * The amount of space by which to inset the child.\n     */\n    insets?: EdgeInsetsType;\n\n    /**\n     * Aligns children in the main direction.\n     * @default 'flex-start'\n     */\n    justifyContent?: FlexStyle['justifyContent'];\n\n    /**\n     * Controls how children are measured and displayed.\n     * @default 'visible'\n     */\n    overflow?: FlexStyle['overflow'];\n\n    /**\n     * Reverse flex direction.\n     * @default false\n     */\n    reversed?: boolean;\n}> {}\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default","createFlexbox"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,WAAzC","sourcesContent":["export { default as createFlexbox } from './Flexbox';\nexport type { default as FlexboxProps } from './FlexboxProps';"]}
+{"version":3,"names":["default","createFlexbox"],"sources":["index.ts"],"sourcesContent":["export { default as createFlexbox } from './Flexbox';\nexport type { default as FlexboxProps } from './FlexboxProps';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,WAAzC"}

package/build/module/IconButton/IconButton.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 { Text } from 'react-native';

package/build/module/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IconButton.tsx"],"names":["React","Text","ButtonBase","createFontStyle","css","useTheme","cloneElementSafely","iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAQA,MAAMC,SAAoB,GAAG;AACzBC,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,KAAK,EAAE,EAFkB;AAGzBC,EAAAA,MAAM,EAAE,EAHiB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;AACzE,QAAMC,KAAK,GAAGR,QAAQ,EAAtB;AAEA,SAAO;AACHS,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,cAAc,EAAE,QAFd;AAGFC,MAAAA,UAAU,EAAE,QAHV;AAIFC,MAAAA,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;AAJP;AADH,GAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAG,SAFN;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,OALE;AAMFC,IAAAA,IAAI,GAAG,QANL;AAOFC,IAAAA,KAPE;AAQF,OAAGC;AARD,MASFR,KATJ;AAWA,QAAMR,KAAK,GAAGR,QAAQ,EAAtB;AACA,QAAMyB,MAAM,GAAGlB,SAAS,EAAxB;AAEA,QAAMmB,IAAI,GAAGzB,kBAAkB,CAACgB,QAAD,EAAW;AACtCU,IAAAA,KAAK,EAAEzB,SAAS,CAACoB,IAAD,CADsB;AAEtCM,IAAAA,MAAM,EAAE1B,SAAS,CAACoB,IAAD,CAFqB;AAGtCJ,IAAAA,KAAK,EAAEA;AAH+B,GAAX,CAA/B;AAMA,QAAMW,SAAS,GAAG/B,eAAe,CAACU,KAAD,EAAQ;AACrCsB,IAAAA,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;AAErCd,IAAAA,KAAK,EAAEV,KAAK,CAACyB,OAAN,CAAcf,KAAd,EAAqBgB;AAFS,GAAR,CAAjC;AAKA,QAAMC,UAAU,GAAGpC,GAAG,CAAC,CACnB8B,SADmB,CAAD,CAAtB;AAIA,QAAMO,SAAS,GAAGrC,GAAG,CAAC,CAClB0B,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAD,CAArB;;AAKA,QAAMc,WAAW,GAAG,YAAY;AAC5B,QAAIlB,QAAJ,EAAc;AACV;AACH;;AACD,QAAIE,OAAJ,EAAa;AACTA,MAAAA,OAAO;AACP;AACH;AACJ,GARD;;AAUA,sBACI,oBAAC,UAAD;AACI,IAAA,QAAQ,EAAEF,QADd;AAEI,IAAA,OAAO,EAAEkB,WAFb;AAGI,IAAA,KAAK,EAAED;AAHX,KAIQZ,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,oBAAC,IAAD;AACI,IAAA,QAAQ,EAAEA,KADd;AAEI,IAAA,KAAK,EAAEe;AAFX,IADE,GAKF,IAbR,CADJ;AAiBH;AAAA","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\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={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["React","Text","ButtonBase","createFontStyle","css","useTheme","cloneElementSafely","iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"sources":["IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\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={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAQA,MAAMC,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAGR,QAAQ,EAAtB;EAEA,OAAO;IACHS,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFR,KATJ;EAWA,MAAMR,KAAK,GAAGR,QAAQ,EAAtB;EACA,MAAMyB,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,IAAI,GAAGzB,kBAAkB,CAACgB,QAAD,EAAW;IACtCU,KAAK,EAAEzB,SAAS,CAACoB,IAAD,CADsB;IAEtCM,MAAM,EAAE1B,SAAS,CAACoB,IAAD,CAFqB;IAGtCJ,KAAK,EAAEA;EAH+B,CAAX,CAA/B;EAMA,MAAMW,SAAS,GAAG/B,eAAe,CAACU,KAAD,EAAQ;IACrCsB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErCd,KAAK,EAAEV,KAAK,CAACyB,OAAN,CAAcf,KAAd,EAAqBgB;EAFS,CAAR,CAAjC;EAKA,MAAMC,UAAU,GAAGpC,GAAG,CAAC,CACnB8B,SADmB,CAAD,CAAtB;EAIA,MAAMO,SAAS,GAAGrC,GAAG,CAAC,CAClB0B,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAD,CAArB;;EAKA,MAAMc,WAAW,GAAG,YAAY;IAC5B,IAAIlB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEkB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQZ,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,oBAAC,IAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEe;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;AAAA"}

package/build/module/IconButton/IconButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["IconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The icon element.\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?: IconButtonColor;\n\n    /**\n     *  If present, this is typography displayed at the bottom of the icon.\n     */\n    label?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: IconButtonSize;\n}> {}\n"],"mappings":""}

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

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

package/build/module/Image/Image.js

@@ -1,6 +1,6 @@
-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 React, { useState } from 'react';
 import { Text, View } from 'react-native';
 import ImageCore from '../ImageCore';
 import { css, StyleSheet, useTheme } from '../styles';
@@ -20,48 +20,90 @@ const useStyles = function () {
       borderWidth: StyleSheet.hairlineWidth,
       borderStyle: 'solid',
       borderColor: theme.palette.paper.grey
+    },
+    error: {
+      alignItems: 'center',
+      height: '100%',
+      justifyContent: 'center',
+      width: '100%'
+    },
+    errorText: {
+      color: theme.palette.text.primary,
+      fontFamily: 'Inter-Medium',
+      fontSize: 12,
+      letterSpacing: 0,
+      lineHeight: 18,
+      textAlign: 'center'
     }
   };
 };
 
+function determinePlaceholderMode(props) {
+  if (props.disablePlaceholder) {
+    return 'none';
+  }
+
+  return props.placeholder ? 'custom' : 'default';
+}
+
 export default function Image(props) {
   const {
     alt,
+    cache = 'immutable',
+    disableDrag,
+    disableLongClick,
     disableOutline,
     disablePlaceholder,
+    error,
     loading = 'lazy',
+    onError: onErrorProp,
+    onLoad: onLoadProp,
     overlaidChildren,
+    placeholder,
     resizeMode = 'cover',
     source,
     style,
     square = false,
-    onLoad,
-    onError,
     ...otherProps
   } = props;
-  const [failed, setFailed] = React.useState(false);
+  const [failed, setFailed] = useState(false);
   const styles = useStyles();
 
-  const handleError = () => {
-    if (onError) {
-      onError();
-    }
+  const onLoad = () => {
+    setFailed(false);
+    onLoadProp === null || onLoadProp === void 0 ? void 0 : onLoadProp();
+  };
 
+  const onError = () => {
     setFailed(true);
+    onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
+  const placeholderMode = determinePlaceholderMode(props);
   return /*#__PURE__*/React.createElement(View, _extends({
-    style: css([styles.root, !disableOutline ? styles.outlined : undefined, !disablePlaceholder ? styles.placeholder : undefined, !square ? styles.rounded : undefined, style])
-  }, otherProps), failed ? /*#__PURE__*/React.createElement(Text, null, alt) : /*#__PURE__*/React.createElement(ImageCore, {
-    alt: alt,
+    style: css([styles.root, !disableOutline ? styles.outlined : undefined, !square ? styles.rounded : undefined, placeholderMode === 'default' ? styles.placeholder : undefined, style])
+  }, otherProps), placeholderMode === 'custom' ? /*#__PURE__*/React.createElement(View, {
+    style: css([StyleSheet.absoluteFill, {
+      zIndex: -1
+    }])
+  }, placeholder) : null, failed ? /*#__PURE__*/React.createElement(View, {
+    style: styles.error
+  }, error ?? /*#__PURE__*/React.createElement(Text, {
+    children: alt,
+    style: styles.errorText
+  })) : source.uri ? /*#__PURE__*/React.createElement(ImageCore, {
+    alt: source.uri,
+    cache: cache,
+    disableDrag: disableDrag,
+    disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
-    onError: handleError,
+    onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
     source: source,
     width: '100%'
-  }), overlaidChildren ? /*#__PURE__*/React.createElement(View, {
+  }) : null, overlaidChildren ? /*#__PURE__*/React.createElement(View, {
     style: StyleSheet.absoluteFill
   }, overlaidChildren) : null);
 }