@fountain-ui/core 2.0.0-beta.92 → 2.0.0-beta.94

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

@@ -1 +1 @@
-{"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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"}
+{"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","variant","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 NumberPagination from './NumberPagination';\nimport type PaginationProps from './PaginationProps';\nimport type { PaginationVariant } 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        variant = 'dot' as PaginationVariant,\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            color={'tertiary'}\n            disabled={disabled || (!infinite && page <= firstPage)}\n            onPress={handlePrevPress}\n            size={'small'}\n            style={children ? styles.prevAnchor : styles.prevInline}\n        >\n            <ChevronLeft/>\n        </IconButton>\n    ) : null;\n\n    const nextButton = !hideNextButton ? (\n        <IconButton\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            <ChevronRight/>\n        </IconButton>\n    ) : null;\n\n    const items = !hideIndicator ? (\n        variant === 'number' ? (\n            <NumberPagination\n                currentPage={page}\n                maxPage={count}\n            />\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

@@ -1,2 +1,9 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.paginationVariants = void 0;
+const paginationVariants = ['dot', 'number'];
+exports.paginationVariants = paginationVariants;
 //# sourceMappingURL=PaginationProps.js.map

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"names":["paginationVariants"],"sources":["PaginationProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const paginationVariants = ['dot', 'number'] as const;\nexport type PaginationVariant = typeof paginationVariants[number];\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    /**\n     * Determines design variations of the component.\n     * @default 'dot'\n     */\n    variant?: PaginationVariant;\n}> {}\n"],"mappings":";;;;;;AAIO,MAAMA,kBAAkB,GAAG,CAAC,KAAD,EAAQ,QAAR,CAA3B"}

package/build/commonjs/Pagination/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Pagination.default;
+    return _LegacyPagination.default;
   }
 });
 
-var _Pagination = _interopRequireDefault(require("./Pagination"));
+var _LegacyPagination = _interopRequireDefault(require("./LegacyPagination"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

package/build/commonjs/PaginationItem/LegacyPaginationItem.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _styles = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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)();
+  const size = 6;
+  return {
+    root: {
+      width: size,
+      height: size,
+      borderRadius: size * 0.5,
+      marginHorizontal: theme.spacing(1)
+    },
+    selected: {
+      backgroundColor: theme.palette.secondary.main
+    },
+    unselected: {
+      backgroundColor: '#D1D1D1'
+    }
+  };
+};
+
+function PaginationItem(props) {
+  const {
+    disabled,
+    selected,
+    style,
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: (0, _styles.css)([styles.root, selected ? styles.selected : styles.unselected, style])
+  }, otherProps));
+}
+
+var _default = /*#__PURE__*/_react.default.memo(PaginationItem);
+
+exports.default = _default;
+//# sourceMappingURL=LegacyPaginationItem.js.map

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

@@ -0,0 +1 @@
+{"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":["LegacyPaginationItem.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/PaginationItem.js

@@ -26,10 +26,10 @@ const useStyles = function () {
       marginHorizontal: theme.spacing(1)
     },
     selected: {
-      backgroundColor: theme.palette.secondary.main
+      backgroundColor: theme.palette.fill.base
     },
     unselected: {
-      backgroundColor: '#D1D1D1'
+      backgroundColor: theme.palette.status.disabled
     }
   };
 };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["useStyles","theme","useTheme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","fill","base","unselected","status","disabled","PaginationItem","props","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.fill.base,\n        },\n        unselected: {\n            backgroundColor: theme.palette.status.disabled,\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,IAAd,CAAmBC;IAD9B,CAPP;IAUHC,UAAU,EAAE;MACRJ,eAAe,EAAEV,KAAK,CAACW,OAAN,CAAcI,MAAd,CAAqBC;IAD9B;EAVT,CAAP;AAcH,CAnBD;;AAqBA,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;EAChD,MAAM;IACFF,QADE;IAEFP,QAFE;IAGFU,KAHE;IAIF,GAAGC;EAJD,IAKFF,KALJ;EAOA,MAAMG,MAAM,GAAGtB,SAAS,EAAxB;EAEA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAE,IAAAuB,WAAA,EAAI,CACPD,MAAM,CAAClB,IADA,EAEPM,QAAQ,GAAGY,MAAM,CAACZ,QAAV,GAAqBY,MAAM,CAACP,UAF7B,EAGPK,KAHO,CAAJ;EADX,GAMQC,UANR,EADJ;AAUH;;4BAEcG,cAAA,CAAMC,IAAN,CAAWP,cAAX,C"}

