@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.10

package/build/commonjs/Divider/LegacyDivider.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Divider;
-
-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 styles = _styles.StyleSheet.create({
-  container: {
-    alignSelf: 'stretch',
-    alignItems: 'center'
-  },
-  row: {
-    flexDirection: 'row'
-  },
-  column: {
-    flexDirection: 'column'
-  },
-  divider: {
-    flexGrow: 1
-  }
-});
-
-function Divider(props) {
-  const {
-    borderWidth = 1,
-    children: childrenProp,
-    color = 'divider',
-    elementAlign = 'center',
-    inset = 0,
-    marginBetweenChildren = 2,
-    style,
-    vertical = false,
-    ...otherProps
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const fontColor = theme.palette.text.secondary;
-  const borderColor = color === 'divider' ? theme.palette.divider : color === 'border' ? theme.palette.border.default : theme.palette[color].main;
-  const marginSize = theme.spacing(1);
-  const insetSize = theme.spacing(inset);
-  const marginLeft = marginSize;
-  const marginRight = marginSize;
-  const marginTop = marginSize;
-  const marginBottom = marginSize;
-  const marginStyle = vertical ? {
-    marginLeft,
-    marginRight
-  } : {
-    marginTop,
-    marginBottom
-  };
-  const insetStyle = vertical ? {
-    marginTop: insetSize,
-    marginBottom: insetSize
-  } : {
-    marginLeft: insetSize,
-    marginRight: insetSize
-  };
-  const borderColorStyle = {
-    borderColor
-  };
-  const borderWidthStyle = vertical ? {
-    borderRightWidth: borderWidth
-  } : {
-    borderBottomWidth: borderWidth
-  };
-  const containerStyle = (0, _styles.css)([insetStyle, marginStyle, styles.container, vertical ? styles.column : styles.row, childrenProp ? undefined : borderColorStyle, childrenProp ? undefined : borderWidthStyle, style]);
-  const dividerStyle = (0, _styles.css)([borderColorStyle, borderWidthStyle, styles.divider]);
-  const dividerMarginSize = theme.spacing(marginBetweenChildren);
-  const startDividerStyle = {
-    display: elementAlign !== 'start' ? 'flex' : 'none',
-    ...(vertical ? {
-      marginBottom: dividerMarginSize
-    } : {
-      marginRight: dividerMarginSize
-    })
-  };
-  const endDividerStyle = {
-    display: elementAlign !== 'end' ? 'flex' : 'none',
-    ...(vertical ? {
-      marginTop: dividerMarginSize
-    } : {
-      marginLeft: dividerMarginSize
-    })
-  };
-  const fontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => typo.caption2,
-    color: fontColor
-  });
-  const element = typeof childrenProp === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: (0, _styles.css)(fontStyle)
-  }, childrenProp) : childrenProp;
-  const children = childrenProp ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: (0, _styles.css)([dividerStyle, startDividerStyle])
-  }), element, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: (0, _styles.css)([dividerStyle, endDividerStyle])
-  })) : null;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    style: containerStyle
-  }, otherProps), children);
-}
-
-;
-//# sourceMappingURL=LegacyDivider.js.map

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

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

package/build/commonjs/Divider/LegacyDividerProps.js

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

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

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

package/build/commonjs/IconButton/LegacyIconButton.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = IconButton;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-var _styles = require("../styles");
-
-var _utils = require("../utils");
-
-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 iconSizes = {
-  tiny: 16,
-  small: 20,
-  medium: 24,
-  large: 28
-};
-
-const useStyles = function () {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignItems: 'center',
-      padding: theme.spacing(1)
-    }
-  };
-};
-
-function IconButton(props) {
-  const {
-    children,
-    color = 'primary',
-    disabled = false,
-    label,
-    onPress,
-    size = 'medium',
-    style,
-    iconSize,
-    ...otherProps
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const styles = useStyles();
-  const icon = (0, _utils.cloneElementSafely)(children, {
-    width: iconSize ?? iconSizes[size],
-    height: iconSize ?? iconSizes[size],
-    color: color
-  });
-  const fontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => typo.caption1,
-    color: theme.palette[color].main
-  });
-  const labelStyle = (0, _styles.css)([fontStyle]);
-  const rootStyle = (0, _styles.css)([styles.root, style]);
-
-  const handlePress = async () => {
-    if (disabled) {
-      return;
-    }
-
-    if (onPress) {
-      onPress();
-      return;
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    style: rootStyle
-  }, otherProps), icon, label ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: label,
-    style: labelStyle
-  }) : null);
-}
-
-;
-//# sourceMappingURL=LegacyIconButton.js.map

