@fountain-ui/core 3.0.0-alpha.1 → 3.0.0-alpha.10

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

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Checkbox';\nexport type { default as CheckboxProps } from './CheckboxProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}
+{"version":3,"names":["default","checkboxVariants"],"sources":["index.ts"],"sourcesContent":["export { default } from './Checkbox';\nexport type { default as CheckboxProps } from './CheckboxProps';\nexport { checkboxVariants } from './CheckboxProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AAEA,SAASC,gBAAT,QAAiC,iBAAjC"}

package/build/module/Checkbox/useVariantStyleMap.js

@@ -14,6 +14,10 @@ export default function useVariantStyleMap(variant, checked) {
   switch (variant) {
     case 'square':
       return {
+        checkboxContainerStyle: {
+          alignSelf: 'flex-start',
+          paddingTop: 3
+        },
         checkboxStyle: css([styles.checkbox, {
           borderColor: theme.palette.border.base,
           borderRadius: theme.shape.radius.xs,
@@ -25,9 +29,9 @@ export default function useVariantStyleMap(variant, checked) {
           } : {})
         }]),
         containerStyle: {
-          alignItems: 'center',
           flexDirection: 'row',
-          gap: theme.spacing(3)
+          gap: theme.spacing(3),
+          paddingVertical: theme.spacing(2)
         },
         iconColor: theme.palette.fill.baseAlt
       };

package/build/module/Checkbox/useVariantStyleMap.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","commonColors","css","useTheme","styles","create","checkbox","alignItems","borderWidth","justifyContent","useVariantStyleMap","variant","checked","theme","checkboxStyle","borderColor","palette","border","base","borderRadius","shape","radius","xs","height","width","backgroundColor","fill","containerStyle","flexDirection","gap","spacing","iconColor","baseAlt","full","accent","borderBottomColor","weak","borderBottomWidth","paddingVertical","static","strongInverse"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { commonColors, FountainUiStyle } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type { CheckboxVariant } from './CheckboxProps';\n\nconst styles = StyleSheet.create({\n    checkbox: {\n        alignItems: 'center',\n        borderWidth: 1,\n        justifyContent: 'center',\n    },\n});\n\ntype useVariantStyleMapReturns = {\n    checkboxStyle?: FountainUiStyle;\n    containerStyle?: FountainUiStyle;\n    iconColor?: string;\n};\n\nexport default function useVariantStyleMap(variant: CheckboxVariant, checked: boolean): useVariantStyleMapReturns {\n    const theme = useTheme();\n\n    switch (variant) {\n        case 'square':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.xs,\n                        height: 18,\n                        width: 18,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.base,\n                            borderColor: theme.palette.fill.base,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    flexDirection: 'row',\n                    gap: theme.spacing(3),\n                },\n                iconColor: theme.palette.fill.baseAlt,\n            };\n        case 'round':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.full,\n                        height: 20,\n                        width: 20,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.accent,\n                            borderColor: theme.palette.fill.accent,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    borderBottomColor: theme.palette.border.weak,\n                    borderBottomWidth: 0.5,\n                    flexDirection: 'row-reverse',\n                    gap: theme.spacing(8),\n                    paddingVertical: theme.spacing(3.5),\n                },\n                iconColor: commonColors.static.strongInverse,\n            };\n        default:\n            return {};\n    }\n}\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AACA,SAASC,YAAT,QAA8C,qBAA9C;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,QAAQ,EAAE;IACNC,UAAU,EAAE,QADN;IAENC,WAAW,EAAE,CAFP;IAGNC,cAAc,EAAE;EAHV;AADmB,CAAlB,CAAf;AAcA,eAAe,SAASC,kBAAT,CAA4BC,OAA5B,EAAsDC,OAAtD,EAAmG;EAC9G,MAAMC,KAAK,GAAGV,QAAQ,EAAtB;;EAEA,QAAQQ,OAAR;IACI,KAAK,QAAL;MACI,OAAO;QACHG,aAAa,EAAEZ,GAAG,CAAC,CACfE,MAAM,CAACE,QADQ,EAEf;UACIS,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAEN,KAAK,CAACO,KAAN,CAAYC,MAAZ,CAAmBC,EAFrC;UAGIC,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAIZ,OAAO,GAAG;YACVa,eAAe,EAAEZ,KAAK,CAACG,OAAN,CAAcU,IAAd,CAAmBR,IAD1B;YAEVH,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcU,IAAd,CAAmBR;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAD,CADf;QAcHS,cAAc,EAAE;UACZpB,UAAU,EAAE,QADA;UAEZqB,aAAa,EAAE,KAFH;UAGZC,GAAG,EAAEhB,KAAK,CAACiB,OAAN,CAAc,CAAd;QAHO,CAdb;QAmBHC,SAAS,EAAElB,KAAK,CAACG,OAAN,CAAcU,IAAd,CAAmBM;MAnB3B,CAAP;;IAqBJ,KAAK,OAAL;MACI,OAAO;QACHlB,aAAa,EAAEZ,GAAG,CAAC,CACfE,MAAM,CAACE,QADQ,EAEf;UACIS,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAEN,KAAK,CAACO,KAAN,CAAYC,MAAZ,CAAmBY,IAFrC;UAGIV,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAIZ,OAAO,GAAG;YACVa,eAAe,EAAEZ,KAAK,CAACG,OAAN,CAAcU,IAAd,CAAmBQ,MAD1B;YAEVnB,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcU,IAAd,CAAmBQ;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAD,CADf;QAcHP,cAAc,EAAE;UACZpB,UAAU,EAAE,QADA;UAEZ4B,iBAAiB,EAAEtB,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBmB,IAF5B;UAGZC,iBAAiB,EAAE,GAHP;UAIZT,aAAa,EAAE,aAJH;UAKZC,GAAG,EAAEhB,KAAK,CAACiB,OAAN,CAAc,CAAd,CALO;UAMZQ,eAAe,EAAEzB,KAAK,CAACiB,OAAN,CAAc,GAAd;QANL,CAdb;QAsBHC,SAAS,EAAE9B,YAAY,CAACsC,MAAb,CAAoBC;MAtB5B,CAAP;;IAwBJ;MACI,OAAO,EAAP;EAjDR;AAmDH"}
+{"version":3,"names":["StyleSheet","commonColors","css","useTheme","styles","create","checkbox","alignItems","borderWidth","justifyContent","useVariantStyleMap","variant","checked","theme","checkboxContainerStyle","alignSelf","paddingTop","checkboxStyle","borderColor","palette","border","base","borderRadius","shape","radius","xs","height","width","backgroundColor","fill","containerStyle","flexDirection","gap","spacing","paddingVertical","iconColor","baseAlt","full","accent","borderBottomColor","weak","borderBottomWidth","static","strongInverse"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { commonColors, FountainUiStyle } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type { CheckboxVariant } from './CheckboxProps';\n\nconst styles = StyleSheet.create({\n    checkbox: {\n        alignItems: 'center',\n        borderWidth: 1,\n        justifyContent: 'center',\n    },\n});\n\ntype useVariantStyleMapReturns = {\n    checkboxContainerStyle?: FountainUiStyle;\n    checkboxStyle?: FountainUiStyle;\n    containerStyle?: FountainUiStyle;\n    iconColor?: string;\n};\n\nexport default function useVariantStyleMap(variant: CheckboxVariant, checked: boolean): useVariantStyleMapReturns {\n    const theme = useTheme();\n\n    switch (variant) {\n        case 'square':\n            return {\n                checkboxContainerStyle: {\n                    alignSelf: 'flex-start',\n                    paddingTop: 3,\n                },\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.xs,\n                        height: 18,\n                        width: 18,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.base,\n                            borderColor: theme.palette.fill.base,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    flexDirection: 'row',\n                    gap: theme.spacing(3),\n                    paddingVertical: theme.spacing(2),\n                },\n                iconColor: theme.palette.fill.baseAlt,\n            };\n        case 'round':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.full,\n                        height: 20,\n                        width: 20,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.accent,\n                            borderColor: theme.palette.fill.accent,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    borderBottomColor: theme.palette.border.weak,\n                    borderBottomWidth: 0.5,\n                    flexDirection: 'row-reverse',\n                    gap: theme.spacing(8),\n                    paddingVertical: theme.spacing(3.5),\n                },\n                iconColor: commonColors.static.strongInverse,\n            };\n        default:\n            return {};\n    }\n}\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AACA,SAASC,YAAT,QAA8C,qBAA9C;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,QAAQ,EAAE;IACNC,UAAU,EAAE,QADN;IAENC,WAAW,EAAE,CAFP;IAGNC,cAAc,EAAE;EAHV;AADmB,CAAlB,CAAf;AAeA,eAAe,SAASC,kBAAT,CAA4BC,OAA5B,EAAsDC,OAAtD,EAAmG;EAC9G,MAAMC,KAAK,GAAGV,QAAQ,EAAtB;;EAEA,QAAQQ,OAAR;IACI,KAAK,QAAL;MACI,OAAO;QACHG,sBAAsB,EAAE;UACpBC,SAAS,EAAE,YADS;UAEpBC,UAAU,EAAE;QAFQ,CADrB;QAKHC,aAAa,EAAEf,GAAG,CAAC,CACfE,MAAM,CAACE,QADQ,EAEf;UACIY,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAET,KAAK,CAACU,KAAN,CAAYC,MAAZ,CAAmBC,EAFrC;UAGIC,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAIf,OAAO,GAAG;YACVgB,eAAe,EAAEf,KAAK,CAACM,OAAN,CAAcU,IAAd,CAAmBR,IAD1B;YAEVH,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcU,IAAd,CAAmBR;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAD,CALf;QAkBHS,cAAc,EAAE;UACZC,aAAa,EAAE,KADH;UAEZC,GAAG,EAAEnB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAFO;UAGZC,eAAe,EAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd;QAHL,CAlBb;QAuBHE,SAAS,EAAEtB,KAAK,CAACM,OAAN,CAAcU,IAAd,CAAmBO;MAvB3B,CAAP;;IAyBJ,KAAK,OAAL;MACI,OAAO;QACHnB,aAAa,EAAEf,GAAG,CAAC,CACfE,MAAM,CAACE,QADQ,EAEf;UACIY,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAET,KAAK,CAACU,KAAN,CAAYC,MAAZ,CAAmBa,IAFrC;UAGIX,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAIf,OAAO,GAAG;YACVgB,eAAe,EAAEf,KAAK,CAACM,OAAN,CAAcU,IAAd,CAAmBS,MAD1B;YAEVpB,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcU,IAAd,CAAmBS;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAD,CADf;QAcHR,cAAc,EAAE;UACZvB,UAAU,EAAE,QADA;UAEZgC,iBAAiB,EAAE1B,KAAK,CAACM,OAAN,CAAcC,MAAd,CAAqBoB,IAF5B;UAGZC,iBAAiB,EAAE,GAHP;UAIZV,aAAa,EAAE,aAJH;UAKZC,GAAG,EAAEnB,KAAK,CAACoB,OAAN,CAAc,CAAd,CALO;UAMZC,eAAe,EAAErB,KAAK,CAACoB,OAAN,CAAc,GAAd;QANL,CAdb;QAsBHE,SAAS,EAAElC,YAAY,CAACyC,MAAb,CAAoBC;MAtB5B,CAAP;;IAwBJ;MACI,OAAO,EAAP;EArDR;AAuDH"}

