@sendbird/uikit-react-native-foundation 1.0.1 → 1.0.2

package/lib/module/theme/LightUIKitTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => ({\n    primary: palette.primary300,\n    secondary: palette.secondary300,\n    error: palette.error300,\n    background: palette.background50,\n    text: palette.onBackgroundLight01,\n    onBackground01: palette.onBackgroundLight01,\n    onBackground02: palette.onBackgroundLight02,\n    onBackground03: palette.onBackgroundLight03,\n    onBackground04: palette.onBackgroundLight04,\n    onBackgroundReverse01: palette.onBackgroundDark01,\n    onBackgroundReverse02: palette.onBackgroundDark02,\n    onBackgroundReverse03: palette.onBackgroundDark03,\n    onBackgroundReverse04: palette.onBackgroundDark04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background50,\n            borderBottom: palette.onBackgroundLight04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary300,\n            content: palette.onBackgroundDark01,\n          },\n          pressed: {\n            background: palette.primary400,\n            content: palette.onBackgroundDark01,\n          },\n          disabled: {\n            background: palette.background100,\n            content: palette.onBackgroundLight04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          pressed: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundLight04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background50,\n            text: palette.onBackgroundLight01,\n            message: palette.onBackgroundLight02,\n            highlight: palette.primary300,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.background100,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.background100,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.transparent,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background50,\n            background: palette.primary300,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundLight03,\n            highlight: palette.primary300,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.background100,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.primary100,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary400,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark01,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundLight01,\n            textTitleCaption: palette.onBackgroundLight03,\n            textBody: palette.onBackgroundLight03,\n            bodyIcon: palette.onBackgroundLight02,\n            memberCount: palette.onBackgroundLight02,\n            background: palette.background50,\n            coverBackground: palette.onBackgroundLight04,\n            bodyIconBackground: palette.background100,\n            separator: palette.onBackgroundLight04,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}

package/lib/module/theme/Palette.js

@@ -0,0 +1,40 @@
+const Palette = {
+  primary100: '#DBD1FF',
+  primary200: '#C2A9FA',
+  primary300: '#742DDD',
+  primary400: '#6211C8',
+  primary500: '#491389',
+  secondary100: '#A8E2AB',
+  secondary200: '#69C085',
+  secondary300: '#259C72',
+  secondary400: '#027D69',
+  secondary500: '#066858',
+  error100: '#FDAAAA',
+  error200: '#F66161',
+  error300: '#DE360B',
+  error400: '#BF0711',
+  error500: '#9D091E',
+  background50: '#FFFFFF',
+  background100: '#EEEEEE',
+  background200: '#E0E0E0',
+  background300: '#BDBDBD',
+  background400: '#393939',
+  background500: '#2C2C2C',
+  background600: '#161616',
+  background700: '#000000',
+  overlay01: 'rgba(0,0,0,0.55)',
+  overlay02: 'rgba(0,0,0,0.32)',
+  information: '#ADC9FF',
+  highlight: '#FFF2B6',
+  transparent: 'transparent',
+  onBackgroundLight01: 'rgba(0,0,0,0.88)',
+  onBackgroundLight02: 'rgba(0,0,0,0.50)',
+  onBackgroundLight03: 'rgba(0,0,0,0.38)',
+  onBackgroundLight04: 'rgba(0,0,0,0.12)',
+  onBackgroundDark01: 'rgba(255,255,255,0.88)',
+  onBackgroundDark02: 'rgba(255,255,255,0.50)',
+  onBackgroundDark03: 'rgba(255,255,255,0.38)',
+  onBackgroundDark04: 'rgba(255,255,255,0.12)'
+};
+export default Palette;
+//# sourceMappingURL=Palette.js.map

package/lib/module/theme/Palette.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Palette","primary100","primary200","primary300","primary400","primary500","secondary100","secondary200","secondary300","secondary400","secondary500","error100","error200","error300","error400","error500","background50","background100","background200","background300","background400","background500","background600","background700","overlay01","overlay02","information","highlight","transparent","onBackgroundLight01","onBackgroundLight02","onBackgroundLight03","onBackgroundLight04","onBackgroundDark01","onBackgroundDark02","onBackgroundDark03","onBackgroundDark04"],"sources":["Palette.ts"],"sourcesContent":["import type { UIKitPalette } from '../types';\n\nconst Palette: UIKitPalette = {\n  primary100: '#DBD1FF',\n  primary200: '#C2A9FA',\n  primary300: '#742DDD',\n  primary400: '#6211C8',\n  primary500: '#491389',\n\n  secondary100: '#A8E2AB',\n  secondary200: '#69C085',\n  secondary300: '#259C72',\n  secondary400: '#027D69',\n  secondary500: '#066858',\n\n  error100: '#FDAAAA',\n  error200: '#F66161',\n  error300: '#DE360B',\n  error400: '#BF0711',\n  error500: '#9D091E',\n\n  background50: '#FFFFFF',\n  background100: '#EEEEEE',\n  background200: '#E0E0E0',\n  background300: '#BDBDBD',\n  background400: '#393939',\n  background500: '#2C2C2C',\n  background600: '#161616',\n  background700: '#000000',\n\n  overlay01: 'rgba(0,0,0,0.55)',\n  overlay02: 'rgba(0,0,0,0.32)',\n\n  information: '#ADC9FF',\n  highlight: '#FFF2B6',\n  transparent: 'transparent',\n\n  onBackgroundLight01: 'rgba(0,0,0,0.88)',\n  onBackgroundLight02: 'rgba(0,0,0,0.50)',\n  onBackgroundLight03: 'rgba(0,0,0,0.38)',\n  onBackgroundLight04: 'rgba(0,0,0,0.12)',\n\n  onBackgroundDark01: 'rgba(255,255,255,0.88)',\n  onBackgroundDark02: 'rgba(255,255,255,0.50)',\n  onBackgroundDark03: 'rgba(255,255,255,0.38)',\n  onBackgroundDark04: 'rgba(255,255,255,0.12)',\n};\n\nexport default Palette;\n"],"mappings":"AAEA,MAAMA,OAAqB,GAAG;EAC5BC,UAAU,EAAE,SADgB;EAE5BC,UAAU,EAAE,SAFgB;EAG5BC,UAAU,EAAE,SAHgB;EAI5BC,UAAU,EAAE,SAJgB;EAK5BC,UAAU,EAAE,SALgB;EAO5BC,YAAY,EAAE,SAPc;EAQ5BC,YAAY,EAAE,SARc;EAS5BC,YAAY,EAAE,SATc;EAU5BC,YAAY,EAAE,SAVc;EAW5BC,YAAY,EAAE,SAXc;EAa5BC,QAAQ,EAAE,SAbkB;EAc5BC,QAAQ,EAAE,SAdkB;EAe5BC,QAAQ,EAAE,SAfkB;EAgB5BC,QAAQ,EAAE,SAhBkB;EAiB5BC,QAAQ,EAAE,SAjBkB;EAmB5BC,YAAY,EAAE,SAnBc;EAoB5BC,aAAa,EAAE,SApBa;EAqB5BC,aAAa,EAAE,SArBa;EAsB5BC,aAAa,EAAE,SAtBa;EAuB5BC,aAAa,EAAE,SAvBa;EAwB5BC,aAAa,EAAE,SAxBa;EAyB5BC,aAAa,EAAE,SAzBa;EA0B5BC,aAAa,EAAE,SA1Ba;EA4B5BC,SAAS,EAAE,kBA5BiB;EA6B5BC,SAAS,EAAE,kBA7BiB;EA+B5BC,WAAW,EAAE,SA/Be;EAgC5BC,SAAS,EAAE,SAhCiB;EAiC5BC,WAAW,EAAE,aAjCe;EAmC5BC,mBAAmB,EAAE,kBAnCO;EAoC5BC,mBAAmB,EAAE,kBApCO;EAqC5BC,mBAAmB,EAAE,kBArCO;EAsC5BC,mBAAmB,EAAE,kBAtCO;EAwC5BC,kBAAkB,EAAE,wBAxCQ;EAyC5BC,kBAAkB,EAAE,wBAzCQ;EA0C5BC,kBAAkB,EAAE,wBA1CQ;EA2C5BC,kBAAkB,EAAE;AA3CQ,CAA9B;AA8CA,eAAepC,OAAf"}

package/lib/module/theme/UIKitThemeContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const UIKitThemeContext = /*#__PURE__*/React.createContext(null);
+export default UIKitThemeContext;
+//# sourceMappingURL=UIKitThemeContext.js.map

package/lib/module/theme/UIKitThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UIKitThemeContext","createContext"],"sources":["UIKitThemeContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UIKitTheme } from '../types';\n\nconst UIKitThemeContext = React.createContext<UIKitTheme | null>(null);\n\nexport default UIKitThemeContext;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAN,CAAuC,IAAvC,CAA1B;AAEA,eAAeD,iBAAf"}