package/build/commonjs/IconButton/LegacyIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconSizes","tiny","small","medium","large","useStyles","theme","useTheme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","iconSize","otherProps","styles","icon","cloneElementSafely","width","height","fontStyle","createFontStyle","selector","typo","caption1","palette","main","labelStyle","css","rootStyle","handlePress"],"sources":["LegacyIconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './LegacyIconButtonProps';\nimport type { IconButtonSize } from './LegacyIconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        iconSize,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSize ?? iconSizes[size],\n        height: iconSize ?? iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAQA,MAAMA,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQFC,QARE;IASF,GAAGC;EATD,IAUFT,KAVJ;EAYA,MAAMT,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMkB,MAAM,GAAGpB,SAAS,EAAxB;EAEA,MAAMqB,IAAI,GAAG,IAAAC,yBAAA,EAAmBX,QAAnB,EAA6B;IACtCY,KAAK,EAAEL,QAAQ,IAAIvB,SAAS,CAACqB,IAAD,CADU;IAEtCQ,MAAM,EAAEN,QAAQ,IAAIvB,SAAS,CAACqB,IAAD,CAFS;IAGtCJ,KAAK,EAAEA;EAH+B,CAA7B,CAAb;EAMA,MAAMa,SAAS,GAAG,IAAAC,uBAAA,EAAgBzB,KAAhB,EAAuB;IACrC0B,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErCjB,KAAK,EAAEX,KAAK,CAAC6B,OAAN,CAAclB,KAAd,EAAqBmB;EAFS,CAAvB,CAAlB;EAKA,MAAMC,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBR,SADmB,CAAJ,CAAnB;EAIA,MAAMS,SAAS,GAAG,IAAAD,WAAA,EAAI,CAClBb,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;EAKA,MAAMkB,WAAW,GAAG,YAAY;IAC5B,IAAItB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEsB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQf,UAJR,GAMKE,IANL,EAQKP,KAAK,gBACF,6BAAC,iBAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEkB;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;;AAAA"}

package/build/commonjs/IconButton/LegacyIconButtonProps.js

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

package/build/commonjs/IconButton/LegacyIconButtonProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyIconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The icon element.\n     */\n    children: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: IconButtonColor;\n\n    /**\n     *  If present, this is typography displayed at the bottom of the icon.\n     */\n    label?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: IconButtonSize;\n\n    /**\n     * The custom size of the Icon. Not preDefined.\n     */\n    iconSize?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/Pagination/LegacyPagination.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Pagination;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _utils = require("@fountain-ui/utils");
-
-var _icons = require("../internal/icons");
-
-var _styles = require("../styles");
-
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-
-var _LegacyPaginationItem = _interopRequireDefault(require("../PaginationItem/LegacyPaginationItem"));
-
-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)();
-  return {
-    root: {},
-    rootInline: {
-      flexDirection: 'row',
-      alignItems: 'center'
-    },
-    rootAnchor: {
-      flexDirection: 'column'
-    },
-    items: {
-      flexDirection: 'row',
-      justifyContent: 'center',
-      marginTop: theme.spacing(2)
-    },
-    arrowContainer: {
-      flexDirection: 'column',
-      justifyContent: 'center'
-    },
-    prevInline: {
-      marginRight: theme.spacing(1)
-    },
-    prevAnchor: {
-      position: 'absolute',
-      left: -24
-    },
-    nextInline: {
-      marginLeft: theme.spacing(1)
-    },
-    nextAnchor: {
-      position: 'absolute',
-      right: -24
-    }
-  };
-};
-
-function Pagination(props) {
-  const {
-    bundleSize = 1,
-    children,
-    count,
-    disabled = false,
-    hideIndicator = false,
-    hideNextButton = false,
-    hidePrevButton = false,
-    infinite = false,
-    onChange,
-    page,
-    renderItem = _ref => {
-      let {
-        index,
-        ...rest
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_LegacyPaginationItem.default, _extends({
-        key: `${index}`
-      }, rest));
-    },
-    style,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  const firstPage = 0;
-  const lastPage = count - 1;
-
-  const handleChange = nextPage => {
-    if (nextPage >= firstPage && nextPage <= lastPage) {
-      if (onChange) {
-        onChange(nextPage);
-      }
-    }
-  };
-
-  const handlePrevPress = () => {
-    const prevPage = page - bundleSize >= firstPage ? page - bundleSize : infinite ? count - bundleSize + page : firstPage;
-    handleChange(prevPage);
-  };
-
-  const handleNextPress = () => {
-    const nextPage = page + bundleSize <= lastPage ? page + bundleSize : infinite ? page + bundleSize - count : lastPage;
-    handleChange(nextPage);
-  };
-
-  const prevButton = !hidePrevButton ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    color: 'tertiary',
-    disabled: disabled || !infinite && page <= firstPage,
-    onPress: handlePrevPress,
-    size: 'small',
-    style: children ? styles.prevAnchor : styles.prevInline
-  }, /*#__PURE__*/_react.default.createElement(_icons.ChevronLeft, null)) : null;
-  const nextButton = !hideNextButton ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    color: 'tertiary',
-    disabled: disabled || !infinite && page + bundleSize > lastPage,
-    onPress: handleNextPress,
-    size: 'small',
-    style: children ? styles.nextAnchor : styles.nextInline
-  }, /*#__PURE__*/_react.default.createElement(_icons.ChevronRight, null)) : null;
-  const items = !hideIndicator ? (0, _utils.times)(i => renderItem({
-    index: i,
-    disabled,
-    selected: i === page
-  }), count) : null;
-  const containerProps = {
-    style: (0, _styles.css)([styles.root, children ? styles.rootAnchor : styles.rootInline, style]),
-    ...otherProps
-  };
-
-  if (children) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, containerProps, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: (0, _styles.css)(styles.arrowContainer)
-    }, children, prevButton, nextButton), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: (0, _styles.css)(styles.items)
-    }, items));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, containerProps, prevButton, items, nextButton);
-}
-
-;
-//# sourceMappingURL=LegacyPagination.js.map

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

