@fountain-ui/core 3.0.0-alpha.5 → 3.0.0-alpha.50

package/build/module/IconButton/IconButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconButtonColors"],"sources":["IconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { SvgIconSize } from '../SvgIcon/SvgIconProps';\nimport type { OverridableComponentProps } from '../types';\n\nexport const iconButtonColors = [\n    'strong',\n    'base',\n    'staticStrongInverse',\n    'disabled',\n] as const;\nexport type IconButtonColor = typeof iconButtonColors[number];\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 'strong'\n     */\n    color?: IconButtonColor;\n\n    /**\n     * Determines the size of the icon that goes inside the button.\n     * @default 'medium'\n     */\n    iconSize?: SvgIconSize;\n\n    /**\n     * Determines whether to show the loading status or not.\n     * @default false\n     */\n    isLoading?: boolean;\n}> {}\n"],"mappings":"AAKA,OAAO,MAAMA,gBAAgB,GAAG,CAC5B,QAD4B,EAE5B,MAF4B,EAG5B,qBAH4B,EAI5B,UAJ4B,CAAzB"}
+{"version":3,"names":["iconButtonColors"],"sources":["IconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { SvgIconSize } from '../SvgIcon/SvgIconProps';\nimport type { OverridableComponentProps } from '../types';\n\nexport const iconButtonColors = [\n    'strong',\n    'base',\n    'staticStrongInverse',\n    'staticBaseOpacityInverse',\n    'disabled',\n] as const;\nexport type IconButtonColor = typeof iconButtonColors[number];\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 'strong'\n     */\n    color?: IconButtonColor;\n\n    /**\n     * Determines the size of the icon that goes inside the button.\n     * @default 'medium'\n     */\n    iconSize?: SvgIconSize;\n\n    /**\n     * Determines whether to show the loading status or not.\n     * @default false\n     */\n    isLoading?: boolean;\n}> {}\n"],"mappings":"AAKA,OAAO,MAAMA,gBAAgB,GAAG,CAC5B,QAD4B,EAE5B,MAF4B,EAG5B,qBAH4B,EAI5B,0BAJ4B,EAK5B,UAL4B,CAAzB"}

package/build/module/Image/Image.js

@@ -4,6 +4,8 @@ import React, { useState } from 'react';
 import { Text, View } from 'react-native';
 import ImageCore from '../ImageCore';
 import { css, StyleSheet, useTheme } from '../styles';
+import OverlayCloseButton from './OverlayCloseButton';
+import preload from './preload';
 
 const useStyles = function () {
   const theme = useTheme();
@@ -17,9 +19,9 @@ const useStyles = function () {
       backgroundColor: theme.palette.paper.grey
     },
     outlined: {
-      borderWidth: StyleSheet.hairlineWidth,
+      borderWidth: 0.5,
       borderStyle: 'solid',
-      borderColor: theme.palette.paper.grey
+      borderColor: theme.palette.border.weak
     },
     error: {
       alignItems: 'center',
@@ -46,11 +48,12 @@ function determinePlaceholderMode(props) {
   return props.placeholder ? 'custom' : 'default';
 }
 
-export default function Image(props) {
+function Image(props) {
   const {
     alt,
     cache = 'immutable',
     disableDrag,
+    disableFadeIn,
     disableLongClick,
     disableOutline,
     disablePlaceholder,
@@ -95,6 +98,7 @@ export default function Image(props) {
     alt: alt,
     cache: cache,
     disableDrag: disableDrag,
+    disableFadeIn: disableFadeIn,
     disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
@@ -107,5 +111,8 @@ export default function Image(props) {
     style: StyleSheet.absoluteFill
   }, overlaidChildren) : null);
 }
-;
+
+Image.OverlayCloseButton = OverlayCloseButton;
+Image.preload = preload;
+export default Image;
 //# sourceMappingURL=Image.js.map

package/build/module/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Text","View","ImageCore","css","StyleSheet","useTheme","useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","hairlineWidth","borderStyle","borderColor","error","alignItems","height","justifyContent","width","errorText","color","text","primary","fontFamily","fontSize","letterSpacing","lineHeight","textAlign","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","styles","placeholderMode","undefined","absoluteFill","zIndex","uri"],"sources":["Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { ImageCoreProps } from '../ImageCore';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype PlaceholderMode =\n    | 'default'\n    | 'custom'\n    | 'none';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined'\n    | 'error'\n    | 'errorText';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n        error: {\n            alignItems: 'center',\n            height: '100%',\n            justifyContent: 'center',\n            width: '100%',\n        },\n        errorText: {\n            color: theme.palette.text.primary,\n            fontFamily: 'Inter-Medium',\n            fontSize: 12,\n            letterSpacing: 0,\n            lineHeight: 18,\n            textAlign: 'center',\n        },\n    };\n};\n\nfunction determinePlaceholderMode(props: ImageProps): PlaceholderMode {\n    if (props.disablePlaceholder) {\n        return 'none';\n    }\n\n    return props.placeholder ? 'custom' : 'default';\n}\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        cache = 'immutable',\n        disableDrag,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        error,\n        loading = 'lazy',\n        onError: onErrorProp,\n        onLoad: onLoadProp,\n        overlaidChildren,\n        placeholder,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = useState(false);\n\n    const styles = useStyles();\n\n    const onLoad: ImageCoreProps['onLoad'] = () => {\n        setFailed(false);\n\n        onLoadProp?.();\n    };\n\n    const onError: ImageCoreProps['onError'] = () => {\n        setFailed(true);\n\n        onErrorProp?.();\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !square ? styles.rounded : undefined,\n                placeholderMode === 'default' ? styles.placeholder : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {placeholderMode === 'custom' ? (\n                <View\n                    style={css([\n                        StyleSheet.absoluteFill,\n                        { zIndex: -1 },\n                    ])}\n                >\n                    {placeholder}\n                </View>\n            ) : null}\n\n            {failed ? (\n                <View style={styles.error}>\n                    {error ?? (\n                        <Text\n                            children={alt}\n                            style={styles.errorText}\n                        />\n                    )}\n                </View>\n            ) : source.uri ? (\n                <ImageCore\n                    alt={alt}\n                    cache={cache}\n                    disableDrag={disableDrag}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            ) : null}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AAGA,OAAOC,SAAP,MAAsB,cAAtB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;;AAkBA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE,EADH;IAEHC,OAAO,EAAE;MACLC,YAAY,EAAEH,KAAK,CAACI,KAAN,CAAYC,SADrB;MAELC,QAAQ,EAAE;IAFL,CAFN;IAMHC,WAAW,EAAE;MACTC,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;IAD5B,CANV;IASHC,QAAQ,EAAE;MACNC,WAAW,EAAEhB,UAAU,CAACiB,aADlB;MAENC,WAAW,EAAE,OAFP;MAGNC,WAAW,EAAEhB,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;IAH3B,CATP;IAcHM,KAAK,EAAE;MACHC,UAAU,EAAE,QADT;MAEHC,MAAM,EAAE,MAFL;MAGHC,cAAc,EAAE,QAHb;MAIHC,KAAK,EAAE;IAJJ,CAdJ;IAoBHC,SAAS,EAAE;MACPC,KAAK,EAAEvB,KAAK,CAACS,OAAN,CAAce,IAAd,CAAmBC,OADnB;MAEPC,UAAU,EAAE,cAFL;MAGPC,QAAQ,EAAE,EAHH;MAIPC,aAAa,EAAE,CAJR;MAKPC,UAAU,EAAE,EALL;MAMPC,SAAS,EAAE;IANJ;EApBR,CAAP;AA6BH,CAhCD;;AAkCA,SAASC,wBAAT,CAAkCC,KAAlC,EAAsE;EAClE,IAAIA,KAAK,CAACC,kBAAV,EAA8B;IAC1B,OAAO,MAAP;EACH;;EAED,OAAOD,KAAK,CAACzB,WAAN,GAAoB,QAApB,GAA+B,SAAtC;AACH;;AAED,eAAe,SAAS2B,KAAT,CAAeF,KAAf,EAAkC;EAC7C,MAAM;IACFG,GADE;IAEFC,KAAK,GAAG,WAFN;IAGFC,WAHE;IAIFC,gBAJE;IAKFC,cALE;IAMFN,kBANE;IAOFhB,KAPE;IAQFuB,OAAO,GAAG,MARR;IASFC,OAAO,EAAEC,WATP;IAUFC,MAAM,EAAEC,UAVN;IAWFC,gBAXE;IAYFtC,WAZE;IAaFuC,UAAU,GAAG,OAbX;IAcFC,MAdE;IAeFC,KAfE;IAgBFC,MAAM,GAAG,KAhBP;IAiBF,GAAGC;EAjBD,IAkBFlB,KAlBJ;EAoBA,MAAM,CAACmB,MAAD,EAASC,SAAT,IAAsB5D,QAAQ,CAAC,KAAD,CAApC;EAEA,MAAM6D,MAAM,GAAGtD,SAAS,EAAxB;;EAEA,MAAM4C,MAAgC,GAAG,MAAM;IAC3CS,SAAS,CAAC,KAAD,CAAT;IAEAR,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU;EACb,CAJD;;EAMA,MAAMH,OAAkC,GAAG,MAAM;IAC7CW,SAAS,CAAC,IAAD,CAAT;IAEAV,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW;EACd,CAJD;;EAMA,MAAMY,eAAe,GAAGvB,wBAAwB,CAACC,KAAD,CAAhD;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEpC,GAAG,CAAC,CACPyD,MAAM,CAACpD,IADA,EAEP,CAACsC,cAAD,GAAkBc,MAAM,CAACzC,QAAzB,GAAoC2C,SAF7B,EAGP,CAACN,MAAD,GAAUI,MAAM,CAACnD,OAAjB,GAA2BqD,SAHpB,EAIPD,eAAe,KAAK,SAApB,GAAgCD,MAAM,CAAC9C,WAAvC,GAAqDgD,SAJ9C,EAKPP,KALO,CAAD;EADd,GAQQE,UARR,GAUKI,eAAe,KAAK,QAApB,gBACG,oBAAC,IAAD;IACI,KAAK,EAAE1D,GAAG,CAAC,CACPC,UAAU,CAAC2D,YADJ,EAEP;MAAEC,MAAM,EAAE,CAAC;IAAX,CAFO,CAAD;EADd,GAMKlD,WANL,CADH,GASG,IAnBR,EAqBK4C,MAAM,gBACH,oBAAC,IAAD;IAAM,KAAK,EAAEE,MAAM,CAACpC;EAApB,GACKA,KAAK,iBACF,oBAAC,IAAD;IACI,QAAQ,EAAEkB,GADd;IAEI,KAAK,EAAEkB,MAAM,CAAC/B;EAFlB,EAFR,CADG,GASHyB,MAAM,CAACW,GAAP,gBACA,oBAAC,SAAD;IACI,GAAG,EAAEvB,GADT;IAEI,KAAK,EAAEC,KAFX;IAGI,WAAW,EAAEC,WAHjB;IAII,gBAAgB,EAAEC,gBAJtB;IAKI,MAAM,EAAE,MALZ;IAMI,OAAO,EAAEE,OANb;IAOI,OAAO,EAAEC,OAPb;IAQI,MAAM,EAAEE,MARZ;IASI,UAAU,EAAEG,UAThB;IAUI,MAAM,EAAEC,MAVZ;IAWI,KAAK,EAAE;EAXX,EADA,GAcA,IA5CR,EA8CKF,gBAAgB,gBACb,oBAAC,IAAD;IAAM,KAAK,EAAEhD,UAAU,CAAC2D;EAAxB,GACKX,gBADL,CADa,GAIb,IAlDR,CADJ;AAsDH;AAAA"}
+{"version":3,"names":["React","useState","Text","View","ImageCore","css","StyleSheet","useTheme","OverlayCloseButton","preload","useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","borderStyle","borderColor","border","weak","error","alignItems","height","justifyContent","width","errorText","color","text","primary","fontFamily","fontSize","letterSpacing","lineHeight","textAlign","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableFadeIn","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","styles","placeholderMode","undefined","absoluteFill","zIndex","uri"],"sources":["Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { ImageCoreProps } from '../ImageCore';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\nimport OverlayCloseButton from './OverlayCloseButton';\nimport preload from './preload';\n\ntype PlaceholderMode =\n    | 'default'\n    | 'custom'\n    | 'none';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined'\n    | 'error'\n    | 'errorText';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: 0.5,\n            borderStyle: 'solid',\n            borderColor: theme.palette.border.weak,\n        },\n        error: {\n            alignItems: 'center',\n            height: '100%',\n            justifyContent: 'center',\n            width: '100%',\n        },\n        errorText: {\n            color: theme.palette.text.primary,\n            fontFamily: 'Inter-Medium',\n            fontSize: 12,\n            letterSpacing: 0,\n            lineHeight: 18,\n            textAlign: 'center',\n        },\n    };\n};\n\nfunction determinePlaceholderMode(props: ImageProps): PlaceholderMode {\n    if (props.disablePlaceholder) {\n        return 'none';\n    }\n\n    return props.placeholder ? 'custom' : 'default';\n}\n\nfunction Image(props: ImageProps) {\n    const {\n        alt,\n        cache = 'immutable',\n        disableDrag,\n        disableFadeIn,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        error,\n        loading = 'lazy',\n        onError: onErrorProp,\n        onLoad: onLoadProp,\n        overlaidChildren,\n        placeholder,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = useState(false);\n\n    const styles = useStyles();\n\n    const onLoad: ImageCoreProps['onLoad'] = () => {\n        setFailed(false);\n\n        onLoadProp?.();\n    };\n\n    const onError: ImageCoreProps['onError'] = () => {\n        setFailed(true);\n\n        onErrorProp?.();\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !square ? styles.rounded : undefined,\n                placeholderMode === 'default' ? styles.placeholder : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {placeholderMode === 'custom' ? (\n                <View\n                    style={css([\n                        StyleSheet.absoluteFill,\n                        { zIndex: -1 },\n                    ])}\n                >\n                    {placeholder}\n                </View>\n            ) : null}\n\n            {failed ? (\n                <View style={styles.error}>\n                    {error ?? (\n                        <Text\n                            children={alt}\n                            style={styles.errorText}\n                        />\n                    )}\n                </View>\n            ) : source.uri ? (\n                <ImageCore\n                    alt={alt}\n                    cache={cache}\n                    disableDrag={disableDrag}\n                    disableFadeIn={disableFadeIn}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            ) : null}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n}\n\nImage.OverlayCloseButton = OverlayCloseButton;\nImage.preload = preload;\n\nexport default Image;\n"],"mappings":"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"}

package/build/module/Image/ImageProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode, CacheControl } from '../ImageCore';\n\n/**\n * Image file quality.\n * Request image by query string.\n */\nexport type ImageQuality = 'small' | 'medium' | 'large';\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Custom error element. Default is simple alt text.\n     */\n    error?: React.ReactElement | null;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactElement;\n\n    /**\n     * Custom placeholder element.\n     */\n    placeholder?: React.ReactElement;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /***\n     * FastImage cache control value.\n     * @default 'immutable'\n     */\n    cache?: CacheControl;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode, CacheControl } from '../ImageCore';\n\n/**\n * Image file quality.\n * Request image by query string.\n */\nexport type ImageQuality = 'small' | 'medium' | 'large';\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If true, disables the fade-in opacity animation on image load.\n     * Only affects native platforms.\n     * @default false\n     */\n    disableFadeIn?: boolean;\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Custom error element. Default is simple alt text.\n     */\n    error?: React.ReactElement | null;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactElement;\n\n    /**\n     * Custom placeholder element.\n     */\n    placeholder?: React.ReactElement;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /***\n     * FastImage cache control value.\n     * @default 'immutable'\n     */\n    cache?: CacheControl;\n}> {}\n"],"mappings":""}

