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

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

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

package/build/module/PaginationItem/LegacyPaginationItem.js

@@ -0,0 +1,40 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { View } from 'react-native';
+import { css, useTheme } from '../styles';
+
+const useStyles = function () {
+  const theme = 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.createElement(View, _extends({
+    style: css([styles.root, selected ? styles.selected : styles.unselected, style])
+  }, otherProps));
+}
+
+export default /*#__PURE__*/React.memo(PaginationItem);
+//# sourceMappingURL=LegacyPaginationItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","css","useTheme","useStyles","theme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","secondary","main","unselected","PaginationItem","props","disabled","style","otherProps","styles","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAA0C,GAAG,YAAkC;EACjF,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMG,IAAI,GAAG,CAAb;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAEF,IADL;MAEFG,MAAM,EAAEH,IAFN;MAGFI,YAAY,EAAEJ,IAAI,GAAG,GAHnB;MAIFK,gBAAgB,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJhB,CADH;IAOHC,QAAQ,EAAE;MACNC,eAAe,EAAET,KAAK,CAACU,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,GAAGpB,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPsB,MAAM,CAACjB,IADA,EAEPM,QAAQ,GAAGW,MAAM,CAACX,QAAV,GAAqBW,MAAM,CAACN,UAF7B,EAGPI,KAHO,CAAD;EADd,GAMQC,UANR,EADJ;AAUH;;AAED,4BAAevB,KAAK,CAACyB,IAAN,CAAWN,cAAX,CAAf"}

package/build/module/PaginationItem/PaginationItem.js