package/lib/module/theme/UIKitThemeProvider.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import LightUIKitTheme from './LightUIKitTheme';
+import UIKitThemeContext from './UIKitThemeContext';
+
+const UIKitThemeProvider = _ref => {
+  let {
+    children,
+    theme = LightUIKitTheme
+  } = _ref;
+  return /*#__PURE__*/React.createElement(UIKitThemeContext.Provider, {
+    value: theme
+  }, children);
+};
+
+export default UIKitThemeProvider;
+//# sourceMappingURL=UIKitThemeProvider.js.map

package/lib/module/theme/UIKitThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LightUIKitTheme","UIKitThemeContext","UIKitThemeProvider","children","theme"],"sources":["UIKitThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UIKitTheme } from '../types';\nimport LightUIKitTheme from './LightUIKitTheme';\nimport UIKitThemeContext from './UIKitThemeContext';\n\ntype Props = React.PropsWithChildren<{\n  theme?: UIKitTheme;\n}>;\nconst UIKitThemeProvider = ({ children, theme = LightUIKitTheme }: Props) => {\n  return <UIKitThemeContext.Provider value={theme}>{children}</UIKitThemeContext.Provider>;\n};\n\nexport default UIKitThemeProvider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;;AAKA,MAAMC,kBAAkB,GAAG,QAAkD;EAAA,IAAjD;IAAEC,QAAF;IAAYC,KAAK,GAAGJ;EAApB,CAAiD;EAC3E,oBAAO,oBAAC,iBAAD,CAAmB,QAAnB;IAA4B,KAAK,EAAEI;EAAnC,GAA2CD,QAA3C,CAAP;AACD,CAFD;;AAIA,eAAeD,kBAAf"}