package/build/commonjs/Radio/LegacyRadio.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Radio;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _internal = require("../internal");
+
+var _styles = require("../styles");
+
+var _RadioContextProvider = require("../RadioGroup/RadioContextProvider");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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;
+
+const useStyles = function () {
+  return {
+    root: {
+      alignItems: 'center',
+      flexDirection: 'row'
+    }
+  };
+};
+
+function Radio(props) {
+  const {
+    checked = false,
+    children,
+    checkedIcon: checkIconProp,
+    uncheckedIcon: uncheckedIconProp,
+    disabled = false,
+    iconPlacement = 'left',
+    onChange: onChangeProp,
+    style,
+    value,
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+
+  const context = _react.default.useContext(_RadioContextProvider.RadioContext);
+
+  const handlePress = () => {
+    const onChange = (context === null || context === void 0 ? void 0 : context.onChange) ?? onChangeProp;
+
+    if (onChange) {
+      onChange(value);
+    }
+  };
+
+  const isChecked = (context === null || context === void 0 ? void 0 : context.value) === value ?? checked;
+
+  const checkedIcon = checkIconProp ?? /*#__PURE__*/_react.default.createElement(_internal.RadioChecked, {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    color: 'primary'
+  });
+
+  const uncheckedIcon = uncheckedIconProp ?? /*#__PURE__*/_react.default.createElement(_internal.Radio, {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    color: 'tertiary'
+  });
+
+  const icon = isChecked ? checkedIcon : uncheckedIcon;
+  const rootStyle = (0, _styles.css)([styles.root, style]);
+  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
+    disabled: disabled,
+    onPress: handlePress,
+    style: rootStyle
+  }, otherProps), iconPlacement === 'left' ? icon : null, children ? children : null, iconPlacement === 'right' ? icon : null);
+}
+
+;
+//# sourceMappingURL=LegacyRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_SIZE","useStyles","root","alignItems","flexDirection","Radio","props","checked","children","checkedIcon","checkIconProp","uncheckedIcon","uncheckedIconProp","disabled","iconPlacement","onChange","onChangeProp","style","value","otherProps","styles","context","React","useContext","RadioContext","handlePress","isChecked","icon","rootStyle","css"],"sources":["LegacyRadio.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 './LegacyRadioProps';\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        checkedIcon: checkIconProp,\n        uncheckedIcon: uncheckedIconProp,\n        disabled = false,\n        iconPlacement = 'left',\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 checkedIcon = checkIconProp ?? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>;\n    const uncheckedIcon = uncheckedIconProp ?? <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n    const icon = isChecked ? checkedIcon : uncheckedIcon;\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            {iconPlacement === 'left' ? icon : null}\n\n            {children ? children : null}\n\n            {iconPlacement === 'right' ? icon : 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,WAAW,EAAEC,aAHX;IAIFC,aAAa,EAAEC,iBAJb;IAKFC,QAAQ,GAAG,KALT;IAMFC,aAAa,GAAG,MANd;IAOFC,QAAQ,EAAEC,YAPR;IAQFC,KARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFb,KAXJ;EAaA,MAAMc,MAAM,GAAGnB,SAAS,EAAxB;;EAEA,MAAMoB,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,IAA4BX,OAA9C;;EAEA,MAAME,WAAW,GAAGC,aAAa,iBAAI,6BAAC,sBAAD;IAAkB,KAAK,EAAEV,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EAArC;;EACA,MAAMW,aAAa,GAAGC,iBAAiB,iBAAI,6BAAC,eAAD;IAAW,KAAK,EAAEZ,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAA3C;;EACA,MAAM2B,IAAI,GAAGD,SAAS,GAAGjB,WAAH,GAAiBE,aAAvC;EAEA,MAAMiB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBT,MAAM,CAAClB,IADW,EAElBe,KAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEY,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQT,UAJR,GAMKL,aAAa,KAAK,MAAlB,GAA2Ba,IAA3B,GAAkC,IANvC,EAQKnB,QAAQ,GAAGA,QAAH,GAAc,IAR3B,EAUKM,aAAa,KAAK,OAAlB,GAA4Ba,IAA5B,GAAmC,IAVxC,CADJ;AAcH;;AAAA"}