package/build/module/Image/OverlayCloseButton/OverlayCloseButton.js

@@ -0,0 +1,31 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { commonColors } from '@fountain-ui/styles';
+import IconButton from '../../IconButton';
+import { CloseCircleFillPierced } from '../../internal';
+import { css, StyleSheet } from '../../styles';
+const styles = StyleSheet.create({
+  root: {
+    height: 40,
+    left: 8,
+    position: 'absolute',
+    top: 8,
+    width: 40
+  }
+});
+export default function OverlayCloseButton(props) {
+  const {
+    style: styleProp,
+    ...otherProps
+  } = props;
+  const rootStyle = css([styles.root, styleProp]);
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    style: rootStyle
+  }, otherProps), /*#__PURE__*/React.createElement(CloseCircleFillPierced, {
+    fill: commonColors.static.baseOpacityInverse,
+    height: 21,
+    width: 21
+  }));
+}
+//# sourceMappingURL=OverlayCloseButton.js.map

package/build/module/Image/OverlayCloseButton/OverlayCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","commonColors","IconButton","CloseCircleFillPierced","css","StyleSheet","styles","create","root","height","left","position","top","width","OverlayCloseButton","props","style","styleProp","otherProps","rootStyle","static","baseOpacityInverse"],"sources":["OverlayCloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { commonColors } from '@fountain-ui/styles';\nimport IconButton from '../../IconButton';\nimport { CloseCircleFillPierced } from '../../internal';\nimport { css, StyleSheet } from '../../styles';\nimport type OverlayCloseButtonProps from './OverlayCloseButtonProps';\n\nconst styles = StyleSheet.create({\n    root: {\n        height: 40,\n        left: 8,\n        position: 'absolute',\n        top: 8,\n        width: 40,\n    },\n});\n\nexport default function OverlayCloseButton(props: OverlayCloseButtonProps) {\n    const {\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    return (\n        <IconButton\n            style={rootStyle}\n            {...otherProps}\n        >\n            <CloseCircleFillPierced\n                fill={commonColors.static.baseOpacityInverse}\n                height={21}\n                width={21}\n            />\n        </IconButton>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,QAA6B,qBAA7B;AACA,OAAOC,UAAP,MAAuB,kBAAvB;AACA,SAASC,sBAAT,QAAuC,gBAAvC;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,cAAhC;AAGA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,CAFJ;IAGFC,QAAQ,EAAE,UAHR;IAIFC,GAAG,EAAE,CAJH;IAKFC,KAAK,EAAE;EALL;AADuB,CAAlB,CAAf;AAUA,eAAe,SAASC,kBAAT,CAA4BC,KAA5B,EAA4D;EACvE,MAAM;IACFC,KAAK,EAAEC,SADL;IAEF,GAAGC;EAFD,IAGFH,KAHJ;EAKA,MAAMI,SAAS,GAAGf,GAAG,CAAC,CAClBE,MAAM,CAACE,IADW,EAElBS,SAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,KAAK,EAAEE;EADX,GAEQD,UAFR,gBAII,oBAAC,sBAAD;IACI,IAAI,EAAEjB,YAAY,CAACmB,MAAb,CAAoBC,kBAD9B;IAEI,MAAM,EAAE,EAFZ;IAGI,KAAK,EAAE;EAHX,EAJJ,CADJ;AAYH"}

package/build/module/Image/OverlayCloseButton/OverlayCloseButtonProps.js

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

package/build/module/Image/OverlayCloseButton/OverlayCloseButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["OverlayCloseButtonProps.ts"],"sourcesContent":["import type { IconButtonProps } from '../../IconButton';\n\nexport default interface OverlayCloseButtonProps extends Omit<IconButtonProps, 'children'> {}"],"mappings":""}

package/build/module/Image/OverlayCloseButton/index.js

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

package/build/module/Image/OverlayCloseButton/index.js.map

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

package/build/module/Image/preload.js

@@ -0,0 +1,3 @@
+export default function preload(_sources) {// No-op on web
+}
+//# sourceMappingURL=preload.js.map

package/build/module/Image/preload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["preload","_sources"],"sources":["preload.ts"],"sourcesContent":["import type { ImageSource } from '../ImageCore';\n\nexport default function preload(_sources: ImageSource[]) {\n    // No-op on web\n}\n"],"mappings":"AAEA,eAAe,SAASA,OAAT,CAAiBC,QAAjB,EAA0C,CACrD;AACH"}

package/build/module/Image/preload.native.js

@@ -0,0 +1,12 @@
+import FastImage from '@d11/react-native-fast-image';
+export default function preload(sources) {
+  FastImage.preload(sources.map(_ref => {
+    let {
+      uri
+    } = _ref;
+    return {
+      uri
+    };
+  }));
+}
+//# sourceMappingURL=preload.native.js.map

package/build/module/Image/preload.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FastImage","preload","sources","map","uri"],"sources":["preload.native.ts"],"sourcesContent":["import FastImage from '@d11/react-native-fast-image';\nimport type { ImageSource } from '../ImageCore';\n\nexport default function preload(sources: ImageSource[]) {\n    FastImage.preload(sources.map(({ uri }) => ({ uri })));\n}\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,8BAAtB;AAGA,eAAe,SAASC,OAAT,CAAiBC,OAAjB,EAAyC;EACpDF,SAAS,CAACC,OAAV,CAAkBC,OAAO,CAACC,GAAR,CAAY;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAc;MAAEA;IAAF,CAAd;EAAA,CAAZ,CAAlB;AACH"}

package/build/module/ImageCore/ImageCoreNative.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext } from 'react';
 import { Animated } from 'react-native';