package/lib/module/theme/createTheme.js

@@ -0,0 +1,46 @@
+import createSelectByColorScheme from '../styles/createSelectByColorScheme';
+import createTypography from '../styles/createTypography';
+import Palette from './Palette';
+
+const createTheme = _ref => {
+  let {
+    colorScheme,
+    palette = Palette,
+    colors: createColors,
+    typography = {
+      shared: {
+        fontFamily: 'System'
+      }
+    }
+  } = _ref;
+  let _palette = palette;
+
+  let _colors = createColors(_palette);
+
+  return {
+    colorScheme,
+    select: createSelectByColorScheme(colorScheme),
+
+    get palette() {
+      return _palette;
+    },
+
+    set palette(value) {
+      _palette = value;
+      _colors = createColors(_palette);
+    },
+
+    get colors() {
+      return _colors;
+    },
+
+    set colors(value) {
+      _colors = value;
+    },
+
+    typography: createTypography(typography)
+  };
+};
+
+export default createTheme;
+//# sourceMappingURL=createTheme.js.map

package/lib/module/theme/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSelectByColorScheme","createTypography","Palette","createTheme","colorScheme","palette","colors","createColors","typography","shared","fontFamily","_palette","_colors","select","value"],"sources":["createTheme.ts"],"sourcesContent":["import createSelectByColorScheme from '../styles/createSelectByColorScheme';\nimport createTypography, { UIKitTypographyOverrides } from '../styles/createTypography';\nimport type { UIKitColors, UIKitTheme } from '../types';\nimport Palette from './Palette';\n\ntype Options = {\n  colorScheme: UIKitTheme['colorScheme'];\n  colors: (palette: UIKitTheme['palette']) => UIKitColors;\n  palette?: UIKitTheme['palette'];\n  typography?: UIKitTypographyOverrides;\n};\n\nconst createTheme = ({\n  colorScheme,\n  palette = Palette,\n  colors: createColors,\n  typography = { shared: { fontFamily: 'System' } },\n}: Options): UIKitTheme => {\n  let _palette = palette;\n  let _colors = createColors(_palette);\n\n  return {\n    colorScheme,\n    select: createSelectByColorScheme(colorScheme),\n    get palette() {\n      return _palette;\n    },\n    set palette(value) {\n      _palette = value;\n      _colors = createColors(_palette);\n    },\n    get colors() {\n      return _colors;\n    },\n    set colors(value) {\n      _colors = value;\n    },\n    typography: createTypography(typography),\n  };\n};\n\nexport default createTheme;\n"],"mappings":"AAAA,OAAOA,yBAAP,MAAsC,qCAAtC;AACA,OAAOC,gBAAP,MAA2D,4BAA3D;AAEA,OAAOC,OAAP,MAAoB,WAApB;;AASA,MAAMC,WAAW,GAAG,QAKO;EAAA,IALN;IACnBC,WADmB;IAEnBC,OAAO,GAAGH,OAFS;IAGnBI,MAAM,EAAEC,YAHW;IAInBC,UAAU,GAAG;MAAEC,MAAM,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAV;EAJM,CAKM;EACzB,IAAIC,QAAQ,GAAGN,OAAf;;EACA,IAAIO,OAAO,GAAGL,YAAY,CAACI,QAAD,CAA1B;;EAEA,OAAO;IACLP,WADK;IAELS,MAAM,EAAEb,yBAAyB,CAACI,WAAD,CAF5B;;IAGL,IAAIC,OAAJ,GAAc;MACZ,OAAOM,QAAP;IACD,CALI;;IAML,IAAIN,OAAJ,CAAYS,KAAZ,EAAmB;MACjBH,QAAQ,GAAGG,KAAX;MACAF,OAAO,GAAGL,YAAY,CAACI,QAAD,CAAtB;IACD,CATI;;IAUL,IAAIL,MAAJ,GAAa;MACX,OAAOM,OAAP;IACD,CAZI;;IAaL,IAAIN,MAAJ,CAAWQ,KAAX,EAAkB;MAChBF,OAAO,GAAGE,KAAV;IACD,CAfI;;IAgBLN,UAAU,EAAEP,gBAAgB,CAACO,UAAD;EAhBvB,CAAP;AAkBD,CA3BD;;AA6BA,eAAeL,WAAf"}

package/lib/module/theme/useUIKitTheme.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import UIKitThemeContext from './UIKitThemeContext';
+
+const useUIKitTheme = () => {
+  const context = useContext(UIKitThemeContext);
+  if (!context) throw Error('UIKitThemeContext is not provided');
+  return context;
+};
+
+export default useUIKitTheme;
+//# sourceMappingURL=useUIKitTheme.js.map