@@ -1 +0,0 @@
-{"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":["LegacyPagination.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/LegacyPaginationItem';\nimport type PaginationProps from './LegacyPaginationProps';\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            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        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":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAgBA,MAAMA,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,UAAU,EAAE;MACRC,aAAa,EAAE,KADP;MAERC,UAAU,EAAE;IAFJ,CAFT;IAMHC,UAAU,EAAE;MACRF,aAAa,EAAE;IADP,CANT;IASHG,KAAK,EAAE;MACHH,aAAa,EAAE,KADZ;MAEHI,cAAc,EAAE,QAFb;MAGHC,SAAS,EAAET,KAAK,CAACU,OAAN,CAAc,CAAd;IAHR,CATJ;IAcHC,cAAc,EAAE;MACZP,aAAa,EAAE,QADH;MAEZI,cAAc,EAAE;IAFJ,CAdb;IAkBHI,UAAU,EAAE;MACRC,WAAW,EAAEb,KAAK,CAACU,OAAN,CAAc,CAAd;IADL,CAlBT;IAqBHI,UAAU,EAAE;MACRC,QAAQ,EAAE,UADF;MAERC,IAAI,EAAE,CAAC;IAFC,CArBT;IAyBHC,UAAU,EAAE;MACRC,UAAU,EAAElB,KAAK,CAACU,OAAN,CAAc,CAAd;IADJ,CAzBT;IA4BHS,UAAU,EAAE;MACRJ,QAAQ,EAAE,UADF;MAERK,KAAK,EAAE,CAAC;IAFA;EA5BT,CAAP;AAiCH,CApCD;;AAsCe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,UAAU,GAAG,CADX;IAEFC,QAFE;IAGFC,KAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,aAAa,GAAG,KALd;IAMFC,cAAc,GAAG,KANf;IAOFC,cAAc,GAAG,KAPf;IAQFC,QAAQ,GAAG,KART;IASFC,QATE;IAUFC,IAVE;IAWFC,UAAU,GAAG;MAAA,IAAC;QAAEC,KAAF;QAAS,GAAGC;MAAZ,CAAD;MAAA,oBAAwB,6BAAC,6BAAD;QAAgB,GAAG,EAAG,GAAED,KAAM;MAA9B,GAAqCC,IAArC,EAAxB;IAAA,CAXX;IAYFC,KAZE;IAaF,GAAGC;EAbD,IAcFf,KAdJ;EAgBA,MAAMgB,MAAM,GAAGvC,SAAS,EAAxB;EAEA,MAAMwC,SAAS,GAAG,CAAlB;EACA,MAAMC,QAAQ,GAAGf,KAAK,GAAG,CAAzB;;EAEA,MAAMgB,YAAY,GAAIC,QAAD,IAAsB;IACvC,IAAIA,QAAQ,IAAIH,SAAZ,IAAyBG,QAAQ,IAAIF,QAAzC,EAAmD;MAC/C,IAAIT,QAAJ,EAAc;QACVA,QAAQ,CAACW,QAAD,CAAR;MACH;IACJ;EACJ,CAND;;EAQA,MAAMC,eAAe,GAAG,MAAM;IAC1B,MAAMC,QAAQ,GAAGZ,IAAI,GAAGT,UAAP,IAAqBgB,SAArB,GACXP,IAAI,GAAGT,UADI,GAEVO,QAAQ,GAAGL,KAAK,GAAGF,UAAR,GAAqBS,IAAxB,GAA+BO,SAF9C;IAIAE,YAAY,CAACG,QAAD,CAAZ;EACH,CAND;;EAQA,MAAMC,eAAe,GAAG,MAAM;IAC1B,MAAMH,QAAQ,GAAGV,IAAI,GAAGT,UAAP,IAAqBiB,QAArB,GACXR,IAAI,GAAGT,UADI,GAEVO,QAAQ,GAAGE,IAAI,GAAGT,UAAP,GAAoBE,KAAvB,GAA+Be,QAF9C;IAIAC,YAAY,CAACC,QAAD,CAAZ;EACH,CAND;;EAQA,MAAMI,UAAU,GAAG,CAACjB,cAAD,gBACf,6BAAC,mBAAD;IACI,KAAK,EAAE,UADX;IAEI,QAAQ,EAAEH,QAAQ,IAAK,CAACI,QAAD,IAAaE,IAAI,IAAIO,SAFhD;IAGI,OAAO,EAAEI,eAHb;IAII,IAAI,EAAE,OAJV;IAKI,KAAK,EAAEnB,QAAQ,GAAGc,MAAM,CAACxB,UAAV,GAAuBwB,MAAM,CAAC1B;EALjD,gBAOI,6BAAC,kBAAD,OAPJ,CADe,GAUf,IAVJ;EAYA,MAAMmC,UAAU,GAAG,CAACnB,cAAD,gBACf,6BAAC,mBAAD;IACI,KAAK,EAAE,UADX;IAEI,QAAQ,EAAEF,QAAQ,IAAK,CAACI,QAAD,IAAaE,IAAI,GAAGT,UAAP,GAAoBiB,QAF5D;IAGI,OAAO,EAAEK,eAHb;IAII,IAAI,EAAE,OAJV;IAKI,KAAK,EAAErB,QAAQ,GAAGc,MAAM,CAACnB,UAAV,GAAuBmB,MAAM,CAACrB;EALjD,gBAOI,6BAAC,mBAAD,OAPJ,CADe,GAUf,IAVJ;EAYA,MAAMV,KAAK,GAAG,CAACoB,aAAD,GACV,IAAAqB,YAAA,EAAMC,CAAC,IAAIhB,UAAU,CAAC;IAAEC,KAAK,EAAEe,CAAT;IAAYvB,QAAZ;IAAsBwB,QAAQ,EAAED,CAAC,KAAKjB;EAAtC,CAAD,CAArB,EAAqEP,KAArE,CADU,GAEV,IAFJ;EAIA,MAAM0B,cAAc,GAAG;IACnBf,KAAK,EAAE,IAAAgB,WAAA,EAAI,CACPd,MAAM,CAACpC,IADA,EAEPsB,QAAQ,GAAGc,MAAM,CAAChC,UAAV,GAAuBgC,MAAM,CAACnC,UAF/B,EAGPiC,KAHO,CAAJ,CADY;IAMnB,GAAGC;EANgB,CAAvB;;EASA,IAAIb,QAAJ,EAAc;IACV,oBACI,6BAAC,iBAAD,EAAU2B,cAAV,eACI,6BAAC,iBAAD;MAAM,KAAK,EAAE,IAAAC,WAAA,EAAId,MAAM,CAAC3B,cAAX;IAAb,GACKa,QADL,EAEKsB,UAFL,EAGKC,UAHL,CADJ,eAOI,6BAAC,iBAAD;MAAM,KAAK,EAAE,IAAAK,WAAA,EAAId,MAAM,CAAC/B,KAAX;IAAb,GACKA,KADL,CAPJ,CADJ;EAaH;;EAED,oBACI,6BAAC,iBAAD,EAAU4C,cAAV,EACKL,UADL,EAEKvC,KAFL,EAGKwC,UAHL,CADJ;AAOH;;AAAA"}

package/build/commonjs/Pagination/LegacyPaginationProps.js

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

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

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

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

@@ -1 +0,0 @@
-{"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/Radio/LegacyRadio.js

@@ -1,82 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/RadioGroup/LegacyRadioGroup.js

@@ -1,31 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}