package/build/commonjs/Radio/LegacyRadioProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=LegacyRadioProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyRadioProps.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    /**\n     * Determines the placement of the icon relative to the children.\n     * @default 'left'\n     */\n    iconPlacement?: 'right' | 'left';\n\n    /**\n     * Custom icon element to display when the radio is unchecked.\n     */\n    uncheckedIcon?: React.ReactNode;\n\n    /**\n     * Custom icon element to display when the radio is checked.\n     */\n    checkedIcon?: React.ReactNode;\n}> {}\n"],"mappings":""}

package/build/commonjs/Radio/Radio.js

@@ -5,27 +5,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Radio;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
 
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
 var _internal = require("../internal");
 
+var _Row = _interopRequireDefault(require("../Row"));
+
 var _styles = require("../styles");
 
+var _utils = require("../utils");
+
 var _RadioContextProvider = require("../RadioGroup/RadioContextProvider");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-const ICON_SIZE = 20;
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _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)();
   return {
     root: {
       alignItems: 'center',
-      flexDirection: 'row'
+      flexDirection: 'row',
+      gap: theme.spacing(8),
+      justifyContent: 'space-between'
+    },
+    content: {
+      gap: theme.spacing(2),
+      minHeight: 20
     }
   };
 };
@@ -35,17 +50,16 @@ function Radio(props) {
     checked = false,
     children,
     checkedIcon: checkIconProp,
-    uncheckedIcon: uncheckedIconProp,
     disabled = false,
-    iconPlacement = 'left',
     onChange: onChangeProp,
+    startIcon: startIconProp,
     style,
     value,
     ...otherProps
   } = props;
+  const theme = (0, _styles.useTheme)();
   const styles = useStyles();
-
-  const context = _react.default.useContext(_RadioContextProvider.RadioContext);
+  const context = (0, _react.useContext)(_RadioContextProvider.RadioContext);
 
   const handlePress = () => {
     const onChange = (context === null || context === void 0 ? void 0 : context.onChange) ?? onChangeProp;
@@ -57,25 +71,32 @@ function Radio(props) {
 
   const isChecked = (context === null || context === void 0 ? void 0 : context.value) === value ?? checked;
 
-  const checkedIcon = checkIconProp ?? /*#__PURE__*/_react.default.createElement(_internal.RadioChecked, {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
-    color: 'primary'
+  const defaultCheckedIcon = /*#__PURE__*/_react.default.createElement(_internal.Check, {
+    color: 'accent',
+    enableV2: true
   });
 
-  const uncheckedIcon = uncheckedIconProp ?? /*#__PURE__*/_react.default.createElement(_internal.Radio, {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
-    color: 'tertiary'
+  const checkedIcon = checkIconProp ?? defaultCheckedIcon;
+  const icon = isChecked ? checkedIcon : null;
+  const startIcon = (0, _utils.cloneElementSafely)(startIconProp, {
+    color: 'strong'
   });
-
-  const icon = isChecked ? checkedIcon : uncheckedIcon;
   const rootStyle = (0, _styles.css)([styles.root, style]);
+  const fontStyle = (0, _styles.createFontStyle)(theme, {
+    // TODO: apply typo select.
+    color: theme.palette.text.strong
+  });
   return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
     disabled: disabled,
     onPress: handlePress,
     style: rootStyle
-  }, otherProps), iconPlacement === 'left' ? icon : null, children ? children : null, iconPlacement === 'right' ? icon : null);
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_Row.default, {
+    alignItems: 'center',
+    style: styles.content
+  }, startIcon, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    children: children,
+    style: fontStyle
+  })), icon);
 }
 
 ;

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