package/build/module/Chip/index.js

@@ -1,2 +1,3 @@
 export { default } from './Chip';
+export { chipSizes, chipStartElementVariants } from './ChipProps';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Chip';\nexport type { default as ChipProps } from './ChipProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}
+{"version":3,"names":["default","chipSizes","chipStartElementVariants"],"sources":["index.ts"],"sourcesContent":["export { default } from './Chip';\nexport type { default as ChipProps } from './ChipProps';\nexport { chipSizes, chipStartElementVariants } from './ChipProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB;AAEA,SAASC,SAAT,EAAoBC,wBAApB,QAAoD,aAApD"}

package/build/module/Chip/useChipStyle.js

@@ -1,6 +1,5 @@
 import { useMemo } from 'react';
 import { createFontStyle, useTheme } from '../styles';
-import { typographyOf } from '@fountain-ui/styles';
 // TODO: need to refactoring...
 export default function useChipStyle(size, startElementVariant, isEndElement) {
   const theme = useTheme();
@@ -9,25 +8,11 @@ export default function useChipStyle(size, startElementVariant, isEndElement) {
 
     const fontStyleMap = {
       small: createFontStyle(theme, {
-        // TODO: select typography.
-        // selector: (typography) => typography.caption1.medium,
-        selector: _ => typographyOf({
-          fontSize: 12,
-          lineHeight: 16.8,
-          fontFamily: 'Pretendard-Medium',
-          letterSpacing: 0
-        }),
+        selector: typography => typography.caption1.medium,
         color: theme.palette.text.strong
       }),
       large: createFontStyle(theme, {
-        // TODO: select typography.
-        // selector: (typography) => typography.body2.medium,
-        selector: _ => typographyOf({
-          fontSize: 14,
-          lineHeight: 21,
-          fontFamily: 'Pretendard-Medium',
-          letterSpacing: 0
-        }),
+        selector: typography => typography.body2.medium,
         color: theme.palette.text.strong
       })
     };

package/build/module/Chip/useChipStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","createFontStyle","useTheme","typographyOf","useChipStyle","size","startElementVariant","isEndElement","theme","fontStyleMap","small","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","palette","text","strong","large","endElementStyleMap","height","marginLeft","spacing","width","baseContainerStyle","alignItems","backgroundColor","fill","weaker","borderRadius","shape","radius","full","flexDirection","overflow","isLarge","variantStyleMap","avatar","container","paddingLeft","paddingRight","paddingVertical","startElement","marginRight","icon","justifyContent","image","default","paddingBottom","paddingHorizontal","paddingTop","endElement","label"],"sources":["useChipStyle.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { ChipSize, ChipStartElementVariant } from './ChipProps';\nimport { typographyOf } from '@fountain-ui/styles';\n\ninterface ChipStyle {\n    container: FountainUiStyle;\n    endElement?: FountainUiStyle;\n    label: TextStyle;\n    startElement?: FountainUiStyle;\n}\n\ntype VariantStyleMap = Record<ChipStartElementVariant, Partial<ChipStyle>>;\n\n// TODO: need to refactoring...\nexport default function useChipStyle(\n    size: ChipSize,\n    startElementVariant: ChipStartElementVariant,\n    isEndElement: boolean,\n): ChipStyle {\n    const theme = useTheme();\n\n    return useMemo<ChipStyle>(() => {\n        const fontStyleMap: Record<ChipSize, TextStyle> = {\n            small: createFontStyle(theme, {\n                // TODO: select typography.\n                // selector: (typography) => typography.caption1.medium,\n                selector: (_) => typographyOf({\n                    fontSize: 12,\n                    lineHeight: 16.8,\n                    fontFamily: 'Pretendard-Medium',\n                    letterSpacing: 0,\n                }),\n                color: theme.palette.text.strong,\n            }),\n            large: createFontStyle(theme, {\n                // TODO: select typography.\n                // selector: (typography) => typography.body2.medium,\n                selector: (_) => typographyOf({\n                    fontSize: 14,\n                    lineHeight: 21,\n                    fontFamily: 'Pretendard-Medium',\n                    letterSpacing: 0,\n                }),\n                color: theme.palette.text.strong,\n            }),\n        };\n\n        const endElementStyleMap: Record<ChipSize, FountainUiStyle> = {\n            small: {\n                height: 14,\n                marginLeft: theme.spacing(2),\n                width: 8.17,\n            },\n            large: {\n                height: 16,\n                marginLeft: theme.spacing(2.5),\n                width: 9,\n            },\n        };\n\n        const baseContainerStyle: FountainUiStyle = {\n            alignItems: 'center',\n            backgroundColor: theme.palette.fill.weaker,\n            borderRadius: theme.shape.radius.full,\n            flexDirection: 'row',\n            overflow: 'hidden',\n        };\n\n        const isLarge = size === 'large';\n\n        const variantStyleMap: VariantStyleMap = {\n            avatar: {\n                container: {\n                    paddingLeft: theme.spacing(isLarge ? 1.5 : 1.25),\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingVertical: theme.spacing(isLarge ? 1.25 : 1),\n                },\n                startElement: {\n                    borderRadius: theme.shape.radius.full,\n                    height: isLarge ? 24 : 22,\n                    marginRight: theme.spacing(isLarge ? 1.5 : 1.25),\n                    width: isLarge ? 24 : 22,\n                },\n            },\n            icon: {\n                container: {\n                    paddingLeft: theme.spacing(1.5),\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingVertical: theme.spacing(isLarge ? 1.5 : 1.25),\n                },\n                startElement: {\n                    alignItems: 'center',\n                    height: isLarge ? 22 : 20,\n                    justifyContent: 'center',\n                    marginRight: theme.spacing(isLarge ? 1 : 0.75),\n                    width: isLarge ? 22 : 20,\n                },\n            },\n            image: {\n                container: {\n                    alignItems: 'center',\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                },\n                startElement: {\n                    borderRadius: theme.shape.radius.full,\n                    height: isLarge ? 34 : 30,\n                    marginRight: theme.spacing(1.5),\n                    width: isLarge ? 45 : 40,\n                },\n            },\n            default: {\n                container: {\n                    paddingBottom: theme.spacing(1.75),\n                    paddingHorizontal: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingTop: theme.spacing(1.5),\n                },\n            },\n        };\n\n        return {\n            container: {\n                ...baseContainerStyle,\n                ...variantStyleMap[startElementVariant]?.container,\n                ...(isEndElement ? { paddingRight: theme.spacing(isLarge ? 2.5 : 2.25) } : {}),\n            },\n            endElement: endElementStyleMap[size],\n            label: fontStyleMap[size],\n            startElement: variantStyleMap[startElementVariant]?.startElement,\n        };\n    }, [theme, size, startElementVariant]);\n}\n"],"mappings":"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"}
+{"version":3,"names":["useMemo","createFontStyle","useTheme","useChipStyle","size","startElementVariant","isEndElement","theme","fontStyleMap","small","selector","typography","caption1","medium","color","palette","text","strong","large","body2","endElementStyleMap","height","marginLeft","spacing","width","baseContainerStyle","alignItems","backgroundColor","fill","weaker","borderRadius","shape","radius","full","flexDirection","overflow","isLarge","variantStyleMap","avatar","container","paddingLeft","paddingRight","paddingVertical","startElement","marginRight","icon","justifyContent","image","default","paddingBottom","paddingHorizontal","paddingTop","endElement","label"],"sources":["useChipStyle.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { ChipSize, ChipStartElementVariant } from './ChipProps';\n\ninterface ChipStyle {\n    container: FountainUiStyle;\n    endElement?: FountainUiStyle;\n    label: TextStyle;\n    startElement?: FountainUiStyle;\n}\n\ntype VariantStyleMap = Record<ChipStartElementVariant, Partial<ChipStyle>>;\n\n// TODO: need to refactoring...\nexport default function useChipStyle(\n    size: ChipSize,\n    startElementVariant: ChipStartElementVariant,\n    isEndElement: boolean,\n): ChipStyle {\n    const theme = useTheme();\n\n    return useMemo<ChipStyle>(() => {\n        const fontStyleMap: Record<ChipSize, TextStyle> = {\n            small: createFontStyle(theme, {\n                selector: (typography) => typography.caption1.medium,\n                color: theme.palette.text.strong,\n            }),\n            large: createFontStyle(theme, {\n                selector: (typography) => typography.body2.medium,\n                color: theme.palette.text.strong,\n            }),\n        };\n\n        const endElementStyleMap: Record<ChipSize, FountainUiStyle> = {\n            small: {\n                height: 14,\n                marginLeft: theme.spacing(2),\n                width: 8.17,\n            },\n            large: {\n                height: 16,\n                marginLeft: theme.spacing(2.5),\n                width: 9,\n            },\n        };\n\n        const baseContainerStyle: FountainUiStyle = {\n            alignItems: 'center',\n            backgroundColor: theme.palette.fill.weaker,\n            borderRadius: theme.shape.radius.full,\n            flexDirection: 'row',\n            overflow: 'hidden',\n        };\n\n        const isLarge = size === 'large';\n\n        const variantStyleMap: VariantStyleMap = {\n            avatar: {\n                container: {\n                    paddingLeft: theme.spacing(isLarge ? 1.5 : 1.25),\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingVertical: theme.spacing(isLarge ? 1.25 : 1),\n                },\n                startElement: {\n                    borderRadius: theme.shape.radius.full,\n                    height: isLarge ? 24 : 22,\n                    marginRight: theme.spacing(isLarge ? 1.5 : 1.25),\n                    width: isLarge ? 24 : 22,\n                },\n            },\n            icon: {\n                container: {\n                    paddingLeft: theme.spacing(1.5),\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingVertical: theme.spacing(isLarge ? 1.5 : 1.25),\n                },\n                startElement: {\n                    alignItems: 'center',\n                    height: isLarge ? 22 : 20,\n                    justifyContent: 'center',\n                    marginRight: theme.spacing(isLarge ? 1 : 0.75),\n                    width: isLarge ? 22 : 20,\n                },\n            },\n            image: {\n                container: {\n                    alignItems: 'center',\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                },\n                startElement: {\n                    borderRadius: theme.shape.radius.full,\n                    height: isLarge ? 34 : 30,\n                    marginRight: theme.spacing(1.5),\n                    width: isLarge ? 45 : 40,\n                },\n            },\n            default: {\n                container: {\n                    paddingBottom: theme.spacing(1.75),\n                    paddingHorizontal: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingTop: theme.spacing(1.5),\n                },\n            },\n        };\n\n        return {\n            container: {\n                ...baseContainerStyle,\n                ...variantStyleMap[startElementVariant]?.container,\n                ...(isEndElement ? { paddingRight: theme.spacing(isLarge ? 2.5 : 2.25) } : {}),\n            },\n            endElement: endElementStyleMap[size],\n            label: fontStyleMap[size],\n            startElement: variantStyleMap[startElementVariant]?.startElement,\n        };\n    }, [theme, size, startElementVariant]);\n}\n"],"mappings":"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"}

package/build/module/Dialog/index.js

@@ -1,4 +1,5 @@
 export { default } from './Dialog';
+export { dialogSizes } from './DialogProps';
 export { DialogProvider, useDialogContext } from './DialogContext';
 export { default as useDialogSectionStyle } from './useDialogSectionStyle';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default","DialogProvider","useDialogContext","useDialogSectionStyle"],"sources":["index.ts"],"sourcesContent":["export { default } from './Dialog';\nexport type { default as DialogProps } from './DialogProps';\nexport { DialogProvider, useDialogContext } from './DialogContext';\nexport { default as useDialogSectionStyle } from './useDialogSectionStyle';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AAEA,SAASC,cAAT,EAAyBC,gBAAzB,QAAiD,iBAAjD;AACA,SAASF,OAAO,IAAIG,qBAApB,QAAiD,yBAAjD"}
+{"version":3,"names":["default","dialogSizes","DialogProvider","useDialogContext","useDialogSectionStyle"],"sources":["index.ts"],"sourcesContent":["export { default } from './Dialog';\nexport type { default as DialogProps } from './DialogProps';\nexport { dialogSizes } from './DialogProps';\nexport { DialogProvider, useDialogContext } from './DialogContext';\nexport { default as useDialogSectionStyle } from './useDialogSectionStyle';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AAEA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,cAAT,EAAyBC,gBAAzB,QAAiD,iBAAjD;AACA,SAASH,OAAO,IAAII,qBAApB,QAAiD,yBAAjD"}

package/build/module/DialogContent/DialogContent.js

@@ -28,8 +28,7 @@ export default function DialogContent(props) {
   const sectionStyle = useDialogSectionStyle();
   const rootStyle = css([styles.root, sectionStyle, styleProp]);
   const contentFontStyle = createFontStyle(theme, {
-    // TODO: select typography.
-    // selector: (typography) => typography.body2.regular,
+    selector: typography => typography.body2.regular,
     color: theme.palette.text.base
   });
   const contentStyle = css([contentFontStyle, {

package/build/module/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","Text","useDialogSectionStyle","createFontStyle","css","useTheme","useStyles","theme","root","flexGrow","flexShrink","marginVertical","spacing","DialogContent","props","children","style","styleProp","textAlign","otherProps","styles","sectionStyle","rootStyle","contentFontStyle","color","palette","text","base","contentStyle"],"sources":["DialogContent.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, Text, TextStyle } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useDialogSectionStyle } from '../Dialog';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type DialogContentProps from './DialogContentProps';\n\ntype DialogContentStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<DialogContentStyles> = function (): DialogContentStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexGrow: 1,\n            flexShrink: 1,\n            marginVertical: theme.spacing(4),\n        },\n    };\n};\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        style: styleProp,\n        textAlign = 'left' as TextStyle['textAlign'],\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const sectionStyle = useDialogSectionStyle();\n\n    const rootStyle = css([\n        styles.root,\n        sectionStyle,\n        styleProp,\n    ]);\n\n    const contentFontStyle = createFontStyle(theme, {\n        // TODO: select typography.\n        // selector: (typography) => typography.body2.regular,\n        color: theme.palette.text.base,\n    });\n\n    const contentStyle = css([\n        contentFontStyle,\n        { textAlign },\n    ]);\n\n    return (\n        <ScrollView\n            bounces={false}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {typeof children === 'string' ? (\n                <Text style={contentStyle}>\n                    {children}\n                </Text>\n            ) : (children)}\n        </ScrollView>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAA4C,cAA5C;AAEA,SAASC,qBAAT,QAAsC,WAAtC;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;;AAKA,MAAMC,SAAyC,GAAG,YAAiC;EAC/E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,QAAQ,EAAE,CADR;MAEFC,UAAU,EAAE,CAFV;MAGFC,cAAc,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd;IAHd;EADH,CAAP;AAOH,CAVD;;AAYA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,KAAK,EAAEC,SAFL;IAGFC,SAAS,GAAG,MAHV;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMP,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMe,MAAM,GAAGd,SAAS,EAAxB;EAEA,MAAMe,YAAY,GAAGnB,qBAAqB,EAA1C;EAEA,MAAMoB,SAAS,GAAGlB,GAAG,CAAC,CAClBgB,MAAM,CAACZ,IADW,EAElBa,YAFkB,EAGlBJ,SAHkB,CAAD,CAArB;EAMA,MAAMM,gBAAgB,GAAGpB,eAAe,CAACI,KAAD,EAAQ;IAC5C;IACA;IACAiB,KAAK,EAAEjB,KAAK,CAACkB,OAAN,CAAcC,IAAd,CAAmBC;EAHkB,CAAR,CAAxC;EAMA,MAAMC,YAAY,GAAGxB,GAAG,CAAC,CACrBmB,gBADqB,EAErB;IAAEL;EAAF,CAFqB,CAAD,CAAxB;EAKA,oBACI,oBAAC,UAAD;IACI,OAAO,EAAE,KADb;IAEI,KAAK,EAAEI;EAFX,GAGQH,UAHR,GAKK,OAAOJ,QAAP,KAAoB,QAApB,gBACG,oBAAC,IAAD;IAAM,KAAK,EAAEa;EAAb,GACKb,QADL,CADH,GAIIA,QATT,CADJ;AAaH;AAAA"}
+{"version":3,"names":["React","ScrollView","Text","useDialogSectionStyle","createFontStyle","css","useTheme","useStyles","theme","root","flexGrow","flexShrink","marginVertical","spacing","DialogContent","props","children","style","styleProp","textAlign","otherProps","styles","sectionStyle","rootStyle","contentFontStyle","selector","typography","body2","regular","color","palette","text","base","contentStyle"],"sources":["DialogContent.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, Text, TextStyle } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useDialogSectionStyle } from '../Dialog';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type DialogContentProps from './DialogContentProps';\n\ntype DialogContentStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<DialogContentStyles> = function (): DialogContentStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexGrow: 1,\n            flexShrink: 1,\n            marginVertical: theme.spacing(4),\n        },\n    };\n};\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        style: styleProp,\n        textAlign = 'left' as TextStyle['textAlign'],\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const sectionStyle = useDialogSectionStyle();\n\n    const rootStyle = css([\n        styles.root,\n        sectionStyle,\n        styleProp,\n    ]);\n\n    const contentFontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.body2.regular,\n        color: theme.palette.text.base,\n    });\n\n    const contentStyle = css([\n        contentFontStyle,\n        { textAlign },\n    ]);\n\n    return (\n        <ScrollView\n            bounces={false}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {typeof children === 'string' ? (\n                <Text style={contentStyle}>\n                    {children}\n                </Text>\n            ) : (children)}\n        </ScrollView>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAA4C,cAA5C;AAEA,SAASC,qBAAT,QAAsC,WAAtC;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;;AAKA,MAAMC,SAAyC,GAAG,YAAiC;EAC/E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,QAAQ,EAAE,CADR;MAEFC,UAAU,EAAE,CAFV;MAGFC,cAAc,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd;IAHd;EADH,CAAP;AAOH,CAVD;;AAYA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,KAAK,EAAEC,SAFL;IAGFC,SAAS,GAAG,MAHV;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMP,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMe,MAAM,GAAGd,SAAS,EAAxB;EAEA,MAAMe,YAAY,GAAGnB,qBAAqB,EAA1C;EAEA,MAAMoB,SAAS,GAAGlB,GAAG,CAAC,CAClBgB,MAAM,CAACZ,IADW,EAElBa,YAFkB,EAGlBJ,SAHkB,CAAD,CAArB;EAMA,MAAMM,gBAAgB,GAAGpB,eAAe,CAACI,KAAD,EAAQ;IAC5CiB,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,KAAX,CAAiBC,OADC;IAE5CC,KAAK,EAAErB,KAAK,CAACsB,OAAN,CAAcC,IAAd,CAAmBC;EAFkB,CAAR,CAAxC;EAKA,MAAMC,YAAY,GAAG5B,GAAG,CAAC,CACrBmB,gBADqB,EAErB;IAAEL;EAAF,CAFqB,CAAD,CAAxB;EAKA,oBACI,oBAAC,UAAD;IACI,OAAO,EAAE,KADb;IAEI,KAAK,EAAEI;EAFX,GAGQH,UAHR,GAKK,OAAOJ,QAAP,KAAoB,QAApB,gBACG,oBAAC,IAAD;IAAM,KAAK,EAAEiB;EAAb,GACKjB,QADL,CADH,GAIIA,QATT,CADJ;AAaH;AAAA"}

package/build/module/Divider/Divider.js

@@ -94,7 +94,7 @@ export default function Divider(props) {
     })
   };
   const fontStyle = createFontStyle(theme, {
-    selector: typo => typo.caption2,
+    selector: typo => typo.caption2.medium,
     color: fontColor
   });
   const element = typeof childrenProp === 'string' ? /*#__PURE__*/React.createElement(Text, {

package/build/module/Divider/Divider.js.map

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

package/build/module/Divider/DividerProps.js

@@ -1,3 +1,3 @@
-export const elementAligns = ['start', 'center', 'end'];
+export const dividerElementAligns = ['start', 'center', 'end'];
 export const dividerVariants = ['base', 'strong'];
 //# sourceMappingURL=DividerProps.js.map

package/build/module/Divider/DividerProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["elementAligns","dividerVariants"],"sources":["DividerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const elementAligns = ['start', 'center', 'end'] as const;\nexport type ElementAlign = typeof elementAligns[number];\n\nexport const dividerVariants = ['base', 'strong'] as const;\nexport type DividerVariant = typeof dividerVariants[number];\n\nexport default interface DividerProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the inset. It works as a multiplier factor based on spacing system.\n     * @default 0\n     */\n    inset?: number;\n\n    /**\n     * If `true`, the divider orientation is set to vertical.\n     * @default false\n     */\n    vertical?: boolean;\n\n    /**\n     * The size of margin between child element and the divider. It works as a multiplier factor based on spacing system.\n     * @default 2\n     */\n    marginBetweenChildren?: number;\n\n    /**\n     *  The size of border width. It works as an actual pixel-based border width value of a divider.\n     *  @default if vertical is true 1, otherwise 0.5\n     */\n    borderWidth?: number;\n\n    /**\n     *  Set position of children.\n     *  @default center\n     */\n    elementAlign?: ElementAlign;\n\n    /**\n     * Select the style of the divider based on this value.\n     *  @default base\n     */\n    variant?: DividerVariant;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,GAAG,CAAC,OAAD,EAAU,QAAV,EAAoB,KAApB,CAAtB;AAGP,OAAO,MAAMC,eAAe,GAAG,CAAC,MAAD,EAAS,QAAT,CAAxB"}
+{"version":3,"names":["dividerElementAligns","dividerVariants"],"sources":["DividerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const dividerElementAligns = ['start', 'center', 'end'] as const;\nexport type DividerElementAlign = typeof dividerElementAligns[number];\n\nexport const dividerVariants = ['base', 'strong'] as const;\nexport type DividerVariant = typeof dividerVariants[number];\n\nexport default interface DividerProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the inset. It works as a multiplier factor based on spacing system.\n     * @default 0\n     */\n    inset?: number;\n\n    /**\n     * If `true`, the divider orientation is set to vertical.\n     * @default false\n     */\n    vertical?: boolean;\n\n    /**\n     * The size of margin between child element and the divider. It works as a multiplier factor based on spacing system.\n     * @default 2\n     */\n    marginBetweenChildren?: number;\n\n    /**\n     *  The size of border width. It works as an actual pixel-based border width value of a divider.\n     *  @default if vertical is true 1, otherwise 0.5\n     */\n    borderWidth?: number;\n\n    /**\n     *  Set position of children.\n     *  @default center\n     */\n    elementAlign?: DividerElementAlign;\n\n    /**\n     * Select the style of the divider based on this value.\n     *  @default base\n     */\n    variant?: DividerVariant;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,oBAAoB,GAAG,CAAC,OAAD,EAAU,QAAV,EAAoB,KAApB,CAA7B;AAGP,OAAO,MAAMC,eAAe,GAAG,CAAC,MAAD,EAAS,QAAT,CAAxB"}

package/build/module/Divider/index.js

@@ -1,2 +1,3 @@
 export { default } from './Divider';
+export { dividerVariants, dividerElementAligns } from './DividerProps';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Divider';\nexport type { default as DividerProps } from './DividerProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB"}
+{"version":3,"names":["default","dividerVariants","dividerElementAligns"],"sources":["index.ts"],"sourcesContent":["export { default } from './Divider';\nexport type { default as DividerProps } from './DividerProps';\nexport { dividerVariants, dividerElementAligns } from './DividerProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AAEA,SAASC,eAAT,EAA0BC,oBAA1B,QAAsD,gBAAtD"}

package/build/module/Empty/Empty.js

@@ -42,8 +42,7 @@ export default function Empty(props) {
     color: theme.palette.text.strong
   });
   const descriptionFontStyle = createFontStyle(theme, {
-    // TODO: select typography.
-    // selector: (typography) =>  typography.body2.regular,
+    selector: typography => typography.body3.regular,
     color: theme.palette.text.base
   });
   return /*#__PURE__*/React.createElement(Column, _extends({

package/build/module/Empty/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Button","Column","Spacer","createFontStyle","css","useTheme","cloneElementSafely","useStyles","theme","root","alignItems","flex","justifyContent","paddingHorizontal","spacing","cta","alignSelf","Empty","props","buttonTitle","description","headerContent","headerContentProp","onButtonPress","style","styleProp","title","otherProps","styles","rootStyle","titleFontStyle","selector","typography","header3","semiBold","color","palette","text","strong","descriptionFontStyle","base"],"sources":["Empty.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Button from '../Button/Button';\nimport Column from '../Column';\nimport Spacer from '../Spacer';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type EmptyProps from './EmptyProps';\n\ntype EmptyStyles = NamedStylesStringUnion<'root' | 'cta'>;\n\nconst useStyles: UseStyles<EmptyStyles> = function (): EmptyStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            flex: 1,\n            justifyContent: 'center',\n            paddingHorizontal: theme.spacing(5),\n        },\n        cta: {\n            alignSelf: 'center',\n        },\n    };\n};\n\nexport default function Empty(props: EmptyProps) {\n    const {\n        buttonTitle,\n        description,\n        headerContent: headerContentProp,\n        onButtonPress,\n        style: styleProp,\n        title,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    const headerContent = cloneElementSafely(headerContentProp as FalsyReactElement);\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.header3.semiBold,\n        color: theme.palette.text.strong,\n    });\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        // TODO: select typography.\n        // selector: (typography) =>  typography.body2.regular,\n        color: theme.palette.text.base,\n    });\n\n    return (\n        <Column\n            style={rootStyle}\n            {...otherProps}\n        >\n            {headerContent ? (\n                <React.Fragment>\n                    {headerContent}\n\n                    <Spacer size={6}/>\n                </React.Fragment>\n            ) : null}\n\n            <Text\n                children={title}\n                style={titleFontStyle}\n            />\n\n            {description ? (\n                <React.Fragment>\n                    <Spacer size={2}/>\n\n                    <Text\n                        children={description}\n                        style={descriptionFontStyle}\n                    />\n                </React.Fragment>\n            ) : null}\n\n            {buttonTitle && onButtonPress ? (\n                <React.Fragment>\n                    <Spacer size={6}/>\n\n                    <Button\n                        children={buttonTitle}\n                        color={'accent'}\n                        onPress={onButtonPress}\n                        style={styles.cta}\n                        variant={'capsuleSolid'}\n                    />\n                </React.Fragment>\n            ) : null}\n        </Column>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AAKA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,OAAO;IACHI,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,IAAI,EAAE,CAFJ;MAGFC,cAAc,EAAE,QAHd;MAIFC,iBAAiB,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAJjB,CADH;IAOHC,GAAG,EAAE;MACDC,SAAS,EAAE;IADV;EAPF,CAAP;AAWH,CAdD;;AAgBA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,WADE;IAEFC,WAFE;IAGFC,aAAa,EAAEC,iBAHb;IAIFC,aAJE;IAKFC,KAAK,EAAEC,SALL;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFT,KARJ;EAUA,MAAMU,MAAM,GAAGrB,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAMwB,SAAS,GAAGzB,GAAG,CAAC,CAClBwB,MAAM,CAACnB,IADW,EAElBgB,SAFkB,CAAD,CAArB;EAKA,MAAMJ,aAAa,GAAGf,kBAAkB,CAACgB,iBAAD,CAAxC;EAEA,MAAMQ,cAAc,GAAG3B,eAAe,CAACK,KAAD,EAAQ;IAC1CuB,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,OAAX,CAAmBC,QADH;IAE1CC,KAAK,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IAAd,CAAmBC;EAFgB,CAAR,CAAtC;EAKA,MAAMC,oBAAoB,GAAGpC,eAAe,CAACK,KAAD,EAAQ;IAChD;IACA;IACA2B,KAAK,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IAAd,CAAmBG;EAHsB,CAAR,CAA5C;EAMA,oBACI,oBAAC,MAAD;IACI,KAAK,EAAEX;EADX,GAEQF,UAFR,GAIKN,aAAa,gBACV,oBAAC,KAAD,CAAO,QAAP,QACKA,aADL,eAGI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EAHJ,CADU,GAMV,IAVR,eAYI,oBAAC,IAAD;IACI,QAAQ,EAAEK,KADd;IAEI,KAAK,EAAEI;EAFX,EAZJ,EAiBKV,WAAW,gBACR,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,IAAD;IACI,QAAQ,EAAEA,WADd;IAEI,KAAK,EAAEmB;EAFX,EAHJ,CADQ,GASR,IA1BR,EA4BKpB,WAAW,IAAII,aAAf,gBACG,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,MAAD;IACI,QAAQ,EAAEJ,WADd;IAEI,KAAK,EAAE,QAFX;IAGI,OAAO,EAAEI,aAHb;IAII,KAAK,EAAEK,MAAM,CAACb,GAJlB;IAKI,OAAO,EAAE;EALb,EAHJ,CADH,GAYG,IAxCR,CADJ;AA4CH"}
+{"version":3,"names":["React","Text","Button","Column","Spacer","createFontStyle","css","useTheme","cloneElementSafely","useStyles","theme","root","alignItems","flex","justifyContent","paddingHorizontal","spacing","cta","alignSelf","Empty","props","buttonTitle","description","headerContent","headerContentProp","onButtonPress","style","styleProp","title","otherProps","styles","rootStyle","titleFontStyle","selector","typography","header3","semiBold","color","palette","text","strong","descriptionFontStyle","body3","regular","base"],"sources":["Empty.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Button from '../Button/Button';\nimport Column from '../Column';\nimport Spacer from '../Spacer';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type EmptyProps from './EmptyProps';\n\ntype EmptyStyles = NamedStylesStringUnion<'root' | 'cta'>;\n\nconst useStyles: UseStyles<EmptyStyles> = function (): EmptyStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            flex: 1,\n            justifyContent: 'center',\n            paddingHorizontal: theme.spacing(5),\n        },\n        cta: {\n            alignSelf: 'center',\n        },\n    };\n};\n\nexport default function Empty(props: EmptyProps) {\n    const {\n        buttonTitle,\n        description,\n        headerContent: headerContentProp,\n        onButtonPress,\n        style: styleProp,\n        title,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    const headerContent = cloneElementSafely(headerContentProp as FalsyReactElement);\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.header3.semiBold,\n        color: theme.palette.text.strong,\n    });\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.body3.regular,\n        color: theme.palette.text.base,\n    });\n\n    return (\n        <Column\n            style={rootStyle}\n            {...otherProps}\n        >\n            {headerContent ? (\n                <React.Fragment>\n                    {headerContent}\n\n                    <Spacer size={6}/>\n                </React.Fragment>\n            ) : null}\n\n            <Text\n                children={title}\n                style={titleFontStyle}\n            />\n\n            {description ? (\n                <React.Fragment>\n                    <Spacer size={2}/>\n\n                    <Text\n                        children={description}\n                        style={descriptionFontStyle}\n                    />\n                </React.Fragment>\n            ) : null}\n\n            {buttonTitle && onButtonPress ? (\n                <React.Fragment>\n                    <Spacer size={6}/>\n\n                    <Button\n                        children={buttonTitle}\n                        color={'accent'}\n                        onPress={onButtonPress}\n                        style={styles.cta}\n                        variant={'capsuleSolid'}\n                    />\n                </React.Fragment>\n            ) : null}\n        </Column>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AAKA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,OAAO;IACHI,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,IAAI,EAAE,CAFJ;MAGFC,cAAc,EAAE,QAHd;MAIFC,iBAAiB,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAJjB,CADH;IAOHC,GAAG,EAAE;MACDC,SAAS,EAAE;IADV;EAPF,CAAP;AAWH,CAdD;;AAgBA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,WADE;IAEFC,WAFE;IAGFC,aAAa,EAAEC,iBAHb;IAIFC,aAJE;IAKFC,KAAK,EAAEC,SALL;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFT,KARJ;EAUA,MAAMU,MAAM,GAAGrB,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAMwB,SAAS,GAAGzB,GAAG,CAAC,CAClBwB,MAAM,CAACnB,IADW,EAElBgB,SAFkB,CAAD,CAArB;EAKA,MAAMJ,aAAa,GAAGf,kBAAkB,CAACgB,iBAAD,CAAxC;EAEA,MAAMQ,cAAc,GAAG3B,eAAe,CAACK,KAAD,EAAQ;IAC1CuB,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,OAAX,CAAmBC,QADH;IAE1CC,KAAK,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IAAd,CAAmBC;EAFgB,CAAR,CAAtC;EAKA,MAAMC,oBAAoB,GAAGpC,eAAe,CAACK,KAAD,EAAQ;IAChDuB,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACQ,KAAX,CAAiBC,OADK;IAEhDN,KAAK,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IAAd,CAAmBK;EAFsB,CAAR,CAA5C;EAKA,oBACI,oBAAC,MAAD;IACI,KAAK,EAAEb;EADX,GAEQF,UAFR,GAIKN,aAAa,gBACV,oBAAC,KAAD,CAAO,QAAP,QACKA,aADL,eAGI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EAHJ,CADU,GAMV,IAVR,eAYI,oBAAC,IAAD;IACI,QAAQ,EAAEK,KADd;IAEI,KAAK,EAAEI;EAFX,EAZJ,EAiBKV,WAAW,gBACR,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,IAAD;IACI,QAAQ,EAAEA,WADd;IAEI,KAAK,EAAEmB;EAFX,EAHJ,CADQ,GASR,IA1BR,EA4BKpB,WAAW,IAAII,aAAf,gBACG,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,MAAD;IACI,QAAQ,EAAEJ,WADd;IAEI,KAAK,EAAE,QAFX;IAGI,OAAO,EAAEI,aAHb;IAII,KAAK,EAAEK,MAAM,CAACb,GAJlB;IAKI,OAAO,EAAE;EALb,EAHJ,CADH,GAYG,IAxCR,CADJ;AA4CH"}

package/build/module/Flexbox/Flexbox.js

@@ -32,6 +32,7 @@ export default function createFlexbox(direction) {
       flexGrow,
       flexShrink,
       flexWrap,
+      gap,
       children,
       insets,
       justifyContent,
@@ -49,6 +50,7 @@ export default function createFlexbox(direction) {
       flexGrow,
       flexShrink,
       flexWrap,
+      gap,
       justifyContent,
       overflow
     };

package/build/module/Flexbox/Flexbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","StyleSheet","useTheme","styles","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"sources":["Flexbox.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;AAGA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC7BC,GAAG,EAAE;IAAEC,aAAa,EAAE;EAAjB,CADwB;EAE7BC,MAAM,EAAE;IAAED,aAAa,EAAE;EAAjB,CAFqB;EAG7BE,UAAU,EAAE;IAAEF,aAAa,EAAE;EAAjB,CAHiB;EAI7BG,aAAa,EAAE;IAAEH,aAAa,EAAE;EAAjB;AAJc,CAAlB,CAAf;AAOA,eAAe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;EAC/D,MAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACE,GAA7B,GAAmCF,MAAM,CAACI,MAAnE;EACA,MAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACK,UAA7B,GAA0CL,MAAM,CAACM,aAA1E;;EAEA,SAASK,OAAT,CAAiBC,KAAjB,EAAsC;IAClC,MAAMC,KAAK,GAAGd,QAAQ,EAAtB;IAEA,MAAMe,OAAO,GAAGD,KAAK,CAACC,OAAtB;IAEA,MAAM;MACFC,YADE;MAEFC,UAFE;MAGFC,SAHE;MAIFC,SAJE;MAKFC,QALE;MAMFC,UANE;MAOFC,QAPE;MAQFC,QARE;MASFC,MATE;MAUFC,cAVE;MAWFC,QAXE;MAYFC,QAZE;MAaFC,KAbE;MAcF,GAAGC;IAdD,IAeFhB,KAfJ;IAiBA,MAAMJ,SAAS,GAAGkB,QAAQ,GAAGhB,gBAAH,GAAsBD,gBAAhD;IAEA,MAAMoB,UAAU,GAAG;MACfd,YADe;MAEfC,UAFe;MAGfC,SAHe;MAIfC,SAJe;MAKfC,QALe;MAMfC,UANe;MAOfC,QAPe;MAQfG,cARe;MASfC;IATe,CAAnB;IAYA,MAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;MACEC,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;MAEEC,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;MAGEC,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;MAIEC,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;IAJxB,CADU,GAOVR,SAPN;IASA,oBACI,oBAAC,IAAD;MACI,QAAQ,EAAET,QADd;MAEI,KAAK,EAAEzB,GAAG,CAAC,CACPW,SADO,EAEPqB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAD;IAFd,GAQQC,UARR,EADJ;EAYH;;EAEDjB,OAAO,CAAC6B,WAAR,GAAsBhC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;EAEA,OAAOG,OAAP;AACH"}
+{"version":3,"names":["React","View","css","StyleSheet","useTheme","styles","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","gap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"sources":["Flexbox.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            gap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            gap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;AAGA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC7BC,GAAG,EAAE;IAAEC,aAAa,EAAE;EAAjB,CADwB;EAE7BC,MAAM,EAAE;IAAED,aAAa,EAAE;EAAjB,CAFqB;EAG7BE,UAAU,EAAE;IAAEF,aAAa,EAAE;EAAjB,CAHiB;EAI7BG,aAAa,EAAE;IAAEH,aAAa,EAAE;EAAjB;AAJc,CAAlB,CAAf;AAOA,eAAe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;EAC/D,MAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACE,GAA7B,GAAmCF,MAAM,CAACI,MAAnE;EACA,MAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBR,MAAM,CAACK,UAA7B,GAA0CL,MAAM,CAACM,aAA1E;;EAEA,SAASK,OAAT,CAAiBC,KAAjB,EAAsC;IAClC,MAAMC,KAAK,GAAGd,QAAQ,EAAtB;IAEA,MAAMe,OAAO,GAAGD,KAAK,CAACC,OAAtB;IAEA,MAAM;MACFC,YADE;MAEFC,UAFE;MAGFC,SAHE;MAIFC,SAJE;MAKFC,QALE;MAMFC,UANE;MAOFC,QAPE;MAQFC,GARE;MASFC,QATE;MAUFC,MAVE;MAWFC,cAXE;MAYFC,QAZE;MAaFC,QAbE;MAcFC,KAdE;MAeF,GAAGC;IAfD,IAgBFjB,KAhBJ;IAkBA,MAAMJ,SAAS,GAAGmB,QAAQ,GAAGjB,gBAAH,GAAsBD,gBAAhD;IAEA,MAAMqB,UAAU,GAAG;MACff,YADe;MAEfC,UAFe;MAGfC,SAHe;MAIfC,SAJe;MAKfC,QALe;MAMfC,UANe;MAOfC,QAPe;MAQfC,GARe;MASfG,cATe;MAUfC;IAVe,CAAnB;IAaA,MAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;MACEC,WAAW,EAAEnB,OAAO,CAACU,MAAM,CAACU,IAAR,CADtB;MAEEC,UAAU,EAAErB,OAAO,CAACU,MAAM,CAACY,GAAR,CAFrB;MAGEC,YAAY,EAAEvB,OAAO,CAACU,MAAM,CAACc,KAAR,CAHvB;MAIEC,aAAa,EAAEzB,OAAO,CAACU,MAAM,CAACgB,MAAR;IAJxB,CADU,GAOVR,SAPN;IASA,oBACI,oBAAC,IAAD;MACI,QAAQ,EAAET,QADd;MAEI,KAAK,EAAE1B,GAAG,CAAC,CACPW,SADO,EAEPsB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAD;IAFd,GAQQC,UARR,EADJ;EAYH;;EAEDlB,OAAO,CAAC8B,WAAR,GAAsBjC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;EAEA,OAAOG,OAAP;AACH"}

package/build/module/Flexbox/FlexboxProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["FlexboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { EdgeInsetsType } from '../styles';\n\nexport default interface FlexboxProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Controls how rows align in the cross direction.\n     * @default 'stretch'\n     */\n    alignContent?: FlexStyle['alignContent'];\n\n    /**\n     * Aligns children in the cross direction.\n     * @default 'stretch'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * Controls how a child aligns in the cross direction,\n     * overriding the `alignItems` of the parent.\n     * @default 'auto'\n     */\n    alignSelf?: FlexStyle['alignSelf'];\n\n    /**\n     * Providing the default size of an item along the main axis.\n     */\n    flexBasis?: FlexStyle['flexBasis'];\n\n    /**\n     * Describes how any space within a container should be distributed\n     * among its children along the main axis.\n     */\n    flexGrow?: FlexStyle['flexGrow'];\n\n    /**\n     * Describes how to shrink children along the main axis in the case\n     * in which the total size of the children overflows the size of the\n     * container on the main axis.\n     */\n    flexShrink?: FlexStyle['flexShrink'];\n\n    /**\n     * Controls whether children can wrap around after they hit\n     * the end of a flex container.\n     * @default 'nowrap'\n     */\n    flexWrap?: FlexStyle['flexWrap'];\n\n    /**\n     * Content of this component.\n     */\n    children: React.ReactNode;\n\n    /**\n     * The amount of space by which to inset the child.\n     */\n    insets?: EdgeInsetsType;\n\n    /**\n     * Aligns children in the main direction.\n     * @default 'flex-start'\n     */\n    justifyContent?: FlexStyle['justifyContent'];\n\n    /**\n     * Controls how children are measured and displayed.\n     * @default 'visible'\n     */\n    overflow?: FlexStyle['overflow'];\n\n    /**\n     * Reverse flex direction.\n     * @default false\n     */\n    reversed?: boolean;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["FlexboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { EdgeInsetsType } from '../styles';\n\nexport default interface FlexboxProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Controls how rows align in the cross direction.\n     * @default 'stretch'\n     */\n    alignContent?: FlexStyle['alignContent'];\n\n    /**\n     * Aligns children in the cross direction.\n     * @default 'stretch'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * Controls how a child aligns in the cross direction,\n     * overriding the `alignItems` of the parent.\n     * @default 'auto'\n     */\n    alignSelf?: FlexStyle['alignSelf'];\n\n    /**\n     * Providing the default size of an item along the main axis.\n     */\n    flexBasis?: FlexStyle['flexBasis'];\n\n    /**\n     * Describes how any space within a container should be distributed\n     * among its children along the main axis.\n     */\n    flexGrow?: FlexStyle['flexGrow'];\n\n    /**\n     * Describes how to shrink children along the main axis in the case\n     * in which the total size of the children overflows the size of the\n     * container on the main axis.\n     */\n    flexShrink?: FlexStyle['flexShrink'];\n\n    /**\n     * Controls whether children can wrap around after they hit\n     * the end of a flex container.\n     * @default 'nowrap'\n     */\n    flexWrap?: FlexStyle['flexWrap'];\n\n    /**\n     * Defines the spacing between items in a flex container.\n     */\n    gap?: number | undefined;\n\n    /**\n     * Content of this component.\n     */\n    children: React.ReactNode;\n\n    /**\n     * The amount of space by which to inset the child.\n     */\n    insets?: EdgeInsetsType;\n\n    /**\n     * Aligns children in the main direction.\n     * @default 'flex-start'\n     */\n    justifyContent?: FlexStyle['justifyContent'];\n\n    /**\n     * Controls how children are measured and displayed.\n     * @default 'visible'\n     */\n    overflow?: FlexStyle['overflow'];\n\n    /**\n     * Reverse flex direction.\n     * @default false\n     */\n    reversed?: boolean;\n}> {}\n"],"mappings":""}

package/build/module/IconButton/index.js

@@ -1,2 +1,3 @@
 export { default } from './IconButton';
+export { iconButtonColors } from './IconButtonProps';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './IconButton';\nexport type { default as IconButtonProps } from './IconButtonProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}
+{"version":3,"names":["default","iconButtonColors"],"sources":["index.ts"],"sourcesContent":["export { default } from './IconButton';\nexport type { default as IconButtonProps } from './IconButtonProps';\nexport { iconButtonColors } from './IconButtonProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB;AAEA,SAASC,gBAAT,QAAiC,mBAAjC"}

package/build/module/ListItem/ListItem.js

@@ -1,18 +1,28 @@
-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 { Platform, View } from 'react-native';
+import { Platform, Text, View } from 'react-native';
+import { typographyOf } from '@fountain-ui/styles';
 import ButtonBase from '../ButtonBase';
-import { css, useTheme } from '../styles';
+import Row from '../Row';
+import { createFontStyle, css, useTheme } from '../styles';
 
 const useStyles = function () {
   const theme = useTheme();
   return {
-    root: {
-      flexDirection: 'row',
-      paddingVertical: theme.spacing(3),
+    content: {
+      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)
     }
   };
 };
@@ -22,39 +32,47 @@ export default function ListItem(props) {
     alignItems = 'center',
     button = false,
     children,
+    description,
     disabled = false,
     onPress,
     style,
     ...otherProps
   } = props;
+  const theme = useTheme();
   const styles = useStyles();
   const rootComponentProps = {
     accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,
     ...otherProps
   };
-  const rootStyle = css([styles.root, {
-    alignItems
-  }, style]);
-
-  if (button) {
-    return (
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement(View, rootComponentProps, /*#__PURE__*/React.createElement(ButtonBase, {
-        disabled: disabled,
-        onPress: onPress,
-        style: rootStyle
-      }, children))
-    );
-  }
-
+  const contentWrapperStyle = css([styles.content, style]);
+  const descriptionFontStyle = createFontStyle(theme, {
+    selector: _ => typographyOf({
+      fontSize: 14,
+      lineHeight: 19.6,
+      fontFamily: 'PretendardStd-Regular',
+      letterSpacing: 0
+    }),
+    color: theme.palette.text.base
+  });
+  const content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, {
+    alignItems: alignItems
+  }, children), description ? /*#__PURE__*/React.createElement(Text, {
+    style: css([styles.description, descriptionFontStyle])
+  }, description) : null);
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement(View, _extends({
-      children: children,
-      style: rootStyle
-    }, rootComponentProps))
+    React.createElement(View, rootComponentProps, button ? /*#__PURE__*/React.createElement(ButtonBase, {
+      disabled: disabled,
+      onPress: onPress,
+      style: contentWrapperStyle
+    }, content) : /*#__PURE__*/React.createElement(View, {
+      style: contentWrapperStyle
+    }, content), /*#__PURE__*/React.createElement(View, {
+      style: styles.dividerWrapper
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.divider
+    })))
   );
 }
 ;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","ButtonBase","css","useTheme","useStyles","theme","root","flexDirection","paddingVertical","spacing","paddingHorizontal","width","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","rootStyle"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { css, useTheme } from '../styles';\nimport ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(3),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center',\n        button = false,\n        children,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const rootStyle = css([\n        styles.root,\n        { alignItems },\n        style,\n    ]);\n\n    if (button) {\n        return (\n            // @ts-ignore\n            <View {...rootComponentProps}>\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={rootStyle}\n                >\n                    {children}\n                </ButtonBase>\n            </View>\n        );\n    }\n\n    return (\n        // @ts-ignore\n        <View\n            children={children}\n            style={rootStyle}\n            {...rootComponentProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,IAAnB,QAA+B,cAA/B;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAoC,GAAG,YAA4B;EACrE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,aAAa,EAAE,KADb;MAEFC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd,CAFf;MAGFC,iBAAiB,EAAEL,KAAK,CAACI,OAAN,CAAc,CAAd,CAHjB;MAIFE,KAAK,EAAE;IAJL;EADH,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,UAAU,GAAG,QADX;IAEFC,MAAM,GAAG,KAFP;IAGFC,QAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,OALE;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAGjB,SAAS,EAAxB;EAEA,MAAMkB,kBAAkB,GAAG;IACvBC,iBAAiB,EAAExB,QAAQ,CAACyB,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;IAEvB,GAAGL;EAFoB,CAA3B;EAKA,MAAMM,SAAS,GAAGxB,GAAG,CAAC,CAClBmB,MAAM,CAACf,IADW,EAElB;IAAEQ;EAAF,CAFkB,EAGlBK,KAHkB,CAAD,CAArB;;EAMA,IAAIJ,MAAJ,EAAY;IACR;MAAA;MACI;MACA,oBAAC,IAAD,EAAUO,kBAAV,eACI,oBAAC,UAAD;QACI,QAAQ,EAAEL,QADd;QAEI,OAAO,EAAEC,OAFb;QAGI,KAAK,EAAEQ;MAHX,GAKKV,QALL,CADJ;IAFJ;EAYH;;EAED;IAAA;IACI;IACA,oBAAC,IAAD;MACI,QAAQ,EAAEA,QADd;MAEI,KAAK,EAAEU;IAFX,GAGQJ,kBAHR;EAFJ;AAQH;AAAA"}
+{"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: 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\n            <View style={styles.dividerWrapper}>\n                <View style={styles.divider}/>\n            </View>\n        </View>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ListItemProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface ListItemProps extends OverridableComponentProps<React.PropsWithChildren<ViewProps>, {\n    /**\n     * Aligns children vertical direction.\n     * @default 'center'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * If `true`, the list item is a button (using `ButtonBase`).\n     * @default false\n     */\n    button?: boolean;\n\n    /**\n     * Whether to prevent interaction with the ButtonBase.\n     * @default false\n     */\n    disabled?: ButtonBaseProps['disabled'];\n\n    /**\n     * Function to execute on press. If not set, will cause the ButtonBase to be disabled.\n     */\n    onPress?: ButtonBaseProps['onPress'];\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ListItemProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface ListItemProps extends OverridableComponentProps<React.PropsWithChildren<ViewProps>, {\n    /**\n     * Aligns children vertical direction.\n     * @default 'center'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * If `true`, the list item is a button (using `ButtonBase`).\n     * @default false\n     */\n    button?: boolean;\n\n    /**\n     * Displays a description in this item.\n     */\n    description?: string;\n\n    /**\n     * Whether to prevent interaction with the ButtonBase.\n     * @default false\n     */\n    disabled?: ButtonBaseProps['disabled'];\n\n    /**\n     * Function to execute on press. If not set, will cause the ButtonBase to be disabled.\n     */\n    onPress?: ButtonBaseProps['onPress'];\n}> {}\n"],"mappings":""}

package/build/module/ListItemIcon/ListItemIcon.js

@@ -8,8 +8,7 @@ const useStyles = function () {
   const theme = useTheme();
   return {
     root: {
-      marginRight: theme.spacing(2),
-      minWidth: 24,
+      marginRight: theme.spacing(3),
       flexShrink: 0
     }
   };

package/build/module/ListItemIcon/ListItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","marginRight","spacing","minWidth","flexShrink","ListItemIcon","props","style","otherProps","styles"],"sources":["ListItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type ListItemIconProps from './ListItemIconProps';\n\ntype ListItemIconStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemIconStyles> = function (): ListItemIconStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            marginRight: theme.spacing(2),\n            minWidth: 24,\n            flexShrink: 0,\n        },\n    };\n};\n\nexport default function ListItemIcon(props: ListItemIconProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAwC,GAAG,YAAgC;EAC7E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADX;MAEFC,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE;IAHV;EADH,CAAP;AAOH,CAVD;;AAYA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,MAAM;IACFC,KADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGX,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPa,MAAM,CAACT,IADA,EAEPO,KAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}
+{"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","marginRight","spacing","flexShrink","ListItemIcon","props","style","otherProps","styles"],"sources":["ListItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type ListItemIconProps from './ListItemIconProps';\n\ntype ListItemIconStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemIconStyles> = function (): ListItemIconStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            marginRight: theme.spacing(3),\n            flexShrink: 0,\n        },\n    };\n};\n\nexport default function ListItemIcon(props: ListItemIconProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAwC,GAAG,YAAgC;EAC7E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADX;MAEFC,UAAU,EAAE;IAFV;EADH,CAAP;AAMH,CATD;;AAWA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,MAAM;IACFC,KADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGV,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPY,MAAM,CAACR,IADA,EAEPM,KAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}

package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -7,6 +7,8 @@ import { css } from '../styles';
 const useStyles = function () {
   return {
     root: {
+      alignItems: 'center',
+      flexDirection: 'row',
       flexShrink: 0,
       marginLeft: 'auto'
     }

package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","useStyles","root","flexShrink","marginLeft","ListItemSecondaryAction","props","style","otherProps","styles"],"sources":["ListItemSecondaryAction.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport ListItemSecondaryActionProps from './ListItemSecondaryActionProps';\n\ntype ListItemSecondaryActionStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemSecondaryActionStyles> = function (): ListItemSecondaryActionStyles {\n    return {\n        root: {\n            flexShrink: 0,\n            marginLeft: 'auto',\n        },\n    };\n};\n\nexport default function ListItemSecondaryAction(props: ListItemSecondaryActionProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAmD,GAAG,YAA2C;EACnG,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,CADV;MAEFC,UAAU,EAAE;IAFV;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASC,uBAAT,CAAiCC,KAAjC,EAAsE;EACjF,MAAM;IACFC,KADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGR,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAED,GAAG,CAAC,CACPS,MAAM,CAACP,IADA,EAEPK,KAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}
+{"version":3,"names":["React","View","css","useStyles","root","alignItems","flexDirection","flexShrink","marginLeft","ListItemSecondaryAction","props","style","otherProps","styles"],"sources":["ListItemSecondaryAction.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport ListItemSecondaryActionProps from './ListItemSecondaryActionProps';\n\ntype ListItemSecondaryActionStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemSecondaryActionStyles> = function (): ListItemSecondaryActionStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n            flexShrink: 0,\n            marginLeft: 'auto',\n        },\n    };\n};\n\nexport default function ListItemSecondaryAction(props: ListItemSecondaryActionProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAmD,GAAG,YAA2C;EACnG,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE,KAFb;MAGFC,UAAU,EAAE,CAHV;MAIFC,UAAU,EAAE;IAJV;EADH,CAAP;AAQH,CATD;;AAWA,eAAe,SAASC,uBAAT,CAAiCC,KAAjC,EAAsE;EACjF,MAAM;IACFC,KADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGV,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAED,GAAG,CAAC,CACPW,MAAM,CAACT,IADA,EAEPO,KAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}