-import FastImage from 'react-native-fast-image';
+import FastImage from '@d11/react-native-fast-image';
 import { useAnimatedValue } from '../hooks';
 import { isNotAndroid12 } from '../utils';
 import ImageFileExtensionContext from './ImageFileExtensionContext'; // @ts-ignore
@@ -12,6 +12,7 @@ const ANIMATION_DURATION = 200;
 export default function ImageCore(props) {
   const {
     cache,
+    disableFadeIn,
     height,
     onError,
     onLoad,
@@ -19,16 +20,19 @@ export default function ImageCore(props) {
     source,
     width
   } = props;
-  const opacity = useAnimatedValue(INITIAL_OPACITY);
+  const opacity = useAnimatedValue(disableFadeIn ? LOADED_OPACITY : INITIAL_OPACITY);
   const acceptHeader = useContext(ImageFileExtensionContext);
   const handleLoad = useCallback(() => {
-    Animated.timing(opacity, {
-      toValue: LOADED_OPACITY,
-      duration: ANIMATION_DURATION,
-      useNativeDriver: isNotAndroid12
-    }).start();
+    if (!disableFadeIn) {
+      Animated.timing(opacity, {
+        toValue: LOADED_OPACITY,
+        duration: ANIMATION_DURATION,
+        useNativeDriver: isNotAndroid12
+      }).start();
+    }
+
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, [onLoad]);
+  }, [disableFadeIn, onLoad]);
   return /*#__PURE__*/React.createElement(AnimatedFastImage, {
     onError: onError,
     onLoad: handleLoad,
@@ -43,8 +47,8 @@ export default function ImageCore(props) {
     style: [{
       opacity
     }, {
-      width,
-      height
+      width: width,
+      height: height
     }]
   });
 }

package/build/module/ImageCore/ImageCoreNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","Animated","FastImage","useAnimatedValue","isNotAndroid12","ImageFileExtensionContext","AnimatedFastImage","createAnimatedComponent","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","acceptHeader","handleLoad","timing","toValue","duration","useNativeDriver","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type ImageCoreProps from './ImageCoreProps';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst INITIAL_OPACITY = 0;\nconst LOADED_OPACITY = 1;\n\nconst ANIMATION_DURATION = 200;\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        cache,\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const opacity = useAnimatedValue(INITIAL_OPACITY);\n\n    const acceptHeader = useContext(ImageFileExtensionContext);\n\n    const handleLoad = useCallback(() => {\n        Animated.timing(opacity, {\n            toValue: LOADED_OPACITY,\n            duration: ANIMATION_DURATION,\n            useNativeDriver: isNotAndroid12,\n        }).start();\n\n        onLoad?.();\n    }, [onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width, height },\n            ]}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,SAAP,MAAsB,yBAAtB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC,C,CAEA;;AACA,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAT,CAAiCL,SAAjC,CAA1B;AAEA,MAAMM,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,KADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,MAJE;IAKFC,UALE;IAMFC,MANE;IAOFC;EAPE,IAQFP,KARJ;EAUA,MAAMQ,OAAO,GAAGjB,gBAAgB,CAACK,eAAD,CAAhC;EAEA,MAAMa,YAAY,GAAGrB,UAAU,CAACK,yBAAD,CAA/B;EAEA,MAAMiB,UAAU,GAAGvB,WAAW,CAAC,MAAM;IACjCE,QAAQ,CAACsB,MAAT,CAAgBH,OAAhB,EAAyB;MACrBI,OAAO,EAAEf,cADY;MAErBgB,QAAQ,EAAEf,kBAFW;MAGrBgB,eAAe,EAAEtB;IAHI,CAAzB,EAIGuB,KAJH;IAMAX,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CAR6B,EAQ3B,CAACA,MAAD,CAR2B,CAA9B;EAUA,oBACI,oBAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEO,UAFZ;IAGI,UAAU,EAAEL,UAHhB;IAII,MAAM,EAAE;MACJJ,KADI;MAEJe,GAAG,EAAEV,MAAM,CAACU,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUR;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAED;IAAF,CADG,EAEH;MAAED,KAAF;MAASL;IAAT,CAFG;EAXX,EADJ;AAkBH;AAAA"}
+{"version":3,"names":["React","useCallback","useContext","Animated","FastImage","useAnimatedValue","isNotAndroid12","ImageFileExtensionContext","AnimatedFastImage","createAnimatedComponent","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","disableFadeIn","height","onError","onLoad","resizeMode","source","width","opacity","acceptHeader","handleLoad","timing","toValue","duration","useNativeDriver","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated, DimensionValue } from 'react-native';\nimport FastImage from '@d11/react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type ImageCoreProps from './ImageCoreProps';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst INITIAL_OPACITY = 0;\nconst LOADED_OPACITY = 1;\n\nconst ANIMATION_DURATION = 200;\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        cache,\n        disableFadeIn,\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const opacity = useAnimatedValue(disableFadeIn ? LOADED_OPACITY : INITIAL_OPACITY);\n\n    const acceptHeader = useContext(ImageFileExtensionContext);\n\n    const handleLoad = useCallback(() => {\n        if (!disableFadeIn) {\n            Animated.timing(opacity, {\n                toValue: LOADED_OPACITY,\n                duration: ANIMATION_DURATION,\n                useNativeDriver: isNotAndroid12,\n            }).start();\n        }\n\n        onLoad?.();\n    }, [disableFadeIn, onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width: width as DimensionValue, height: height as DimensionValue },\n            ]}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC,C,CAEA;;AACA,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAT,CAAiCL,SAAjC,CAA1B;AAEA,MAAMM,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,KADE;IAEFC,aAFE;IAGFC,MAHE;IAIFC,OAJE;IAKFC,MALE;IAMFC,UANE;IAOFC,MAPE;IAQFC;EARE,IASFR,KATJ;EAWA,MAAMS,OAAO,GAAGlB,gBAAgB,CAACW,aAAa,GAAGL,cAAH,GAAoBD,eAAlC,CAAhC;EAEA,MAAMc,YAAY,GAAGtB,UAAU,CAACK,yBAAD,CAA/B;EAEA,MAAMkB,UAAU,GAAGxB,WAAW,CAAC,MAAM;IACjC,IAAI,CAACe,aAAL,EAAoB;MAChBb,QAAQ,CAACuB,MAAT,CAAgBH,OAAhB,EAAyB;QACrBI,OAAO,EAAEhB,cADY;QAErBiB,QAAQ,EAAEhB,kBAFW;QAGrBiB,eAAe,EAAEvB;MAHI,CAAzB,EAIGwB,KAJH;IAKH;;IAEDX,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CAV6B,EAU3B,CAACH,aAAD,EAAgBG,MAAhB,CAV2B,CAA9B;EAYA,oBACI,oBAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEO,UAFZ;IAGI,UAAU,EAAEL,UAHhB;IAII,MAAM,EAAE;MACJL,KADI;MAEJgB,GAAG,EAAEV,MAAM,CAACU,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUR;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAED;IAAF,CADG,EAEH;MAAED,KAAK,EAAEA,KAAT;MAAkCL,MAAM,EAAEA;IAA1C,CAFG;EAXX,EADJ;AAkBH;AAAA"}

package/build/module/ImageCore/ImageCoreProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri?: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport type CacheControl = 'immutable' | 'web' | 'cacheOnly';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    cache?: CacheControl;\n    disableDrag?: boolean,\n    disableLongClick?: boolean,\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri?: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport type CacheControl = 'immutable' | 'web' | 'cacheOnly';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    cache?: CacheControl;\n    disableDrag?: boolean,\n    disableFadeIn?: boolean,\n    disableLongClick?: boolean,\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}