@@ -1 +1 @@
-{"version":3,"names":["ICON_SIZE","useStyles","root","alignItems","flexDirection","Radio","props","checked","children","checkedIcon","checkIconProp","uncheckedIcon","uncheckedIconProp","disabled","iconPlacement","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        checkedIcon: checkIconProp,\n        uncheckedIcon: uncheckedIconProp,\n        disabled = false,\n        iconPlacement = 'left',\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 checkedIcon = checkIconProp ?? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>;\n    const uncheckedIcon = uncheckedIconProp ?? <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n    const icon = isChecked ? checkedIcon : uncheckedIcon;\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            {iconPlacement === 'left' ? icon : null}\n\n            {children ? children : null}\n\n            {iconPlacement === 'right' ? icon : 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,WAAW,EAAEC,aAHX;IAIFC,aAAa,EAAEC,iBAJb;IAKFC,QAAQ,GAAG,KALT;IAMFC,aAAa,GAAG,MANd;IAOFC,QAAQ,EAAEC,YAPR;IAQFC,KARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFb,KAXJ;EAaA,MAAMc,MAAM,GAAGnB,SAAS,EAAxB;;EAEA,MAAMoB,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,IAA4BX,OAA9C;;EAEA,MAAME,WAAW,GAAGC,aAAa,iBAAI,6BAAC,sBAAD;IAAkB,KAAK,EAAEV,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EAArC;;EACA,MAAMW,aAAa,GAAGC,iBAAiB,iBAAI,6BAAC,eAAD;IAAW,KAAK,EAAEZ,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAA3C;;EACA,MAAM2B,IAAI,GAAGD,SAAS,GAAGjB,WAAH,GAAiBE,aAAvC;EAEA,MAAMiB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBT,MAAM,CAAClB,IADW,EAElBe,KAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEY,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQT,UAJR,GAMKL,aAAa,KAAK,MAAlB,GAA2Ba,IAA3B,GAAkC,IANvC,EAQKnB,QAAQ,GAAGA,QAAH,GAAc,IAR3B,EAUKM,aAAa,KAAK,OAAlB,GAA4Ba,IAA5B,GAAmC,IAVxC,CADJ;AAcH;;AAAA"}
+{"version":3,"names":["useStyles","theme","useTheme","root","alignItems","flexDirection","gap","spacing","justifyContent","content","minHeight","Radio","props","checked","children","checkedIcon","checkIconProp","disabled","onChange","onChangeProp","startIcon","startIconProp","style","value","otherProps","styles","context","useContext","RadioContext","handlePress","isChecked","defaultCheckedIcon","icon","cloneElementSafely","color","rootStyle","css","fontStyle","createFontStyle","palette","text","strong"],"sources":["Radio.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Check as CheckedIcon } from '../internal';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root' | 'content'>;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n            gap: theme.spacing(8),\n            justifyContent: 'space-between',\n        },\n        content: {\n            gap: theme.spacing(2),\n            minHeight: 20,\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        checkedIcon: checkIconProp,\n        disabled = false,\n        onChange: onChangeProp,\n        startIcon: startIconProp,\n        style,\n        value,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const context = 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 defaultCheckedIcon = (\n        <CheckedIcon\n            color={'accent'}\n            enableV2={true}\n        />\n    );\n\n    const checkedIcon = checkIconProp ?? defaultCheckedIcon;\n    const icon = isChecked ? checkedIcon : null;\n\n    const startIcon = cloneElementSafely(startIconProp, { color: 'strong' });\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        // TODO: apply typo select.\n        color: theme.palette.text.strong,\n    });\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            <Row\n                alignItems={'center'}\n                style={styles.content}\n            >\n                {startIcon}\n\n                <Text\n                    children={children}\n                    style={fontStyle}\n                />\n            </Row>\n\n            {icon}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAKA,MAAMA,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE,KAFb;MAGFC,GAAG,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,CAHH;MAIFC,cAAc,EAAE;IAJd,CADH;IAOHC,OAAO,EAAE;MACLH,GAAG,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,CADA;MAELG,SAAS,EAAE;IAFN;EAPN,CAAP;AAYH,CAfD;;AAiBe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,WAAW,EAAEC,aAHX;IAIFC,QAAQ,GAAG,KAJT;IAKFC,QAAQ,EAAEC,YALR;IAMFC,SAAS,EAAEC,aANT;IAOFC,KAPE;IAQFC,KARE;IASF,GAAGC;EATD,IAUFZ,KAVJ;EAYA,MAAMX,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMuB,MAAM,GAAGzB,SAAS,EAAxB;EAEA,MAAM0B,OAAO,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAAhB;;EAEA,MAAMC,WAAW,GAAG,MAAM;IACtB,MAAMX,QAAQ,GAAG,CAAAQ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAER,QAAT,KAAqBC,YAAtC;;IACA,IAAID,QAAJ,EAAc;MACVA,QAAQ,CAACK,KAAD,CAAR;IACH;EACJ,CALD;;EAOA,MAAMO,SAAS,GAAG,CAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BV,OAA9C;;EAEA,MAAMkB,kBAAkB,gBACpB,6BAAC,eAAD;IACI,KAAK,EAAE,QADX;IAEI,QAAQ,EAAE;EAFd,EADJ;;EAOA,MAAMhB,WAAW,GAAGC,aAAa,IAAIe,kBAArC;EACA,MAAMC,IAAI,GAAGF,SAAS,GAAGf,WAAH,GAAiB,IAAvC;EAEA,MAAMK,SAAS,GAAG,IAAAa,yBAAA,EAAmBZ,aAAnB,EAAkC;IAAEa,KAAK,EAAE;EAAT,CAAlC,CAAlB;EAEA,MAAMC,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBX,MAAM,CAACtB,IADW,EAElBmB,KAFkB,CAAJ,CAAlB;EAKA,MAAMe,SAAS,GAAG,IAAAC,uBAAA,EAAgBrC,KAAhB,EAAuB;IACrC;IACAiC,KAAK,EAAEjC,KAAK,CAACsC,OAAN,CAAcC,IAAd,CAAmBC;EAFW,CAAvB,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAExB,QADd;IAEI,OAAO,EAAEY,WAFb;IAGI,KAAK,EAAEM;EAHX,GAIQX,UAJR,gBAMI,6BAAC,YAAD;IACI,UAAU,EAAE,QADhB;IAEI,KAAK,EAAEC,MAAM,CAAChB;EAFlB,GAIKW,SAJL,eAMI,6BAAC,iBAAD;IACI,QAAQ,EAAEN,QADd;IAEI,KAAK,EAAEuB;EAFX,EANJ,CANJ,EAkBKL,IAlBL,CADJ;AAsBH;;AAAA"}

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

@@ -1 +1 @@
-{"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    /**\n     * Determines the placement of the icon relative to the children.\n     * @default 'left'\n     */\n    iconPlacement?: 'right' | 'left';\n\n    /**\n     * Custom icon element to display when the radio is unchecked.\n     */\n    uncheckedIcon?: React.ReactNode;\n\n    /**\n     * Custom icon element to display when the radio is checked.\n     */\n    checkedIcon?: React.ReactNode;\n}> {}\n"],"mappings":""}
+{"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     * Custom icon element to display when the radio is checked.\n     */\n    checkedIcon?: React.ReactNode;\n\n    /**\n     * Content which is sharing pressable next to radio.\n     */\n    children?: string;\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     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * Value of the component.\n     */\n    value: string;\n}> {}\n"],"mappings":""}

