npm - @fountain-ui/core - Versions diffs - 2.0.0-beta.8 → 2.0.0-beta.9 - Mend

@fountain-ui/core 2.0.0-beta.8 → 2.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (701) hide show

package/build/commonjs/Accordion/Accordion.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.default = Accordion;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _icons = require("../internal/icons");
@@ -53,10 +53,8 @@ function Accordion(props) {
   } = props;
   const styles = useStyles();
   const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
-  const rotate = _reactNativeReanimated.default.useSharedValue(0);
-  const animatedChevronDownStyles = _reactNativeReanimated.default.useAnimatedStyle(() => ({
+  const rotate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedChevronDownStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     transform: [{
       rotate: `${rotate.value}deg`
     }]
@@ -64,7 +62,7 @@ function Accordion(props) {
   const onPress = () => {
     setIsExpanded(prev => !prev);
-    rotate.value = _reactNativeReanimated.default.withTiming(!isExpanded ? 180 : 0, ANIMATION_OPTION);
+    rotate.value = (0, _reactNativeReanimated.withTiming)(!isExpanded ? 180 : 0, ANIMATION_OPTION);
   };
   return /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {

package/build/commonjs/Accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Accordion.tsx"],"~~names":["ANIMATION_OPTION","duration","useStyles","theme","root","flexDirection","paddingVertical","spacing","Accordion","props","content","LeftIcon","RightIcon","title","titleVariant","styles","isExpanded","setIsExpanded","~~rotate~~","~~Animated~~","useSharedValue","animatedChevronDownStyles","useAnimatedStyle","transform","value","onPress","prev","withTiming","isValidElement"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAMA,MAAMA,gBAAgB,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAZ,CAAzB;;AAEA,MAAMC,SAAqC,GAAG,YAA6B;AACvE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,KADb;AAEFC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd;AAFf;AADH,GAAP;AAMH,CATD;;AAWe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,OADE;AAEFC,IAAAA,QAFE;AAGFC,IAAAA,SAHE;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,YAAY,GAAG;AALb,MAMFL,KANJ;AAQA,QAAMM,MAAM,GAAGb,SAAS,EAAxB;AAEA,QAAM,CAACc,UAAD,EAAaC,aAAb,IAA8B,qBAAS,KAAT,CAApC;;AACA,QAAMC,MAAM,GAAGC,+BAASC,cAAT,CAAwB,CAAxB,CAAf;;AAEA,QAAMC,yBAAyB,GAAGF,+BAASG,gBAAT,CAA0B,OAAO;AAC/DC,IAAAA,SAAS,EAAE,CAAC;AAAEL,MAAAA,MAAM,EAAG,GAAEA,MAAM,CAACM,KAAM;AAA1B,KAAD;AADoD,GAAP,CAA1B,CAAlC;;AAIA,QAAMC,OAAO,GAAG,MAAM;AAClBR,IAAAA,aAAa,CAACS,IAAI,IAAI,CAACA,IAAV,CAAb;AACAR,IAAAA,MAAM,CAACM,KAAP,GAAeL,+BAASQ,UAAT,CAAoB,CAACX,UAAD,GAAc,GAAd,GAAoB,CAAxC,EAA2ChB,gBAA3C,CAAf;AACH,GAHD;;AAKA,sBACI,6BAAC,eAAD,qBACI,6BAAC,mBAAD;AACI,IAAA,OAAO,EAAEyB,OADb;AAEI,IAAA,KAAK,EAAEV,MAAM,CAACX;AAFlB,KAIKO,QAAQ,gBACL,6BAAC,cAAD,CAAO,QAAP,QACKA,QADL,eAEI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAFJ,CADK,GAKL,IATR,eAWI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEE,KADd;AAEI,IAAA,OAAO,EAAEC;AAFb,IAXJ,eAgBI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAhBJ,eAkBI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAlBJ,eAoBI,6BAAC,eAAD,qBACI,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEO;AAAtB,KACKT,SAAS,GAAGA,SAAH,gBAAe,6BAAC,kBAAD,OAD7B,CADJ,CApBJ,CADJ,EA4BKI,UAAU,GACP,4BAAMY,cAAN,CAAqBlB,OAArB,IAAiCA,OAAjC,gBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEA,OADd;AAEI,IAAA,KAAK,EAAE,eAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IAFG,GAQP,IApCR,eAsCI,6BAAC,gBAAD,OAtCJ,CADJ;AA0CH","sourcesContent":["import React, { useState } from 'react';\nimport Animated from 'react-native-reanimated';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { ChevronDown as ChevronDownIcon } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Divider from '../Divider';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport { useTheme } from '../styles';\n\nimport AccordionProps from './AccordionProps';\n\ntype AccordionStyles = NamedStylesStringUnion<'root'>;\n\nconst ANIMATION_OPTION = { duration: 250 };\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'row',\n paddingVertical: theme.spacing(3),\n },\n };\n};\n\nexport default function Accordion(props: AccordionProps) {\n const {\n content,\n LeftIcon,\n RightIcon,\n title,\n titleVariant = 'subtitle2',\n } = props;\n\n const styles = useStyles();\n\n const [isExpanded, setIsExpanded] = useState(false);\n const rotate = ~~Animated.~~useSharedValue(0);\n\n const animatedChevronDownStyles = ~~Animated.~~useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotate.value}deg` }],\n }));\n\n const onPress = () => {\n setIsExpanded(prev => !prev);\n rotate.value = ~~Animated.~~withTiming(!isExpanded ? 180 : 0, ANIMATION_OPTION);\n };\n\n return (\n <Column>\n <ButtonBase\n onPress={onPress}\n style={styles.root}\n >\n {LeftIcon ? (\n <React.Fragment>\n {LeftIcon}\n <Spacer size={2}/>\n </React.Fragment>\n ) : null}\n\n <Typography\n children={title}\n variant={titleVariant}\n />\n\n <Spacer flex={1}/>\n\n <Spacer size={2}/>\n\n <Column>\n <Animated.View style={animatedChevronDownStyles}>\n {RightIcon ? RightIcon : <ChevronDownIcon/>}\n </Animated.View>\n </Column>\n </ButtonBase>\n\n {isExpanded ? (\n React.isValidElement(content) ? (content) : (\n <Typography\n children={content}\n color={'textSecondary'}\n variant={'body2'}\n />\n )\n ) : null}\n\n <Divider/>\n </Column>\n );\n}\n"]}
1	+ {"version":3,"names":["ANIMATION_OPTION","duration","useStyles","theme","useTheme","root","flexDirection","paddingVertical","spacing","Accordion","props","content","LeftIcon","RightIcon","title","titleVariant","styles","isExpanded","setIsExpanded","useState","rotate","useSharedValue","animatedChevronDownStyles","useAnimatedStyle","transform","value","onPress","prev","withTiming","React","isValidElement"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { ChevronDown as ChevronDownIcon } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Divider from '../Divider';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport { useTheme } from '../styles';\n\nimport AccordionProps from './AccordionProps';\n\ntype AccordionStyles = NamedStylesStringUnion<'root'>;\n\nconst ANIMATION_OPTION = { duration: 250 };\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'row',\n paddingVertical: theme.spacing(3),\n },\n };\n};\n\nexport default function Accordion(props: AccordionProps) {\n const {\n content,\n LeftIcon,\n RightIcon,\n title,\n titleVariant = 'subtitle2',\n } = props;\n\n const styles = useStyles();\n\n const [isExpanded, setIsExpanded] = useState(false);\n const rotate = useSharedValue(0);\n\n const animatedChevronDownStyles = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotate.value}deg` }],\n }));\n\n const onPress = () => {\n setIsExpanded(prev => !prev);\n rotate.value = withTiming(!isExpanded ? 180 : 0, ANIMATION_OPTION);\n };\n\n return (\n <Column>\n <ButtonBase\n onPress={onPress}\n style={styles.root}\n >\n {LeftIcon ? (\n <React.Fragment>\n {LeftIcon}\n <Spacer size={2}/>\n </React.Fragment>\n ) : null}\n\n <Typography\n children={title}\n variant={titleVariant}\n />\n\n <Spacer flex={1}/>\n\n <Spacer size={2}/>\n\n <Column>\n <Animated.View style={animatedChevronDownStyles}>\n {RightIcon ? RightIcon : <ChevronDownIcon/>}\n </Animated.View>\n </Column>\n </ButtonBase>\n\n {isExpanded ? (\n React.isValidElement(content) ? (content) : (\n <Typography\n children={content}\n color={'textSecondary'}\n variant={'body2'}\n />\n )\n ) : null}\n\n <Divider/>\n </Column>\n );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAMA,MAAMA,gBAAgB,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAAzB;;AAEA,MAAMC,SAAqC,GAAG,YAA6B;EACvE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,KADb;MAEFC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd;IAFf;EADH,CAAP;AAMH,CATD;;AAWe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,OADE;IAEFC,QAFE;IAGFC,SAHE;IAIFC,KAJE;IAKFC,YAAY,GAAG;EALb,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAGd,SAAS,EAAxB;EAEA,MAAM,CAACe,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAS,KAAT,CAApC;EACA,MAAMC,MAAM,GAAG,IAAAC,qCAAA,EAAe,CAAf,CAAf;EAEA,MAAMC,yBAAyB,GAAG,IAAAC,uCAAA,EAAiB,OAAO;IACtDC,SAAS,EAAE,CAAC;MAAEJ,MAAM,EAAG,GAAEA,MAAM,CAACK,KAAM;IAA1B,CAAD;EAD2C,CAAP,CAAjB,CAAlC;;EAIA,MAAMC,OAAO,GAAG,MAAM;IAClBR,aAAa,CAACS,IAAI,IAAI,CAACA,IAAV,CAAb;IACAP,MAAM,CAACK,KAAP,GAAe,IAAAG,iCAAA,EAAW,CAACX,UAAD,GAAc,GAAd,GAAoB,CAA/B,EAAkCjB,gBAAlC,CAAf;EACH,CAHD;;EAKA,oBACI,6BAAC,eAAD,qBACI,6BAAC,mBAAD;IACI,OAAO,EAAE0B,OADb;IAEI,KAAK,EAAEV,MAAM,CAACX;EAFlB,GAIKO,QAAQ,gBACL,6BAAC,cAAD,CAAO,QAAP,QACKA,QADL,eAEI,6BAAC,eAAD;IAAQ,IAAI,EAAE;EAAd,EAFJ,CADK,GAKL,IATR,eAWI,6BAAC,mBAAD;IACI,QAAQ,EAAEE,KADd;IAEI,OAAO,EAAEC;EAFb,EAXJ,eAgBI,6BAAC,eAAD;IAAQ,IAAI,EAAE;EAAd,EAhBJ,eAkBI,6BAAC,eAAD;IAAQ,IAAI,EAAE;EAAd,EAlBJ,eAoBI,6BAAC,eAAD,qBACI,6BAAC,8BAAD,CAAU,IAAV;IAAe,KAAK,EAAEO;EAAtB,GACKT,SAAS,GAAGA,SAAH,gBAAe,6BAAC,kBAAD,OAD7B,CADJ,CApBJ,CADJ,EA4BKI,UAAU,GACP,aAAAY,cAAA,CAAMC,cAAN,CAAqBnB,OAArB,IAAiCA,OAAjC,gBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEA,OADd;IAEI,KAAK,EAAE,eAFX;IAGI,OAAO,EAAE;EAHb,EAFG,GAQP,IApCR,eAsCI,6BAAC,gBAAD,OAtCJ,CADJ;AA0CH"}

package/build/commonjs/Accordion/AccordionProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["AccordionProps.ts"],"sourcesContent":["import React from 'react';\nimport type { TypographyProps } from '../Typography';\n\nexport default interface AccordionProps {\n /*\n The content of the component.\n /\n content: string \| React.ReactNode;\n\n /\n The icon to the left of the component.\n /\n LeftIcon?: React.ReactElement;\n\n /\n The icon to the right of the component.\n /\n RightIcon?: React.ReactElement;\n\n /\n The title of the component.\n /\n title: string;\n\n /\n The variant of the component title.\n * @default 'subtitle2'\n */\n titleVariant?: TypographyProps['variant'];\n}"],"mappings":""}

package/build/commonjs/Accordion/index.js.map CHANGED Viewed

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

package/build/commonjs/AppBar/AppBar.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const useStyles = function () {
   const theme = (0, _styles.useTheme)();

package/build/commonjs/AppBar/AppBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["AppBar.tsx"],"~~names":["useStyles","theme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","React","forwardRef","props","ref","color","style","otherProps","styles","backgroundColor","palette","background","default","paper","primary","main","paperStyle"],"~~mappings~~":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAOA,MAAMA,SAAkC,GAAG,YAA0B;AACjE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,UAAU,EAAE,CAFV;AAGFC,MAAAA,KAAK,EAAE,MAHL;AAIFC,MAAAA,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;AAJnB;AADH,GAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGC,eAAMC,UAAN,CAAoC,SAASF,MAAT,CAAgBG,KAAhB,EAAuBC,GAAvB,EAA4B;AAC3E,QAAM;AACFC,IAAAA,KAAK,GAAG,SADN;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFJ,KAJJ;AAMA,QAAMV,KAAK,GAAG,uBAAd;AAEA,QAAMe,MAAM,GAAGhB,SAAS,EAAxB;AAEA,QAAMiB,eAAe,GAAGJ,KAAK,KAAK,SAAV,GAClBZ,KAAK,CAACiB,OAAN,CAAcC,UAAd,CAAyBC,OADP,GAElBP,KAAK,KAAK,OAAV,GACIZ,KAAK,CAACiB,OAAN,CAAcG,KAAd,CAAoBD,OADxB,GAEIP,KAAK,KAAK,SAAV,GACIZ,KAAK,CAACiB,OAAN,CAAcI,OAAd,CAAsBC,IAD1B,GAEI,aANd;AAQA,QAAMC,UAAU,GAAG,iBAAI,CACnBR,MAAM,CAACd,IADY,EAEnB;AAAEe,IAAAA;AAAF,GAFmB,EAGnBH,KAHmB,CAAJ,CAAnB;AAMA,sBACI,6BAAC,cAAD;AACI,IAAA,GAAG,EAAEF,GADT;AAEI,IAAA,UAAU,EAAEK,eAFhB;AAGI,IAAA,SAAS,EAAE,CAHf;AAII,IAAA,KAAK,EAAEO,UAJX;AAKI,IAAA,MAAM,EAAE;AALZ,KAMQT,UANR,EADJ;AAUH,CAnCc,CAAf;;eAqCeP,M","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n flexShrink: 0,\n width: '100%',\n zIndex: theme.zIndex.appBar,\n },\n };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n const {\n color = 'default',\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const backgroundColor = color === 'default'\n ? theme.palette.background.default\n : color === 'paper'\n ? theme.palette.paper.default\n : color === 'primary'\n ? theme.palette.primary.main\n : 'transparent';\n\n const paperStyle = css([\n styles.root,\n { backgroundColor },\n style,\n ]);\n\n return (\n <Paper\n ref={ref}\n colorValue={backgroundColor}\n elevation={0}\n style={paperStyle}\n square={true}\n {...otherProps}\n />\n );\n});\n\nexport default AppBar;\n"]}
1	+ {"version":3,"names":["useStyles","theme","useTheme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","React","forwardRef","props","ref","color","style","otherProps","styles","backgroundColor","palette","background","default","paper","primary","main","paperStyle","css"],"sources":["AppBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n flexShrink: 0,\n width: '100%',\n zIndex: theme.zIndex.appBar,\n },\n };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n const {\n color = 'default',\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const backgroundColor = color === 'default'\n ? theme.palette.background.default\n : color === 'paper'\n ? theme.palette.paper.default\n : color === 'primary'\n ? theme.palette.primary.main\n : 'transparent';\n\n const paperStyle = css([\n styles.root,\n { backgroundColor },\n style,\n ]);\n\n return (\n <Paper\n ref={ref}\n colorValue={backgroundColor}\n elevation={0}\n style={paperStyle}\n square={true}\n {...otherProps}\n />\n );\n});\n\nexport default AppBar;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAOA,MAAMA,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,UAAU,EAAE,CAFV;MAGFC,KAAK,EAAE,MAHL;MAIFC,MAAM,EAAEN,KAAK,CAACM,MAAN,CAAaC;IAJnB;EADH,CAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGC,cAAA,CAAMC,UAAN,CAAoC,SAASF,MAAT,CAAgBG,KAAhB,EAAuBC,GAAvB,EAA4B;EAC3E,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMX,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMe,MAAM,GAAGjB,SAAS,EAAxB;EAEA,MAAMkB,eAAe,GAAGJ,KAAK,KAAK,SAAV,GAClBb,KAAK,CAACkB,OAAN,CAAcC,UAAd,CAAyBC,OADP,GAElBP,KAAK,KAAK,OAAV,GACIb,KAAK,CAACkB,OAAN,CAAcG,KAAd,CAAoBD,OADxB,GAEIP,KAAK,KAAK,SAAV,GACIb,KAAK,CAACkB,OAAN,CAAcI,OAAd,CAAsBC,IAD1B,GAEI,aANd;EAQA,MAAMC,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBT,MAAM,CAACd,IADY,EAEnB;IAAEe;EAAF,CAFmB,EAGnBH,KAHmB,CAAJ,CAAnB;EAMA,oBACI,6BAAC,cAAD;IACI,GAAG,EAAEF,GADT;IAEI,UAAU,EAAEK,eAFhB;IAGI,SAAS,EAAE,CAHf;IAII,KAAK,EAAEO,UAJX;IAKI,MAAM,EAAE;EALZ,GAMQT,UANR,EADJ;AAUH,CAnCc,CAAf;;eAqCeP,M"}

package/build/commonjs/AppBar/AppBarProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["AppBarProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport type AppBarColor = 'default' \| 'paper' \| 'primary' \| 'transparent';\n\nexport default interface AppBarProps extends OverridableComponentProps<PaperProps, {\n /*\n The content of the component.\n /\n children: React.ReactNode,\n\n /\n The color of the component. It supports those theme colors that make sense for this component.\n * @default 'default'\n */\n color?: AppBarColor;\n}> {}\n"],"mappings":""}

package/build/commonjs/AppBar/index.js.map CHANGED Viewed

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

package/build/commonjs/AspectRatio/AspectRatioNative.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const useStyles = function () {
   return {

package/build/commonjs/AspectRatio/AspectRatioNative.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["AspectRatioNative.tsx"],"~~names":["useStyles","root","overflow","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","containerStyle","aspectRatio"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;AAC3E,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,QAAQ,EAAE;AADR;AADH,GAAP;AAKH,CAND;;AAQe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAGC,mBAFN;AAGFC,IAAAA,KAHE;AAIFC,IAAAA,KAAK,GAAGC,mBAJN;AAKF,OAAGC;AALD,MAMFP,KANJ;AAQA,QAAMQ,MAAM,GAAGZ,SAAS,EAAxB;;AAEA,MAAIM,KAAK,IAAI,CAAb,EAAgB;AACZ,qCAAqBA,KAArB;AACA,WAAO,IAAP;AACH;;AAED,QAAMO,cAAc,GAAG,iBAAI,CACvB;AAAEC,IAAAA,WAAW,EAAER,KAAf;AAAsBG,IAAAA;AAAtB,GADuB,EAEvBG,MAAM,CAACX,IAFgB,EAGvBO,KAHuB,CAAJ,CAAvB;AAMA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAEK;AADX,KAEQF,UAFR,GAIKN,QAJL,CADJ;AAQH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n return {\n root: {\n overflow: 'hidden',\n },\n };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n const {\n children,\n ratio = defaultRatio,\n style,\n width = defaultWidth,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n if (ratio <= 0) {\n warnRatioNotPositive(ratio);\n return null;\n }\n\n const containerStyle = css([\n { aspectRatio: ratio, width },\n styles.root,\n style,\n ]);\n\n return (\n <View\n style={containerStyle}\n {...otherProps}\n >\n {children}\n </View>\n );\n};\n"]}
1	+ {"version":3,"names":["useStyles","root","overflow","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","containerStyle","css","aspectRatio"],"sources":["AspectRatioNative.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n return {\n root: {\n overflow: 'hidden',\n },\n };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n const {\n children,\n ratio = defaultRatio,\n style,\n width = defaultWidth,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n if (ratio <= 0) {\n warnRatioNotPositive(ratio);\n return null;\n }\n\n const containerStyle = css([\n { aspectRatio: ratio, width },\n styles.root,\n style,\n ]);\n\n return (\n <View\n style={containerStyle}\n {...otherProps}\n >\n {children}\n </View>\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE;IADR;EADH,CAAP;AAKH,CAND;;AAQe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGZ,SAAS,EAAxB;;EAEA,IAAIM,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,cAAc,GAAG,IAAAC,WAAA,EAAI,CACvB;IAAEC,WAAW,EAAEV,KAAf;IAAsBG;EAAtB,CADuB,EAEvBG,MAAM,CAACX,IAFgB,EAGvBO,KAHuB,CAAJ,CAAvB;EAMA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEM;EADX,GAEQH,UAFR,GAIKN,QAJL,CADJ;AAQH;;AAAA"}

package/build/commonjs/AspectRatio/AspectRatioProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["AspectRatioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface AspectRatioProps extends OverridableComponentProps<ViewProps, {\n /*\n The content of the element.\n /\n children: React.ReactElement;\n\n /\n Aspect ratio of this component (width / height).\n * @default 1\n /\n ratio?: number;\n\n /\n Sets the width of this component.\n * @default '100%'\n */\n width?: number \| string;\n}> {}\n"],"mappings":""}

package/build/commonjs/AspectRatio/AspectRatioWeb.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const useStyles = function () {
   return {

package/build/commonjs/AspectRatio/AspectRatioWeb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["AspectRatioWeb.tsx"],"~~names":["useStyles","root","inner","height","overflow","child","StyleSheet","absoluteFillObject","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","outerStyle","innerStyle","paddingBottom","toFixed","childStyle","React","cloneElement"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;AAC3E,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,CADL;AAEHC,MAAAA,QAAQ,EAAE;AAFP,KAFJ;AAMHC,IAAAA,KAAK,EAAE,EACH,GAAGC,mBAAWC;AADX;AANJ,GAAP;AAUH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAGC,mBAFN;AAGFC,IAAAA,KAHE;AAIFC,IAAAA,KAAK,GAAGC,mBAJN;AAKF,OAAGC;AALD,MAMFP,KANJ;AAQA,QAAMQ,MAAM,GAAGjB,SAAS,EAAxB;;AAEA,MAAIW,KAAK,IAAI,CAAb,EAAgB;AACZ,qCAAqBA,KAArB;AACA,WAAO,IAAP;AACH;;AAED,QAAMO,UAAU,GAAG,iBAAI,CACnBD,MAAM,CAAChB,IADY,EAEnB;AAAEa,IAAAA;AAAF,GAFmB,EAGnBD,KAHmB,CAAJ,CAAnB;AAMA,QAAMM,UAAU,GAAG,iBAAI,CACnB;AAAEC,IAAAA,aAAa,EAAG,GAAE,CAAC,MAAMT,KAAP,EAAcU,OAAd,CAAsB,CAAtB,CAAyB;AAA7C,GADmB,EAEnBJ,MAAM,CAACf,KAFY,CAAJ,CAAnB;AAKA,QAAMoB,UAAU,GAAG,iBAAI,CACnBZ,QAAQ,CAACD,KAAT,CAAeI,KADI,EAEnBI,MAAM,CAACZ,KAFY,CAAJ,CAAnB;AAKA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAEa;AADX,KAEQF,UAFR,gBAII,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG;AAAb,kBACKI,eAAMC,YAAN,CAAmBd,QAAnB,EAA6B;AAC1BG,IAAAA,KAAK,EAAES;AADmB,GAA7B,CADL,CAJJ,CADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root' \| 'inner' \| 'child'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n return {\n root: {},\n inner: {\n height: 0,\n overflow: 'hidden',\n },\n child: {\n ...StyleSheet.absoluteFillObject,\n },\n };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n const {\n children,\n ratio = defaultRatio,\n style,\n width = defaultWidth,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n if (ratio <= 0) {\n warnRatioNotPositive(ratio);\n return null;\n }\n\n const outerStyle = css([\n styles.root,\n { width },\n style,\n ]);\n\n const innerStyle = css([\n { paddingBottom: `${(100 / ratio).toFixed(6)}%` },\n styles.inner,\n ]);\n\n const childStyle = css([\n children.props.style,\n styles.child,\n ]);\n\n return (\n <View\n style={outerStyle}\n {...otherProps}\n >\n <View style={innerStyle}>\n {React.cloneElement(children, {\n style: childStyle,\n })}\n </View>\n </View>\n );\n};\n"]}
1	+ {"version":3,"names":["useStyles","root","inner","height","overflow","child","StyleSheet","absoluteFillObject","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","outerStyle","css","innerStyle","paddingBottom","toFixed","childStyle","React","cloneElement"],"sources":["AspectRatioWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root' \| 'inner' \| 'child'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n return {\n root: {},\n inner: {\n height: 0,\n overflow: 'hidden',\n },\n child: {\n ...StyleSheet.absoluteFillObject,\n },\n };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n const {\n children,\n ratio = defaultRatio,\n style,\n width = defaultWidth,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n if (ratio <= 0) {\n warnRatioNotPositive(ratio);\n return null;\n }\n\n const outerStyle = css([\n styles.root,\n { width },\n style,\n ]);\n\n const innerStyle = css([\n { paddingBottom: `${(100 / ratio).toFixed(6)}%` },\n styles.inner,\n ]);\n\n const childStyle = css([\n children.props.style,\n styles.child,\n ]);\n\n return (\n <View\n style={outerStyle}\n {...otherProps}\n >\n <View style={innerStyle}>\n {React.cloneElement(children, {\n style: childStyle,\n })}\n </View>\n </View>\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,MAAM,EAAE,CADL;MAEHC,QAAQ,EAAE;IAFP,CAFJ;IAMHC,KAAK,EAAE,EACH,GAAGC,kBAAA,CAAWC;IADX;EANJ,CAAP;AAUH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,IAAIW,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBH,MAAM,CAAChB,IADY,EAEnB;IAAEa;EAAF,CAFmB,EAGnBD,KAHmB,CAAJ,CAAnB;EAMA,MAAMQ,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnB;IAAEE,aAAa,EAAG,GAAE,CAAC,MAAMX,KAAP,EAAcY,OAAd,CAAsB,CAAtB,CAAyB;EAA7C,CADmB,EAEnBN,MAAM,CAACf,KAFY,CAAJ,CAAnB;EAKA,MAAMsB,UAAU,GAAG,IAAAJ,WAAA,EAAI,CACnBV,QAAQ,CAACD,KAAT,CAAeI,KADI,EAEnBI,MAAM,CAACZ,KAFY,CAAJ,CAAnB;EAKA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEc;EADX,GAEQH,UAFR,gBAII,6BAAC,iBAAD;IAAM,KAAK,EAAEK;EAAb,gBACKI,cAAA,CAAMC,YAAN,CAAmBhB,QAAnB,EAA6B;IAC1BG,KAAK,EAAEW;EADmB,CAA7B,CADL,CAJJ,CADJ;AAYH;;AAAA"}

package/build/commonjs/AspectRatio/index.js.map CHANGED Viewed

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

package/build/commonjs/AspectRatio/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.native.ts"],"~~names":[],"mappings":";;;;;;;;;;;;AAAA","~~sourcesContent":["export { default } from './AspectRatioNative';"]}
1	+ {"version":3,"names":[],"sources":["index.native.ts"],"sourcesContent":["export { default } from './AspectRatioNative';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/AspectRatio/utils.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.warnRatioNotPositive = warnRatioNotPositive;
 exports.defaultWidth = exports.defaultRatio = void 0;
+exports.warnRatioNotPositive = warnRatioNotPositive;
 const defaultRatio = 1;
 exports.defaultRatio = defaultRatio;
 const defaultWidth = '100%';

package/build/commonjs/AspectRatio/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["utils.ts"],"~~names":["defaultRatio","defaultWidth","warnRatioNotPositive","ratio","process","env","NODE_ENV","console","warn"],"~~mappings~~":";;;;;;;AAAO,MAAMA,YAAY,GAAG,CAArB;;AAEA,MAAMC,YAAY,GAAG,MAArB;;;AAEA,SAASC,oBAAT,CAA8BC,KAA9B,EAA6C;AAChD,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AACvCC,IAAAA,OAAO,CAACC,IAAR,CAAc,8CAA6CL,KAAM,GAAjE;AACH;AACJ","sourcesContent":["export const defaultRatio = 1;\n\nexport const defaultWidth = '100%';\n\nexport function warnRatioNotPositive(ratio: number) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(`Aspect ratio should be positive. Provided: ${ratio}.`);\n }\n}"]}
1	+ {"version":3,"names":["defaultRatio","defaultWidth","warnRatioNotPositive","ratio","process","env","NODE_ENV","console","warn"],"sources":["utils.ts"],"sourcesContent":["export const defaultRatio = 1;\n\nexport const defaultWidth = '100%';\n\nexport function warnRatioNotPositive(ratio: number) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(`Aspect ratio should be positive. Provided: ${ratio}.`);\n }\n}"],"mappings":";;;;;;;AAAO,MAAMA,YAAY,GAAG,CAArB;;AAEA,MAAMC,YAAY,GAAG,MAArB;;;AAEA,SAASC,oBAAT,CAA8BC,KAA9B,EAA6C;EAChD,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACvCC,OAAO,CAACC,IAAR,CAAc,8CAA6CL,KAAM,GAAjE;EACH;AACJ"}

package/build/commonjs/Avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Avatar.tsx"],"~~names":["Avatar","props","size","source","variant","otherProps"],"~~mappings~~":"~~;;;;;;;AAAA;;;;AAGe,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;AAC/C,QAAM;AACFC,IAAAA,IADE;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,OAAO,GAAG,UAHR;AAIF,OAAGC;AAJD,MAKFJ,KALJ;AAOA,sBACI,yCADJ;AAGH;;AAAA~~","sourcesContent":["import React from 'react';\nimport type AvatarProps from './AvatarProps';\n\nexport default function Avatar(props: AvatarProps) {\n const {\n size,\n source,\n variant = 'circular',\n ...otherProps\n } = props;\n\n return (\n <div/>\n );\n};\n"]}
1	+ {"version":3,"names":["Avatar","props","size","source","variant","otherProps"],"sources":["Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport type AvatarProps from './AvatarProps';\n\nexport default function Avatar(props: AvatarProps) {\n const {\n size,\n source,\n variant = 'circular',\n ...otherProps\n } = props;\n\n return (\n <div/>\n );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;EAC/C,MAAM;IACFC,IADE;IAEFC,MAFE;IAGFC,OAAO,GAAG,UAHR;IAIF,GAAGC;EAJD,IAKFJ,KALJ;EAOA,oBACI,yCADJ;AAGH;;AAAA"}

package/build/commonjs/Avatar/AvatarProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["AvatarProps.ts"],"sourcesContent":["import { ComponentProps } from '../types';\n\nexport type AvatarVariant = 'circular' \| 'rounded' \| 'square';\n\nexport default interface AvatarProps extends ComponentProps<{\n /*\n The size of the avatar.\n /\n size?: string;\n\n /\n The image source attribute.\n /\n source: string;\n\n /\n The shape of the avatar.\n * @default 'circular'\n */\n variant?: AvatarVariant;\n}> {}"],"mappings":""}

package/build/commonjs/Avatar/index.js.map CHANGED Viewed

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

package/build/commonjs/Badge/Badge.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const defaultPosition = {
   vertical: 'top',

package/build/commonjs/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Badge.tsx"],"~~names":["defaultPosition","vertical","horizontal","useStyles","theme","dotSize","offset","root","badge","backgroundColor","palette","secondary","main","borderRadius","height","position","width","top","bottom","left","right","Badge","props","children","invisible","style","otherProps","styles","rootStyle","badgeStyle"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,eAA8B,GAAG;AACnCC,EAAAA,QAAQ,EAAE,KADyB;AAEnCC,EAAAA,UAAU,EAAE;AAFuB,CAAvC;;AAOA,MAAMC,SAAiC,GAAG,YAAyB;AAC/D,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAMC,OAAO,GAAG,CAAhB;AACA,QAAMC,MAAM,GAAG,CAAf;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,eAAe,EAAEL,KAAK,CAACM,OAAN,CAAcC,SAAd,CAAwBC,IADtC;AAEHC,MAAAA,YAAY,EAAER,OAAO,GAAG,GAFrB;AAGHS,MAAAA,MAAM,EAAET,OAHL;AAIHU,MAAAA,QAAQ,EAAE,UAJP;AAKHC,MAAAA,KAAK,EAAEX;AALJ,KAFJ;AASHY,IAAAA,GAAG,EAAE;AACDA,MAAAA,GAAG,EAAEX;AADJ,KATF;AAYHY,IAAAA,MAAM,EAAE;AACJA,MAAAA,MAAM,EAAEZ;AADJ,KAZL;AAeHa,IAAAA,IAAI,EAAE;AACFA,MAAAA,IAAI,EAAEb;AADJ,KAfH;AAkBHc,IAAAA,KAAK,EAAE;AACHA,MAAAA,KAAK,EAAEd;AADJ;AAlBJ,GAAP;AAsBH,CA5BD;;AA8Be,SAASe,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,SAAS,GAAG,KAFV;AAGFT,IAAAA,QAAQ,GAAGf,eAHT;AAIFyB,IAAAA,KAJE;AAKF,OAAGC;AALD,MAMFJ,KANJ;AAQA,QAAMK,MAAM,GAAGxB,SAAS,EAAxB;AAEA,QAAMyB,SAAS,GAAG,iBAAI,CAClBD,MAAM,CAACpB,IADW,EAElBkB,KAFkB,CAAJ,CAAlB;AAKA,QAAMI,UAAU,GAAG,iBAAI,CACnBF,MAAM,CAACnB,KADY,EAEnBmB,MAAM,CAACZ,QAAQ,CAACd,QAAV,CAFa,EAGnB0B,MAAM,CAACZ,QAAQ,CAACb,UAAV,CAHa,CAAJ,CAAnB;AAMA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE0B;AADX,KAEQF,UAFR,GAIKH,QAJL,EAMK,CAACC,SAAD,gBAAa,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEK;AAAb,IAAb,GAA0C,IAN/C,CADJ;AAUH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport BadgeProps, { BadgePosition } from './BadgeProps';\n\nconst defaultPosition: BadgePosition = {\n vertical: 'top',\n horizontal: 'right',\n};\n\ntype BadgeStyles = NamedStylesStringUnion<'root' \| 'badge' \| 'top' \| 'bottom' \| 'left' \| 'right'>;\n\nconst useStyles: UseStyles<BadgeStyles> = function (): BadgeStyles {\n const theme = useTheme();\n\n const dotSize = 4;\n const offset = 0;\n\n return {\n root: {},\n badge: {\n backgroundColor: theme.palette.secondary.main,\n borderRadius: dotSize * 0.5,\n height: dotSize,\n position: 'absolute',\n width: dotSize,\n },\n top: {\n top: offset,\n },\n bottom: {\n bottom: offset,\n },\n left: {\n left: offset,\n },\n right: {\n right: offset,\n },\n };\n};\n\nexport default function Badge(props: BadgeProps) {\n const {\n children,\n invisible = false,\n position = defaultPosition,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n const badgeStyle = css([\n styles.badge,\n styles[position.vertical],\n styles[position.horizontal],\n ]);\n\n return (\n <View\n style={rootStyle}\n {...otherProps}\n >\n {children}\n\n {!invisible ? <View style={badgeStyle}/> : null}\n </View>\n );\n};\n"]}
1	+ {"version":3,"names":["defaultPosition","vertical","horizontal","useStyles","theme","useTheme","dotSize","offset","root","badge","backgroundColor","palette","secondary","main","borderRadius","height","position","width","top","bottom","left","right","Badge","props","children","invisible","style","otherProps","styles","rootStyle","css","badgeStyle"],"sources":["Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport BadgeProps, { BadgePosition } from './BadgeProps';\n\nconst defaultPosition: BadgePosition = {\n vertical: 'top',\n horizontal: 'right',\n};\n\ntype BadgeStyles = NamedStylesStringUnion<'root' \| 'badge' \| 'top' \| 'bottom' \| 'left' \| 'right'>;\n\nconst useStyles: UseStyles<BadgeStyles> = function (): BadgeStyles {\n const theme = useTheme();\n\n const dotSize = 4;\n const offset = 0;\n\n return {\n root: {},\n badge: {\n backgroundColor: theme.palette.secondary.main,\n borderRadius: dotSize * 0.5,\n height: dotSize,\n position: 'absolute',\n width: dotSize,\n },\n top: {\n top: offset,\n },\n bottom: {\n bottom: offset,\n },\n left: {\n left: offset,\n },\n right: {\n right: offset,\n },\n };\n};\n\nexport default function Badge(props: BadgeProps) {\n const {\n children,\n invisible = false,\n position = defaultPosition,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n const badgeStyle = css([\n styles.badge,\n styles[position.vertical],\n styles[position.horizontal],\n ]);\n\n return (\n <View\n style={rootStyle}\n {...otherProps}\n >\n {children}\n\n {!invisible ? <View style={badgeStyle}/> : null}\n </View>\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,eAA8B,GAAG;EACnCC,QAAQ,EAAE,KADyB;EAEnCC,UAAU,EAAE;AAFuB,CAAvC;;AAOA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,OAAO,GAAG,CAAhB;EACA,MAAMC,MAAM,GAAG,CAAf;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,eAAe,EAAEN,KAAK,CAACO,OAAN,CAAcC,SAAd,CAAwBC,IADtC;MAEHC,YAAY,EAAER,OAAO,GAAG,GAFrB;MAGHS,MAAM,EAAET,OAHL;MAIHU,QAAQ,EAAE,UAJP;MAKHC,KAAK,EAAEX;IALJ,CAFJ;IASHY,GAAG,EAAE;MACDA,GAAG,EAAEX;IADJ,CATF;IAYHY,MAAM,EAAE;MACJA,MAAM,EAAEZ;IADJ,CAZL;IAeHa,IAAI,EAAE;MACFA,IAAI,EAAEb;IADJ,CAfH;IAkBHc,KAAK,EAAE;MACHA,KAAK,EAAEd;IADJ;EAlBJ,CAAP;AAsBH,CA5BD;;AA8Be,SAASe,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,QADE;IAEFC,SAAS,GAAG,KAFV;IAGFT,QAAQ,GAAGhB,eAHT;IAIF0B,KAJE;IAKF,GAAGC;EALD,IAMFJ,KANJ;EAQA,MAAMK,MAAM,GAAGzB,SAAS,EAAxB;EAEA,MAAM0B,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBF,MAAM,CAACpB,IADW,EAElBkB,KAFkB,CAAJ,CAAlB;EAKA,MAAMK,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnBF,MAAM,CAACnB,KADY,EAEnBmB,MAAM,CAACZ,QAAQ,CAACf,QAAV,CAFa,EAGnB2B,MAAM,CAACZ,QAAQ,CAACd,UAAV,CAHa,CAAJ,CAAnB;EAMA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAE2B;EADX,GAEQF,UAFR,GAIKH,QAJL,EAMK,CAACC,SAAD,gBAAa,6BAAC,iBAAD;IAAM,KAAK,EAAEM;EAAb,EAAb,GAA0C,IAN/C,CADJ;AAUH;;AAAA"}

package/build/commonjs/Badge/BadgeProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["BadgeProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport type BadgeHorizontalPosition = 'right' \| 'left';\n\nexport type BadgeVerticalPosition = 'top' \| 'bottom';\n\nexport interface BadgePosition {\n vertical: BadgeVerticalPosition;\n horizontal: BadgeHorizontalPosition;\n}\n\nexport default interface BadgeProps extends OverridableComponentProps<ViewProps, {\n /*\n The badge will be added relative to this node.\n /\n children?: React.ReactNode;\n\n /\n If `true`, the badge is invisible.\n * @default false\n /\n invisible?: boolean;\n\n /\n The position of the badge.\n * @default {\n * vertical: 'top',\n * horizontal: 'right',\n * }\n */\n position?: BadgePosition;\n}> {}\n"],"mappings":""}

package/build/commonjs/Badge/index.js.map CHANGED Viewed

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

package/build/commonjs/Button/Button.js CHANGED Viewed

@@ -17,7 +17,7 @@ var _utils = require("../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const iconSizes = {
   small: 20,

package/build/commonjs/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Button.tsx"],"~~names":["iconSizes","small","medium","styles","StyleSheet","create","root","flexDirection","justifyContent","alignItems","fullWidth","width","minWidth","height","Button","props","children","clipHorizontalSpacing","color","disabled","endIcon","endIconProp","href","onPress","size","startIcon","startIconProp","style","styleProp","variant","otherProps","theme","mainColor","palette","main","fontColor","contrastTextColor","variantStyleMap","contained","backgroundColor","outlined","borderColor","borderStyle","borderWidth","text","iconProps","fill","paddingSize","spacing","paddingLeft","paddingRight","borderRadius","shape","roundness","buttonBaseStyle","undefined","fontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginLeft","marginRight","textStyle","textAlign","handlePress","Linking","canOpenURL","openURL"],"~~mappings~~":"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","sourcesContent":["import React from 'react';\nimport { Linking, Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonProps from './ButtonProps';\nimport type { ButtonSize } from './ButtonProps';\n\ntype IconSizes = { [n in ButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n small: 20,\n medium: 24,\n};\n\nconst styles = StyleSheet.create({\n root: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n },\n fullWidth: {\n width: '100%',\n },\n medium: {\n minWidth: 104,\n height: 48,\n },\n small: {\n minWidth: 56,\n height: 32,\n },\n});\n\nexport default function Button(props: ButtonProps) {\n const {\n children,\n clipHorizontalSpacing = false,\n color = 'primary',\n disabled = false,\n endIcon: endIconProp,\n fullWidth = false,\n href,\n onPress,\n size = 'medium',\n startIcon: startIconProp,\n style: styleProp,\n variant = 'contained',\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const mainColor = theme.palette[color].main;\n\n const fontColor = variant === 'contained'\n ? theme.palette[color].contrastTextColor\n : theme.palette[color].main;\n\n const variantStyleMap = {\n contained: {\n backgroundColor: mainColor,\n },\n outlined: {\n backgroundColor: 'transparent',\n borderColor: mainColor,\n borderStyle: 'solid',\n borderWidth: 1,\n },\n text: {\n backgroundColor: 'transparent',\n },\n };\n\n const iconProps = {\n width: iconSizes[size],\n height: iconSizes[size],\n fill: fontColor,\n };\n\n const startIcon = cloneElementSafely(startIconProp, iconProps);\n const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n const paddingSize = size === 'small' ? theme.spacing(2) : theme.spacing(4);\n const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;\n const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;\n\n const borderRadius = theme.shape.roundness;\n const buttonBaseStyle = css([\n styles.root,\n variantStyleMap[variant],\n size === 'medium' ? styles.medium : styles.small,\n fullWidth ? styles.fullWidth : undefined,\n { borderRadius, color: fontColor },\n (variant === 'text' && clipHorizontalSpacing)\n ? { minWidth: 0 }\n : { paddingLeft, paddingRight },\n styleProp,\n ]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n color: fontColor,\n });\n\n const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n const textMarginStyle = startIcon\n ? { marginLeft: textMarginSize }\n : endIcon\n ? { marginRight: textMarginSize }\n : undefined;\n\n const textStyle = css([\n fontStyle,\n textMarginStyle,\n { textAlign: 'center' },\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n if (href) {\n if (await Linking.canOpenURL(href)) {\n await Linking.openURL(href);\n }\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={buttonBaseStyle}\n {...otherProps}\n >\n {startIcon}\n\n <Text\n children={children}\n style={textStyle}\n />\n\n {endIcon}\n </ButtonBase>\n );\n};\n"]}
1	+ {"version":3,"names":["iconSizes","small","medium","styles","StyleSheet","create","root","flexDirection","justifyContent","alignItems","fullWidth","width","minWidth","height","Button","props","children","clipHorizontalSpacing","color","disabled","endIcon","endIconProp","href","onPress","size","startIcon","startIconProp","style","styleProp","variant","otherProps","theme","useTheme","mainColor","palette","main","fontColor","contrastTextColor","variantStyleMap","contained","backgroundColor","outlined","borderColor","borderStyle","borderWidth","text","iconProps","fill","cloneElementSafely","paddingSize","spacing","paddingLeft","paddingRight","borderRadius","shape","roundness","buttonBaseStyle","css","undefined","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginLeft","marginRight","textStyle","textAlign","handlePress","Linking","canOpenURL","openURL"],"sources":["Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonProps from './ButtonProps';\nimport type { ButtonSize } from './ButtonProps';\n\ntype IconSizes = { [n in ButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n small: 20,\n medium: 24,\n};\n\nconst styles = StyleSheet.create({\n root: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n },\n fullWidth: {\n width: '100%',\n },\n medium: {\n minWidth: 104,\n height: 48,\n },\n small: {\n minWidth: 56,\n height: 32,\n },\n});\n\nexport default function Button(props: ButtonProps) {\n const {\n children,\n clipHorizontalSpacing = false,\n color = 'primary',\n disabled = false,\n endIcon: endIconProp,\n fullWidth = false,\n href,\n onPress,\n size = 'medium',\n startIcon: startIconProp,\n style: styleProp,\n variant = 'contained',\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const mainColor = theme.palette[color].main;\n\n const fontColor = variant === 'contained'\n ? theme.palette[color].contrastTextColor\n : theme.palette[color].main;\n\n const variantStyleMap = {\n contained: {\n backgroundColor: mainColor,\n },\n outlined: {\n backgroundColor: 'transparent',\n borderColor: mainColor,\n borderStyle: 'solid',\n borderWidth: 1,\n },\n text: {\n backgroundColor: 'transparent',\n },\n };\n\n const iconProps = {\n width: iconSizes[size],\n height: iconSizes[size],\n fill: fontColor,\n };\n\n const startIcon = cloneElementSafely(startIconProp, iconProps);\n const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n const paddingSize = size === 'small' ? theme.spacing(2) : theme.spacing(4);\n const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;\n const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;\n\n const borderRadius = theme.shape.roundness;\n const buttonBaseStyle = css([\n styles.root,\n variantStyleMap[variant],\n size === 'medium' ? styles.medium : styles.small,\n fullWidth ? styles.fullWidth : undefined,\n { borderRadius, color: fontColor },\n (variant === 'text' && clipHorizontalSpacing)\n ? { minWidth: 0 }\n : { paddingLeft, paddingRight },\n styleProp,\n ]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n color: fontColor,\n });\n\n const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n const textMarginStyle = startIcon\n ? { marginLeft: textMarginSize }\n : endIcon\n ? { marginRight: textMarginSize }\n : undefined;\n\n const textStyle = css([\n fontStyle,\n textMarginStyle,\n { textAlign: 'center' },\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n if (href) {\n if (await Linking.canOpenURL(href)) {\n await Linking.openURL(href);\n }\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={buttonBaseStyle}\n {...otherProps}\n >\n {startIcon}\n\n <Text\n children={children}\n style={textStyle}\n />\n\n {endIcon}\n </ButtonBase>\n );\n};\n"],"mappings":"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"}

package/build/commonjs/Button/ButtonProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["ButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\n\nexport type ButtonColor = CommonComponentColor;\n\nexport type ButtonSize = 'small' \| 'medium';\n\nexport type ButtonVariant = 'contained' \| 'outlined' \| 'text';\n\nexport default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n /*\n The content of the button.\n /\n children: string;\n\n /\n If `true`, remove horizontal padding and minimum width.\n * This prop only applied on `text` variant.\n * @default false\n /\n clipHorizontalSpacing?: boolean;\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?: ButtonColor;\n\n /\n Element placed after the children.\n /\n endIcon?: React.ReactElement;\n\n /\n If `true`, the button will take up the full width of its container.\n * @default false\n /\n fullWidth?: boolean;\n\n /\n The URL to link to when the button is clicked.\n /\n href?: string;\n\n /\n The size of the button.\n * @default 'medium'\n /\n size?: ButtonSize;\n\n /\n Element placed before the children.\n /\n startIcon?: React.ReactElement;\n\n /\n The variant to use.\n * @default 'contained'\n */\n variant?: ButtonVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/Button/index.js.map CHANGED Viewed

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

package/build/commonjs/ButtonBase/ButtonBase.ios.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _hooks = require("../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ORIGINAL_OPACITY = 1;
 const ACTIVE_OPACITY = .65;
@@ -44,7 +44,9 @@ function ButtonBase(props) {
   const [scale] = _react.default.useState(() => new _reactNative.Animated.Value(ORIGINAL_SCALE));
-  const startAnimation = _react.default.useCallback((pressIn, isHovered = false) => {
+  const startAnimation = _react.default.useCallback(function (pressIn) {
+    let isHovered = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (pressEffect === 'none') {
       return;
     }

package/build/commonjs/ButtonBase/ButtonBase.ios.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["ButtonBase.ios.tsx"],"~~names":["ORIGINAL_OPACITY","ACTIVE_OPACITY","DISABLED_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animatedDuration","AnimatedPressable","Animated","createAnimatedComponent","Pressable","ButtonBase","props","children","disabled","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","periodMillis","callback","opacity","React","useState","Value","scale","startAnimation","useCallback","pressIn","isHovered","timing","toValue","duration","useNativeDriver","start","delay","transform"],"~~mappings~~":"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","sourcesContent":["import React from 'react';\nimport { Animated, Pressable } from 'react-native';\nimport { useThrottle } from '../hooks';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\nconst ORIGINAL_OPACITY = 1;\nconst ACTIVE_OPACITY = .65;\nconst DISABLED_OPACITY = .3;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animatedDuration = 150;\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n const {\n children,\n disabled = false,\n disableThrottle = false,\n onPress,\n pressEffect = 'opacity',\n style,\n throttleMillis = 650,\n ...otherProps\n } = props;\n\n const handlePress = useThrottle({\n periodMillis: disableThrottle ? 0 : throttleMillis,\n callback: onPress,\n });\n\n const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));\n const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));\n\n const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {\n if (pressEffect === 'none') {\n return;\n }\n\n if (pressEffect === 'opacity') {\n if (pressIn) {\n Animated.timing(opacity, {\n toValue: ACTIVE_OPACITY,\n duration: animatedDuration,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(opacity, {\n toValue: ORIGINAL_OPACITY,\n duration: 0,\n useNativeDriver: true,\n }).start();\n }\n } else if (!isHovered) {\n if (pressIn) {\n Animated.timing(scale, {\n toValue: MINIFIED_SCALE,\n duration: animatedDuration,\n delay: 100,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(scale, {\n toValue: ORIGINAL_SCALE,\n duration: 150,\n useNativeDriver: true,\n }).start();\n }\n }\n }, [pressEffect]);\n\n return (\n <AnimatedPressable\n disabled={disabled}\n onPress={handlePress}\n onPressIn={() => startAnimation(true)}\n onPressOut={() => startAnimation(false)}\n style={[style,\n {\n opacity: disabled ? DISABLED_OPACITY : opacity,\n transform: [\n {\n scale: disabled ? ORIGINAL_SCALE : scale,\n },\n ],\n },\n ]}\n {...otherProps}\n >\n {children}\n </AnimatedPressable>\n );\n};\n"]}
1	+ {"version":3,"names":["ORIGINAL_OPACITY","ACTIVE_OPACITY","DISABLED_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animatedDuration","AnimatedPressable","Animated","createAnimatedComponent","Pressable","ButtonBase","props","children","disabled","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","useThrottle","periodMillis","callback","opacity","React","useState","Value","scale","startAnimation","useCallback","pressIn","isHovered","timing","toValue","duration","useNativeDriver","start","delay","transform"],"sources":["ButtonBase.ios.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Pressable } from 'react-native';\nimport { useThrottle } from '../hooks';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\nconst ORIGINAL_OPACITY = 1;\nconst ACTIVE_OPACITY = .65;\nconst DISABLED_OPACITY = .3;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animatedDuration = 150;\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n const {\n children,\n disabled = false,\n disableThrottle = false,\n onPress,\n pressEffect = 'opacity',\n style,\n throttleMillis = 650,\n ...otherProps\n } = props;\n\n const handlePress = useThrottle({\n periodMillis: disableThrottle ? 0 : throttleMillis,\n callback: onPress,\n });\n\n const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));\n const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));\n\n const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {\n if (pressEffect === 'none') {\n return;\n }\n\n if (pressEffect === 'opacity') {\n if (pressIn) {\n Animated.timing(opacity, {\n toValue: ACTIVE_OPACITY,\n duration: animatedDuration,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(opacity, {\n toValue: ORIGINAL_OPACITY,\n duration: 0,\n useNativeDriver: true,\n }).start();\n }\n } else if (!isHovered) {\n if (pressIn) {\n Animated.timing(scale, {\n toValue: MINIFIED_SCALE,\n duration: animatedDuration,\n delay: 100,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(scale, {\n toValue: ORIGINAL_SCALE,\n duration: 150,\n useNativeDriver: true,\n }).start();\n }\n }\n }, [pressEffect]);\n\n return (\n <AnimatedPressable\n disabled={disabled}\n onPress={handlePress}\n onPressIn={() => startAnimation(true)}\n onPressOut={() => startAnimation(false)}\n style={[style,\n {\n opacity: disabled ? DISABLED_OPACITY : opacity,\n transform: [\n {\n scale: disabled ? ORIGINAL_SCALE : scale,\n },\n ],\n },\n ]}\n {...otherProps}\n >\n {children}\n </AnimatedPressable>\n );\n};\n"],"mappings":"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"}

package/build/commonjs/ButtonBase/ButtonBase.js CHANGED Viewed

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ORIGINAL_OPACITY = exports.DISABLED_OPACITY = void 0;
 exports.default = ButtonBase;
-exports.DISABLED_OPACITY = exports.ORIGINAL_OPACITY = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = require("react-native-reanimated");
 var _hooks = require("../hooks");
@@ -20,7 +20,7 @@ var _useDisabledReaction = _interopRequireDefault(require("./useDisabledReaction
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ORIGINAL_OPACITY = 1;
 exports.ORIGINAL_OPACITY = ORIGINAL_OPACITY;
@@ -57,21 +57,19 @@ function ButtonBase(props) {
     periodMillis: disableThrottle ? 0 : throttleMillis,
     callback: onPress
   });
-  const opacity = _reactNativeReanimated.default.useSharedValue(ORIGINAL_OPACITY);
-  const scale = _reactNativeReanimated.default.useSharedValue(ORIGINAL_SCALE);
-  const animatedStyle = _reactNativeReanimated.default.useAnimatedStyle(() => ({
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(ORIGINAL_OPACITY);
+  const scale = (0, _reactNativeReanimated.useSharedValue)(ORIGINAL_SCALE);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     opacity: opacity.value,
     transform: [{
       scale: scale.value
     }]
   }));
   (0, _useDisabledReaction.default)(disabled, opacity);
-  const startAnimation = (pressIn, isHovered = false) => {
+  const startAnimation = function (pressIn) {
+    let isHovered = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (pressEffect === 'none') {
       return;
     }
@@ -80,13 +78,13 @@ function ButtonBase(props) {
       if (pressIn) {
         opacity.value = ACTIVE_OPACITY;
       } else {
-        opacity.value = _reactNativeReanimated.default.withTiming(ORIGINAL_OPACITY, animationTimingConfig);
+        opacity.value = (0, _reactNativeReanimated.withTiming)(ORIGINAL_OPACITY, animationTimingConfig);
       }
     } else if (!isHovered) {
       if (pressIn) {
-        scale.value = _reactNativeReanimated.default.withDelay(100, _reactNativeReanimated.default.withTiming(MINIFIED_SCALE, animationTimingConfig));
+        scale.value = (0, _reactNativeReanimated.withDelay)(100, (0, _reactNativeReanimated.withTiming)(MINIFIED_SCALE, animationTimingConfig));
       } else {
-        scale.value = _reactNativeReanimated.default.withTiming(ORIGINAL_SCALE, animationTimingConfig);
+        scale.value = (0, _reactNativeReanimated.withTiming)(ORIGINAL_SCALE, animationTimingConfig);
       }
     }
   };
@@ -97,9 +95,11 @@ function ButtonBase(props) {
     onPressIn: () => startAnimation(true),
     onPressOut: () => startAnimation(false),
     style: [animatedStyle, disabled ? styles.disabled : undefined, style]
-  }, otherProps), typeof children !== 'function' ? ({
-    hovered
-  }) => {
+  }, otherProps), typeof children !== 'function' ? _ref => {
+    let {
+      hovered
+    } = _ref;
     if (hovered !== undefined && !disabled) {
       startAnimation(hovered, true);
     }

package/build/commonjs/ButtonBase/ButtonBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["ButtonBase.tsx"],"~~names":["ORIGINAL_OPACITY","DISABLED_OPACITY","ACTIVE_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animationTimingConfig","duration","styles","StyleSheet","create","disabled","opacity","transform","scale","ButtonBase","props","children","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","~~periodMillis~~","~~callback~~","~~Animated~~","useSharedValue","animatedStyle","useAnimatedStyle","value","startAnimation","pressIn","isHovered","withTiming","withDelay","undefined","hovered"],"~~mappings~~":"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","sourcesContent":["import React from 'react';\nimport ~~Animated~~ from 'react-native-reanimated';\nimport { useThrottle } from '../hooks';\nimport { AnimatedPressable } from '../animated';\nimport { StyleSheet } from '../styles';\nimport type ButtonBaseProps from './ButtonBaseProps';\nimport useDisabledReaction from './useDisabledReaction';\n\nexport const ORIGINAL_OPACITY = 1;\nexport const DISABLED_OPACITY = .3;\nconst ACTIVE_OPACITY = .65;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animationTimingConfig: ~~Animated.~~WithTimingConfig = { duration: 150 };\n\nconst styles = StyleSheet.create({\n disabled: {\n opacity: DISABLED_OPACITY,\n transform: [{ scale: ORIGINAL_SCALE }],\n },\n});\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n const {\n children,\n disabled = false,\n disableThrottle = false,\n onPress,\n pressEffect = 'opacity',\n style,\n throttleMillis = 650,\n ...otherProps\n } = props;\n\n const handlePress = useThrottle({\n periodMillis: disableThrottle ? 0 : throttleMillis,\n callback: onPress,\n });\n\n const opacity = ~~Animated.~~useSharedValue(ORIGINAL_OPACITY);\n const scale = ~~Animated.~~useSharedValue(ORIGINAL_SCALE);\n\n const animatedStyle = ~~Animated.~~useAnimatedStyle(() => ({\n opacity: opacity.value,\n transform: [{ scale: scale.value }],\n }));\n\n useDisabledReaction(disabled, opacity);\n\n const startAnimation = (pressIn: boolean, isHovered: boolean = false) => {\n if (pressEffect === 'none') {\n return;\n }\n\n if (pressEffect === 'opacity') {\n if (pressIn) {\n opacity.value = ACTIVE_OPACITY;\n } else {\n opacity.value = ~~Animated.~~withTiming(ORIGINAL_OPACITY, animationTimingConfig);\n }\n } else if (!isHovered) {\n if (pressIn) {\n scale.value = ~~Animated.~~withDelay(\n 100,\n ~~Animated.~~withTiming(MINIFIED_SCALE, animationTimingConfig),\n );\n } else {\n scale.value = ~~Animated.~~withTiming(ORIGINAL_SCALE, animationTimingConfig);\n }\n }\n };\n\n return (\n <AnimatedPressable\n disabled={disabled}\n onPress={handlePress}\n onPressIn={() => startAnimation(true)}\n onPressOut={() => startAnimation(false)}\n style={[\n animatedStyle,\n disabled ? styles.disabled : undefined,\n style,\n ]}\n {...otherProps}\n >\n {typeof children !== 'function' ? (\n ({ hovered }) => {\n if (hovered !== undefined && !disabled) {\n startAnimation(hovered, true);\n }\n\n return children;\n }\n ) : children}\n </AnimatedPressable>\n );\n};\n"]}
1	+ {"version":3,"names":["ORIGINAL_OPACITY","DISABLED_OPACITY","ACTIVE_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animationTimingConfig","duration","styles","StyleSheet","create","disabled","opacity","transform","scale","ButtonBase","props","children","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","useThrottle","periodMillis","callback","useSharedValue","animatedStyle","useAnimatedStyle","value","useDisabledReaction","startAnimation","pressIn","isHovered","withTiming","withDelay","undefined","hovered"],"sources":["ButtonBase.tsx"],"sourcesContent":["import React from 'react';\nimport type { WithTimingConfig } from 'react-native-reanimated';\nimport { useAnimatedStyle, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';\nimport { useThrottle } from '../hooks';\nimport { AnimatedPressable } from '../animated';\nimport { StyleSheet } from '../styles';\nimport type ButtonBaseProps from './ButtonBaseProps';\nimport useDisabledReaction from './useDisabledReaction';\n\nexport const ORIGINAL_OPACITY = 1;\nexport const DISABLED_OPACITY = .3;\nconst ACTIVE_OPACITY = .65;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animationTimingConfig: WithTimingConfig = { duration: 150 };\n\nconst styles = StyleSheet.create({\n disabled: {\n opacity: DISABLED_OPACITY,\n transform: [{ scale: ORIGINAL_SCALE }],\n },\n});\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n const {\n children,\n disabled = false,\n disableThrottle = false,\n onPress,\n pressEffect = 'opacity',\n style,\n throttleMillis = 650,\n ...otherProps\n } = props;\n\n const handlePress = useThrottle({\n periodMillis: disableThrottle ? 0 : throttleMillis,\n callback: onPress,\n });\n\n const opacity = useSharedValue(ORIGINAL_OPACITY);\n const scale = useSharedValue(ORIGINAL_SCALE);\n\n const animatedStyle = useAnimatedStyle(() => ({\n opacity: opacity.value,\n transform: [{ scale: scale.value }],\n }));\n\n useDisabledReaction(disabled, opacity);\n\n const startAnimation = (pressIn: boolean, isHovered: boolean = false) => {\n if (pressEffect === 'none') {\n return;\n }\n\n if (pressEffect === 'opacity') {\n if (pressIn) {\n opacity.value = ACTIVE_OPACITY;\n } else {\n opacity.value = withTiming(ORIGINAL_OPACITY, animationTimingConfig);\n }\n } else if (!isHovered) {\n if (pressIn) {\n scale.value = withDelay(\n 100,\n withTiming(MINIFIED_SCALE, animationTimingConfig),\n );\n } else {\n scale.value = withTiming(ORIGINAL_SCALE, animationTimingConfig);\n }\n }\n };\n\n return (\n <AnimatedPressable\n disabled={disabled}\n onPress={handlePress}\n onPressIn={() => startAnimation(true)}\n onPressOut={() => startAnimation(false)}\n style={[\n animatedStyle,\n disabled ? styles.disabled : undefined,\n style,\n ]}\n {...otherProps}\n >\n {typeof children !== 'function' ? (\n ({ hovered }) => {\n if (hovered !== undefined && !disabled) {\n startAnimation(hovered, true);\n }\n\n return children;\n }\n ) : children}\n </AnimatedPressable>\n );\n};\n"],"mappings":"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"}

package/build/commonjs/ButtonBase/ButtonBaseProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["ButtonBaseProps.ts"],"sourcesContent":["import type { PressableProps } from '../Pressable';\nimport type { OverridableComponentProps } from '../types';\n\nexport type PressEffect = 'opacity' \| 'scale' \| 'none';\n\nexport default interface ButtonBaseProps extends OverridableComponentProps<PressableProps, {\n /*\n Content of the ButtonBase.\n /\n children: PressableProps['children'];\n\n /\n Whether to prevent interaction with the ButtonBase.\n * @default false\n /\n disabled?: boolean;\n\n /\n Whether to debounce when button is pressed\n * @default false\n /\n disableThrottle?: boolean;\n\n /\n Function to execute on press. If not set, will cause the ButtonBase to be disabled.\n /\n onPress?: () => void;\n\n /\n Applied press effect.\n * @default 'opacity'\n /\n pressEffect?: PressEffect;\n\n /\n The millisecond for debouncing.\n * @default 650\n */\n throttleMillis?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/ButtonBase/index.js.map CHANGED Viewed

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

package/build/commonjs/ButtonBase/useDisabledReaction/index.js CHANGED Viewed

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useDisabledReaction;
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = require("react-native-reanimated");
 var _ButtonBase = require("../ButtonBase");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function useDisabledReaction(disabled, opacity) {
-  _reactNativeReanimated.default.useAnimatedReaction(() => disabled, result => {
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => disabled, result => {
     if (result) {
       opacity.value = _ButtonBase.DISABLED_OPACITY;
     } else {

package/build/commonjs/ButtonBase/useDisabledReaction/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["index.ts"],"~~names":["useDisabledReaction","disabled","opacity","~~Animated","~~useAnimatedReaction","result","value","DISABLED_OPACITY","ORIGINAL_OPACITY"],"~~mappings~~":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF;AAClGC,iCAASC,mBAAT,CACI,MAAMH,QADV,EAEKI,MAAD,IAAY;AACR,QAAIA,MAAJ,EAAY;AACRH,MAAAA,OAAO,CAACI,KAAR,GAAgBC,4BAAhB;AACH,KAFD,MAEO;AACHL,MAAAA,OAAO,CAACI,KAAR,GAAgBE,4BAAhB;AACH;AACJ,GARL;AAUH","sourcesContent":["import ~~Animated~~ from 'react-native-reanimated';\nimport { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: ~~Animated.~~SharedValue<number>) {\n ~~Animated.~~useAnimatedReaction(\n () => disabled,\n (result) => {\n if (result) {\n opacity.value = DISABLED_OPACITY;\n } else {\n opacity.value = ORIGINAL_OPACITY;\n }\n },\n );\n}"]}
1	+ {"version":3,"names":["useDisabledReaction","disabled","opacity","useAnimatedReaction","result","value","DISABLED_OPACITY","ORIGINAL_OPACITY"],"sources":["index.ts"],"sourcesContent":["import type { SharedValue } from 'react-native-reanimated';\nimport { useAnimatedReaction } from 'react-native-reanimated';\nimport { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: SharedValue<number>) {\n useAnimatedReaction(\n () => disabled,\n (result) => {\n if (result) {\n opacity.value = DISABLED_OPACITY;\n } else {\n opacity.value = ORIGINAL_OPACITY;\n }\n },\n );\n}\n"],"mappings":";;;;;;;AACA;;AACA;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAA8E;EACzF,IAAAC,0CAAA,EACI,MAAMF,QADV,EAEKG,MAAD,IAAY;IACR,IAAIA,MAAJ,EAAY;MACRF,OAAO,CAACG,KAAR,GAAgBC,4BAAhB;IACH,CAFD,MAEO;MACHJ,OAAO,CAACG,KAAR,GAAgBE,4BAAhB;IACH;EACJ,CARL;AAUH"}

package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["index.native.ts"],"~~names":["useDisabledReaction","disabled","opacity"],"~~mappings~~":"~~;;;;;;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF,CACrG~~","sourcesContent":["import Animated from 'react-native-reanimated';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n}"]}
1	+ {"version":3,"names":["useDisabledReaction","disabled","opacity"],"sources":["index.native.ts"],"sourcesContent":["import Animated from 'react-native-reanimated';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n}"],"mappings":";;;;;;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF,CACrG"}

package/build/commonjs/Card/Card.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const useStyles = function () {
   return {

package/build/commonjs/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Card.tsx"],"~~names":["useStyles","root","flexDirection","overflow","Card","props","raised","style","otherProps","styles"],"~~mappings~~":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAG,YAAwB;AAC7D,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,QAAQ,EAAE;AAFR;AADH,GAAP;AAMH,CAPD;;AASe,SAASC,IAAT,CAAcC,KAAd,EAAgC;AAC3C,QAAM;AACFC,IAAAA,MAAM,GAAG,KADP;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,QAAMI,MAAM,GAAGT,SAAS,EAAxB;AAEA,sBACI,6BAAC,cAAD;AACI,IAAA,SAAS,EAAEM,MAAM,GAAG,CAAH,GAAO,CAD5B;AAEI,IAAA,KAAK,EAAE,iBAAI,CACPG,MAAM,CAACR,IADA,EAEPM,KAFO,CAAJ;AAFX,KAMQC,UANR,EADJ;AAUH;;AAAA","sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css } from '../styles';\nimport type CardProps from './CardProps';\n\ntype CardStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CardStyles> = function (): CardStyles {\n return {\n root: {\n flexDirection: 'column',\n overflow: 'hidden',\n },\n };\n};\n\nexport default function Card(props: CardProps) {\n const {\n raised = false,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n return (\n <Paper\n elevation={raised ? 8 : 0}\n style={css([\n styles.root,\n style,\n ])}\n {...otherProps}\n />\n );\n};\n"]}
1	+ {"version":3,"names":["useStyles","root","flexDirection","overflow","Card","props","raised","style","otherProps","styles","css"],"sources":["Card.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css } from '../styles';\nimport type CardProps from './CardProps';\n\ntype CardStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CardStyles> = function (): CardStyles {\n return {\n root: {\n flexDirection: 'column',\n overflow: 'hidden',\n },\n };\n};\n\nexport default function Card(props: CardProps) {\n const {\n raised = false,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n return (\n <Paper\n elevation={raised ? 8 : 0}\n style={css([\n styles.root,\n style,\n ])}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAG,YAAwB;EAC7D,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,QAAQ,EAAE;IAFR;EADH,CAAP;AAMH,CAPD;;AASe,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,MAAM,GAAG,KADP;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,MAAM,GAAGT,SAAS,EAAxB;EAEA,oBACI,6BAAC,cAAD;IACI,SAAS,EAAEM,MAAM,GAAG,CAAH,GAAO,CAD5B;IAEI,KAAK,EAAE,IAAAI,WAAA,EAAI,CACPD,MAAM,CAACR,IADA,EAEPM,KAFO,CAAJ;EAFX,GAMQC,UANR,EADJ;AAUH;;AAAA"}

package/build/commonjs/Card/CardProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["CardProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport default interface CardProps extends OverridableComponentProps<PaperProps, {\n /*\n The content of the component.\n /\n children: React.ReactNode,\n\n /\n If `true`, the card will use raised styling.\n * @default false\n */\n raised?: boolean;\n}> {}\n"],"mappings":""}