package/build/module/ListItem/ListItem.js

@@ -9,20 +9,14 @@ const useStyles = function () {
   const theme = useTheme();
   return {
     content: {
+      borderBottomColor: theme.palette.border.weak,
+      borderBottomWidth: 0.5,
       gap: theme.spacing(2),
       paddingVertical: theme.spacing(3.75),
-      paddingHorizontal: theme.spacing(4),
       width: '100%'
     },
     description: {
       paddingRight: theme.spacing(20)
-    },
-    divider: {
-      borderBottomColor: theme.palette.border.weak,
-      borderBottomWidth: 0.5
-    },
-    dividerWrapper: {
-      paddingHorizontal: theme.spacing(4)
     }
   };
 };
@@ -47,8 +41,8 @@ export default function ListItem(props) {
   const contentWrapperStyle = css([styles.content, style]);
   const descriptionFontStyle = createFontStyle(theme, {
     selector: _ => typographyOf({
-      fontSize: 13,
-      lineHeight: 18.2,
+      fontSize: 14,
+      lineHeight: 19.6,
       fontFamily: 'PretendardStd-Regular',
       letterSpacing: 0
     }),
@@ -68,11 +62,7 @@ export default function ListItem(props) {
       style: contentWrapperStyle
     }, content) : /*#__PURE__*/React.createElement(View, {
       style: contentWrapperStyle
-    }, content), /*#__PURE__*/React.createElement(View, {
-      style: styles.dividerWrapper
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.divider
-    })))
+    }, content))
   );
 }
 ;