package/lib/module/theme/useUIKitTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","UIKitThemeContext","useUIKitTheme","context","Error"],"sources":["useUIKitTheme.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport type { UIKitTheme } from '../types';\nimport UIKitThemeContext from './UIKitThemeContext';\n\nconst useUIKitTheme = () => {\n  const context = useContext(UIKitThemeContext);\n  if (!context) throw Error('UIKitThemeContext is not provided');\n  return context as UIKitTheme;\n};\n\nexport default useUIKitTheme;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,OAAOC,iBAAP,MAA8B,qBAA9B;;AAEA,MAAMC,aAAa,GAAG,MAAM;EAC1B,MAAMC,OAAO,GAAGH,UAAU,CAACC,iBAAD,CAA1B;EACA,IAAI,CAACE,OAAL,EAAc,MAAMC,KAAK,CAAC,mCAAD,CAAX;EACd,OAAOD,OAAP;AACD,CAJD;;AAMA,eAAeD,aAAf"}

package/lib/module/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'Message'\n  | 'DateSeparator'\n  | 'GroupChannelPreview';\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    Message: 'incoming' | 'outgoing';\n    DateSeparator: 'default';\n    GroupChannelPreview: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    Message: 'enabled' | 'pressed';\n    DateSeparator: 'none';\n    GroupChannelPreview: 'none';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    DateSeparator: 'text' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    message: ComponentColors<'Message'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}

package/lib/module/ui/ActionMenu/index.js

@@ -0,0 +1,108 @@
+import React, { useState } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import { Logger } from '@sendbird/uikit-utils';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useHeaderStyle from '../../styles/useHeaderStyle';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import DialogBox from '../Dialog/DialogBox';
+import LoadingSpinner from '../LoadingSpinner';
+import Modal from '../Modal';
+import Text from '../Text';
+
+const ActionMenu = _ref => {
+  let {
+    visible,
+    onHide,
+    onError,
+    onDismiss,
+    title,
+    menuItems
+  } = _ref;
+  const {
+    statusBarTranslucent
+  } = useHeaderStyle();
+  const {
+    colors
+  } = useUIKitTheme();
+  const [pending, setPending] = useState(false);
+
+  const _onHide = () => {
+    if (!pending) onHide();
+  };
+
+  return /*#__PURE__*/React.createElement(Modal, {
+    onClose: _onHide,
+    onDismiss: onDismiss,
+    statusBarTranslucent: statusBarTranslucent,
+    visible: visible,
+    backgroundStyle: {
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(DialogBox, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.title
+  }, /*#__PURE__*/React.createElement(Text, {
+    h1: true,
+    color: colors.ui.dialog.default.none.text,
+    numberOfLines: 1 // style={{ flex: 1 }}
+    ,
+    style: {
+      maxWidth: pending ? '86%' : '100%'
+    }
+  }, title), pending && /*#__PURE__*/React.createElement(LoadingSpinner, {
+    size: 20,
+    color: colors.ui.dialog.default.none.highlight,
+    style: {
+      width: '10%',
+      marginLeft: '4%'
+    }
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, menuItems.map((item, index) => {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.75,
+      key: item.title + index,
+      style: styles.button,
+      disabled: pending,
+      onPress: async () => {
+        setPending(true);
+
+        try {
+          var _item$onPress;
+
+          await ((_item$onPress = item.onPress) === null || _item$onPress === void 0 ? void 0 : _item$onPress.call(item));
+        } catch (e) {
+          const errorHandler = onError ?? item.onError;
+          errorHandler === null || errorHandler === void 0 ? void 0 : errorHandler(e);
+          if (!errorHandler) Logger.error('ActionMenu onPress error', e);
+        } finally {
+          onHide();
+          setPending(false);
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      subtitle2: true,
+      color: colors.ui.dialog.default.none.text,
+      numberOfLines: 1
+    }, item.title));
+  }))));
+};
+
+const styles = createStyleSheet({
+  title: {
+    flexDirection: 'row',
+    paddingHorizontal: 24,
+    paddingVertical: 20,
+    alignItems: 'center'
+  },
+  buttonContainer: {
+    marginTop: 4,
+    marginBottom: 8
+  },
+  button: {
+    paddingHorizontal: 24,
+    paddingVertical: 12
+  }
+});
+export default ActionMenu;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/ActionMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","TouchableOpacity","View","Logger","createStyleSheet","useHeaderStyle","useUIKitTheme","DialogBox","LoadingSpinner","Modal","Text","ActionMenu","visible","onHide","onError","onDismiss","title","menuItems","statusBarTranslucent","colors","pending","setPending","_onHide","alignItems","justifyContent","styles","ui","dialog","default","none","text","maxWidth","highlight","width","marginLeft","buttonContainer","map","item","index","button","onPress","e","errorHandler","error","flexDirection","paddingHorizontal","paddingVertical","marginTop","marginBottom"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport DialogBox from '../Dialog/DialogBox';\nimport LoadingSpinner from '../LoadingSpinner';\nimport Modal from '../Modal';\nimport Text from '../Text';\n\nexport type ActionMenuItem = {\n  title?: string;\n  menuItems: {\n    title: string;\n    onPress?: (() => Promise<void>) | (() => void);\n    onError?: () => void;\n  }[];\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & ActionMenuItem;\nconst ActionMenu = ({ visible, onHide, onError, onDismiss, title, menuItems }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const [pending, setPending] = useState(false);\n  const _onHide = () => {\n    if (!pending) onHide();\n  };\n\n  return (\n    <Modal\n      onClose={_onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox>\n        <View style={styles.title}>\n          <Text\n            h1\n            color={colors.ui.dialog.default.none.text}\n            numberOfLines={1}\n            // style={{ flex: 1 }}\n            style={{ maxWidth: pending ? '86%' : '100%' }}\n          >\n            {title}\n          </Text>\n          {pending && (\n            <LoadingSpinner\n              size={20}\n              color={colors.ui.dialog.default.none.highlight}\n              style={{ width: '10%', marginLeft: '4%' }}\n            />\n          )}\n        </View>\n        <View style={styles.buttonContainer}>\n          {menuItems.map((item, index) => {\n            return (\n              <TouchableOpacity\n                activeOpacity={0.75}\n                key={item.title + index}\n                style={styles.button}\n                disabled={pending}\n                onPress={async () => {\n                  setPending(true);\n                  try {\n                    await item.onPress?.();\n                  } catch (e: unknown) {\n                    const errorHandler = onError ?? item.onError;\n                    errorHandler?.(e);\n                    if (!errorHandler) Logger.error('ActionMenu onPress error', e);\n                  } finally {\n                    onHide();\n                    setPending(false);\n                  }\n                }}\n              >\n                <Text subtitle2 color={colors.ui.dialog.default.none.text} numberOfLines={1}>\n                  {item.title}\n                </Text>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  title: {\n    flexDirection: 'row',\n    paddingHorizontal: 24,\n    paddingVertical: 20,\n    alignItems: 'center',\n  },\n  buttonContainer: {\n    marginTop: 4,\n    marginBottom: 8,\n  },\n  button: {\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n  },\n});\n\nexport default ActionMenu;\n"],"mappings":"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"}