package/build/commonjs/Radio/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Radio.default;
+    return _LegacyRadio.default;
   }
 });
 
-var _Radio = _interopRequireDefault(require("./Radio"));
+var _LegacyRadio = _interopRequireDefault(require("./LegacyRadio"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

package/build/commonjs/RadioGroup/LegacyRadioGroup.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RadioGroup;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _RadioContextProvider = _interopRequireDefault(require("./RadioContextProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function RadioGroup(props) {
+  const {
+    value,
+    onChange,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_RadioContextProvider.default, {
+    value: {
+      value,
+      onChange
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps));
+}
+
+;
+//# sourceMappingURL=LegacyRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RadioGroup","props","value","onChange","otherProps"],"sources":["LegacyRadioGroup.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/RadioGroup.js

@@ -5,26 +5,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = RadioGroup;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _styles = require("../styles");
+
+var _utils = require("../utils");
+
 var _RadioContextProvider = _interopRequireDefault(require("./RadioContextProvider"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useStyles = function () {
+  const theme = (0, _styles.useTheme)();
+  return {
+    root: {
+      borderBottomColor: theme.palette.border.weak,
+      borderBottomWidth: 0.5,
+      paddingVertical: theme.spacing(3.5)
+    }
+  };
+};
+
 function RadioGroup(props) {
   const {
+    children,
     value,
     onChange,
     ...otherProps
   } = props;
+  const styles = useStyles();
+
+  const radios = _react.Children.map(children, child => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.root
+  }, (0, _utils.cloneElementSafely)(child)));
+
   return /*#__PURE__*/_react.default.createElement(_RadioContextProvider.default, {
     value: {
       value,
       onChange
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps));
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps, radios));
 }
 
 ;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["useStyles","theme","useTheme","root","borderBottomColor","palette","border","weak","borderBottomWidth","paddingVertical","spacing","RadioGroup","props","children","value","onChange","otherProps","styles","radios","Children","map","child","cloneElementSafely"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\ntype RadioItemStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<RadioItemStyles> = function (): RadioItemStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            paddingVertical: theme.spacing(3.5),\n        },\n    };\n};\n\nexport default function RadioGroup(props: RadioGroupProps) {\n    const {\n        children,\n        value,\n        onChange,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const radios = Children.map(children, (child) => (\n        <View style={styles.root}>\n            {cloneElementSafely(child as FalsyReactElement)}\n        </View>\n    ));\n\n    return (\n        <RadioContextProvider value={{ value, onChange }}>\n            <View {...otherProps}>\n                {radios}\n            </View>\n        </RadioContextProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;AAKA,MAAMA,SAAqC,GAAG,YAA6B;EACvE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,iBAAiB,EAAEH,KAAK,CAACI,OAAN,CAAcC,MAAd,CAAqBC,IADtC;MAEFC,iBAAiB,EAAE,GAFjB;MAGFC,eAAe,EAAER,KAAK,CAACS,OAAN,CAAc,GAAd;IAHf;EADH,CAAP;AAOH,CAVD;;AAYe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC,QAHE;IAIF,GAAGC;EAJD,IAKFJ,KALJ;EAOA,MAAMK,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,MAAMkB,MAAM,GAAGC,eAAA,CAASC,GAAT,CAAaP,QAAb,EAAwBQ,KAAD,iBAClC,6BAAC,iBAAD;IAAM,KAAK,EAAEJ,MAAM,CAACd;EAApB,GACK,IAAAmB,yBAAA,EAAmBD,KAAnB,CADL,CADW,CAAf;;EAMA,oBACI,6BAAC,6BAAD;IAAsB,KAAK,EAAE;MAAEP,KAAF;MAASC;IAAT;EAA7B,gBACI,6BAAC,iBAAD,EAAUC,UAAV,EACKE,MADL,CADJ,CADJ;AAOH;;AAAA"}

package/build/commonjs/RadioGroup/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _RadioGroup.default;
+    return _LegacyRadioGroup.default;
   }
 });
 
-var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
+var _LegacyRadioGroup = _interopRequireDefault(require("./LegacyRadioGroup"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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