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

package/build/commonjs/Modal/SimpleBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SimpleBackdrop.tsx"],"names":["useStyles","opacity","root","StyleSheet","absoluteFillObject","backgroundColor","invisible","SimpleBackdrop","React","forwardRef","props","ref","style","otherProps","styles","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAKA,MAAMA,SAAoD,GAAG,UAAUC,OAAV,EAAiD;AAC1G,SAAO;AACHC,IAAAA,IAAI,EAAE,EACF,GAAGC,mBAAWC,kBADZ;AAEFC,MAAAA,eAAe,EAAG,iBAAgBJ,OAAQ;AAFxC,KADH;AAKHK,IAAAA,SAAS,EAAE;AACPD,MAAAA,eAAe,EAAE;AADV;AALR,GAAP;AASH,CAVD;;AAYA,MAAME,cAAc,gBAAGC,eAAMC,UAAN,CAA4C,SAASF,cAAT,CAAwBG,KAAxB,EAA+BC,GAA/B,EAAoC;AACnG,QAAM;AACFL,IAAAA,SAAS,GAAG,KADV;AAEFL,IAAAA,OAAO,GAAG,GAFR;AAGFW,IAAAA,KAHE;AAIF,OAAGC;AAJD,MAKFH,KALJ;AAOA,QAAMI,MAAM,GAAGd,SAAS,CAACC,OAAD,CAAxB;AAEA,sBACI,6BAAC,sBAAD;AACI,IAAA,GAAG,EAAEU,GADT;AAEI,IAAA,KAAK,EAAE,iBAAI,CACPG,MAAM,CAACZ,IADA,EAEPI,SAAS,GAAGQ,MAAM,CAACR,SAAV,GAAsBS,SAFxB,EAGPH,KAHO,CAAJ;AAFX,KAOQC,UAPR,EADJ;AAWH,CArBsB,CAAvB;;eAuBeN,c","sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type SimpleBackdropProps from './SimpleBackdropProps';\n\ntype SimpleBackdropStyles = NamedStylesStringUnion<'root' | 'invisible'>;\n\nconst useStyles: (opacity: number) => SimpleBackdropStyles = function (opacity: number): SimpleBackdropStyles {\n    return {\n        root: {\n            ...StyleSheet.absoluteFillObject,\n            backgroundColor: `rgba(0, 0, 0, ${opacity})`,\n        },\n        invisible: {\n            backgroundColor: 'transparent',\n        },\n    };\n};\n\nconst SimpleBackdrop = React.forwardRef<View, SimpleBackdropProps>(function SimpleBackdrop(props, ref) {\n    const {\n        invisible = false,\n        opacity = 0.5,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles(opacity);\n\n    return (\n        <Pressable\n            ref={ref}\n            style={css([\n                styles.root,\n                invisible ? styles.invisible : undefined,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n});\n\nexport default SimpleBackdrop;\n"]}
+{"version":3,"names":["useStyles","opacity","root","StyleSheet","absoluteFillObject","backgroundColor","invisible","SimpleBackdrop","React","forwardRef","props","ref","style","otherProps","styles","css","undefined"],"sources":["SimpleBackdrop.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type SimpleBackdropProps from './SimpleBackdropProps';\n\ntype SimpleBackdropStyles = NamedStylesStringUnion<'root' | 'invisible'>;\n\nconst useStyles: (opacity: number) => SimpleBackdropStyles = function (opacity: number): SimpleBackdropStyles {\n    return {\n        root: {\n            ...StyleSheet.absoluteFillObject,\n            backgroundColor: `rgba(0, 0, 0, ${opacity})`,\n        },\n        invisible: {\n            backgroundColor: 'transparent',\n        },\n    };\n};\n\nconst SimpleBackdrop = React.forwardRef<View, SimpleBackdropProps>(function SimpleBackdrop(props, ref) {\n    const {\n        invisible = false,\n        opacity = 0.5,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles(opacity);\n\n    return (\n        <Pressable\n            ref={ref}\n            style={css([\n                styles.root,\n                invisible ? styles.invisible : undefined,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n});\n\nexport default SimpleBackdrop;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAKA,MAAMA,SAAoD,GAAG,UAAUC,OAAV,EAAiD;EAC1G,OAAO;IACHC,IAAI,EAAE,EACF,GAAGC,kBAAA,CAAWC,kBADZ;MAEFC,eAAe,EAAG,iBAAgBJ,OAAQ;IAFxC,CADH;IAKHK,SAAS,EAAE;MACPD,eAAe,EAAE;IADV;EALR,CAAP;AASH,CAVD;;AAYA,MAAME,cAAc,gBAAGC,cAAA,CAAMC,UAAN,CAA4C,SAASF,cAAT,CAAwBG,KAAxB,EAA+BC,GAA/B,EAAoC;EACnG,MAAM;IACFL,SAAS,GAAG,KADV;IAEFL,OAAO,GAAG,GAFR;IAGFW,KAHE;IAIF,GAAGC;EAJD,IAKFH,KALJ;EAOA,MAAMI,MAAM,GAAGd,SAAS,CAACC,OAAD,CAAxB;EAEA,oBACI,6BAAC,sBAAD;IACI,GAAG,EAAEU,GADT;IAEI,KAAK,EAAE,IAAAI,WAAA,EAAI,CACPD,MAAM,CAACZ,IADA,EAEPI,SAAS,GAAGQ,MAAM,CAACR,SAAV,GAAsBU,SAFxB,EAGPJ,KAHO,CAAJ;EAFX,GAOQC,UAPR,EADJ;AAWH,CArBsB,CAAvB;;eAuBeN,c"}

package/build/commonjs/Modal/SimpleBackdropProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SimpleBackdropProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { PressableProps } from '../Pressable';\n\nexport default interface SimpleBackdropProps extends OverridableComponentProps<PressableProps, {\n    /**\n     * If `true`, the modal is visible.\n     * @default false\n     */\n    invisible?: boolean;\n\n    /**\n     * Opacity to backgroundColor.\n     * @default 0.5\n     */\n    opacity?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/Modal/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "createModalCloseEvent", {
   enumerable: true,
   get: function () {
-    return _Modal.default;
+    return _Modal.createModalCloseEvent;
   }
 });
-Object.defineProperty(exports, "createModalCloseEvent", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Modal.createModalCloseEvent;
+    return _Modal.default;
   }
 });
 

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

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

package/build/commonjs/Pagination/Pagination.js

@@ -21,7 +21,7 @@ var _PaginationItem = _interopRequireDefault(require("../PaginationItem"));
 
 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 useStyles = function () {
   const theme = (0, _styles.useTheme)();
@@ -72,12 +72,15 @@ function Pagination(props) {
     infinite = false,
     onChange,
     page,
-    renderItem = ({
-      index,
-      ...rest
-    }) => /*#__PURE__*/_react.default.createElement(_PaginationItem.default, _extends({
-      key: `${index}`
-    }, rest)),
+    renderItem = _ref => {
+      let {
+        index,
+        ...rest
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_PaginationItem.default, _extends({
+        key: `${index}`
+      }, rest));
+    },
     style,
     ...otherProps
   } = props;

package/build/commonjs/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Pagination.tsx"],"names":["useStyles","theme","root","rootInline","flexDirection","alignItems","rootAnchor","items","justifyContent","marginTop","spacing","arrowContainer","prevInline","marginRight","prevAnchor","position","left","nextInline","marginLeft","nextAnchor","right","Pagination","props","bundleSize","children","count","disabled","hideIndicator","hideNextButton","hidePrevButton","infinite","onChange","page","renderItem","index","rest","style","otherProps","styles","firstPage","lastPage","handleChange","nextPage","handlePrevPress","prevPage","handleNextPress","prevButton","nextButton","i","selected","containerProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { times } from '@fountain-ui/utils';\nimport { ChevronLeft, ChevronRight } from '../internal/icons';\nimport { css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport PaginationItem from '../PaginationItem';\nimport type PaginationProps from './PaginationProps';\n\ntype PaginationStyleKeys =\n    | 'root'\n    | 'rootInline'\n    | 'rootAnchor'\n    | 'items'\n    | 'arrowContainer'\n    | 'prevInline'\n    | 'prevAnchor'\n    | 'nextInline'\n    | 'nextAnchor';\n\ntype PaginationStyles = NamedStylesStringUnion<PaginationStyleKeys>;\n\nconst useStyles: UseStyles<PaginationStyles> = function (): PaginationStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rootInline: {\n            flexDirection: 'row',\n            alignItems: 'center',\n        },\n        rootAnchor: {\n            flexDirection: 'column',\n        },\n        items: {\n            flexDirection: 'row',\n            justifyContent: 'center',\n            marginTop: theme.spacing(2),\n        },\n        arrowContainer: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n        },\n        prevInline: {\n            marginRight: theme.spacing(1),\n        },\n        prevAnchor: {\n            position: 'absolute',\n            left: -24,\n        },\n        nextInline: {\n            marginLeft: theme.spacing(1),\n        },\n        nextAnchor: {\n            position: 'absolute',\n            right: -24,\n        },\n    };\n};\n\nexport default function Pagination(props: PaginationProps) {\n    const {\n        bundleSize = 1,\n        children,\n        count,\n        disabled = false,\n        hideIndicator = false,\n        hideNextButton = false,\n        hidePrevButton = false,\n        infinite = false,\n        onChange,\n        page,\n        renderItem = ({ index, ...rest }) => <PaginationItem key={`${index}`} {...rest}/>,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const firstPage = 0;\n    const lastPage = count - 1;\n\n    const handleChange = (nextPage: number) => {\n        if (nextPage >= firstPage && nextPage <= lastPage) {\n            if (onChange) {\n                onChange(nextPage);\n            }\n        }\n    };\n\n    const handlePrevPress = () => {\n        const prevPage = page - bundleSize >= firstPage\n            ? page - bundleSize\n            : (infinite ? count - bundleSize + page : firstPage);\n\n        handleChange(prevPage);\n    };\n\n    const handleNextPress = () => {\n        const nextPage = page + bundleSize <= lastPage\n            ? page + bundleSize\n            : (infinite ? page + bundleSize - count : lastPage);\n\n        handleChange(nextPage);\n    };\n\n    const prevButton = !hidePrevButton ? (\n        <IconButton\n            children={<ChevronLeft/>}\n            color={'tertiary'}\n            disabled={disabled || (!infinite && page <= firstPage)}\n            onPress={handlePrevPress}\n            size={'small'}\n            style={children ? styles.prevAnchor : styles.prevInline}\n        />\n    ) : null;\n\n    const nextButton = !hideNextButton ? (\n        <IconButton\n            children={<ChevronRight/>}\n            color={'tertiary'}\n            disabled={disabled || (!infinite && page + bundleSize > lastPage)}\n            onPress={handleNextPress}\n            size={'small'}\n            style={children ? styles.nextAnchor : styles.nextInline}\n        />\n    ) : null;\n\n    const items = !hideIndicator ? (\n        times(i => renderItem({ index: i, disabled, selected: i === page }), count)\n    ) : null;\n\n    const containerProps = {\n        style: css([\n            styles.root,\n            children ? styles.rootAnchor : styles.rootInline,\n            style,\n        ]),\n        ...otherProps,\n    };\n\n    if (children) {\n        return (\n            <View {...containerProps}>\n                <View style={css(styles.arrowContainer)}>\n                    {children}\n                    {prevButton}\n                    {nextButton}\n                </View>\n\n                <View style={css(styles.items)}>\n                    {items}\n                </View>\n            </View>\n        );\n    }\n\n    return (\n        <View {...containerProps}>\n            {prevButton}\n            {items}\n            {nextButton}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","root","rootInline","flexDirection","alignItems","rootAnchor","items","justifyContent","marginTop","spacing","arrowContainer","prevInline","marginRight","prevAnchor","position","left","nextInline","marginLeft","nextAnchor","right","Pagination","props","bundleSize","children","count","disabled","hideIndicator","hideNextButton","hidePrevButton","infinite","onChange","page","renderItem","index","rest","style","otherProps","styles","firstPage","lastPage","handleChange","nextPage","handlePrevPress","prevPage","handleNextPress","prevButton","nextButton","times","i","selected","containerProps","css"],"sources":["Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { times } from '@fountain-ui/utils';\nimport { ChevronLeft, ChevronRight } from '../internal/icons';\nimport { css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport PaginationItem from '../PaginationItem';\nimport type PaginationProps from './PaginationProps';\n\ntype PaginationStyleKeys =\n    | 'root'\n    | 'rootInline'\n    | 'rootAnchor'\n    | 'items'\n    | 'arrowContainer'\n    | 'prevInline'\n    | 'prevAnchor'\n    | 'nextInline'\n    | 'nextAnchor';\n\ntype PaginationStyles = NamedStylesStringUnion<PaginationStyleKeys>;\n\nconst useStyles: UseStyles<PaginationStyles> = function (): PaginationStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rootInline: {\n            flexDirection: 'row',\n            alignItems: 'center',\n        },\n        rootAnchor: {\n            flexDirection: 'column',\n        },\n        items: {\n            flexDirection: 'row',\n            justifyContent: 'center',\n            marginTop: theme.spacing(2),\n        },\n        arrowContainer: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n        },\n        prevInline: {\n            marginRight: theme.spacing(1),\n        },\n        prevAnchor: {\n            position: 'absolute',\n            left: -24,\n        },\n        nextInline: {\n            marginLeft: theme.spacing(1),\n        },\n        nextAnchor: {\n            position: 'absolute',\n            right: -24,\n        },\n    };\n};\n\nexport default function Pagination(props: PaginationProps) {\n    const {\n        bundleSize = 1,\n        children,\n        count,\n        disabled = false,\n        hideIndicator = false,\n        hideNextButton = false,\n        hidePrevButton = false,\n        infinite = false,\n        onChange,\n        page,\n        renderItem = ({ index, ...rest }) => <PaginationItem key={`${index}`} {...rest}/>,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const firstPage = 0;\n    const lastPage = count - 1;\n\n    const handleChange = (nextPage: number) => {\n        if (nextPage >= firstPage && nextPage <= lastPage) {\n            if (onChange) {\n                onChange(nextPage);\n            }\n        }\n    };\n\n    const handlePrevPress = () => {\n        const prevPage = page - bundleSize >= firstPage\n            ? page - bundleSize\n            : (infinite ? count - bundleSize + page : firstPage);\n\n        handleChange(prevPage);\n    };\n\n    const handleNextPress = () => {\n        const nextPage = page + bundleSize <= lastPage\n            ? page + bundleSize\n            : (infinite ? page + bundleSize - count : lastPage);\n\n        handleChange(nextPage);\n    };\n\n    const prevButton = !hidePrevButton ? (\n        <IconButton\n            children={<ChevronLeft/>}\n            color={'tertiary'}\n            disabled={disabled || (!infinite && page <= firstPage)}\n            onPress={handlePrevPress}\n            size={'small'}\n            style={children ? styles.prevAnchor : styles.prevInline}\n        />\n    ) : null;\n\n    const nextButton = !hideNextButton ? (\n        <IconButton\n            children={<ChevronRight/>}\n            color={'tertiary'}\n            disabled={disabled || (!infinite && page + bundleSize > lastPage)}\n            onPress={handleNextPress}\n            size={'small'}\n            style={children ? styles.nextAnchor : styles.nextInline}\n        />\n    ) : null;\n\n    const items = !hideIndicator ? (\n        times(i => renderItem({ index: i, disabled, selected: i === page }), count)\n    ) : null;\n\n    const containerProps = {\n        style: css([\n            styles.root,\n            children ? styles.rootAnchor : styles.rootInline,\n            style,\n        ]),\n        ...otherProps,\n    };\n\n    if (children) {\n        return (\n            <View {...containerProps}>\n                <View style={css(styles.arrowContainer)}>\n                    {children}\n                    {prevButton}\n                    {nextButton}\n                </View>\n\n                <View style={css(styles.items)}>\n                    {items}\n                </View>\n            </View>\n        );\n    }\n\n    return (\n        <View {...containerProps}>\n            {prevButton}\n            {items}\n            {nextButton}\n        </View>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Pagination/PaginationProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["PaginationProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport interface PaginationRenderItemParams {\n    /**\n     * Index of the pagination item.\n     */\n    index: number;\n\n    /**\n     * If `true`, the pagination item is disabled.\n     */\n    disabled: boolean;\n\n    /**\n     * If `true` the pagination item is selected.\n     */\n    selected: boolean;\n}\n\nexport default interface PaginationProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The Number of pages that change when the button is pressed\n     * @default 1\n     */\n    bundleSize?: number,\n\n    /**\n     * The pagination will be added relative to this node.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The total number of pages.\n     */\n    count: number,\n\n    /**\n     * If `true`, the pagination is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n\n    /**\n     * If `true`, hide the page indicator.\n     * @default false\n     */\n    hideIndicator?: boolean,\n\n    /**\n     * If `true`, hide the next-page button.\n     * @default false\n     */\n    hideNextButton?: boolean,\n\n    /**\n     * If `true`, hide the previous-page button.\n     * @default false\n     */\n    hidePrevButton?: boolean,\n\n    /**\n     * If `true`, pagination is infinite.\n     * @default false\n     */\n    infinite?: boolean,\n\n    /**\n     * Callback fired when the page is changed.\n     */\n    onChange?: (page: number) => void,\n\n    /**\n     * The current page number.\n     */\n    page: number;\n\n    /**\n     * Render the item.\n     * @default (item) => <PaginationItem {...item} />\n     */\n    renderItem?: (params: PaginationRenderItemParams) => React.ReactNode;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/PaginationItem/PaginationItem.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 useStyles = function () {
   const theme = (0, _styles.useTheme)();

package/build/commonjs/PaginationItem/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PaginationItem.tsx"],"names":["useStyles","theme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","secondary","main","unselected","PaginationItem","props","disabled","style","otherProps","styles","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAKA,MAAMA,SAA0C,GAAG,YAAkC;AACjF,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAMC,IAAI,GAAG,CAAb;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAEF,IADL;AAEFG,MAAAA,MAAM,EAAEH,IAFN;AAGFI,MAAAA,YAAY,EAAEJ,IAAI,GAAG,GAHnB;AAIFK,MAAAA,gBAAgB,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;AAJhB,KADH;AAOHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,SAAd,CAAwBC;AADnC,KAPP;AAUHC,IAAAA,UAAU,EAAE;AACRJ,MAAAA,eAAe,EAAE;AADT;AAVT,GAAP;AAcH,CAnBD;;AAqBA,SAASK,cAAT,CAAwBC,KAAxB,EAAoD;AAChD,QAAM;AACFC,IAAAA,QADE;AAEFR,IAAAA,QAFE;AAGFS,IAAAA,KAHE;AAIF,OAAGC;AAJD,MAKFH,KALJ;AAOA,QAAMI,MAAM,GAAGpB,SAAS,EAAxB;AAEA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE,iBAAI,CACPoB,MAAM,CAACjB,IADA,EAEPM,QAAQ,GAAGW,MAAM,CAACX,QAAV,GAAqBW,MAAM,CAACN,UAF7B,EAGPI,KAHO,CAAJ;AADX,KAMQC,UANR,EADJ;AAUH;;4BAEcE,eAAMC,IAAN,CAAWP,cAAX,C","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type PaginationItemProps from './PaginationItemProps';\n\ntype PaginationItemStyles = NamedStylesStringUnion<'root' | 'selected' | 'unselected'>;\n\nconst useStyles: UseStyles<PaginationItemStyles> = function (): PaginationItemStyles {\n    const theme = useTheme();\n\n    const size = 6;\n\n    return {\n        root: {\n            width: size,\n            height: size,\n            borderRadius: size * 0.5,\n            marginHorizontal: theme.spacing(1),\n        },\n        selected: {\n            backgroundColor: theme.palette.secondary.main,\n        },\n        unselected: {\n            backgroundColor: '#D1D1D1',\n        },\n    };\n};\n\nfunction PaginationItem(props: PaginationItemProps) {\n    const {\n        disabled,\n        selected,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                selected ? styles.selected : styles.unselected,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n}\n\nexport default React.memo(PaginationItem);\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","secondary","main","unselected","PaginationItem","props","disabled","style","otherProps","styles","css","React","memo"],"sources":["PaginationItem.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type PaginationItemProps from './PaginationItemProps';\n\ntype PaginationItemStyles = NamedStylesStringUnion<'root' | 'selected' | 'unselected'>;\n\nconst useStyles: UseStyles<PaginationItemStyles> = function (): PaginationItemStyles {\n    const theme = useTheme();\n\n    const size = 6;\n\n    return {\n        root: {\n            width: size,\n            height: size,\n            borderRadius: size * 0.5,\n            marginHorizontal: theme.spacing(1),\n        },\n        selected: {\n            backgroundColor: theme.palette.secondary.main,\n        },\n        unselected: {\n            backgroundColor: '#D1D1D1',\n        },\n    };\n};\n\nfunction PaginationItem(props: PaginationItemProps) {\n    const {\n        disabled,\n        selected,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                selected ? styles.selected : styles.unselected,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n}\n\nexport default React.memo(PaginationItem);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAKA,MAAMA,SAA0C,GAAG,YAAkC;EACjF,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,IAAI,GAAG,CAAb;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAEF,IADL;MAEFG,MAAM,EAAEH,IAFN;MAGFI,YAAY,EAAEJ,IAAI,GAAG,GAHnB;MAIFK,gBAAgB,EAAEP,KAAK,CAACQ,OAAN,CAAc,CAAd;IAJhB,CADH;IAOHC,QAAQ,EAAE;MACNC,eAAe,EAAEV,KAAK,CAACW,OAAN,CAAcC,SAAd,CAAwBC;IADnC,CAPP;IAUHC,UAAU,EAAE;MACRJ,eAAe,EAAE;IADT;EAVT,CAAP;AAcH,CAnBD;;AAqBA,SAASK,cAAT,CAAwBC,KAAxB,EAAoD;EAChD,MAAM;IACFC,QADE;IAEFR,QAFE;IAGFS,KAHE;IAIF,GAAGC;EAJD,IAKFH,KALJ;EAOA,MAAMI,MAAM,GAAGrB,SAAS,EAAxB;EAEA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAE,IAAAsB,WAAA,EAAI,CACPD,MAAM,CAACjB,IADA,EAEPM,QAAQ,GAAGW,MAAM,CAACX,QAAV,GAAqBW,MAAM,CAACN,UAF7B,EAGPI,KAHO,CAAJ;EADX,GAMQC,UANR,EADJ;AAUH;;4BAEcG,cAAA,CAAMC,IAAN,CAAWR,cAAX,C"}

package/build/commonjs/PaginationItem/PaginationItemProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["PaginationItemProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface PaginationItemProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * If `true`, the pagination item is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * If `true` the pagination item is selected.\n     * @default false\n     */\n    selected?: boolean;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/Paper/Paper.js

@@ -13,13 +13,16 @@ var _styles = require("../styles");
 
 var _hooks = require("../hooks");
 
+var _PaperStylesProvider = _interopRequireDefault(require("./PaperStylesProvider"));
+
 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 Paper = /*#__PURE__*/_react.default.forwardRef(function Paper(props, ref) {
   const {
     color = 'default',
+    colorValue,
     elevation = 1,
     style: styleProp,
     square = false,
@@ -27,8 +30,9 @@ const Paper = /*#__PURE__*/_react.default.forwardRef(function Paper(props, ref)
     ...otherProps
   } = props;
   const theme = (0, _styles.useTheme)();
+  const backgroundColor = colorValue ?? theme.palette.paper[color];
   const rootStyle = {
-    backgroundColor: theme.palette.paper[color]
+    backgroundColor
   };
   const roundedStyle = {
     borderRadius: theme.shape.roundness
@@ -40,10 +44,14 @@ const Paper = /*#__PURE__*/_react.default.forwardRef(function Paper(props, ref)
     borderColor: theme.palette.divider
   };
   const style = (0, _styles.css)([rootStyle, variant === 'elevation' ? elevationStyle : outlinedStyle, !square ? roundedStyle : undefined, styleProp]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/_react.default.createElement(_PaperStylesProvider.default, {
+    value: {
+      backgroundColor
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
     ref: ref,
     style: style
-  }, otherProps));
+  }, otherProps)));
 });
 
 var _default = Paper;

package/build/commonjs/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Paper.tsx"],"names":["Paper","React","forwardRef","props","ref","color","elevation","style","styleProp","square","variant","otherProps","theme","rootStyle","backgroundColor","palette","paper","roundedStyle","borderRadius","shape","roundness","elevationStyle","outlinedStyle","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","divider","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,KAAK,gBAAGC,eAAMC,UAAN,CAAmC,SAASF,KAAT,CAAeG,KAAf,EAAsBC,GAAtB,EAA2B;AACxE,QAAM;AACFC,IAAAA,KAAK,GAAG,SADN;AAEFC,IAAAA,SAAS,GAAG,CAFV;AAGFC,IAAAA,KAAK,EAAEC,SAHL;AAIFC,IAAAA,MAAM,GAAG,KAJP;AAKFC,IAAAA,OAAO,GAAG,WALR;AAMF,OAAGC;AAND,MAOFR,KAPJ;AASA,QAAMS,KAAK,GAAG,uBAAd;AAEA,QAAMC,SAAS,GAAG;AACdC,IAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KAAd,CAAoBX,KAApB;AADH,GAAlB;AAIA,QAAMY,YAAY,GAAG;AACjBC,IAAAA,YAAY,EAAEN,KAAK,CAACO,KAAN,CAAYC;AADT,GAArB;AAIA,QAAMC,cAAc,GAAG,8BAAkBf,SAAlB,CAAvB;AAEA,QAAMgB,aAAa,GAAG;AAClBC,IAAAA,WAAW,EAAEC,mBAAWC,aADN;AAElBC,IAAAA,WAAW,EAAE,OAFK;AAGlBC,IAAAA,WAAW,EAAEf,KAAK,CAACG,OAAN,CAAca;AAHT,GAAtB;AAMA,QAAMrB,KAAK,GAAG,iBAAI,CACdM,SADc,EAEdH,OAAO,KAAK,WAAZ,GAA0BW,cAA1B,GAA2CC,aAF7B,EAGd,CAACb,MAAD,GAAUQ,YAAV,GAAyBY,SAHX,EAIdrB,SAJc,CAAJ,CAAd;AAOA,sBACI,6BAAC,iBAAD;AACI,IAAA,GAAG,EAAEJ,GADT;AAEI,IAAA,KAAK,EAAEG;AAFX,KAGQI,UAHR,EADJ;AAOH,CA1Ca,CAAd;;eA4CeX,K","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport { useElevationStyle } from '../hooks';\nimport type PaperProps from './PaperProps';\n\nconst Paper = React.forwardRef<View, PaperProps>(function Paper(props, ref) {\n    const {\n        color = 'default',\n        elevation = 1,\n        style: styleProp,\n        square = false,\n        variant = 'elevation',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const rootStyle = {\n        backgroundColor: theme.palette.paper[color],\n    };\n\n    const roundedStyle = {\n        borderRadius: theme.shape.roundness,\n    };\n\n    const elevationStyle = useElevationStyle(elevation);\n\n    const outlinedStyle = {\n        borderWidth: StyleSheet.hairlineWidth,\n        borderStyle: 'solid',\n        borderColor: theme.palette.divider,\n    };\n\n    const style = css([\n        rootStyle,\n        variant === 'elevation' ? elevationStyle : outlinedStyle,\n        !square ? roundedStyle : undefined,\n        styleProp,\n    ]);\n\n    return (\n        <View\n            ref={ref}\n            style={style}\n            {...otherProps}\n        />\n    );\n});\n\nexport default Paper;\n"]}
+{"version":3,"names":["Paper","React","forwardRef","props","ref","color","colorValue","elevation","style","styleProp","square","variant","otherProps","theme","useTheme","backgroundColor","palette","paper","rootStyle","roundedStyle","borderRadius","shape","roundness","elevationStyle","useElevationStyle","outlinedStyle","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","divider","css","undefined"],"sources":["Paper.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport { useElevationStyle } from '../hooks';\nimport type PaperProps from './PaperProps';\nimport PaperStylesProvider from './PaperStylesProvider';\n\nconst Paper = React.forwardRef<View, PaperProps>(function Paper(props, ref) {\n    const {\n        color = 'default',\n        colorValue,\n        elevation = 1,\n        style: styleProp,\n        square = false,\n        variant = 'elevation',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = colorValue ?? theme.palette.paper[color];\n\n    const rootStyle = { backgroundColor };\n\n    const roundedStyle = {\n        borderRadius: theme.shape.roundness,\n    };\n\n    const elevationStyle = useElevationStyle(elevation);\n\n    const outlinedStyle = {\n        borderWidth: StyleSheet.hairlineWidth,\n        borderStyle: 'solid',\n        borderColor: theme.palette.divider,\n    };\n\n    const style = css([\n        rootStyle,\n        variant === 'elevation' ? elevationStyle : outlinedStyle,\n        !square ? roundedStyle : undefined,\n        styleProp,\n    ]);\n\n    return (\n        <PaperStylesProvider\n            value={{ backgroundColor }}\n        >\n            <View\n                ref={ref}\n                style={style}\n                {...otherProps}\n            />\n        </PaperStylesProvider>\n    );\n});\n\nexport default Paper;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,KAAK,gBAAGC,cAAA,CAAMC,UAAN,CAAmC,SAASF,KAAT,CAAeG,KAAf,EAAsBC,GAAtB,EAA2B;EACxE,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,UAFE;IAGFC,SAAS,GAAG,CAHV;IAIFC,KAAK,EAAEC,SAJL;IAKFC,MAAM,GAAG,KALP;IAMFC,OAAO,GAAG,WANR;IAOF,GAAGC;EAPD,IAQFT,KARJ;EAUA,MAAMU,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,eAAe,GAAGT,UAAU,IAAIO,KAAK,CAACG,OAAN,CAAcC,KAAd,CAAoBZ,KAApB,CAAtC;EAEA,MAAMa,SAAS,GAAG;IAAEH;EAAF,CAAlB;EAEA,MAAMI,YAAY,GAAG;IACjBC,YAAY,EAAEP,KAAK,CAACQ,KAAN,CAAYC;EADT,CAArB;EAIA,MAAMC,cAAc,GAAG,IAAAC,wBAAA,EAAkBjB,SAAlB,CAAvB;EAEA,MAAMkB,aAAa,GAAG;IAClBC,WAAW,EAAEC,kBAAA,CAAWC,aADN;IAElBC,WAAW,EAAE,OAFK;IAGlBC,WAAW,EAAEjB,KAAK,CAACG,OAAN,CAAce;EAHT,CAAtB;EAMA,MAAMvB,KAAK,GAAG,IAAAwB,WAAA,EAAI,CACdd,SADc,EAEdP,OAAO,KAAK,WAAZ,GAA0BY,cAA1B,GAA2CE,aAF7B,EAGd,CAACf,MAAD,GAAUS,YAAV,GAAyBc,SAHX,EAIdxB,SAJc,CAAJ,CAAd;EAOA,oBACI,6BAAC,4BAAD;IACI,KAAK,EAAE;MAAEM;IAAF;EADX,gBAGI,6BAAC,iBAAD;IACI,GAAG,EAAEX,GADT;IAEI,KAAK,EAAEI;EAFX,GAGQI,UAHR,EAHJ,CADJ;AAWH,CA/Ca,CAAd;;eAiDeZ,K"}

package/build/commonjs/Paper/PaperProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["PaperProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { Elevation } from '@fountain-ui/styles';\nimport type { OverridableComponentProps } from '../types';\n\nexport type PaperColor = 'default' | 'grey';\n\nexport type PaperVariant = 'elevation' | 'outlined';\n\nexport default interface PaperProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The color of Paper.\n     * @default 'default'\n     */\n    color?: PaperColor;\n\n    /**\n     * The hex color value of Paper.\n     * It has higher priority than `color` prop.\n     */\n    colorValue?: string;\n\n    /**\n     * Shadow depth, corresponds to `dp` in the spec.\n     * It accepts values between 0 and 24 inclusive.\n     * @default 1\n     */\n    elevation?: Elevation;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /**\n     * The variant to use.\n     * @default 'elevation'\n     */\n    variant?: PaperVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/Paper/PaperStylesProvider.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PaperStylesContext = void 0;
+
+var _react = require("react");
+
+const PaperStylesContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.PaperStylesContext = PaperStylesContext;
+var _default = PaperStylesContext.Provider;
+exports.default = _default;
+//# sourceMappingURL=PaperStylesProvider.js.map

package/build/commonjs/Paper/PaperStylesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PaperStylesContext","createContext","Provider"],"sources":["PaperStylesProvider.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type PaperStyles = {\n    backgroundColor: string;\n}\n\nexport const PaperStylesContext = createContext<PaperStyles | null>(null);\n\nexport default PaperStylesContext.Provider;\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,kBAAkB,gBAAG,IAAAC,oBAAA,EAAkC,IAAlC,CAA3B;;eAEQD,kBAAkB,CAACE,Q"}

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

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

package/build/commonjs/Paper/usePaperStyles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePaperStyles;
+
+var _react = require("react");
+
+var _PaperStylesProvider = require("./PaperStylesProvider");
+
+function usePaperStyles() {
+  return (0, _react.useContext)(_PaperStylesProvider.PaperStylesContext);
+}
+
+;
+//# sourceMappingURL=usePaperStyles.js.map

package/build/commonjs/Paper/usePaperStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePaperStyles","useContext","PaperStylesContext"],"sources":["usePaperStyles.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { PaperStylesContext } from './PaperStylesProvider';\n\nexport default function usePaperStyles() {\n    return useContext(PaperStylesContext);\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEe,SAASA,cAAT,GAA0B;EACrC,OAAO,IAAAC,iBAAA,EAAWC,uCAAX,CAAP;AACH;;AAAA"}

package/build/commonjs/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Portal.tsx"],"names":["Portal","props","children","manager","Host","PortalHost"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGA,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;AAChC,QAAM;AAAEC,IAAAA;AAAF,MAAeD,KAArB;AAEA,sBACI,6BAAC,yBAAD,CAAe,QAAf,QACME,OAAD,iBACG,6BAAC,uBAAD;AAAgB,IAAA,OAAO,EAAEA;AAAzB,KACKD,QADL,CAFR,CADJ;AASH;;AAEDF,MAAM,CAACI,IAAP,GAAcC,mBAAd;eAEeL,M","sourcesContent":["import React from 'react';\nimport PortalConsumer from './PortalConsumer';\nimport PortalHost, { PortalContext } from './PortalHost';\nimport type PortalProps from './PortalProps';\n\nfunction Portal(props: PortalProps) {\n    const { children } = props;\n\n    return (\n        <PortalContext.Consumer>\n            {(manager) => (\n                <PortalConsumer manager={manager}>\n                    {children}\n                </PortalConsumer>\n            )}\n        </PortalContext.Consumer>\n    );\n}\n\nPortal.Host = PortalHost;\n\nexport default Portal;"]}
+{"version":3,"names":["Portal","props","children","manager","Host","PortalHost"],"sources":["Portal.tsx"],"sourcesContent":["import React from 'react';\nimport PortalConsumer from './PortalConsumer';\nimport PortalHost, { PortalContext } from './PortalHost';\nimport type PortalProps from './PortalProps';\n\nfunction Portal(props: PortalProps) {\n    const { children } = props;\n\n    return (\n        <PortalContext.Consumer>\n            {(manager) => (\n                <PortalConsumer manager={manager}>\n                    {children}\n                </PortalConsumer>\n            )}\n        </PortalContext.Consumer>\n    );\n}\n\nPortal.Host = PortalHost;\n\nexport default Portal;"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGA,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;EAChC,MAAM;IAAEC;EAAF,IAAeD,KAArB;EAEA,oBACI,6BAAC,yBAAD,CAAe,QAAf,QACME,OAAD,iBACG,6BAAC,uBAAD;IAAgB,OAAO,EAAEA;EAAzB,GACKD,QADL,CAFR,CADJ;AASH;;AAEDF,MAAM,CAACI,IAAP,GAAcC,mBAAd;eAEeL,M"}

package/build/commonjs/Portal/PortalConsumer.js

@@ -12,8 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 class PortalConsumer extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "key", -1);
   }

package/build/commonjs/Portal/PortalConsumer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PortalConsumer.tsx"],"names":["PortalConsumer","React","Component","requireManagerOrFail","props","manager","Error","componentDidMount","Promise","resolve","key","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","render"],"mappings":";;;;;;;AAAA;;;;;;AAQe,MAAMA,cAAN,SAA6BC,eAAMC,SAAnC,CAAkE;AAAA;AAAA;;AAAA,iCAEvD,CAAC,CAFsD;AAAA;;AAIrEC,EAAAA,oBAAoB,GAAG;AAC3B,QAAI,CAAC,KAAKC,KAAL,CAAWC,OAAhB,EAAyB;AACrB,YAAM,IAAIC,KAAJ,CACF,kFADE,CAAN;AAGH;AACJ;;AAEsB,QAAjBC,iBAAiB,GAAG;AACtB,SAAKJ,oBAAL,GADsB,CAGtB;;AACA,UAAMK,OAAO,CAACC,OAAR,EAAN;AAEA,SAAKC,GAAL,GAAW,KAAKN,KAAL,CAAWC,OAAX,CAAmBM,KAAnB,CAAyB,KAAKP,KAAL,CAAWQ,QAApC,CAAX;AACH;;AAEDC,EAAAA,kBAAkB,GAAG;AACjB,SAAKV,oBAAL;AAEA,SAAKC,KAAL,CAAWC,OAAX,CAAmBS,MAAnB,CAA0B,KAAKJ,GAA/B,EAAoC,KAAKN,KAAL,CAAWQ,QAA/C;AACH;;AAEDG,EAAAA,oBAAoB,GAAG;AACnB,SAAKZ,oBAAL;AAEA,SAAKC,KAAL,CAAWC,OAAX,CAAmBW,OAAnB,CAA2B,KAAKN,GAAhC;AACH;;AAEDO,EAAAA,MAAM,GAAG;AACL,WAAO,IAAP;AACH;;AAnC4E;;;AAqChF","sourcesContent":["import React from 'react';\nimport type { PortalMethods } from './PortalHost';\n\nexport interface PortalConsumerProps {\n    manager: PortalMethods;\n    children: React.ReactElement;\n}\n\nexport default class PortalConsumer extends React.Component<PortalConsumerProps> {\n\n    private key: number = -1;\n\n    private requireManagerOrFail() {\n        if (!this.props.manager) {\n            throw new Error(\n                'Looks like you forgot to wrap your root component with `Portal.Host` component`.',\n            );\n        }\n    }\n\n    async componentDidMount() {\n        this.requireManagerOrFail();\n\n        // Delay updating to prevent React from going to infinite loop\n        await Promise.resolve();\n\n        this.key = this.props.manager.mount(this.props.children);\n    }\n\n    componentDidUpdate() {\n        this.requireManagerOrFail();\n\n        this.props.manager.update(this.key, this.props.children);\n    }\n\n    componentWillUnmount() {\n        this.requireManagerOrFail();\n\n        this.props.manager.unmount(this.key);\n    }\n\n    render() {\n        return null;\n    }\n\n};\n"]}
+{"version":3,"names":["PortalConsumer","React","Component","requireManagerOrFail","props","manager","Error","componentDidMount","Promise","resolve","key","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","render"],"sources":["PortalConsumer.tsx"],"sourcesContent":["import React from 'react';\nimport type { PortalMethods } from './PortalHost';\n\nexport interface PortalConsumerProps {\n    manager: PortalMethods;\n    children: React.ReactElement;\n}\n\nexport default class PortalConsumer extends React.Component<PortalConsumerProps> {\n\n    private key: number = -1;\n\n    private requireManagerOrFail() {\n        if (!this.props.manager) {\n            throw new Error(\n                'Looks like you forgot to wrap your root component with `Portal.Host` component`.',\n            );\n        }\n    }\n\n    async componentDidMount() {\n        this.requireManagerOrFail();\n\n        // Delay updating to prevent React from going to infinite loop\n        await Promise.resolve();\n\n        this.key = this.props.manager.mount(this.props.children);\n    }\n\n    componentDidUpdate() {\n        this.requireManagerOrFail();\n\n        this.props.manager.update(this.key, this.props.children);\n    }\n\n    componentWillUnmount() {\n        this.requireManagerOrFail();\n\n        this.props.manager.unmount(this.key);\n    }\n\n    render() {\n        return null;\n    }\n\n};\n"],"mappings":";;;;;;;AAAA;;;;;;AAQe,MAAMA,cAAN,SAA6BC,cAAA,CAAMC,SAAnC,CAAkE;EAAA;IAAA;;IAAA,6BAEvD,CAAC,CAFsD;EAAA;;EAIrEC,oBAAoB,GAAG;IAC3B,IAAI,CAAC,KAAKC,KAAL,CAAWC,OAAhB,EAAyB;MACrB,MAAM,IAAIC,KAAJ,CACF,kFADE,CAAN;IAGH;EACJ;;EAEsB,MAAjBC,iBAAiB,GAAG;IACtB,KAAKJ,oBAAL,GADsB,CAGtB;;IACA,MAAMK,OAAO,CAACC,OAAR,EAAN;IAEA,KAAKC,GAAL,GAAW,KAAKN,KAAL,CAAWC,OAAX,CAAmBM,KAAnB,CAAyB,KAAKP,KAAL,CAAWQ,QAApC,CAAX;EACH;;EAEDC,kBAAkB,GAAG;IACjB,KAAKV,oBAAL;IAEA,KAAKC,KAAL,CAAWC,OAAX,CAAmBS,MAAnB,CAA0B,KAAKJ,GAA/B,EAAoC,KAAKN,KAAL,CAAWQ,QAA/C;EACH;;EAEDG,oBAAoB,GAAG;IACnB,KAAKZ,oBAAL;IAEA,KAAKC,KAAL,CAAWC,OAAX,CAAmBW,OAAnB,CAA2B,KAAKN,GAAhC;EACH;;EAEDO,MAAM,GAAG;IACL,OAAO,IAAP;EACH;;AAnC4E;;;AAqChF"}

package/build/commonjs/Portal/PortalHost.js

@@ -18,8 +18,8 @@ const PortalContext = /*#__PURE__*/_react.default.createContext(null);
 exports.PortalContext = PortalContext;
 
 class PortalHost extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "manager", void 0);
 

package/build/commonjs/Portal/PortalHost.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PortalHost.tsx"],"names":["PortalContext","React","createContext","PortalHost","Component","manager","children","key","nextKey","mount","queue","push","type","update","operation","index","findIndex","op","unmount","componentDidMount","length","action","pop","render","props","setManager"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PortalManager from './PortalManager';\n\nexport interface PortalHostProps {\n    children: React.ReactElement;\n}\n\nexport interface PortalMethods {\n    mount: (children: React.ReactElement) => number;\n    update: (key: number, children: React.ReactElement) => void;\n    unmount: (key: number) => void;\n}\n\nexport type Operation =\n    | { type: 'mount'; key: number; children: React.ReactElement }\n    | { type: 'update'; key: number; children: React.ReactElement }\n    | { type: 'unmount'; key: number };\n\nexport const PortalContext = React.createContext<PortalMethods>(null as any);\n\nexport default class PortalHost extends React.Component<PortalHostProps> {\n\n    static displayName = 'Portal.Host';\n\n    private manager?: PortalManager | null;\n    private queue: Operation[] = [];\n    private nextKey = 0;\n\n    private setManager = (manager?: PortalManager | null) => {\n        this.manager = manager;\n    };\n\n    private mount = (children: React.ReactElement) => {\n        const key = this.nextKey++;\n\n        if (this.manager) {\n            this.manager.mount(key, children);\n        } else {\n            this.queue.push({ type: 'mount', key, children });\n        }\n\n        return key;\n    };\n\n    private update = (key: number, children: React.ReactElement) => {\n        if (this.manager) {\n            this.manager.update(key, children);\n        } else {\n            const operation: Operation = { type: 'mount', key, children };\n\n            const index = this.queue.findIndex(\n                (op) => op.type === 'mount' || (op.type === 'update' && op.key === key),\n            );\n\n            if (index > -1) {\n                this.queue[index] = operation;\n            } else {\n                this.queue.push(operation);\n            }\n        }\n    };\n\n    private unmount = (key: number) => {\n        if (this.manager) {\n            this.manager.unmount(key);\n        } else {\n            this.queue.push({ type: 'unmount', key });\n        }\n    };\n\n    componentDidMount() {\n        const manager = this.manager;\n        const queue = this.queue;\n\n        while (queue.length > 0 && manager) {\n            const action = queue.pop();\n            if (action) {\n                switch (action.type) {\n                    case 'mount':\n                        manager.mount(action.key, action.children);\n                        break;\n                    case 'update':\n                        manager.update(action.key, action.children);\n                        break;\n                    case 'unmount':\n                        manager.unmount(action.key);\n                        break;\n                }\n            }\n        }\n    }\n\n    render() {\n        return (\n            <PortalContext.Provider\n                value={{\n                    mount: this.mount,\n                    update: this.update,\n                    unmount: this.unmount,\n                }}\n            >\n                {this.props.children}\n                <PortalManager ref={this.setManager}/>\n            </PortalContext.Provider>\n        );\n    }\n\n};\n"]}
+{"version":3,"names":["PortalContext","React","createContext","PortalHost","Component","manager","children","key","nextKey","mount","queue","push","type","update","operation","index","findIndex","op","unmount","componentDidMount","length","action","pop","render","props","setManager"],"sources":["PortalHost.tsx"],"sourcesContent":["import React from 'react';\nimport PortalManager from './PortalManager';\n\nexport interface PortalHostProps {\n    children: React.ReactElement;\n}\n\nexport interface PortalMethods {\n    mount: (children: React.ReactElement) => number;\n    update: (key: number, children: React.ReactElement) => void;\n    unmount: (key: number) => void;\n}\n\nexport type Operation =\n    | { type: 'mount'; key: number; children: React.ReactElement }\n    | { type: 'update'; key: number; children: React.ReactElement }\n    | { type: 'unmount'; key: number };\n\nexport const PortalContext = React.createContext<PortalMethods>(null as any);\n\nexport default class PortalHost extends React.Component<PortalHostProps> {\n\n    static displayName = 'Portal.Host';\n\n    private manager?: PortalManager | null;\n    private queue: Operation[] = [];\n    private nextKey = 0;\n\n    private setManager = (manager?: PortalManager | null) => {\n        this.manager = manager;\n    };\n\n    private mount = (children: React.ReactElement) => {\n        const key = this.nextKey++;\n\n        if (this.manager) {\n            this.manager.mount(key, children);\n        } else {\n            this.queue.push({ type: 'mount', key, children });\n        }\n\n        return key;\n    };\n\n    private update = (key: number, children: React.ReactElement) => {\n        if (this.manager) {\n            this.manager.update(key, children);\n        } else {\n            const operation: Operation = { type: 'mount', key, children };\n\n            const index = this.queue.findIndex(\n                (op) => op.type === 'mount' || (op.type === 'update' && op.key === key),\n            );\n\n            if (index > -1) {\n                this.queue[index] = operation;\n            } else {\n                this.queue.push(operation);\n            }\n        }\n    };\n\n    private unmount = (key: number) => {\n        if (this.manager) {\n            this.manager.unmount(key);\n        } else {\n            this.queue.push({ type: 'unmount', key });\n        }\n    };\n\n    componentDidMount() {\n        const manager = this.manager;\n        const queue = this.queue;\n\n        while (queue.length > 0 && manager) {\n            const action = queue.pop();\n            if (action) {\n                switch (action.type) {\n                    case 'mount':\n                        manager.mount(action.key, action.children);\n                        break;\n                    case 'update':\n                        manager.update(action.key, action.children);\n                        break;\n                    case 'unmount':\n                        manager.unmount(action.key);\n                        break;\n                }\n            }\n        }\n    }\n\n    render() {\n        return (\n            <PortalContext.Provider\n                value={{\n                    mount: this.mount,\n                    update: this.update,\n                    unmount: this.unmount,\n                }}\n            >\n                {this.props.children}\n                <PortalManager ref={this.setManager}/>\n            </PortalContext.Provider>\n        );\n    }\n\n};\n"],"mappings":"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"}

package/build/commonjs/Portal/PortalManager.js

@@ -12,8 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 class PortalManager extends _react.default.PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       portals: []
@@ -50,12 +50,15 @@ class PortalManager extends _react.default.PureComponent {
   }
 
   render() {
-    return this.state.portals.map(({
-      key,
-      children
-    }) => /*#__PURE__*/_react.default.cloneElement(children, {
-      key
-    }));
+    return this.state.portals.map(_ref => {
+      let {
+        key,
+        children
+      } = _ref;
+      return /*#__PURE__*/_react.default.cloneElement(children, {
+        key
+      });
+    });
   }
 
 }

package/build/commonjs/Portal/PortalManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PortalManager.tsx"],"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","cloneElement"],"mappings":";;;;;;;AAAA;;;;;;AAWe,MAAMA,aAAN,SAA4BC,eAAMC,aAAlC,CAAwE;AAAA;AAAA;;AAAA,mCAEvD;AACxBC,MAAAA,OAAO,EAAE;AADe,KAFuD;;AAAA,mCAM3E,CAACC,GAAD,EAAcC,QAAd,KAA+C;AACnD,WAAKC,QAAL,CAAeC,KAAD,KAAY;AACtBJ,QAAAA,OAAO,EAAE,CACL,GAAGI,KAAK,CAACJ,OADJ,EAEL;AAAEC,UAAAA,GAAF;AAAOC,UAAAA;AAAP,SAFK;AADa,OAAZ,CAAd;AAMH,KAbkF;;AAAA,oCAe1E,CAACD,GAAD,EAAcC,QAAd,KAA+C;AACpD,WAAKC,QAAL,CAAeC,KAAD,KAAY;AACtBJ,QAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;AACjC,cAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;AAClB,mBAAO,EAAE,GAAGK,IAAL;AAAWJ,cAAAA;AAAX,aAAP;AACH;;AACD,iBAAOI,IAAP;AACH,SALQ;AADa,OAAZ,CAAd;AAQH,KAxBkF;;AAAA,qCA0BxEL,GAAD,IAAiB;AACvB,WAAKE,QAAL,CAAeC,KAAD,KAAY;AACtBJ,QAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;AADa,OAAZ,CAAd;AAGH,KA9BkF;AAAA;;AAgCnFO,EAAAA,MAAM,GAAG;AACL,WAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB,CAAC;AAAEJ,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAD,kBAAuBJ,eAAMW,YAAN,CAAmBP,QAAnB,EAA6B;AAAED,MAAAA;AAAF,KAA7B,CAA9C,CAAP;AACH;;AAlCkF;;;AAoCtF","sourcesContent":["import React from 'react';\n\ninterface Portal {\n    key: number;\n    children: React.ReactElement;\n}\n\ninterface PortalManagerState {\n    portals: ReadonlyArray<Portal>\n}\n\nexport default class PortalManager extends React.PureComponent<{}, PortalManagerState> {\n\n    state: PortalManagerState = {\n        portals: [],\n    };\n\n    mount = (key: number, children: React.ReactElement) => {\n        this.setState((state) => ({\n            portals: [\n                ...state.portals,\n                { key, children },\n            ],\n        }));\n    };\n\n    update = (key: number, children: React.ReactElement) => {\n        this.setState((state) => ({\n            portals: state.portals.map((item) => {\n                if (item.key === key) {\n                    return { ...item, children };\n                }\n                return item;\n            }),\n        }));\n    };\n\n    unmount = (key: number) => {\n        this.setState((state) => ({\n            portals: state.portals.filter((item) => item.key !== key),\n        }));\n    };\n\n    render() {\n        return this.state.portals.map(({ key, children }) => React.cloneElement(children, { key }));\n    }\n\n};\n"]}
+{"version":3,"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","cloneElement"],"sources":["PortalManager.tsx"],"sourcesContent":["import React from 'react';\n\ninterface Portal {\n    key: number;\n    children: React.ReactElement;\n}\n\ninterface PortalManagerState {\n    portals: ReadonlyArray<Portal>\n}\n\nexport default class PortalManager extends React.PureComponent<{}, PortalManagerState> {\n\n    state: PortalManagerState = {\n        portals: [],\n    };\n\n    mount = (key: number, children: React.ReactElement) => {\n        this.setState((state) => ({\n            portals: [\n                ...state.portals,\n                { key, children },\n            ],\n        }));\n    };\n\n    update = (key: number, children: React.ReactElement) => {\n        this.setState((state) => ({\n            portals: state.portals.map((item) => {\n                if (item.key === key) {\n                    return { ...item, children };\n                }\n                return item;\n            }),\n        }));\n    };\n\n    unmount = (key: number) => {\n        this.setState((state) => ({\n            portals: state.portals.filter((item) => item.key !== key),\n        }));\n    };\n\n    render() {\n        return this.state.portals.map(({ key, children }) => React.cloneElement(children, { key }));\n    }\n\n};\n"],"mappings":";;;;;;;AAAA;;;;;;AAWe,MAAMA,aAAN,SAA4BC,cAAA,CAAMC,aAAlC,CAAwE;EAAA;IAAA;;IAAA,+BAEvD;MACxBC,OAAO,EAAE;IADe,CAFuD;;IAAA,+BAM3E,CAACC,GAAD,EAAcC,QAAd,KAA+C;MACnD,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACtBJ,OAAO,EAAE,CACL,GAAGI,KAAK,CAACJ,OADJ,EAEL;UAAEC,GAAF;UAAOC;QAAP,CAFK;MADa,CAAZ,CAAd;IAMH,CAbkF;;IAAA,gCAe1E,CAACD,GAAD,EAAcC,QAAd,KAA+C;MACpD,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACtBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;UACjC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;YAClB,OAAO,EAAE,GAAGK,IAAL;cAAWJ;YAAX,CAAP;UACH;;UACD,OAAOI,IAAP;QACH,CALQ;MADa,CAAZ,CAAd;IAQH,CAxBkF;;IAAA,iCA0BxEL,GAAD,IAAiB;MACvB,KAAKE,QAAL,CAAeC,KAAD,KAAY;QACtBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;MADa,CAAZ,CAAd;IAGH,CA9BkF;EAAA;;EAgCnFO,MAAM,GAAG;IACL,OAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAAuBJ,cAAA,CAAMW,YAAN,CAAmBP,QAAnB,EAA6B;QAAED;MAAF,CAA7B,CAAvB;IAAA,CAAvB,CAAP;EACH;;AAlCkF;;;AAoCtF"}

package/build/commonjs/Portal/PortalProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["PortalProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ComponentProps } from '../types';\n\nexport default interface PortalProps extends ComponentProps<{\n    /**\n     * The children to render into the `container`.\n     */\n    children: React.ReactElement;\n}> {}"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["Pressable","NativePressable"],"mappings":";;;;;;;AAKA;;AAeA,MAAMA,SAA8C,GAAGC,sBAAvD;eAEeD,S","sourcesContent":["import React from 'react';\nimport type {\n    PressableProps as PressableBaseProps,\n    PressableStateCallbackType as PressableStateCallbackBaseType,\n} from 'react-native';\nimport { Pressable as NativePressable } from 'react-native';\n\ninterface PressableStateCallbackType extends PressableStateCallbackBaseType {\n    readonly hovered?: boolean;\n    readonly focused?: boolean;\n}\n\nexport interface PressableProps extends PressableBaseProps {\n    /**\n     * Either children or a render prop that receives a boolean reflecting whether\n     * the component is currently pressed.\n     */\n    children?: React.ReactNode | ((state: PressableStateCallbackType) => React.ReactNode);\n}\n\nconst Pressable: React.ComponentType<PressableProps> = NativePressable;\n\nexport default Pressable;\n"]}
+{"version":3,"names":["Pressable","NativePressable"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport type {\n    PressableProps as PressableBaseProps,\n    PressableStateCallbackType as PressableStateCallbackBaseType,\n} from 'react-native';\nimport { Pressable as NativePressable } from 'react-native';\n\ninterface PressableStateCallbackType extends PressableStateCallbackBaseType {\n    readonly hovered?: boolean;\n    readonly focused?: boolean;\n}\n\nexport interface PressableProps extends PressableBaseProps {\n    /**\n     * Either children or a render prop that receives a boolean reflecting whether\n     * the component is currently pressed.\n     */\n    children?: React.ReactNode | ((state: PressableStateCallbackType) => React.ReactNode);\n}\n\nconst Pressable: React.ComponentType<PressableProps> = NativePressable;\n\nexport default Pressable;\n"],"mappings":";;;;;;;AAKA;;AAeA,MAAMA,SAA8C,GAAGC,sBAAvD;eAEeD,S"}

package/build/commonjs/Radio/Radio.js

@@ -17,7 +17,7 @@ var _RadioContextProvider = require("../RadioGroup/RadioContextProvider");
 
 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 ICON_SIZE = 20;
 
@@ -31,8 +31,6 @@ const useStyles = function () {
 };
 
 function Radio(props) {
-  var _ref;
-
   const {
     checked = false,
     children,
@@ -43,21 +41,18 @@ function Radio(props) {
     ...otherProps
   } = props;
   const styles = useStyles();
-  const theme = (0, _styles.useTheme)();
 
   const context = _react.default.useContext(_RadioContextProvider.RadioContext);
 
   const handlePress = () => {
-    var _context$onChange;
-
-    const onChange = (_context$onChange = context === null || context === void 0 ? void 0 : context.onChange) !== null && _context$onChange !== void 0 ? _context$onChange : onChangeProp;
+    const onChange = (context === null || context === void 0 ? void 0 : context.onChange) ?? onChangeProp;
 
     if (onChange) {
       onChange(value);
     }
   };
 
-  const isChecked = (_ref = (context === null || context === void 0 ? void 0 : context.value) === value) !== null && _ref !== void 0 ? _ref : checked;
+  const isChecked = (context === null || context === void 0 ? void 0 : context.value) === value ?? checked;
   const icon = isChecked ? /*#__PURE__*/_react.default.createElement(_internal.RadioChecked, {
     width: ICON_SIZE,
     height: ICON_SIZE,

package/build/commonjs/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Radio.tsx"],"names":["ICON_SIZE","useStyles","root","alignItems","flexDirection","Radio","props","checked","children","disabled","onChange","onChangeProp","style","value","otherProps","styles","theme","context","React","useContext","RadioContext","handlePress","isChecked","icon","rootStyle"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAiC,GAAG,YAAyB;AAC/D,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,aAAa,EAAE;AAFb;AADH,GAAP;AAMH,CAPD;;AASe,SAASC,KAAT,CAAeC,KAAf,EAAkC;AAAA;;AAC7C,QAAM;AACFC,IAAAA,OAAO,GAAG,KADR;AAEFC,IAAAA,QAFE;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,QAAQ,EAAEC,YAJR;AAKFC,IAAAA,KALE;AAMFC,IAAAA,KANE;AAOF,OAAGC;AAPD,MAQFR,KARJ;AAUA,QAAMS,MAAM,GAAGd,SAAS,EAAxB;AAEA,QAAMe,KAAK,GAAG,uBAAd;;AAEA,QAAMC,OAAO,GAAGC,eAAMC,UAAN,CAAiBC,kCAAjB,CAAhB;;AAEA,QAAMC,WAAW,GAAG,MAAM;AAAA;;AACtB,UAAMX,QAAQ,wBAAGO,OAAH,aAAGA,OAAH,uBAAGA,OAAO,CAAEP,QAAZ,iEAAwBC,YAAtC;;AACA,QAAID,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACG,KAAD,CAAR;AACH;AACJ,GALD;;AAOA,QAAMS,SAAS,WAAG,CAAAL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEJ,KAAT,MAAmBA,KAAtB,uCAA+BN,OAA9C;AAEA,QAAMgB,IAAI,GAAGD,SAAS,gBAChB,6BAAC,sBAAD;AAAkB,IAAA,KAAK,EAAEtB,SAAzB;AAAoC,IAAA,MAAM,EAAEA,SAA5C;AAAuD,IAAA,KAAK,EAAE;AAA9D,IADgB,gBAEhB,6BAAC,eAAD;AAAW,IAAA,KAAK,EAAEA,SAAlB;AAA6B,IAAA,MAAM,EAAEA,SAArC;AAAgD,IAAA,KAAK,EAAE;AAAvD,IAFN;AAIA,QAAMwB,SAAS,GAAG,iBAAI,CAClBT,MAAM,CAACb,IADW,EAElBU,KAFkB,CAAJ,CAAlB;AAKA,sBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEH,QADd;AAEI,IAAA,OAAO,EAAEY,WAFb;AAGI,IAAA,KAAK,EAAEG;AAHX,KAIQV,UAJR,GAMKS,IANL,EAQKf,QAAQ,GAAGA,QAAH,GAAc,IAR3B,CADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';\nimport { css, useTheme } from '../styles';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        disabled = false,\n        onChange: onChangeProp,\n        style,\n        value,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const context = React.useContext(RadioContext);\n\n    const handlePress = () => {\n        const onChange = context?.onChange ?? onChangeProp;\n        if (onChange) {\n            onChange(value);\n        }\n    };\n\n    const isChecked = context?.value === value ?? checked;\n\n    const icon = isChecked\n        ? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>\n        : <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {children ? children : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["ICON_SIZE","useStyles","root","alignItems","flexDirection","Radio","props","checked","children","disabled","onChange","onChangeProp","style","value","otherProps","styles","context","React","useContext","RadioContext","handlePress","isChecked","icon","rootStyle","css"],"sources":["Radio.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';\nimport { css } from '../styles';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        disabled = false,\n        onChange: onChangeProp,\n        style,\n        value,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const context = React.useContext(RadioContext);\n\n    const handlePress = () => {\n        const onChange = context?.onChange ?? onChangeProp;\n        if (onChange) {\n            onChange(value);\n        }\n    };\n\n    const isChecked = context?.value === value ?? checked;\n\n    const icon = isChecked\n        ? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>\n        : <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {children ? children : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE;IAFb;EADH,CAAP;AAMH,CAPD;;AASe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,QAAQ,GAAG,KAHT;IAIFC,QAAQ,EAAEC,YAJR;IAKFC,KALE;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFR,KARJ;EAUA,MAAMS,MAAM,GAAGd,SAAS,EAAxB;;EAEA,MAAMe,OAAO,GAAGC,cAAA,CAAMC,UAAN,CAAiBC,kCAAjB,CAAhB;;EAEA,MAAMC,WAAW,GAAG,MAAM;IACtB,MAAMV,QAAQ,GAAG,CAAAM,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEN,QAAT,KAAqBC,YAAtC;;IACA,IAAID,QAAJ,EAAc;MACVA,QAAQ,CAACG,KAAD,CAAR;IACH;EACJ,CALD;;EAOA,MAAMQ,SAAS,GAAG,CAAAL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BN,OAA9C;EAEA,MAAMe,IAAI,GAAGD,SAAS,gBAChB,6BAAC,sBAAD;IAAkB,KAAK,EAAErB,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EADgB,gBAEhB,6BAAC,eAAD;IAAW,KAAK,EAAEA,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAFN;EAIA,MAAMuB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBT,MAAM,CAACb,IADW,EAElBU,KAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEH,QADd;IAEI,OAAO,EAAEW,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQT,UAJR,GAMKQ,IANL,EAQKd,QAAQ,GAAGA,QAAH,GAAc,IAR3B,CADJ;AAYH;;AAAA"}

package/build/commonjs/Radio/RadioProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["RadioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport default interface RadioProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Content which is sharing pressable next to radio.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, the radio is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the component is pressed.\n     */\n    onChange?: (newValue: string) => void;\n\n    /**\n     * Value of the component.\n     */\n    value: string;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/RadioGroup/RadioContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioContextProvider.ts"],"names":["RadioContext","React","createContext","Provider"],"mappings":";;;;;;;AAAA;;;;AAOO,MAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAmD,IAAnD,CAArB;;;eAEQF,YAAY,CAACG,Q","sourcesContent":["import React from 'react';\n\nexport type RadioButtonContextType = {\n    value: string;\n    onChange: (newValue: string) => void;\n}\n\nexport const RadioContext = React.createContext<RadioButtonContextType | null>(null);\n\nexport default RadioContext.Provider;\n"]}
+{"version":3,"names":["RadioContext","React","createContext","Provider"],"sources":["RadioContextProvider.ts"],"sourcesContent":["import React from 'react';\n\nexport type RadioButtonContextType = {\n    value: string;\n    onChange: (newValue: string) => void;\n}\n\nexport const RadioContext = React.createContext<RadioButtonContextType | null>(null);\n\nexport default RadioContext.Provider;\n"],"mappings":";;;;;;;AAAA;;;;AAOO,MAAMA,YAAY,gBAAGC,cAAA,CAAMC,aAAN,CAAmD,IAAnD,CAArB;;;eAEQF,YAAY,CAACG,Q"}

package/build/commonjs/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioGroup.tsx"],"names":["RadioGroup","props","value","onChange","otherProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGe,SAASA,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,QAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,6BAAC,6BAAD;AAAsB,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT;AAA7B,kBACI,6BAAC,iBAAD,EACQC,UADR,CADJ,CADJ;AAOH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n    const {\n        value,\n        onChange,\n        ...otherProps\n    } = props;\n\n    return (\n        <RadioContextProvider value={{ value, onChange }}>\n            <View\n                {...otherProps}\n            />\n        </RadioContextProvider>\n    );\n};\n"]}
+{"version":3,"names":["RadioGroup","props","value","onChange","otherProps"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n    const {\n        value,\n        onChange,\n        ...otherProps\n    } = props;\n\n    return (\n        <RadioContextProvider value={{ value, onChange }}>\n            <View\n                {...otherProps}\n            />\n        </RadioContextProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGe,SAASA,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KADE;IAEFC,QAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,6BAAD;IAAsB,KAAK,EAAE;MAAEC,KAAF;MAASC;IAAT;EAA7B,gBACI,6BAAC,iBAAD,EACQC,UADR,CADJ,CADJ;AAOH;;AAAA"}

package/build/commonjs/RadioGroup/RadioGroupProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["RadioGroupProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface RadioGroupProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the radio group.\n     */\n    children: React.ReactNode;\n\n    /**\n     * Callback fired when a radio button is selected.\n     */\n    onChange: (newValue: string) => void;\n\n    /**\n     * Value of the selected radio button.\n     */\n    value: string;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Row.tsx"],"names":[],"mappings":";;;;;;;AACA;;eAEe,4BAAc,KAAd,C","sourcesContent":["import React from 'react';\nimport { createFlexbox } from '../Flexbox';\n\nexport default createFlexbox('row');"]}
+{"version":3,"names":["createFlexbox"],"sources":["Row.tsx"],"sourcesContent":["import React from 'react';\nimport { createFlexbox } from '../Flexbox';\n\nexport default createFlexbox('row');"],"mappings":";;;;;;;AACA;;eAEe,IAAAA,sBAAA,EAAc,KAAd,C"}

package/build/commonjs/Row/RowProps.js.map

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

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

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