package/lib/module/ui/Alert/index.js

@@ -0,0 +1,104 @@
+import React from 'react';
+import { View } from 'react-native';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useHeaderStyle from '../../styles/useHeaderStyle';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import Button from '../Button';
+import DialogBox from '../Dialog/DialogBox';
+import Modal from '../Modal';
+import Text from '../Text';
+
+const Alert = _ref => {
+  let {
+    onDismiss,
+    visible,
+    onHide,
+    title = '',
+    message = '',
+    buttons = [{
+      text: 'OK'
+    }]
+  } = _ref;
+  const {
+    statusBarTranslucent
+  } = useHeaderStyle();
+  const {
+    colors
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(Modal, {
+    onClose: onHide,
+    onDismiss: onDismiss,
+    statusBarTranslucent: statusBarTranslucent,
+    visible: visible,
+    backgroundStyle: {
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(DialogBox, {
+    style: styles.container
+  }, Boolean(title) && /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    h1: true,
+    color: colors.ui.dialog.default.none.text,
+    numberOfLines: 1,
+    style: {
+      flex: 1
+    }
+  }, title)), /*#__PURE__*/React.createElement(View, {
+    style: styles.messageContainer
+  }, Boolean(message) && /*#__PURE__*/React.createElement(Text, {
+    subtitle2: !title,
+    body3: Boolean(title),
+    color: !title ? colors.ui.dialog.default.none.text : colors.ui.dialog.default.none.message,
+    numberOfLines: 3
+  }, message)), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, buttons.map((_ref2, index) => {
+    let {
+      text = 'OK',
+      style = 'default',
+      onPress
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(Button, {
+      key: text + index,
+      variant: 'text',
+      style: styles.button,
+      onPress: async () => {
+        try {
+          onPress === null || onPress === void 0 ? void 0 : onPress();
+        } finally {
+          onHide();
+        }
+      },
+      contentColor: style === 'destructive' ? colors.ui.dialog.default.none.destructive : colors.ui.dialog.default.none.highlight
+    }, text);
+  }))));
+};
+
+const styles = createStyleSheet({
+  container: {
+    paddingTop: 20
+  },
+  titleContainer: {
+    paddingBottom: 16,
+    paddingHorizontal: 24,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  messageContainer: {
+    paddingHorizontal: 24,
+    marginBottom: 12
+  },
+  button: {
+    marginLeft: 8
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    padding: 12
+  }
+});
+export default Alert;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","createStyleSheet","useHeaderStyle","useUIKitTheme","Button","DialogBox","Modal","Text","Alert","onDismiss","visible","onHide","title","message","buttons","text","statusBarTranslucent","colors","alignItems","justifyContent","styles","container","Boolean","titleContainer","ui","dialog","default","none","flex","messageContainer","buttonContainer","map","index","style","onPress","button","destructive","highlight","paddingTop","paddingBottom","paddingHorizontal","flexDirection","marginBottom","marginLeft","padding"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertButton, View } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\nimport Modal from '../Modal';\nimport Text from '../Text';\n\nexport type AlertItem = {\n  title?: string;\n  message?: string;\n  buttons?: AlertButton[];\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onDismiss?: () => void;\n} & AlertItem;\nconst Alert = ({ onDismiss, visible, onHide, title = '', message = '', buttons = [{ text: 'OK' }] }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Modal\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox style={styles.container}>\n        {Boolean(title) && (\n          <View style={styles.titleContainer}>\n            <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1} style={{ flex: 1 }}>\n              {title}\n            </Text>\n          </View>\n        )}\n\n        <View style={styles.messageContainer}>\n          {Boolean(message) && (\n            <Text\n              subtitle2={!title}\n              body3={Boolean(title)}\n              color={!title ? colors.ui.dialog.default.none.text : colors.ui.dialog.default.none.message}\n              numberOfLines={3}\n            >\n              {message}\n            </Text>\n          )}\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {buttons.map(({ text = 'OK', style = 'default', onPress }, index) => {\n            return (\n              <Button\n                key={text + index}\n                variant={'text'}\n                style={styles.button}\n                onPress={async () => {\n                  try {\n                    onPress?.();\n                  } finally {\n                    onHide();\n                  }\n                }}\n                contentColor={\n                  style === 'destructive'\n                    ? colors.ui.dialog.default.none.destructive\n                    : colors.ui.dialog.default.none.highlight\n                }\n              >\n                {text}\n              </Button>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 20,\n  },\n  titleContainer: {\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  messageContainer: {\n    paddingHorizontal: 24,\n    marginBottom: 12,\n  },\n  button: {\n    marginLeft: 8,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n});\n\nexport default Alert;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAsBC,IAAtB,QAAkC,cAAlC;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,SAAP,MAAsB,qBAAtB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,IAAP,MAAiB,SAAjB;;AAaA,MAAMC,KAAK,GAAG,QAAiG;EAAA,IAAhG;IAAEC,SAAF;IAAaC,OAAb;IAAsBC,MAAtB;IAA8BC,KAAK,GAAG,EAAtC;IAA0CC,OAAO,GAAG,EAApD;IAAwDC,OAAO,GAAG,CAAC;MAAEC,IAAI,EAAE;IAAR,CAAD;EAAlE,CAAgG;EAC7G,MAAM;IAAEC;EAAF,IAA2Bd,cAAc,EAA/C;EACA,MAAM;IAAEe;EAAF,IAAad,aAAa,EAAhC;EAEA,oBACE,oBAAC,KAAD;IACE,OAAO,EAAEQ,MADX;IAEE,SAAS,EAAEF,SAFb;IAGE,oBAAoB,EAAEO,oBAHxB;IAIE,OAAO,EAAEN,OAJX;IAKE,eAAe,EAAE;MAAEQ,UAAU,EAAE,QAAd;MAAwBC,cAAc,EAAE;IAAxC;EALnB,gBAOE,oBAAC,SAAD;IAAW,KAAK,EAAEC,MAAM,CAACC;EAAzB,GACGC,OAAO,CAACV,KAAD,CAAP,iBACC,oBAAC,IAAD;IAAM,KAAK,EAAEQ,MAAM,CAACG;EAApB,gBACE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,KAAK,EAAEN,MAAM,CAACO,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BZ,IAA9C;IAAoD,aAAa,EAAE,CAAnE;IAAsE,KAAK,EAAE;MAAEa,IAAI,EAAE;IAAR;EAA7E,GACGhB,KADH,CADF,CAFJ,eASE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,MAAM,CAACS;EAApB,GACGP,OAAO,CAACT,OAAD,CAAP,iBACC,oBAAC,IAAD;IACE,SAAS,EAAE,CAACD,KADd;IAEE,KAAK,EAAEU,OAAO,CAACV,KAAD,CAFhB;IAGE,KAAK,EAAE,CAACA,KAAD,GAASK,MAAM,CAACO,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BZ,IAAvC,GAA8CE,MAAM,CAACO,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8Bd,OAHrF;IAIE,aAAa,EAAE;EAJjB,GAMGA,OANH,CAFJ,CATF,eAsBE,oBAAC,IAAD;IAAM,KAAK,EAAEO,MAAM,CAACU;EAApB,GACGhB,OAAO,CAACiB,GAAR,CAAY,QAA8CC,KAA9C,KAAwD;IAAA,IAAvD;MAAEjB,IAAI,GAAG,IAAT;MAAekB,KAAK,GAAG,SAAvB;MAAkCC;IAAlC,CAAuD;IACnE,oBACE,oBAAC,MAAD;MACE,GAAG,EAAEnB,IAAI,GAAGiB,KADd;MAEE,OAAO,EAAE,MAFX;MAGE,KAAK,EAAEZ,MAAM,CAACe,MAHhB;MAIE,OAAO,EAAE,YAAY;QACnB,IAAI;UACFD,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;QACR,CAFD,SAEU;UACRvB,MAAM;QACP;MACF,CAVH;MAWE,YAAY,EACVsB,KAAK,KAAK,aAAV,GACIhB,MAAM,CAACO,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BS,WADlC,GAEInB,MAAM,CAACO,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BU;IAdtC,GAiBGtB,IAjBH,CADF;EAqBD,CAtBA,CADH,CAtBF,CAPF,CADF;AA0DD,CA9DD;;AAgEA,MAAMK,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,SAAS,EAAE;IACTiB,UAAU,EAAE;EADH,CADmB;EAI9Bf,cAAc,EAAE;IACdgB,aAAa,EAAE,EADD;IAEdC,iBAAiB,EAAE,EAFL;IAGdC,aAAa,EAAE,KAHD;IAIdvB,UAAU,EAAE;EAJE,CAJc;EAU9BW,gBAAgB,EAAE;IAChBW,iBAAiB,EAAE,EADH;IAEhBE,YAAY,EAAE;EAFE,CAVY;EAc9BP,MAAM,EAAE;IACNQ,UAAU,EAAE;EADN,CAdsB;EAiB9Bb,eAAe,EAAE;IACfW,aAAa,EAAE,KADA;IAEfvB,UAAU,EAAE,QAFG;IAGfC,cAAc,EAAE,UAHD;IAIfyB,OAAO,EAAE;EAJM;AAjBa,CAAD,CAA/B;AAyBA,eAAepC,KAAf"}