package/build/module/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","View","typographyOf","ButtonBase","Row","createFontStyle","css","useTheme","useStyles","theme","content","gap","spacing","paddingVertical","paddingHorizontal","width","description","paddingRight","divider","borderBottomColor","palette","border","weak","borderBottomWidth","dividerWrapper","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","contentWrapperStyle","descriptionFontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","text","base"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle } from 'react-native';\nimport { Platform, Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'content' | 'description' | 'divider' | 'dividerWrapper'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        content: {\n            gap: theme.spacing(2),\n            paddingVertical: theme.spacing(3.75),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n        description: {\n            paddingRight: theme.spacing(20),\n        },\n        divider: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n        },\n        dividerWrapper: {\n            paddingHorizontal: theme.spacing(4),\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center' as FlexStyle['alignItems'],\n        button = false,\n        children,\n        description,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const contentWrapperStyle = css([\n        styles.content,\n        style,\n    ]);\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 13,\n            lineHeight: 18.2,\n            fontFamily: 'PretendardStd-Regular',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.base,\n    });\n\n    const content = (\n        <React.Fragment>\n            <Row alignItems={alignItems}>\n                {children}\n            </Row>\n\n            {description ? (\n                <Text style={css([\n                    styles.description,\n                    descriptionFontStyle,\n                ])}>\n                    {description}\n                </Text>\n            ) : null}\n        </React.Fragment>\n    );\n\n    return (\n        // @ts-ignore\n        <View {...rootComponentProps}>\n            {button ? (\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={contentWrapperStyle}\n                >\n                    {content}\n                </ButtonBase>\n            ) : (\n                <View style={contentWrapperStyle}>\n                    {content}\n                </View>\n            )}\n\n            <View style={styles.dividerWrapper}>\n                <View style={styles.divider}/>\n            </View>\n        </View>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","Text","View","typographyOf","ButtonBase","Row","createFontStyle","css","useTheme","useStyles","theme","content","borderBottomColor","palette","border","weak","borderBottomWidth","gap","spacing","paddingVertical","width","description","paddingRight","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","contentWrapperStyle","descriptionFontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","text","base"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle } from 'react-native';\nimport { Platform, Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'content' | 'description'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        content: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            gap: theme.spacing(2),\n            paddingVertical: theme.spacing(3.75),\n            width: '100%',\n        },\n        description: {\n            paddingRight: theme.spacing(20),\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center' as FlexStyle['alignItems'],\n        button = false,\n        children,\n        description,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const contentWrapperStyle = css([\n        styles.content,\n        style,\n    ]);\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 14,\n            lineHeight: 19.6,\n            fontFamily: 'PretendardStd-Regular',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.base,\n    });\n\n    const content = (\n        <React.Fragment>\n            <Row alignItems={alignItems}>\n                {children}\n            </Row>\n\n            {description ? (\n                <Text style={css([\n                    styles.description,\n                    descriptionFontStyle,\n                ])}>\n                    {description}\n                </Text>\n            ) : null}\n        </React.Fragment>\n    );\n\n    return (\n        // @ts-ignore\n        <View {...rootComponentProps}>\n            {button ? (\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={contentWrapperStyle}\n                >\n                    {content}\n                </ButtonBase>\n            ) : (\n                <View style={contentWrapperStyle}>\n                    {content}\n                </View>\n            )}\n        </View>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,IAAzB,QAAqC,cAArC;AAEA,SAASC,YAAT,QAA6B,qBAA7B;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;;AAKA,MAAMC,SAAoC,GAAG,YAA4B;EACrE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,OAAO,EAAE;MACLC,iBAAiB,EAAEF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,IADnC;MAELC,iBAAiB,EAAE,GAFd;MAGLC,GAAG,EAAEP,KAAK,CAACQ,OAAN,CAAc,CAAd,CAHA;MAILC,eAAe,EAAET,KAAK,CAACQ,OAAN,CAAc,IAAd,CAJZ;MAKLE,KAAK,EAAE;IALF,CADN;IAQHC,WAAW,EAAE;MACTC,YAAY,EAAEZ,KAAK,CAACQ,OAAN,CAAc,EAAd;IADL;EARV,CAAP;AAYH,CAfD;;AAiBA,eAAe,SAASK,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,UAAU,GAAG,QADX;IAEFC,MAAM,GAAG,KAFP;IAGFC,QAHE;IAIFN,WAJE;IAKFO,QAAQ,GAAG,KALT;IAMFC,OANE;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFP,KATJ;EAWA,MAAMd,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMwB,MAAM,GAAGvB,SAAS,EAAxB;EAEA,MAAMwB,kBAAkB,GAAG;IACvBC,iBAAiB,EAAElC,QAAQ,CAACmC,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;IAEvB,GAAGL;EAFoB,CAA3B;EAKA,MAAMM,mBAAmB,GAAG9B,GAAG,CAAC,CAC5ByB,MAAM,CAACrB,OADqB,EAE5BmB,KAF4B,CAAD,CAA/B;EAKA,MAAMQ,oBAAoB,GAAGhC,eAAe,CAACI,KAAD,EAAQ;IAChD6B,QAAQ,EAAGC,CAAD,IAAOrC,YAAY,CAAC;MAC1BsC,QAAQ,EAAE,EADgB;MAE1BC,UAAU,EAAE,IAFc;MAG1BC,UAAU,EAAE,uBAHc;MAI1BC,aAAa,EAAE;IAJW,CAAD,CADmB;IAOhDC,KAAK,EAAEnC,KAAK,CAACG,OAAN,CAAciC,IAAd,CAAmBC;EAPsB,CAAR,CAA5C;EAUA,MAAMpC,OAAO,gBACT,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,GAAD;IAAK,UAAU,EAAEc;EAAjB,GACKE,QADL,CADJ,EAKKN,WAAW,gBACR,oBAAC,IAAD;IAAM,KAAK,EAAEd,GAAG,CAAC,CACbyB,MAAM,CAACX,WADM,EAEbiB,oBAFa,CAAD;EAAhB,GAIKjB,WAJL,CADQ,GAOR,IAZR,CADJ;EAiBA;IAAA;IACI;IACA,oBAAC,IAAD,EAAUY,kBAAV,EACKP,MAAM,gBACH,oBAAC,UAAD;MACI,QAAQ,EAAEE,QADd;MAEI,OAAO,EAAEC,OAFb;MAGI,KAAK,EAAEQ;IAHX,GAKK1B,OALL,CADG,gBASH,oBAAC,IAAD;MAAM,KAAK,EAAE0B;IAAb,GACK1B,OADL,CAVR;EAFJ;AAkBH;AAAA"}

package/build/module/ListItemText/ListItemText.js

@@ -25,8 +25,8 @@ export default function ListItemText(props) {
   const styles = useStyles();
   const fontStyle = createFontStyle(theme, {
     selector: _ => typographyOf({
-      fontSize: 15,
-      lineHeight: 18,
+      fontSize: 16,
+      lineHeight: 19.2,
       fontFamily: 'PretendardStd-Medium',
       letterSpacing: 0
     }),

package/build/module/ListItemText/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","typographyOf","Column","createFontStyle","css","useTheme","useStyles","root","flexGrow","flexShrink","ListItemText","props","children","style","otherProps","theme","styles","fontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","palette","text","strong"],"sources":["ListItemText.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport Column from '../Column';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type ListItemTextProps from './ListItemTextProps';\n\ntype ListItemTextStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemTextStyles> = function (): ListItemTextStyles {\n    return {\n        root: {\n            flexGrow: 1,\n            flexShrink: 1,\n        },\n    };\n};\n\nexport default function ListItemText(props: ListItemTextProps) {\n    const {\n        children,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 15,\n            lineHeight: 18,\n            fontFamily: 'PretendardStd-Medium',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.strong,\n    });\n\n    return (\n        <Column\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Text style={fontStyle}>\n                {children}\n            </Text>\n        </Column>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,YAAT,QAA6B,qBAA7B;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;;AAKA,MAAMC,SAAwC,GAAG,YAAgC;EAC7E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE,CADR;MAEFC,UAAU,EAAE;IAFV;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,MAAM;IACFC,QADE;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,KAAK,GAAGV,QAAQ,EAAtB;EAEA,MAAMW,MAAM,GAAGV,SAAS,EAAxB;EAEA,MAAMW,SAAS,GAAGd,eAAe,CAACY,KAAD,EAAQ;IACrCG,QAAQ,EAAGC,CAAD,IAAOlB,YAAY,CAAC;MAC1BmB,QAAQ,EAAE,EADgB;MAE1BC,UAAU,EAAE,EAFc;MAG1BC,UAAU,EAAE,sBAHc;MAI1BC,aAAa,EAAE;IAJW,CAAD,CADQ;IAOrCC,KAAK,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,CAAmBC;EAPW,CAAR,CAAjC;EAUA,oBACI,oBAAC,MAAD;IACI,KAAK,EAAEvB,GAAG,CAAC,CACPY,MAAM,CAACT,IADA,EAEPM,KAFO,CAAD;EADd,GAKQC,UALR,gBAOI,oBAAC,IAAD;IAAM,KAAK,EAAEG;EAAb,GACKL,QADL,CAPJ,CADJ;AAaH;AAAA"}
+{"version":3,"names":["React","Text","typographyOf","Column","createFontStyle","css","useTheme","useStyles","root","flexGrow","flexShrink","ListItemText","props","children","style","otherProps","theme","styles","fontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","palette","text","strong"],"sources":["ListItemText.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport Column from '../Column';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type ListItemTextProps from './ListItemTextProps';\n\ntype ListItemTextStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemTextStyles> = function (): ListItemTextStyles {\n    return {\n        root: {\n            flexGrow: 1,\n            flexShrink: 1,\n        },\n    };\n};\n\nexport default function ListItemText(props: ListItemTextProps) {\n    const {\n        children,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 16,\n            lineHeight: 19.2,\n            fontFamily: 'PretendardStd-Medium',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.strong,\n    });\n\n    return (\n        <Column\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Text style={fontStyle}>\n                {children}\n            </Text>\n        </Column>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,YAAT,QAA6B,qBAA7B;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;;AAKA,MAAMC,SAAwC,GAAG,YAAgC;EAC7E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE,CADR;MAEFC,UAAU,EAAE;IAFV;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,MAAM;IACFC,QADE;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,KAAK,GAAGV,QAAQ,EAAtB;EAEA,MAAMW,MAAM,GAAGV,SAAS,EAAxB;EAEA,MAAMW,SAAS,GAAGd,eAAe,CAACY,KAAD,EAAQ;IACrCG,QAAQ,EAAGC,CAAD,IAAOlB,YAAY,CAAC;MAC1BmB,QAAQ,EAAE,EADgB;MAE1BC,UAAU,EAAE,IAFc;MAG1BC,UAAU,EAAE,sBAHc;MAI1BC,aAAa,EAAE;IAJW,CAAD,CADQ;IAOrCC,KAAK,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,CAAmBC;EAPW,CAAR,CAAjC;EAUA,oBACI,oBAAC,MAAD;IACI,KAAK,EAAEvB,GAAG,CAAC,CACPY,MAAM,CAACT,IADA,EAEPM,KAFO,CAAD;EADd,GAKQC,UALR,gBAOI,oBAAC,IAAD;IAAM,KAAK,EAAEG;EAAb,GACKL,QADL,CAPJ,CADJ;AAaH;AAAA"}

package/build/module/ListSubheader/ListSubheader.js

@@ -19,7 +19,7 @@ export default function ListSubheader(props) {
   }, otherProps), disableTypography ? children : /*#__PURE__*/React.createElement(Typography, {
     children: children,
     color: 'strong',
-    variant: 'caption3'
+    variant: 'caption2'
   }));
 }
 ;

package/build/module/ListSubheader/ListSubheader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Row","Typography","EdgeInsets","ListSubheader","props","children","disableTypography","otherProps","accessibilityRole","OS","undefined","horizontal"],"sources":["ListSubheader.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type ListSubheaderProps from './ListSubheaderProps';\n\nexport default function ListSubheader(props: ListSubheaderProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    const accessibilityRole = Platform.OS === 'web' ? 'listitem' : undefined;\n\n    return (\n        <Row\n            // @ts-ignore\n            accessibilityRole={accessibilityRole}\n            insets={EdgeInsets.horizontal(4)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'strong'}\n                    variant={'caption3'}\n                />\n            )}\n        </Row>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,iBAAiB,GAAGT,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SAA/D;EAEA,oBACI,oBAAC,GAAD,CACI;EADJ;IAEI,iBAAiB,EAAEF,iBAFvB;IAGI,MAAM,EAAEN,UAAU,CAACS,UAAX,CAAsB,CAAtB;EAHZ,GAIQJ,UAJR,GAMKD,iBAAiB,GACdD,QADc,gBAGd,oBAAC,UAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,QAFX;IAGI,OAAO,EAAE;EAHb,EATR,CADJ;AAkBH;AAAA"}
+{"version":3,"names":["React","Platform","Row","Typography","EdgeInsets","ListSubheader","props","children","disableTypography","otherProps","accessibilityRole","OS","undefined","horizontal"],"sources":["ListSubheader.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type ListSubheaderProps from './ListSubheaderProps';\n\nexport default function ListSubheader(props: ListSubheaderProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    const accessibilityRole = Platform.OS === 'web' ? 'listitem' : undefined;\n\n    return (\n        <Row\n            // @ts-ignore\n            accessibilityRole={accessibilityRole}\n            insets={EdgeInsets.horizontal(4)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'strong'}\n                    variant={'caption2'}\n                />\n            )}\n        </Row>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,WAA3B;AAGA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,iBAAiB,GAAGT,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SAA/D;EAEA,oBACI,oBAAC,GAAD,CACI;EADJ;IAEI,iBAAiB,EAAEF,iBAFvB;IAGI,MAAM,EAAEN,UAAU,CAACS,UAAX,CAAsB,CAAtB;EAHZ,GAIQJ,UAJR,GAMKD,iBAAiB,GACdD,QADc,gBAGd,oBAAC,UAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,QAFX;IAGI,OAAO,EAAE;EAHb,EATR,CADJ;AAkBH;AAAA"}

package/build/module/Modal/Modal.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import { View } from 'react-native';
+import { KeyboardAvoidingView, Platform, View } from 'react-native';
 import { css, StyleSheet } from '../styles';
 import { useElevationStyle } from '../hooks';
 import AnimatedContainer from './AnimatedContainer';
@@ -14,7 +14,8 @@ export const createModalCloseEvent = reason => ({
 export default function Modal(props) {
   const {
     animationStyle,
-    backdropOpacity = 0.5,
+    avoidKeyboard = false,
+    backdropOpacity = 0.75,
     children,
     closeAnimation,
     disableAnimation = false,
@@ -66,25 +67,33 @@ export default function Modal(props) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: css([StyleSheet.absoluteFill, elevationStyle, style])
-  }, otherProps), !hideBackdrop && visible ? /*#__PURE__*/React.createElement(SimpleBackdrop, {
-    onPress: handleBackdropPress,
-    opacity: backdropOpacity
-  }) : null, !disableAnimation ? /*#__PURE__*/React.createElement(AnimatedContainer, {
-    children: children,
-    closeAnimation: closeAnimation,
-    initialOpacity: initialOpacity,
-    initialTranslateY: initialTranslateY,
-    onEnter: onEnter,
-    onEntered: onEntered,
-    onExit: onExit,
-    onExited: onExited,
-    openAnimation: openAnimation,
-    offsetAnimation: offsetAnimation,
-    style: animationStyle,
-    visible: visible
-  }) : children);
+  const Container = avoidKeyboard ? KeyboardAvoidingView : View;
+  const containerProps = avoidKeyboard ? {
+    behavior: Platform.OS === 'ios' ? 'padding' : undefined
+  } : {};
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error
+    React.createElement(Container, _extends({}, containerProps, {
+      style: css([StyleSheet.absoluteFill, elevationStyle, style])
+    }, otherProps), !hideBackdrop && visible ? /*#__PURE__*/React.createElement(SimpleBackdrop, {
+      onPress: handleBackdropPress,
+      opacity: backdropOpacity
+    }) : null, !disableAnimation ? /*#__PURE__*/React.createElement(AnimatedContainer, {
+      children: children,
+      closeAnimation: closeAnimation,
+      initialOpacity: initialOpacity,
+      initialTranslateY: initialTranslateY,
+      onEnter: onEnter,
+      onEntered: onEntered,
+      onExit: onExit,
+      onExited: onExited,
+      openAnimation: openAnimation,
+      offsetAnimation: offsetAnimation,
+      style: animationStyle,
+      visible: visible
+    }) : children)
+  );
 }
 ;
 //# sourceMappingURL=Modal.js.map

package/build/module/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","StyleSheet","useElevationStyle","AnimatedContainer","SimpleBackdrop","createModalCloseEvent","reason","metadata","Modal","props","animationStyle","backdropOpacity","children","closeAnimation","disableAnimation","hideBackdrop","initialOpacity","initialTranslateY","onClose","onEnter","onEnterProp","onEntered","onEnteredProp","onExit","onExitProp","onExited","onExitedProp","openAnimation","offsetAnimation","style","visible","otherProps","handleBackdropPress","exited","setExited","useState","elevationStyle","absoluteFill"],"sources":["Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet } from '../styles';\nimport { useElevationStyle } from '../hooks';\nimport type ModalProps from './ModalProps';\nimport AnimatedContainer from './AnimatedContainer';\nimport SimpleBackdrop from './SimpleBackdrop';\n\nexport type ModalCloseReasonType = 'OUTSIDE_PRESS' | 'HARDWARE_BACK_PRESS' | 'CLOSE_BUTTON_PRESS' | 'UNKNOWN';\n\nexport interface ModalCloseEvent {\n    metadata: {\n        reason: ModalCloseReasonType\n    };\n}\n\nexport const createModalCloseEvent = (reason: ModalCloseReasonType) => ({\n    metadata: {\n        reason,\n    },\n});\n\nexport default function Modal(props: ModalProps) {\n    const {\n        animationStyle,\n        backdropOpacity = 0.5,\n        children,\n        closeAnimation,\n        disableAnimation = false,\n        hideBackdrop = false,\n        initialOpacity,\n        initialTranslateY,\n        onClose,\n        onEnter: onEnterProp,\n        onEntered: onEnteredProp,\n        onExit: onExitProp,\n        onExited: onExitedProp,\n        openAnimation,\n        offsetAnimation,\n        style,\n        visible,\n        ...otherProps\n    } = props;\n\n    const handleBackdropPress = () => {\n        if (onClose) {\n            onClose(createModalCloseEvent('OUTSIDE_PRESS'));\n        }\n    };\n\n    const [exited, setExited] = React.useState(true);\n\n    const elevationStyle = useElevationStyle(6);\n\n    const onEnter = () => {\n        setExited(false);\n        onEnterProp?.();\n    };\n\n    const onEntered = () => {\n        onEnteredProp?.();\n    };\n\n    const onExit = () => {\n        onExitProp?.();\n    };\n\n    const onExited = () => {\n        setExited(true);\n        onExitedProp?.();\n    };\n\n    if (!visible) {\n        if (disableAnimation || exited) {\n            return null;\n        }\n    }\n\n    return (\n        <View\n            style={css([\n                StyleSheet.absoluteFill,\n                elevationStyle,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {(!hideBackdrop && visible) ? (\n                <SimpleBackdrop\n                    onPress={handleBackdropPress}\n                    opacity={backdropOpacity}\n                />\n            ) : null}\n\n            {!disableAnimation ? (\n                <AnimatedContainer\n                    children={children}\n                    closeAnimation={closeAnimation}\n                    initialOpacity={initialOpacity}\n                    initialTranslateY={initialTranslateY}\n                    onEnter={onEnter}\n                    onEntered={onEntered}\n                    onExit={onExit}\n                    onExited={onExited}\n                    openAnimation={openAnimation}\n                    offsetAnimation={offsetAnimation}\n                    style={animationStyle}\n                    visible={visible}\n                />\n            ) : children}\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,WAAhC;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAEA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AAUA,OAAO,MAAMC,qBAAqB,GAAIC,MAAD,KAAmC;EACpEC,QAAQ,EAAE;IACND;EADM;AAD0D,CAAnC,CAA9B;AAMP,eAAe,SAASE,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,cADE;IAEFC,eAAe,GAAG,GAFhB;IAGFC,QAHE;IAIFC,cAJE;IAKFC,gBAAgB,GAAG,KALjB;IAMFC,YAAY,GAAG,KANb;IAOFC,cAPE;IAQFC,iBARE;IASFC,OATE;IAUFC,OAAO,EAAEC,WAVP;IAWFC,SAAS,EAAEC,aAXT;IAYFC,MAAM,EAAEC,UAZN;IAaFC,QAAQ,EAAEC,YAbR;IAcFC,aAdE;IAeFC,eAfE;IAgBFC,KAhBE;IAiBFC,OAjBE;IAkBF,GAAGC;EAlBD,IAmBFtB,KAnBJ;;EAqBA,MAAMuB,mBAAmB,GAAG,MAAM;IAC9B,IAAId,OAAJ,EAAa;MACTA,OAAO,CAACb,qBAAqB,CAAC,eAAD,CAAtB,CAAP;IACH;EACJ,CAJD;;EAMA,MAAM,CAAC4B,MAAD,EAASC,SAAT,IAAsBpC,KAAK,CAACqC,QAAN,CAAe,IAAf,CAA5B;EAEA,MAAMC,cAAc,GAAGlC,iBAAiB,CAAC,CAAD,CAAxC;;EAEA,MAAMiB,OAAO,GAAG,MAAM;IAClBe,SAAS,CAAC,KAAD,CAAT;IACAd,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW;EACd,CAHD;;EAKA,MAAMC,SAAS,GAAG,MAAM;IACpBC,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa;EAChB,CAFD;;EAIA,MAAMC,MAAM,GAAG,MAAM;IACjBC,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU;EACb,CAFD;;EAIA,MAAMC,QAAQ,GAAG,MAAM;IACnBS,SAAS,CAAC,IAAD,CAAT;IACAR,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY;EACf,CAHD;;EAKA,IAAI,CAACI,OAAL,EAAc;IACV,IAAIhB,gBAAgB,IAAImB,MAAxB,EAAgC;MAC5B,OAAO,IAAP;IACH;EACJ;;EAED,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEjC,GAAG,CAAC,CACPC,UAAU,CAACoC,YADJ,EAEPD,cAFO,EAGPP,KAHO,CAAD;EADd,GAMQE,UANR,GAQM,CAAChB,YAAD,IAAiBe,OAAlB,gBACG,oBAAC,cAAD;IACI,OAAO,EAAEE,mBADb;IAEI,OAAO,EAAErB;EAFb,EADH,GAKG,IAbR,EAeK,CAACG,gBAAD,gBACG,oBAAC,iBAAD;IACI,QAAQ,EAAEF,QADd;IAEI,cAAc,EAAEC,cAFpB;IAGI,cAAc,EAAEG,cAHpB;IAII,iBAAiB,EAAEC,iBAJvB;IAKI,OAAO,EAAEE,OALb;IAMI,SAAS,EAAEE,SANf;IAOI,MAAM,EAAEE,MAPZ;IAQI,QAAQ,EAAEE,QARd;IASI,aAAa,EAAEE,aATnB;IAUI,eAAe,EAAEC,eAVrB;IAWI,KAAK,EAAElB,cAXX;IAYI,OAAO,EAAEoB;EAZb,EADH,GAeGlB,QA9BR,CADJ;AAkCH;AAAA"}
+{"version":3,"names":["React","KeyboardAvoidingView","Platform","View","css","StyleSheet","useElevationStyle","AnimatedContainer","SimpleBackdrop","createModalCloseEvent","reason","metadata","Modal","props","animationStyle","avoidKeyboard","backdropOpacity","children","closeAnimation","disableAnimation","hideBackdrop","initialOpacity","initialTranslateY","onClose","onEnter","onEnterProp","onEntered","onEnteredProp","onExit","onExitProp","onExited","onExitedProp","openAnimation","offsetAnimation","style","visible","otherProps","handleBackdropPress","exited","setExited","useState","elevationStyle","Container","containerProps","behavior","OS","undefined","absoluteFill"],"sources":["Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { css, StyleSheet } from '../styles';\nimport { useElevationStyle } from '../hooks';\nimport type ModalProps from './ModalProps';\nimport AnimatedContainer from './AnimatedContainer';\nimport SimpleBackdrop from './SimpleBackdrop';\n\nexport type ModalCloseReasonType = 'OUTSIDE_PRESS' | 'HARDWARE_BACK_PRESS' | 'CLOSE_BUTTON_PRESS' | 'UNKNOWN';\n\nexport interface ModalCloseEvent {\n    metadata: {\n        reason: ModalCloseReasonType\n    };\n}\n\nexport const createModalCloseEvent = (reason: ModalCloseReasonType) => ({\n    metadata: {\n        reason,\n    },\n});\n\nexport default function Modal(props: ModalProps) {\n    const {\n        animationStyle,\n        avoidKeyboard = false,\n        backdropOpacity = 0.75,\n        children,\n        closeAnimation,\n        disableAnimation = false,\n        hideBackdrop = false,\n        initialOpacity,\n        initialTranslateY,\n        onClose,\n        onEnter: onEnterProp,\n        onEntered: onEnteredProp,\n        onExit: onExitProp,\n        onExited: onExitedProp,\n        openAnimation,\n        offsetAnimation,\n        style,\n        visible,\n        ...otherProps\n    } = props;\n\n    const handleBackdropPress = () => {\n        if (onClose) {\n            onClose(createModalCloseEvent('OUTSIDE_PRESS'));\n        }\n    };\n\n    const [exited, setExited] = React.useState(true);\n\n    const elevationStyle = useElevationStyle(6);\n\n    const onEnter = () => {\n        setExited(false);\n        onEnterProp?.();\n    };\n\n    const onEntered = () => {\n        onEnteredProp?.();\n    };\n\n    const onExit = () => {\n        onExitProp?.();\n    };\n\n    const onExited = () => {\n        setExited(true);\n        onExitedProp?.();\n    };\n\n    if (!visible) {\n        if (disableAnimation || exited) {\n            return null;\n        }\n    }\n\n    const Container = avoidKeyboard ? KeyboardAvoidingView : View;\n    const containerProps = avoidKeyboard ? {\n        behavior: Platform.OS === 'ios' ? 'padding' : undefined,\n    } : {};\n\n    return (\n        // @ts-expect-error\n        <Container\n            {...containerProps}\n            style={css([\n                StyleSheet.absoluteFill,\n                elevationStyle,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {(!hideBackdrop && visible) ? (\n                <SimpleBackdrop\n                    onPress={handleBackdropPress}\n                    opacity={backdropOpacity}\n                />\n            ) : null}\n\n            {!disableAnimation ? (\n                <AnimatedContainer\n                    children={children}\n                    closeAnimation={closeAnimation}\n                    initialOpacity={initialOpacity}\n                    initialTranslateY={initialTranslateY}\n                    onEnter={onEnter}\n                    onEntered={onEntered}\n                    onExit={onExit}\n                    onExited={onExited}\n                    openAnimation={openAnimation}\n                    offsetAnimation={offsetAnimation}\n                    style={animationStyle}\n                    visible={visible}\n                />\n            ) : children}\n        </Container>\n    );\n};\n"],"mappings":"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"}

package/build/module/Modal/ModalProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["ANIMATION_TYPE"],"sources":["ModalProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport { Animated } from 'react-native';\nimport type { ComponentProps, OverridableComponentProps } from '../types';\nimport { ModalCloseEvent } from './Modal';\n\nexport const enum ANIMATION_TYPE {\n    SLIDE = 'slide',\n    FADE = 'fade',\n}\n\nexport type AnimationUnit = Omit<Animated.TimingAnimationConfig, 'useNativeDriver'> & {\n    /**\n     * Type of animation used when the dialog opens and closes.\n     */\n    type: ANIMATION_TYPE;\n}\n\nexport default interface ModalProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Style object provided to animation component.\n     */\n    animationStyle?: ComponentProps['style'];\n\n    /**\n     * Opacity for backdrop.\n     * @default 0.5\n     */\n    backdropOpacity?: number;\n\n    /**\n     * A single child content element.\n     */\n    children: React.ReactElement;\n\n    /**\n     * If `true`, the animation is disabled.\n     * @default false\n     */\n    disableAnimation?: boolean;\n\n    /**\n     * Animation used when the modal closes.\n     */\n    closeAnimation?: AnimationUnit[] | undefined;\n\n    /**\n     * If `true`, the backdrop is not rendered.\n     * @default false\n     */\n    hideBackdrop?: boolean;\n\n    /**\n     * Set the initial value of opacity for animating.\n     */\n    initialOpacity?: number | undefined;\n\n    /**\n     * Set the initial value of transition y for animating.\n     */\n    initialTranslateY?: number | undefined;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: (event?: ModalCloseEvent) => void;\n\n    /**\n     * Callback fired when the enter animation will start.\n     */\n    onEnter?: () => void | undefined;\n\n    /**\n     * Callback fired when the enter animation is completed.\n     */\n    onEntered?: () => void | undefined;\n\n    /**\n     * Callback fired when the exit animation will start.\n     */\n    onExit?: () => void | undefined;\n\n    /**\n     * Callback fired when the exit animation is completed.\n     */\n    onExited?: () => void | undefined;\n\n    /**\n     * Animation used when the modal opens.\n     */\n    openAnimation?: AnimationUnit[] | undefined;\n\n    /**\n     * Additional offset animation applied when the modal opens.\n     */\n    offsetAnimation?: AnimationUnit[] | undefined;\n\n    /**\n     * If `true`, the modal is visible.\n     */\n    visible: boolean;\n}> {}\n"],"mappings":"AAMA,WAAkBA,cAAlB;;WAAkBA,c;EAAAA,c;EAAAA,c;GAAAA,c,KAAAA,c"}
+{"version":3,"names":["ANIMATION_TYPE"],"sources":["ModalProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport { Animated } from 'react-native';\nimport type { ComponentProps, OverridableComponentProps } from '../types';\nimport { ModalCloseEvent } from './Modal';\n\nexport const enum ANIMATION_TYPE {\n    SLIDE = 'slide',\n    FADE = 'fade',\n}\n\nexport type AnimationUnit = Omit<Animated.TimingAnimationConfig, 'useNativeDriver'> & {\n    /**\n     * Type of animation used when the dialog opens and closes.\n     */\n    type: ANIMATION_TYPE;\n}\n\nexport default interface ModalProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Style object provided to animation component.\n     */\n    animationStyle?: ComponentProps['style'];\n\n    /**\n     * Opacity for backdrop.\n     * @default 0.5\n     */\n    backdropOpacity?: number;\n\n    /**\n     * A single child content element.\n     */\n    children: React.ReactElement;\n\n    /**\n     * If `true`, the modal wraps its content in a `KeyboardAvoidingView` so\n     * that on iOS the visible area shrinks when the software keyboard appears.\n     * Intended for centered modals; leave `false` for bottom-anchored or\n     * full-screen overlays that manage their own keyboard handling.\n     * @default false\n     */\n    avoidKeyboard?: boolean;\n\n    /**\n     * If `true`, the animation is disabled.\n     * @default false\n     */\n    disableAnimation?: boolean;\n\n    /**\n     * Animation used when the modal closes.\n     */\n    closeAnimation?: AnimationUnit[] | undefined;\n\n    /**\n     * If `true`, the backdrop is not rendered.\n     * @default false\n     */\n    hideBackdrop?: boolean;\n\n    /**\n     * Set the initial value of opacity for animating.\n     */\n    initialOpacity?: number | undefined;\n\n    /**\n     * Set the initial value of transition y for animating.\n     */\n    initialTranslateY?: number | undefined;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: (event?: ModalCloseEvent) => void;\n\n    /**\n     * Callback fired when the enter animation will start.\n     */\n    onEnter?: () => void | undefined;\n\n    /**\n     * Callback fired when the enter animation is completed.\n     */\n    onEntered?: () => void | undefined;\n\n    /**\n     * Callback fired when the exit animation will start.\n     */\n    onExit?: () => void | undefined;\n\n    /**\n     * Callback fired when the exit animation is completed.\n     */\n    onExited?: () => void | undefined;\n\n    /**\n     * Animation used when the modal opens.\n     */\n    openAnimation?: AnimationUnit[] | undefined;\n\n    /**\n     * Additional offset animation applied when the modal opens.\n     */\n    offsetAnimation?: AnimationUnit[] | undefined;\n\n    /**\n     * If `true`, the modal is visible.\n     */\n    visible: boolean;\n}> {}\n"],"mappings":"AAMA,WAAkBA,cAAlB;;WAAkBA,c;EAAAA,c;EAAAA,c;GAAAA,c,KAAAA,c"}

package/build/module/Pagination/NumberPagination.js

@@ -32,7 +32,7 @@ export default function NumberPagination(props) {
   const typography = typographyOf({
     fontSize: 9.5,
     lineHeight: 11.4,
-    fontFamily: 'Pretendard-SemiBold',
+    fontFamily: 'PretendardStd-SemiBold',
     letterSpacing: -0.19
   });
   const currentFontStyle = createFontStyle(theme, {
@@ -46,7 +46,9 @@ export default function NumberPagination(props) {
   return /*#__PURE__*/React.createElement(Row, {
     style: styles.root
   }, /*#__PURE__*/React.createElement(Text, {
-    style: currentFontStyle
+    style: [currentFontStyle, {
+      fontVariant: ['tabular-nums']
+    }]
   }, currentPage + 1), /*#__PURE__*/React.createElement(Divider, {
     style: styles.divider,
     vertical: true

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","commonColors","typographyOf","Divider","Row","createFontStyle","useTheme","useStyles","theme","root","backgroundColor","static","weakOpacity","borderRadius","shape","radius","full","paddingHorizontal","spacing","paddingVertical","divider","alignSelf","borderColor","weakOpacityInverse","height","NumberPagination","props","currentPage","maxPage","styles","typography","fontSize","lineHeight","fontFamily","letterSpacing","currentFontStyle","selector","_","color","strongInverse","countFontStyle","baseOpacityInverse"],"sources":["NumberPagination.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { commonColors, typographyOf } from '@fountain-ui/styles';\nimport Divider from '../Divider';\nimport Row from '../Row';\nimport { createFontStyle, useTheme } from '../styles';\nimport type PaginationProps from './PaginationProps';\n\ntype NumberPaginationStyles = NamedStylesStringUnion<'root' | 'divider'>;\n\nconst useStyles: UseStyles<NumberPaginationStyles> = function (): NumberPaginationStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            backgroundColor: commonColors.static.weakOpacity,\n            borderRadius: theme.shape.radius.full,\n            paddingHorizontal: theme.spacing(1.25),\n            paddingVertical: theme.spacing(0.5),\n        },\n        divider: {\n            alignSelf: 'center',\n            borderColor: commonColors.static.weakOpacityInverse,\n            height: 6,\n        },\n    };\n};\n\ninterface NumberPaginationProps {\n    currentPage: PaginationProps['page'];\n    maxPage: PaginationProps['count'];\n}\n\nexport default function NumberPagination(props: NumberPaginationProps) {\n    const {\n        currentPage,\n        maxPage,\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const typography = typographyOf({\n        fontSize: 9.5,\n        lineHeight: 11.4,\n        fontFamily: 'Pretendard-SemiBold',\n        letterSpacing: -0.19,\n    });\n\n    const currentFontStyle = createFontStyle(theme, {\n        selector: (_) => typography,\n        color: commonColors.static.strongInverse,\n    });\n\n    const countFontStyle = createFontStyle(theme, {\n        selector: (_) => typography,\n        color: commonColors.static.baseOpacityInverse,\n    });\n\n    return (\n        <Row style={styles.root}>\n            <Text style={currentFontStyle}>\n                {currentPage + 1}\n            </Text>\n\n            <Divider\n                style={styles.divider}\n                vertical={true}\n            />\n\n            <Text style={countFontStyle}>\n                {maxPage}\n            </Text>\n        </Row>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,YAAT,EAAuBC,YAAvB,QAA2C,qBAA3C;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,WAA1C;;AAKA,MAAMC,SAA4C,GAAG,YAAoC;EACrF,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,eAAe,EAAET,YAAY,CAACU,MAAb,CAAoBC,WADnC;MAEFC,YAAY,EAAEL,KAAK,CAACM,KAAN,CAAYC,MAAZ,CAAmBC,IAF/B;MAGFC,iBAAiB,EAAET,KAAK,CAACU,OAAN,CAAc,IAAd,CAHjB;MAIFC,eAAe,EAAEX,KAAK,CAACU,OAAN,CAAc,GAAd;IAJf,CADH;IAOHE,OAAO,EAAE;MACLC,SAAS,EAAE,QADN;MAELC,WAAW,EAAErB,YAAY,CAACU,MAAb,CAAoBY,kBAF5B;MAGLC,MAAM,EAAE;IAHH;EAPN,CAAP;AAaH,CAhBD;;AAuBA,eAAe,SAASC,gBAAT,CAA0BC,KAA1B,EAAwD;EACnE,MAAM;IACFC,WADE;IAEFC;EAFE,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGtB,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMwB,UAAU,GAAG5B,YAAY,CAAC;IAC5B6B,QAAQ,EAAE,GADkB;IAE5BC,UAAU,EAAE,IAFgB;IAG5BC,UAAU,EAAE,qBAHgB;IAI5BC,aAAa,EAAE,CAAC;EAJY,CAAD,CAA/B;EAOA,MAAMC,gBAAgB,GAAG9B,eAAe,CAACG,KAAD,EAAQ;IAC5C4B,QAAQ,EAAGC,CAAD,IAAOP,UAD2B;IAE5CQ,KAAK,EAAErC,YAAY,CAACU,MAAb,CAAoB4B;EAFiB,CAAR,CAAxC;EAKA,MAAMC,cAAc,GAAGnC,eAAe,CAACG,KAAD,EAAQ;IAC1C4B,QAAQ,EAAGC,CAAD,IAAOP,UADyB;IAE1CQ,KAAK,EAAErC,YAAY,CAACU,MAAb,CAAoB8B;EAFe,CAAR,CAAtC;EAKA,oBACI,oBAAC,GAAD;IAAK,KAAK,EAAEZ,MAAM,CAACpB;EAAnB,gBACI,oBAAC,IAAD;IAAM,KAAK,EAAE0B;EAAb,GACKR,WAAW,GAAG,CADnB,CADJ,eAKI,oBAAC,OAAD;IACI,KAAK,EAAEE,MAAM,CAACT,OADlB;IAEI,QAAQ,EAAE;EAFd,EALJ,eAUI,oBAAC,IAAD;IAAM,KAAK,EAAEoB;EAAb,GACKZ,OADL,CAVJ,CADJ;AAgBH"}
+{"version":3,"names":["React","Text","commonColors","typographyOf","Divider","Row","createFontStyle","useTheme","useStyles","theme","root","backgroundColor","static","weakOpacity","borderRadius","shape","radius","full","paddingHorizontal","spacing","paddingVertical","divider","alignSelf","borderColor","weakOpacityInverse","height","NumberPagination","props","currentPage","maxPage","styles","typography","fontSize","lineHeight","fontFamily","letterSpacing","currentFontStyle","selector","_","color","strongInverse","countFontStyle","baseOpacityInverse","fontVariant"],"sources":["NumberPagination.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { commonColors, typographyOf } from '@fountain-ui/styles';\nimport Divider from '../Divider';\nimport Row from '../Row';\nimport { createFontStyle, useTheme } from '../styles';\nimport type PaginationProps from './PaginationProps';\n\ntype NumberPaginationStyles = NamedStylesStringUnion<'root' | 'divider'>;\n\nconst useStyles: UseStyles<NumberPaginationStyles> = function (): NumberPaginationStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            backgroundColor: commonColors.static.weakOpacity,\n            borderRadius: theme.shape.radius.full,\n            paddingHorizontal: theme.spacing(1.25),\n            paddingVertical: theme.spacing(0.5),\n        },\n        divider: {\n            alignSelf: 'center',\n            borderColor: commonColors.static.weakOpacityInverse,\n            height: 6,\n        },\n    };\n};\n\ninterface NumberPaginationProps {\n    currentPage: PaginationProps['page'];\n    maxPage: PaginationProps['count'];\n}\n\nexport default function NumberPagination(props: NumberPaginationProps) {\n    const {\n        currentPage,\n        maxPage,\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const typography = typographyOf({\n        fontSize: 9.5,\n        lineHeight: 11.4,\n        fontFamily: 'PretendardStd-SemiBold',\n        letterSpacing: -0.19,\n    });\n\n    const currentFontStyle = createFontStyle(theme, {\n        selector: (_) => typography,\n        color: commonColors.static.strongInverse,\n    });\n\n    const countFontStyle = createFontStyle(theme, {\n        selector: (_) => typography,\n        color: commonColors.static.baseOpacityInverse,\n    });\n\n    return (\n        <Row style={styles.root}>\n            <Text\n                style={[\n                    currentFontStyle,\n                    { fontVariant: ['tabular-nums'] },\n                ]}\n            >\n                {currentPage + 1}\n            </Text>\n\n            <Divider\n                style={styles.divider}\n                vertical={true}\n            />\n\n            <Text style={countFontStyle}>\n                {maxPage}\n            </Text>\n        </Row>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,YAAT,EAAuBC,YAAvB,QAA2C,qBAA3C;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,WAA1C;;AAKA,MAAMC,SAA4C,GAAG,YAAoC;EACrF,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,eAAe,EAAET,YAAY,CAACU,MAAb,CAAoBC,WADnC;MAEFC,YAAY,EAAEL,KAAK,CAACM,KAAN,CAAYC,MAAZ,CAAmBC,IAF/B;MAGFC,iBAAiB,EAAET,KAAK,CAACU,OAAN,CAAc,IAAd,CAHjB;MAIFC,eAAe,EAAEX,KAAK,CAACU,OAAN,CAAc,GAAd;IAJf,CADH;IAOHE,OAAO,EAAE;MACLC,SAAS,EAAE,QADN;MAELC,WAAW,EAAErB,YAAY,CAACU,MAAb,CAAoBY,kBAF5B;MAGLC,MAAM,EAAE;IAHH;EAPN,CAAP;AAaH,CAhBD;;AAuBA,eAAe,SAASC,gBAAT,CAA0BC,KAA1B,EAAwD;EACnE,MAAM;IACFC,WADE;IAEFC;EAFE,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGtB,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMwB,UAAU,GAAG5B,YAAY,CAAC;IAC5B6B,QAAQ,EAAE,GADkB;IAE5BC,UAAU,EAAE,IAFgB;IAG5BC,UAAU,EAAE,wBAHgB;IAI5BC,aAAa,EAAE,CAAC;EAJY,CAAD,CAA/B;EAOA,MAAMC,gBAAgB,GAAG9B,eAAe,CAACG,KAAD,EAAQ;IAC5C4B,QAAQ,EAAGC,CAAD,IAAOP,UAD2B;IAE5CQ,KAAK,EAAErC,YAAY,CAACU,MAAb,CAAoB4B;EAFiB,CAAR,CAAxC;EAKA,MAAMC,cAAc,GAAGnC,eAAe,CAACG,KAAD,EAAQ;IAC1C4B,QAAQ,EAAGC,CAAD,IAAOP,UADyB;IAE1CQ,KAAK,EAAErC,YAAY,CAACU,MAAb,CAAoB8B;EAFe,CAAR,CAAtC;EAKA,oBACI,oBAAC,GAAD;IAAK,KAAK,EAAEZ,MAAM,CAACpB;EAAnB,gBACI,oBAAC,IAAD;IACI,KAAK,EAAE,CACH0B,gBADG,EAEH;MAAEO,WAAW,EAAE,CAAC,cAAD;IAAf,CAFG;EADX,GAMKf,WAAW,GAAG,CANnB,CADJ,eAUI,oBAAC,OAAD;IACI,KAAK,EAAEE,MAAM,CAACT,OADlB;IAEI,QAAQ,EAAE;EAFd,EAVJ,eAeI,oBAAC,IAAD;IAAM,KAAK,EAAEoB;EAAb,GACKZ,OADL,CAfJ,CADJ;AAqBH"}