@@ -15,10 +15,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/module/PaginationItem/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","useTheme","useStyles","theme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","secondary","main","unselected","PaginationItem","props","disabled","style","otherProps","styles","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAA0C,GAAG,YAAkC;EACjF,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMG,IAAI,GAAG,CAAb;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAEF,IADL;MAEFG,MAAM,EAAEH,IAFN;MAGFI,YAAY,EAAEJ,IAAI,GAAG,GAHnB;MAIFK,gBAAgB,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJhB,CADH;IAOHC,QAAQ,EAAE;MACNC,eAAe,EAAET,KAAK,CAACU,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,GAAGpB,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPsB,MAAM,CAACjB,IADA,EAEPM,QAAQ,GAAGW,MAAM,CAACX,QAAV,GAAqBW,MAAM,CAACN,UAF7B,EAGPI,KAHO,CAAD;EADd,GAMQC,UANR,EADJ;AAUH;;AAED,4BAAevB,KAAK,CAACyB,IAAN,CAAWN,cAAX,CAAf"}
+{"version":3,"names":["React","View","css","useTheme","useStyles","theme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","fill","base","unselected","status","disabled","PaginationItem","props","style","otherProps","styles","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAA0C,GAAG,YAAkC;EACjF,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMG,IAAI,GAAG,CAAb;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAEF,IADL;MAEFG,MAAM,EAAEH,IAFN;MAGFI,YAAY,EAAEJ,IAAI,GAAG,GAHnB;MAIFK,gBAAgB,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJhB,CADH;IAOHC,QAAQ,EAAE;MACNC,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,CAAmBC;IAD9B,CAPP;IAUHC,UAAU,EAAE;MACRJ,eAAe,EAAET,KAAK,CAACU,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,GAAGrB,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPuB,MAAM,CAAClB,IADA,EAEPM,QAAQ,GAAGY,MAAM,CAACZ,QAAV,GAAqBY,MAAM,CAACP,UAF7B,EAGPK,KAHO,CAAD;EADd,GAMQC,UANR,EADJ;AAUH;;AAED,4BAAexB,KAAK,CAAC0B,IAAN,CAAWL,cAAX,CAAf"}

package/build/module/Radio/LegacyRadio.js

@@ -0,0 +1,63 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import ButtonBase from '../ButtonBase';
+import { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';
+import { css } from '../styles';
+import { RadioContext } from '../RadioGroup/RadioContextProvider';
+const ICON_SIZE = 20;
+
+const useStyles = function () {
+  return {
+    root: {
+      alignItems: 'center',
+      flexDirection: 'row'
+    }
+  };
+};
+
+export default 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.useContext(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.createElement(RadioCheckedIcon, {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    color: 'primary'
+  });
+  const uncheckedIcon = uncheckedIconProp ?? /*#__PURE__*/React.createElement(RadioIcon, {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    color: 'tertiary'
+  });
+  const icon = isChecked ? checkedIcon : uncheckedIcon;
+  const rootStyle = css([styles.root, style]);
+  return /*#__PURE__*/React.createElement(ButtonBase, _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/module/Radio/LegacyRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ButtonBase","Radio","RadioIcon","RadioChecked","RadioCheckedIcon","css","RadioContext","ICON_SIZE","useStyles","root","alignItems","flexDirection","props","checked","children","checkedIcon","checkIconProp","uncheckedIcon","uncheckedIconProp","disabled","iconPlacement","onChange","onChangeProp","style","value","otherProps","styles","context","useContext","handlePress","isChecked","icon","rootStyle"],"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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,YAAY,IAAIC,gBAA7C,QAAqE,aAArE;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,YAAT,QAA6B,oCAA7B;AAKA,MAAMC,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;;AASA,eAAe,SAASV,KAAT,CAAeW,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,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,OAAO,GAAG5B,KAAK,CAAC6B,UAAN,CAAiBtB,YAAjB,CAAhB;;EAEA,MAAMuB,WAAW,GAAG,MAAM;IACtB,MAAMR,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,MAAMM,SAAS,GAAG,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BX,OAA9C;EAEA,MAAME,WAAW,GAAGC,aAAa,iBAAI,oBAAC,gBAAD;IAAkB,KAAK,EAAET,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EAArC;EACA,MAAMU,aAAa,GAAGC,iBAAiB,iBAAI,oBAAC,SAAD;IAAW,KAAK,EAAEX,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAA3C;EACA,MAAMwB,IAAI,GAAGD,SAAS,GAAGf,WAAH,GAAiBE,aAAvC;EAEA,MAAMe,SAAS,GAAG3B,GAAG,CAAC,CAClBqB,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEU,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQP,UAJR,GAMKL,aAAa,KAAK,MAAlB,GAA2BW,IAA3B,GAAkC,IANvC,EAQKjB,QAAQ,GAAGA,QAAH,GAAc,IAR3B,EAUKM,aAAa,KAAK,OAAlB,GAA4BW,IAA5B,GAAmC,IAVxC,CADJ;AAcH;AAAA"}

package/build/module/Radio/LegacyRadioProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=LegacyRadioProps.js.map

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

@@ -1,17 +1,26 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React from 'react';
+import React, { useContext } from 'react';
+import { Text } from 'react-native';
 import ButtonBase from '../ButtonBase';
-import { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';
-import { css } from '../styles';
+import { Check as CheckedIcon } from '../internal';
+import Row from '../Row';
+import { createFontStyle, css, useTheme } from '../styles';
+import { cloneElementSafely } from '../utils';
 import { RadioContext } from '../RadioGroup/RadioContextProvider';
-const ICON_SIZE = 20;
 
 const useStyles = function () {
+  const theme = useTheme();
   return {
     root: {
       alignItems: 'center',
-      flexDirection: 'row'
+      flexDirection: 'row',
+      gap: theme.spacing(8),
+      justifyContent: 'space-between'
+    },
+    content: {
+      gap: theme.spacing(2),
+      minHeight: 20
     }
   };
 };
@@ -21,16 +30,16 @@ export default function Radio(props) {
     checked = false,
     children,
     checkedIcon: checkIconProp,
-    uncheckedIcon: uncheckedIconProp,
     disabled = false,
-    iconPlacement = 'left',
     onChange: onChangeProp,
+    startIcon: startIconProp,
     style,
     value,
     ...otherProps
   } = props;
+  const theme = useTheme();
   const styles = useStyles();
-  const context = React.useContext(RadioContext);
+  const context = useContext(RadioContext);
 
   const handlePress = () => {
     const onChange = (context === null || context === void 0 ? void 0 : context.onChange) ?? onChangeProp;
@@ -41,23 +50,31 @@ export default function Radio(props) {
   };
 
   const isChecked = (context === null || context === void 0 ? void 0 : context.value) === value ?? checked;
-  const checkedIcon = checkIconProp ?? /*#__PURE__*/React.createElement(RadioCheckedIcon, {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
-    color: 'primary'
+  const defaultCheckedIcon = /*#__PURE__*/React.createElement(CheckedIcon, {
+    color: 'accent',
+    enableV2: true
   });
-  const uncheckedIcon = uncheckedIconProp ?? /*#__PURE__*/React.createElement(RadioIcon, {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
-    color: 'tertiary'
+  const checkedIcon = checkIconProp ?? defaultCheckedIcon;
+  const icon = isChecked ? checkedIcon : null;
+  const startIcon = cloneElementSafely(startIconProp, {
+    color: 'strong'
   });
-  const icon = isChecked ? checkedIcon : uncheckedIcon;
   const rootStyle = css([styles.root, style]);
+  const fontStyle = createFontStyle(theme, {
+    // TODO: apply typo select.
+    color: theme.palette.text.strong
+  });
   return /*#__PURE__*/React.createElement(ButtonBase, _extends({
     disabled: disabled,
     onPress: handlePress,
     style: rootStyle
-  }, otherProps), iconPlacement === 'left' ? icon : null, children ? children : null, iconPlacement === 'right' ? icon : null);
+  }, otherProps), /*#__PURE__*/React.createElement(Row, {
+    alignItems: 'center',
+    style: styles.content
+  }, startIcon, /*#__PURE__*/React.createElement(Text, {
+    children: children,
+    style: fontStyle
+  })), icon);
 }
 ;
 //# sourceMappingURL=Radio.js.map

package/build/module/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonBase","Radio","RadioIcon","RadioChecked","RadioCheckedIcon","css","RadioContext","ICON_SIZE","useStyles","root","alignItems","flexDirection","props","checked","children","checkedIcon","checkIconProp","uncheckedIcon","uncheckedIconProp","disabled","iconPlacement","onChange","onChangeProp","style","value","otherProps","styles","context","useContext","handlePress","isChecked","icon","rootStyle"],"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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,YAAY,IAAIC,gBAA7C,QAAqE,aAArE;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,YAAT,QAA6B,oCAA7B;AAKA,MAAMC,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;;AASA,eAAe,SAASV,KAAT,CAAeW,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,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,OAAO,GAAG5B,KAAK,CAAC6B,UAAN,CAAiBtB,YAAjB,CAAhB;;EAEA,MAAMuB,WAAW,GAAG,MAAM;IACtB,MAAMR,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,MAAMM,SAAS,GAAG,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BX,OAA9C;EAEA,MAAME,WAAW,GAAGC,aAAa,iBAAI,oBAAC,gBAAD;IAAkB,KAAK,EAAET,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EAArC;EACA,MAAMU,aAAa,GAAGC,iBAAiB,iBAAI,oBAAC,SAAD;IAAW,KAAK,EAAEX,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAA3C;EACA,MAAMwB,IAAI,GAAGD,SAAS,GAAGf,WAAH,GAAiBE,aAAvC;EAEA,MAAMe,SAAS,GAAG3B,GAAG,CAAC,CAClBqB,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEU,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQP,UAJR,GAMKL,aAAa,KAAK,MAAlB,GAA2BW,IAA3B,GAAkC,IANvC,EAQKjB,QAAQ,GAAGA,QAAH,GAAc,IAR3B,EAUKM,aAAa,KAAK,OAAlB,GAA4BW,IAA5B,GAAmC,IAVxC,CADJ;AAcH;AAAA"}
+{"version":3,"names":["React","useContext","Text","ButtonBase","Check","CheckedIcon","Row","createFontStyle","css","useTheme","cloneElementSafely","RadioContext","useStyles","theme","root","alignItems","flexDirection","gap","spacing","justifyContent","content","minHeight","Radio","props","checked","children","checkedIcon","checkIconProp","disabled","onChange","onChangeProp","startIcon","startIconProp","style","value","otherProps","styles","context","handlePress","isChecked","defaultCheckedIcon","icon","color","rootStyle","fontStyle","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,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,aAArC;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AACA,SAASC,YAAT,QAA6B,oCAA7B;;AAKA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGJ,QAAQ,EAAtB;EAEA,OAAO;IACHK,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE,KAFb;MAGFC,GAAG,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd,CAHH;MAIFC,cAAc,EAAE;IAJd,CADH;IAOHC,OAAO,EAAE;MACLH,GAAG,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADA;MAELG,SAAS,EAAE;IAFN;EAPN,CAAP;AAYH,CAfD;;AAiBA,eAAe,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,MAAMV,KAAK,GAAGJ,QAAQ,EAAtB;EAEA,MAAM2B,MAAM,GAAGxB,SAAS,EAAxB;EAEA,MAAMyB,OAAO,GAAGpC,UAAU,CAACU,YAAD,CAA1B;;EAEA,MAAM2B,WAAW,GAAG,MAAM;IACtB,MAAMT,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,MAAMK,SAAS,GAAG,CAAAF,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BV,OAA9C;EAEA,MAAMgB,kBAAkB,gBACpB,oBAAC,WAAD;IACI,KAAK,EAAE,QADX;IAEI,QAAQ,EAAE;EAFd,EADJ;EAOA,MAAMd,WAAW,GAAGC,aAAa,IAAIa,kBAArC;EACA,MAAMC,IAAI,GAAGF,SAAS,GAAGb,WAAH,GAAiB,IAAvC;EAEA,MAAMK,SAAS,GAAGrB,kBAAkB,CAACsB,aAAD,EAAgB;IAAEU,KAAK,EAAE;EAAT,CAAhB,CAApC;EAEA,MAAMC,SAAS,GAAGnC,GAAG,CAAC,CAClB4B,MAAM,CAACtB,IADW,EAElBmB,KAFkB,CAAD,CAArB;EAKA,MAAMW,SAAS,GAAGrC,eAAe,CAACM,KAAD,EAAQ;IACrC;IACA6B,KAAK,EAAE7B,KAAK,CAACgC,OAAN,CAAcC,IAAd,CAAmBC;EAFW,CAAR,CAAjC;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEnB,QADd;IAEI,OAAO,EAAEU,WAFb;IAGI,KAAK,EAAEK;EAHX,GAIQR,UAJR,gBAMI,oBAAC,GAAD;IACI,UAAU,EAAE,QADhB;IAEI,KAAK,EAAEC,MAAM,CAAChB;EAFlB,GAIKW,SAJL,eAMI,oBAAC,IAAD;IACI,QAAQ,EAAEN,QADd;IAEI,KAAK,EAAEmB;EAFX,EANJ,CANJ,EAkBKH,IAlBL,CADJ;AAsBH;AAAA"}

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

@@ -1,2 +1,2 @@
-export { default } from './Radio';
+export { default } from './LegacyRadio';
 //# sourceMappingURL=index.js.map

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

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

package/build/module/RadioGroup/LegacyRadioGroup.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { View } from 'react-native';
+import RadioContextProvider from './RadioContextProvider';
+export default function RadioGroup(props) {
+  const {
+    value,
+    onChange,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/React.createElement(RadioContextProvider, {
+    value: {
+      value,
+      onChange
+    }
+  }, /*#__PURE__*/React.createElement(View, otherProps));
+}
+;
+//# sourceMappingURL=LegacyRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RadioContextProvider","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KADE;IAEFC,QAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,oBAAD;IAAsB,KAAK,EAAE;MAAEC,KAAF;MAASC;IAAT;EAA7B,gBACI,oBAAC,IAAD,EACQC,UADR,CADJ,CADJ;AAOH;AAAA"}

package/build/module/RadioGroup/RadioGroup.js

@@ -1,18 +1,37 @@
-import React from 'react';
+import React, { Children } from 'react';
 import { View } from 'react-native';
+import { useTheme } from '../styles';
+import { cloneElementSafely } from '../utils';
 import RadioContextProvider from './RadioContextProvider';
+
+const useStyles = function () {
+  const theme = useTheme();
+  return {
+    root: {
+      borderBottomColor: theme.palette.border.weak,
+      borderBottomWidth: 0.5,
+      paddingVertical: theme.spacing(3.5)
+    }
+  };
+};
+
 export default function RadioGroup(props) {
   const {
+    children,
     value,
     onChange,
     ...otherProps
   } = props;
+  const styles = useStyles();
+  const radios = Children.map(children, child => /*#__PURE__*/React.createElement(View, {
+    style: styles.root
+  }, cloneElementSafely(child)));
   return /*#__PURE__*/React.createElement(RadioContextProvider, {
     value: {
       value,
       onChange
     }
-  }, /*#__PURE__*/React.createElement(View, otherProps));
+  }, /*#__PURE__*/React.createElement(View, otherProps, radios));
 }
 ;
 //# sourceMappingURL=RadioGroup.js.map

package/build/module/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","RadioContextProvider","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KADE;IAEFC,QAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,oBAAD;IAAsB,KAAK,EAAE;MAAEC,KAAF;MAASC;IAAT;EAA7B,gBACI,oBAAC,IAAD,EACQC,UADR,CADJ,CADJ;AAOH;AAAA"}
+{"version":3,"names":["React","Children","View","useTheme","cloneElementSafely","RadioContextProvider","useStyles","theme","root","borderBottomColor","palette","border","weak","borderBottomWidth","paddingVertical","spacing","RadioGroup","props","children","value","onChange","otherProps","styles","radios","map","child"],"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,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,QAAT,QAAyB,WAAzB;AAEA,SAASC,kBAAT,QAAmC,UAAnC;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;;AAKA,MAAMC,SAAqC,GAAG,YAA6B;EACvE,MAAMC,KAAK,GAAGJ,QAAQ,EAAtB;EAEA,OAAO;IACHK,IAAI,EAAE;MACFC,iBAAiB,EAAEF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,IADtC;MAEFC,iBAAiB,EAAE,GAFjB;MAGFC,eAAe,EAAEP,KAAK,CAACQ,OAAN,CAAc,GAAd;IAHf;EADH,CAAP;AAOH,CAVD;;AAYA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC,QAHE;IAIF,GAAGC;EAJD,IAKFJ,KALJ;EAOA,MAAMK,MAAM,GAAGhB,SAAS,EAAxB;EAEA,MAAMiB,MAAM,GAAGtB,QAAQ,CAACuB,GAAT,CAAaN,QAAb,EAAwBO,KAAD,iBAClC,oBAAC,IAAD;IAAM,KAAK,EAAEH,MAAM,CAACd;EAApB,GACKJ,kBAAkB,CAACqB,KAAD,CADvB,CADW,CAAf;EAMA,oBACI,oBAAC,oBAAD;IAAsB,KAAK,EAAE;MAAEN,KAAF;MAASC;IAAT;EAA7B,gBACI,oBAAC,IAAD,EAAUC,UAAV,EACKE,MADL,CADJ,CADJ;AAOH;AAAA"}

package/build/module/RadioGroup/index.js

@@ -1,2 +1,2 @@
-export { default } from './RadioGroup';
+export { default } from './LegacyRadioGroup';
 //# sourceMappingURL=index.js.map

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

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

package/build/module/ShadowView/ShadowView.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { View } from 'react-native';
+import { css, useTheme } from '../styles';
+export default function ShadowView(props) {
+  const {
+    children,
+    style: styleProp,
+    variant = 100,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  const {
+    webShadow
+  } = theme.shadow[variant];
+  const containerStyle = css([{ ...webShadow
+  }, styleProp]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, otherProps, {
+    style: containerStyle
+  }), children);
+}
+//# sourceMappingURL=ShadowView.js.map

package/build/module/ShadowView/ShadowView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","css","useTheme","ShadowView","props","children","style","styleProp","variant","otherProps","theme","webShadow","shadow","containerStyle"],"sources":["ShadowView.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ReactNativeStyle } from '@emotion/native';\nimport type { ShadowVariant } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type ShadowViewProps from './ShadowViewProps';\n\nexport default function ShadowView(props: ShadowViewProps) {\n    const {\n        children,\n        style: styleProp,\n        variant = 100 as ShadowVariant,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const { webShadow } = theme.shadow[variant];\n\n    const containerStyle = css([\n        { ...webShadow } as ReactNativeStyle,\n        styleProp,\n    ]);\n\n    return (\n        <View\n            {...otherProps}\n            style={containerStyle}\n        >\n            {children}\n        </View>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAGA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,EAAEC,SAFL;IAGFC,OAAO,GAAG,GAHR;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMM,KAAK,GAAGR,QAAQ,EAAtB;EAEA,MAAM;IAAES;EAAF,IAAgBD,KAAK,CAACE,MAAN,CAAaJ,OAAb,CAAtB;EAEA,MAAMK,cAAc,GAAGZ,GAAG,CAAC,CACvB,EAAE,GAAGU;EAAL,CADuB,EAEvBJ,SAFuB,CAAD,CAA1B;EAKA,oBACI,oBAAC,IAAD,eACQE,UADR;IAEI,KAAK,EAAEI;EAFX,IAIKR,QAJL,CADJ;AAQH"}

package/build/module/ShadowView/ShadowView.native.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { View } from 'react-native';
+import { css, useTheme } from '../styles';
+export default function ShadowView(props) {
+  const {
+    children,
+    style: styleProp,
+    variant = 100,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  const {
+    nativeShadows
+  } = theme.shadow[variant];
+  const content = nativeShadows.reduce((accumulator, nativeShadow) => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: css([{ ...nativeShadow
+      }, styleProp])
+    }, accumulator);
+  }, children);
+  return /*#__PURE__*/React.createElement(View, otherProps, content);
+}
+//# sourceMappingURL=ShadowView.native.js.map

package/build/module/ShadowView/ShadowView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","css","useTheme","ShadowView","props","children","style","styleProp","variant","otherProps","theme","nativeShadows","shadow","content","reduce","accumulator","nativeShadow"],"sources":["ShadowView.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { ShadowVariant } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type ShadowViewProps from './ShadowViewProps';\n\nexport default function ShadowView(props: ShadowViewProps) {\n    const {\n        children,\n        style: styleProp,\n        variant = 100 as ShadowVariant,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const { nativeShadows } = theme.shadow[variant];\n\n    const content = nativeShadows.reduce((accumulator, nativeShadow) => {\n        return (\n            <View\n                style={css([\n                    { ...nativeShadow },\n                    styleProp,\n                ])}\n            >\n                {accumulator}\n            </View>\n        );\n    }, children);\n\n    return (\n        <View {...otherProps}>\n            {content}\n        </View>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,EAAEC,SAFL;IAGFC,OAAO,GAAG,GAHR;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMM,KAAK,GAAGR,QAAQ,EAAtB;EAEA,MAAM;IAAES;EAAF,IAAoBD,KAAK,CAACE,MAAN,CAAaJ,OAAb,CAA1B;EAEA,MAAMK,OAAO,GAAGF,aAAa,CAACG,MAAd,CAAqB,CAACC,WAAD,EAAcC,YAAd,KAA+B;IAChE,oBACI,oBAAC,IAAD;MACI,KAAK,EAAEf,GAAG,CAAC,CACP,EAAE,GAAGe;MAAL,CADO,EAEPT,SAFO,CAAD;IADd,GAMKQ,WANL,CADJ;EAUH,CAXe,EAWbV,QAXa,CAAhB;EAaA,oBACI,oBAAC,IAAD,EAAUI,UAAV,EACKI,OADL,CADJ;AAKH"}

package/build/module/ShadowView/ShadowViewProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ShadowViewProps.js.map

package/build/module/ShadowView/ShadowViewProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ShadowViewProps.ts"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport type { ShadowVariant } from '@fountain-ui/styles';\nimport { OverridableComponentProps } from '../types';\n\nexport default interface ShadowViewProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Determines the darkness of the shadow.\n     * @default 100\n     */\n    variant?: ShadowVariant;\n}> {}\n"],"mappings":""}

package/build/module/ShadowView/index.js

@@ -0,0 +1,2 @@
+export { default } from './ShadowView';
+//# sourceMappingURL=index.js.map

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

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

package/build/module/Snackbar/LegacySnackbar.js

@@ -0,0 +1,107 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Slide from '../Slide';
+import SnackbarContent from '../SnackbarContent';
+import { useAnimatedValue } from '../hooks';
+import { useTheme } from '../styles';
+import { isNotAndroid12 } from '../utils';
+const fadeDuration = 300;
+const fadeAnimationDelay = 100;
+
+const useStyles = function () {
+  const theme = useTheme();
+  const insets = useSafeAreaInsets();
+  return {
+    root: {
+      alignSelf: 'center',
+      bottom: theme.spacing(2),
+      maxWidth: 480,
+      paddingBottom: insets.bottom,
+      paddingHorizontal: theme.spacing(2),
+      position: 'absolute',
+      width: '100%',
+      // TODO: Need to remove zIndex.
+      zIndex: 32
+    }
+  };
+};
+
+export default function Snackbar(props) {
+  const {
+    actionLabel,
+    animatedY,
+    autoHideDuration = null,
+    children,
+    message,
+    title,
+    startIcon,
+    onActionPress,
+    onClose,
+    style,
+    visible = false,
+    ...otherProps
+  } = props;
+  const autoHideTimer = React.useRef(null);
+
+  const clearAutoHideTimeout = () => {
+    if (autoHideTimer.current !== null) {
+      clearTimeout(autoHideTimer.current);
+    }
+  };
+
+  React.useEffect(() => {
+    return () => {
+      clearAutoHideTimeout();
+    };
+  }, []);
+  React.useEffect(() => {
+    if (visible && autoHideDuration !== null) {
+      clearAutoHideTimeout(); // @ts-ignore
+
+      autoHideTimer.current = setTimeout(() => {
+        if (onClose) {
+          onClose();
+        }
+      }, autoHideDuration);
+    }
+  }, [visible, autoHideDuration, onClose]);
+  const styles = useStyles();
+  const [exited, setExited] = React.useState(true);
+  const animatedOpacity = useAnimatedValue(0);
+  const animatedStyle = {
+    opacity: animatedOpacity
+  };
+  useEffect(() => {
+    Animated.timing(animatedOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: fadeDuration,
+      delay: visible ? fadeAnimationDelay : 0,
+      easing: Easing.out(Easing.exp),
+      useNativeDriver: isNotAndroid12
+    }).start();
+  }, [visible]);
+
+  if (!visible && exited) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({
+    style: [animatedStyle, styles.root, style]
+  }, otherProps), /*#__PURE__*/React.createElement(Slide, {
+    animatedY: animatedY,
+    appear: visible,
+    onEnter: () => setExited(false),
+    onExited: () => setExited(true)
+  }, children ? children : /*#__PURE__*/React.createElement(SnackbarContent, {
+    title: title,
+    startIcon: startIcon,
+    actionLabel: actionLabel,
+    message: message,
+    onActionPress: onActionPress
+  })));
+}
+;
+//# sourceMappingURL=LegacySnackbar.js.map

package/build/module/Snackbar/LegacySnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Animated","Easing","useSafeAreaInsets","Slide","SnackbarContent","useAnimatedValue","useTheme","isNotAndroid12","fadeDuration","fadeAnimationDelay","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionLabel","animatedY","autoHideDuration","children","message","title","startIcon","onActionPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","setTimeout","styles","exited","setExited","useState","animatedOpacity","animatedStyle","opacity","timing","toValue","duration","delay","easing","out","exp","useNativeDriver","start"],"sources":["LegacySnackbar.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent';\nimport { useAnimatedValue } from '../hooks';\nimport { useTheme } from '../styles';\nimport { isNotAndroid12 } from '../utils';\nimport type SnackbarProps from './LegacySnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst fadeDuration = 300;\nconst fadeAnimationDelay = 100;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n    const theme = useTheme();\n    const insets = useSafeAreaInsets();\n\n    return {\n        root: {\n            alignSelf: 'center',\n            bottom: theme.spacing(2),\n            maxWidth: 480,\n            paddingBottom: insets.bottom,\n            paddingHorizontal: theme.spacing(2),\n            position: 'absolute',\n            width: '100%',\n            // TODO: Need to remove zIndex.\n            zIndex: 32,\n        },\n    };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n    const {\n        actionLabel,\n        animatedY,\n        autoHideDuration = null,\n        children,\n        message,\n        title,\n        startIcon,\n        onActionPress,\n        onClose,\n        style,\n        visible = false,\n        ...otherProps\n    } = props;\n\n    const autoHideTimer = React.useRef<number | null>(null);\n\n    const clearAutoHideTimeout = () => {\n        if (autoHideTimer.current !== null) {\n            clearTimeout(autoHideTimer.current);\n        }\n    };\n\n    React.useEffect(() => {\n        return () => {\n            clearAutoHideTimeout();\n        };\n    }, []);\n\n    React.useEffect(() => {\n        if (visible && autoHideDuration !== null) {\n            clearAutoHideTimeout();\n\n            // @ts-ignore\n            autoHideTimer.current = setTimeout(() => {\n                if (onClose) {\n                    onClose();\n                }\n            }, autoHideDuration);\n        }\n    }, [visible, autoHideDuration, onClose]);\n\n    const styles = useStyles();\n\n    const [exited, setExited] = React.useState(true);\n\n    const animatedOpacity = useAnimatedValue(0);\n\n    const animatedStyle = {\n        opacity: animatedOpacity,\n    };\n\n    useEffect(() => {\n        Animated.timing(animatedOpacity, {\n            toValue: visible ? 1 : 0,\n            duration: fadeDuration,\n            delay: visible ? fadeAnimationDelay : 0,\n            easing: Easing.out(Easing.exp),\n            useNativeDriver: isNotAndroid12,\n        }).start();\n    }, [visible]);\n\n    if (!visible && exited) {\n        return null;\n    }\n\n    return (\n        <Animated.View\n            style={[\n                animatedStyle,\n                styles.root,\n                style,\n            ]}\n            {...otherProps}\n        >\n            <Slide\n                animatedY={animatedY}\n                appear={visible}\n                onEnter={() => setExited(false)}\n                onExited={() => setExited(true)}\n            >\n                {children ? children : (\n                    <SnackbarContent\n                        title={title}\n                        startIcon={startIcon}\n                        actionLabel={actionLabel}\n                        message={message}\n                        onActionPress={onActionPress}\n                    />\n                )}\n            </Slide>\n        </Animated.View>\n    );\n};\n"],"mappings":"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"}

package/build/module/Snackbar/LegacySnackbarProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=LegacySnackbarProps.js.map

package/build/module/Snackbar/LegacySnackbarProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacySnackbarProps.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SnackbarProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionLabel?: string;\n\n    /**\n     * y value for animating.\n     */\n    animatedY?: Animated.Value;\n\n    /**\n     * The number of milliseconds to wait before automatically calling the\n     * `onDismiss` function. `onDismiss` should then set the state of the `visible`\n     * prop to hide the `Snackbar`. This behavior is disabled by default with\n     * the `null` value.\n     * @default null\n     */\n    autoHideDuration?: number | null;\n\n    /**\n     * Replace the `SnackbarContent` component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onActionPress?: () => void;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n\n    /**\n     * If `true`, `Snackbar` is shown.\n     * @default false\n     */\n    visible?: boolean;\n}> {}\n"],"mappings":""}