package/lib/module/ui/Avatar/AvatarGroup.js

@@ -0,0 +1,104 @@
+import React, { useMemo } from 'react';
+import { View } from 'react-native';
+const MAX = 4;
+
+const AvatarGroup = _ref => {
+  let {
+    children,
+    containerStyle,
+    size = 56
+  } = _ref;
+  const childAmount = React.Children.count(children);
+
+  if (childAmount === 0) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [containerStyle, {
+        overflow: 'hidden',
+        width: size,
+        height: size,
+        borderRadius: size,
+        backgroundColor: 'rgba(120,120,120,0.2)'
+      }]
+    });
+  }
+
+  const avatars = useMemo(() => {
+    var _React$Children$map;
+
+    return ((_React$Children$map = React.Children.map(children, (child, index) => {
+      if (index + 1 > MAX) return child;
+      if (! /*#__PURE__*/React.isValidElement(child)) return child;
+      if (childAmount === 1) return /*#__PURE__*/React.cloneElement(child, {
+        size,
+        containerStyle
+      });
+      const top = getTopPoint(index, childAmount) * size;
+      const left = getLeftPoint(index) * size;
+      const width = getWidthPoint(index, childAmount) * size;
+      const height = getHeightPoint(index, childAmount) * size;
+      const innerLeft = -getInnerLeft(index, childAmount) * size;
+      const innerTop = -getInnerTop(childAmount) * size;
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          overflow: 'hidden',
+          position: 'absolute',
+          top,
+          left,
+          width,
+          height
+        }
+      }, /*#__PURE__*/React.cloneElement(child, {
+        size,
+        square: true,
+        containerStyle: {
+          left: innerLeft,
+          top: innerTop
+        }
+      }));
+    })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.slice(0, 4)) ?? [];
+  }, [children]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [containerStyle, {
+      overflow: 'hidden',
+      width: size,
+      height: size,
+      borderRadius: size
+    }]
+  }, avatars);
+};
+
+const getHeightPoint = (_, total) => {
+  if (total === 2) return 1;
+  return 0.5;
+};
+
+const getWidthPoint = (idx, total) => {
+  if (total === 3 && idx === 0) return 1;
+  return 0.5;
+};
+
+const getTopPoint = (idx, total) => {
+  if (total === 2) return -0.025;
+  if (total === 3 && idx === 0) return -0.025;
+  if (total === 3 && idx !== 0) return 0.525;
+  if (idx === 0 || idx === 1) return -0.025;
+  return 0.525;
+};
+
+const getLeftPoint = idx => {
+  if (idx === 0 || idx === 2) return -0.025;
+  return 0.525;
+};
+
+const getInnerLeft = (idx, total) => {
+  if (total === 3 && idx === 0) return 0;
+  return 0.25;
+};
+
+const getInnerTop = total => {
+  if (total === 2) return 0;
+  return 0.25;
+};
+
+export default AvatarGroup;
+//# sourceMappingURL=AvatarGroup.js.map

package/lib/module/ui/Avatar/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","MAX","AvatarGroup","children","containerStyle","size","childAmount","Children","count","overflow","width","height","borderRadius","backgroundColor","avatars","map","child","index","isValidElement","cloneElement","top","getTopPoint","left","getLeftPoint","getWidthPoint","getHeightPoint","innerLeft","getInnerLeft","innerTop","getInnerTop","position","square","slice","_","total","idx"],"sources":["AvatarGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nconst MAX = 4;\n\ntype Props = React.PropsWithChildren<{\n  size?: number;\n  containerStyle?: StyleProp<ViewStyle>;\n}>;\nconst AvatarGroup = ({ children, containerStyle, size = 56 }: Props) => {\n  const childAmount = React.Children.count(children);\n\n  if (childAmount === 0) {\n    return (\n      <View\n        style={[\n          containerStyle,\n          {\n            overflow: 'hidden',\n            width: size,\n            height: size,\n            borderRadius: size,\n            backgroundColor: 'rgba(120,120,120,0.2)',\n          },\n        ]}\n      />\n    );\n  }\n\n  const avatars = useMemo(() => {\n    return (\n      React.Children.map(children, (child, index) => {\n        if (index + 1 > MAX) return child;\n        if (!React.isValidElement(child)) return child;\n\n        if (childAmount === 1) return React.cloneElement(child, { size, containerStyle });\n\n        const top = getTopPoint(index, childAmount) * size;\n        const left = getLeftPoint(index) * size;\n        const width = getWidthPoint(index, childAmount) * size;\n        const height = getHeightPoint(index, childAmount) * size;\n        const innerLeft = -getInnerLeft(index, childAmount) * size;\n        const innerTop = -getInnerTop(childAmount) * size;\n\n        return (\n          <View style={{ overflow: 'hidden', position: 'absolute', top, left, width, height }}>\n            {React.cloneElement(child, { size, square: true, containerStyle: { left: innerLeft, top: innerTop } })}\n          </View>\n        );\n      })?.slice(0, 4) ?? []\n    );\n  }, [children]);\n\n  return (\n    <View style={[containerStyle, { overflow: 'hidden', width: size, height: size, borderRadius: size }]}>\n      {avatars}\n    </View>\n  );\n};\n\nconst getHeightPoint = (_: number, total: number) => {\n  if (total === 2) return 1;\n  return 0.5;\n};\nconst getWidthPoint = (idx: number, total: number) => {\n  if (total === 3 && idx === 0) return 1;\n  return 0.5;\n};\nconst getTopPoint = (idx: number, total: number) => {\n  if (total === 2) return -0.025;\n  if (total === 3 && idx === 0) return -0.025;\n  if (total === 3 && idx !== 0) return 0.525;\n  if (idx === 0 || idx === 1) return -0.025;\n  return 0.525;\n};\nconst getLeftPoint = (idx: number) => {\n  if (idx === 0 || idx === 2) return -0.025;\n  return 0.525;\n};\nconst getInnerLeft = (idx: number, total: number) => {\n  if (total === 3 && idx === 0) return 0;\n  return 0.25;\n};\nconst getInnerTop = (total: number) => {\n  if (total === 2) return 0;\n  return 0.25;\n};\n\nexport default AvatarGroup;\n"],"mappings":"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"}

package/lib/module/ui/Avatar/AvatarIcon.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { View } from 'react-native';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import Icon from '../Icon';
+
+const AvatarIcon = _ref => {
+  let {
+    size = 56,
+    icon,
+    containerStyle,
+    backgroundColor
+  } = _ref;
+  const {
+    colors,
+    palette
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: backgroundColor ?? palette.background300
+    }, containerStyle]
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: size / 2,
+    color: colors.onBackgroundReverse01
+  }));
+};
+
+const styles = createStyleSheet({
+  container: {
+    overflow: 'hidden',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export default AvatarIcon;
+//# sourceMappingURL=AvatarIcon.js.map

package/lib/module/ui/Avatar/AvatarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","createStyleSheet","useUIKitTheme","Icon","AvatarIcon","size","icon","containerStyle","backgroundColor","colors","palette","styles","container","width","height","borderRadius","background300","onBackgroundReverse01","overflow","alignItems","justifyContent"],"sources":["AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Icon from '../Icon';\n\ntype Props = {\n  icon: keyof typeof Icon.Assets;\n  size?: number;\n  backgroundColor?: string;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst AvatarIcon = ({ size = 56, icon, containerStyle, backgroundColor }: Props) => {\n  const { colors, palette } = useUIKitTheme();\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          backgroundColor: backgroundColor ?? palette.background300,\n        },\n        containerStyle,\n      ]}\n    >\n      <Icon icon={icon} size={size / 2} color={colors.onBackgroundReverse01} />\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\nexport default AvatarIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAA2C,cAA3C;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,IAAP,MAAiB,SAAjB;;AAQA,MAAMC,UAAU,GAAG,QAAiE;EAAA,IAAhE;IAAEC,IAAI,GAAG,EAAT;IAAaC,IAAb;IAAmBC,cAAnB;IAAmCC;EAAnC,CAAgE;EAClF,MAAM;IAAEC,MAAF;IAAUC;EAAV,IAAsBR,aAAa,EAAzC;EACA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLS,MAAM,CAACC,SADF,EAEL;MACEC,KAAK,EAAER,IADT;MAEES,MAAM,EAAET,IAFV;MAGEU,YAAY,EAAEV,IAAI,GAAG,CAHvB;MAIEG,eAAe,EAAEA,eAAe,IAAIE,OAAO,CAACM;IAJ9C,CAFK,EAQLT,cARK;EADT,gBAYE,oBAAC,IAAD;IAAM,IAAI,EAAED,IAAZ;IAAkB,IAAI,EAAED,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEI,MAAM,CAACQ;EAAhD,EAZF,CADF;AAgBD,CAlBD;;AAmBA,MAAMN,MAAM,GAAGV,gBAAgB,CAAC;EAC9BW,SAAS,EAAE;IACTM,QAAQ,EAAE,QADD;IAETC,UAAU,EAAE,QAFH;IAGTC,cAAc,EAAE;EAHP;AADmB,CAAD,CAA/B;AAOA,eAAehB,UAAf"}