@sendbird/uikit-react-native-foundation 3.1.2 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundDark01","textEdited","onBackgroundDark02","textTime","onBackgroundDark03","textSenderName","background","background400","pressed","primary500","outgoing","onBackgroundLight01","onBackgroundLight02","transparent","primary200","primary300","primary","secondary","secondary200","error","error200","background600","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background700","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    const groupChannelMessage = {\n      incoming: {\n        enabled: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.background400,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.primary500,\n        },\n      },\n      outgoing: {\n        enabled: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary200,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary300,\n        },\n      },\n    };\n\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        message: groupChannelMessage,\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage,\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.background400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.primary500,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary200,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundLight01,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundLight01,\n              sendIconBackground: palette.primary200,\n              progressTrack: palette.primary200,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundDark03,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundDark04,\n              sendIconBackground: palette.background500,\n              progressTrack: palette.background400,\n              recording: palette.error200,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}

package/lib/module/theme/LightUIKitTheme.js

@@ -2,40 +2,6 @@ import createTheme from './createTheme';
 const LightUIKitTheme = createTheme({
   colorScheme: 'light',
   colors: palette => {
-    const groupChannelMessage = {
-      incoming: {
-        enabled: {
-          textMsg: palette.onBackgroundLight01,
-          textEdited: palette.onBackgroundLight02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.onBackgroundLight02,
-          background: palette.background100
-        },
-        pressed: {
-          textMsg: palette.onBackgroundLight01,
-          textEdited: palette.onBackgroundLight02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.onBackgroundLight02,
-          background: palette.primary100
-        }
-      },
-      outgoing: {
-        enabled: {
-          textMsg: palette.onBackgroundDark01,
-          textEdited: palette.onBackgroundDark02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.transparent,
-          background: palette.primary300
-        },
-        pressed: {
-          textMsg: palette.onBackgroundDark01,
-          textEdited: palette.onBackgroundDark02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.transparent,
-          background: palette.primary400
-        }
-      }
-    };
     return {
       primary: palette.primary300,
       secondary: palette.secondary300,
@@ -147,7 +113,6 @@ const LightUIKitTheme = createTheme({
             }
           }
         },
-        message: groupChannelMessage,
         dateSeparator: {
           default: {
             none: {
@@ -156,7 +121,60 @@ const LightUIKitTheme = createTheme({
             }
           }
         },
-        groupChannelMessage,
+        groupChannelMessage: {
+          incoming: {
+            enabled: {
+              textMsg: palette.onBackgroundLight01,
+              textEdited: palette.onBackgroundLight02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.onBackgroundLight02,
+              background: palette.background100,
+              textVoicePlaytime: palette.onBackgroundLight01,
+              voiceSpinner: palette.primary300,
+              voiceProgressTrack: palette.background100,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            },
+            pressed: {
+              textMsg: palette.onBackgroundLight01,
+              textEdited: palette.onBackgroundLight02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.onBackgroundLight02,
+              background: palette.primary100,
+              textVoicePlaytime: palette.onBackgroundLight01,
+              voiceSpinner: palette.primary300,
+              voiceProgressTrack: palette.background100,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            }
+          },
+          outgoing: {
+            enabled: {
+              textMsg: palette.onBackgroundDark01,
+              textEdited: palette.onBackgroundDark02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.transparent,
+              background: palette.primary300,
+              textVoicePlaytime: palette.onBackgroundDark01,
+              voiceSpinner: palette.primary200,
+              voiceProgressTrack: palette.primary300,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            },
+            pressed: {
+              textMsg: palette.onBackgroundDark01,
+              textEdited: palette.onBackgroundDark02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.transparent,
+              background: palette.primary400,
+              textVoicePlaytime: palette.onBackgroundDark01,
+              voiceSpinner: palette.primary200,
+              voiceProgressTrack: palette.primary300,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            }
+          }
+        },
         groupChannelPreview: {
           default: {
             none: {
@@ -240,6 +258,32 @@ const LightUIKitTheme = createTheme({
               separator: palette.onBackgroundLight04
             }
           }
+        },
+        voiceMessageInput: {
+          default: {
+            active: {
+              textCancel: palette.primary300,
+              textTime: palette.onBackgroundDark01,
+              background: palette.background50,
+              actionIcon: palette.onBackgroundLight01,
+              actionIconBackground: palette.background100,
+              sendIcon: palette.onBackgroundDark01,
+              sendIconBackground: palette.primary300,
+              progressTrack: palette.primary300,
+              recording: palette.error300
+            },
+            inactive: {
+              textCancel: palette.primary300,
+              textTime: palette.onBackgroundLight03,
+              background: palette.background50,
+              actionIcon: palette.onBackgroundLight01,
+              actionIconBackground: palette.background100,
+              sendIcon: palette.onBackgroundLight04,
+              sendIconBackground: palette.background100,
+              progressTrack: palette.background100,
+              recording: palette.error300
+            }
+          }
         }
       }
     };

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

@@ -1 +1 @@
-{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundLight01","textEdited","onBackgroundLight02","textTime","onBackgroundLight03","textSenderName","background","background100","pressed","primary100","outgoing","onBackgroundDark01","onBackgroundDark02","transparent","primary300","primary400","primary","secondary","secondary300","error","error300","background50","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => {\n    const groupChannelMessage = {\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\n    return {\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              blurred: palette.onBackgroundLight04,\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: groupChannelMessage,\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark01,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage,\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        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundLight01,\n              textBodyLabel: palette.onBackgroundLight02,\n              textBody: palette.onBackgroundLight01,\n              background: palette.background50,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight03,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.primary300,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background100,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background100,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n            pressed: {\n              background: palette.background100,\n              bubbleBackground: palette.background300,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textParticipants: palette.onBackgroundLight02,\n              frozenIcon: palette.primary300,\n              participantsIcon: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
+{"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","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => {\n    return {\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              blurred: palette.onBackgroundLight04,\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        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark01,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\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              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.primary100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\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              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\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        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundLight01,\n              textBodyLabel: palette.onBackgroundLight02,\n              textBody: palette.onBackgroundLight01,\n              background: palette.background50,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight03,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.primary300,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background100,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background100,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n            pressed: {\n              background: palette.background100,\n              bubbleBackground: palette.background300,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textParticipants: palette.onBackgroundLight02,\n              frozenIcon: palette.primary300,\n              participantsIcon: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundDark01,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundDark01,\n              sendIconBackground: palette.primary300,\n              progressTrack: palette.primary300,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundLight03,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundLight04,\n              sendIconBackground: palette.background100,\n              progressTrack: palette.background100,\n              recording: palette.error300,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}

package/lib/module/types.js.map

@@ -1 +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  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview';\n\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    DateSeparator: 'default';\n    GroupChannelMessage: 'incoming' | 'outgoing';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n    OpenChannelMessage: 'default';\n    OpenChannelPreview: '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    DateSeparator: 'none';\n    GroupChannelMessage: 'enabled' | 'pressed';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n    OpenChannelMessage: 'enabled' | 'pressed';\n    OpenChannelPreview: 'none';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n    OpenChannelMessage:\n      | 'textMsg'\n      | 'textMsgPostfix'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textOperator'\n      | 'background'\n      | 'bubbleBackground'\n      | 'adminBackground';\n    OpenChannelPreview:\n      | 'textTitle'\n      | 'textParticipants'\n      | 'frozenIcon'\n      | 'participantsIcon'\n      | 'background'\n      | 'coverBackground'\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    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n    openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n    openChannelPreview: ComponentColors<'OpenChannelPreview'>;\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":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { 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  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview'\n  | 'VoiceMessageInput';\n\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    DateSeparator: 'default';\n    GroupChannelMessage: 'incoming' | 'outgoing';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n    OpenChannelMessage: 'default';\n    OpenChannelPreview: 'default';\n    VoiceMessageInput: '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    DateSeparator: 'none';\n    GroupChannelMessage: 'enabled' | 'pressed';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n    OpenChannelMessage: 'enabled' | 'pressed';\n    OpenChannelPreview: 'none';\n    VoiceMessageInput: 'active' | 'inactive';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage:\n      | 'textMsg'\n      | 'textEdited'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textVoicePlaytime'\n      | 'background'\n      | 'voiceSpinner'\n      | 'voiceProgressTrack'\n      | 'voiceActionIcon'\n      | 'voiceActionIconBackground';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n    OpenChannelMessage:\n      | 'textMsg'\n      | 'textMsgPostfix'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textOperator'\n      | 'background'\n      | 'bubbleBackground'\n      | 'adminBackground';\n    OpenChannelPreview:\n      | 'textTitle'\n      | 'textParticipants'\n      | 'frozenIcon'\n      | 'participantsIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'separator';\n    VoiceMessageInput:\n      | 'textCancel'\n      | 'textTime'\n      | 'background'\n      | 'actionIcon'\n      | 'actionIconBackground'\n      | 'sendIcon'\n      | 'sendIconBackground'\n      | 'progressTrack'\n      | 'recording';\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    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n    openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n    openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n    voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n  };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n  title?: ReactNode;\n  right?: ReactNode;\n  left?: ReactNode;\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/Avatar/AvatarStack.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { View } from 'react-native';
+import Text from '../../components/Text';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+const DEFAULT_MAX = 3;
+const DEFAULT_BORDER_WIDTH = 2;
+const DEFAULT_AVATAR_GAP = -4;
+const DEFAULT_AVATAR_SIZE = 26;
+const DEFAULT_REMAINS_MAX = 99;
+const AvatarStack = _ref => {
+  let {
+    children,
+    containerStyle,
+    styles,
+    maxAvatar = DEFAULT_MAX,
+    size = DEFAULT_AVATAR_SIZE,
+    avatarGap = DEFAULT_AVATAR_GAP
+  } = _ref;
+  const {
+    colors,
+    palette,
+    select
+  } = useUIKitTheme();
+  const defaultStyles = {
+    borderWidth: DEFAULT_BORDER_WIDTH,
+    borderColor: colors.background,
+    remainsTextColor: colors.onBackground02,
+    remainsBackgroundColor: select({
+      light: palette.background100,
+      dark: palette.background600
+    })
+  };
+  const avatarStyles = {
+    ...defaultStyles,
+    ...styles
+  };
+  const childrenArray = React.Children.toArray(children).filter(it => /*#__PURE__*/React.isValidElement(it));
+  const remains = childrenArray.length - maxAvatar;
+  const shouldRenderRemains = remains > 0;
+  const actualSize = size + avatarStyles.borderWidth * 2;
+  const actualGap = avatarGap - avatarStyles.borderWidth;
+  const renderAvatars = () => {
+    return childrenArray.slice(0, maxAvatar).map((child, index) => /*#__PURE__*/React.cloneElement(child, {
+      size: actualSize,
+      containerStyle: {
+        left: actualGap * index,
+        borderWidth: avatarStyles.borderWidth,
+        borderColor: avatarStyles.borderColor
+      }
+    }));
+  };
+  const renderRemainsCount = () => {
+    if (!shouldRenderRemains) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [avatarStyles, {
+        left: actualGap * maxAvatar,
+        width: actualSize,
+        height: actualSize,
+        borderRadius: actualSize / 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: avatarStyles.remainsBackgroundColor
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        color: avatarStyles.remainsTextColor,
+        fontSize: 8
+      },
+      caption4: true
+    }, `+${Math.min(remains, DEFAULT_REMAINS_MAX)}`));
+  };
+  const calculateWidth = () => {
+    const widthEach = actualSize + actualGap;
+    const avatarCountOffset = shouldRenderRemains ? 1 : 0;
+    const avatarCount = shouldRenderRemains ? maxAvatar : childrenArray.length;
+    const count = avatarCount + avatarCountOffset;
+    return widthEach * count + avatarStyles.borderWidth;
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [containerStyle, {
+      left: -avatarStyles.borderWidth,
+      flexDirection: 'row',
+      width: calculateWidth()
+    }]
+  }, renderAvatars(), renderRemainsCount());
+};
+export default AvatarStack;
+//# sourceMappingURL=AvatarStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","useUIKitTheme","DEFAULT_MAX","DEFAULT_BORDER_WIDTH","DEFAULT_AVATAR_GAP","DEFAULT_AVATAR_SIZE","DEFAULT_REMAINS_MAX","AvatarStack","_ref","children","containerStyle","styles","maxAvatar","size","avatarGap","colors","palette","select","defaultStyles","borderWidth","borderColor","background","remainsTextColor","onBackground02","remainsBackgroundColor","light","background100","dark","background600","avatarStyles","childrenArray","Children","toArray","filter","it","isValidElement","remains","length","shouldRenderRemains","actualSize","actualGap","renderAvatars","slice","map","child","index","cloneElement","left","renderRemainsCount","createElement","style","width","height","borderRadius","alignItems","justifyContent","backgroundColor","color","fontSize","caption4","Math","min","calculateWidth","widthEach","avatarCountOffset","avatarCount","count","flexDirection"],"sources":["AvatarStack.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nconst DEFAULT_MAX = 3;\nconst DEFAULT_BORDER_WIDTH = 2;\nconst DEFAULT_AVATAR_GAP = -4;\nconst DEFAULT_AVATAR_SIZE = 26;\nconst DEFAULT_REMAINS_MAX = 99;\n\ntype Props = React.PropsWithChildren<{\n  size?: number;\n  containerStyle?: StyleProp<ViewStyle>;\n  maxAvatar?: number;\n  avatarGap?: number;\n  styles?: {\n    borderWidth?: number;\n    borderColor?: string;\n    remainsTextColor?: string;\n    remainsBackgroundColor?: string;\n  };\n}>;\n\nconst AvatarStack = ({\n  children,\n  containerStyle,\n  styles,\n  maxAvatar = DEFAULT_MAX,\n  size = DEFAULT_AVATAR_SIZE,\n  avatarGap = DEFAULT_AVATAR_GAP,\n}: Props) => {\n  const { colors, palette, select } = useUIKitTheme();\n  const defaultStyles = {\n    borderWidth: DEFAULT_BORDER_WIDTH,\n    borderColor: colors.background,\n    remainsTextColor: colors.onBackground02,\n    remainsBackgroundColor: select({ light: palette.background100, dark: palette.background600 }),\n  };\n  const avatarStyles = { ...defaultStyles, ...styles };\n\n  const childrenArray = React.Children.toArray(children).filter((it) => React.isValidElement(it));\n  const remains = childrenArray.length - maxAvatar;\n  const shouldRenderRemains = remains > 0;\n\n  const actualSize = size + avatarStyles.borderWidth * 2;\n  const actualGap = avatarGap - avatarStyles.borderWidth;\n\n  const renderAvatars = () => {\n    return childrenArray.slice(0, maxAvatar).map((child, index) =>\n      React.cloneElement(child as ReactElement, {\n        size: actualSize,\n        containerStyle: {\n          left: actualGap * index,\n          borderWidth: avatarStyles.borderWidth,\n          borderColor: avatarStyles.borderColor,\n        },\n      }),\n    );\n  };\n\n  const renderRemainsCount = () => {\n    if (!shouldRenderRemains) return null;\n    return (\n      <View\n        style={[\n          avatarStyles,\n          {\n            left: actualGap * maxAvatar,\n            width: actualSize,\n            height: actualSize,\n            borderRadius: actualSize / 2,\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: avatarStyles.remainsBackgroundColor,\n          },\n        ]}\n      >\n        <Text style={{ color: avatarStyles.remainsTextColor, fontSize: 8 }} caption4>\n          {`+${Math.min(remains, DEFAULT_REMAINS_MAX)}`}\n        </Text>\n      </View>\n    );\n  };\n\n  const calculateWidth = () => {\n    const widthEach = actualSize + actualGap;\n    const avatarCountOffset = shouldRenderRemains ? 1 : 0;\n    const avatarCount = shouldRenderRemains ? maxAvatar : childrenArray.length;\n    const count = avatarCount + avatarCountOffset;\n    return widthEach * count + avatarStyles.borderWidth;\n  };\n\n  return (\n    <View style={[containerStyle, { left: -avatarStyles.borderWidth, flexDirection: 'row', width: calculateWidth() }]}>\n      {renderAvatars()}\n      {renderRemainsCount()}\n    </View>\n  );\n};\n\nexport default AvatarStack;\n"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
 import AvatarGroup from './AvatarGroup';
 import AvatarIcon from './AvatarIcon';
+import AvatarStack from './AvatarStack';
 const Avatar = _ref => {
   let {
     uri,
@@ -69,7 +70,9 @@ const styles = createStyleSheet({
     overflow: 'hidden'
   }
 });
-Avatar.Group = AvatarGroup;
-Avatar.Icon = AvatarIcon;
-export default Avatar;
+export default Object.assign(Avatar, {
+  Group: AvatarGroup,
+  Icon: AvatarIcon,
+  Stack: AvatarStack
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","View","conditionChaining","Icon","Image","createStyleSheet","useUIKitTheme","AvatarGroup","AvatarIcon","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","loadFailure","setLoadFailure","createElement","style","styles","container","width","height","borderRadius","backgroundColor","background300","Boolean","onError","source","resizeMode","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","alignItems","justifyContent","overflow","Group"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\n\ntype SubComponents = {\n  Group: typeof AvatarGroup;\n  Icon: typeof AvatarIcon;\n};\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Avatar: ((props: Props) => JSX.Element) & SubComponents = ({\n  uri,\n  square,\n  muted = false,\n  size = 56,\n  containerStyle,\n}) => {\n  const { colors, palette } = useUIKitTheme();\n  const [loadFailure, setLoadFailure] = useState(false);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n        containerStyle,\n      ]}\n    >\n      {conditionChaining(\n        [Boolean(uri) && !loadFailure],\n        [\n          <Image\n            onError={() => setLoadFailure(true)}\n            source={{ uri }}\n            resizeMode={'cover'}\n            style={StyleSheet.absoluteFill}\n          />,\n          <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n        ],\n      )}\n      {muted && <MutedOverlay size={size} />}\n    </View>\n  );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n  const { palette } = useUIKitTheme();\n  return (\n    <View style={[styles.container, StyleSheet.absoluteFill]}>\n      <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n      <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nAvatar.Group = AvatarGroup;\nAvatar.Icon = AvatarIcon;\nexport default Avatar;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","StyleSheet","View","conditionChaining","Icon","Image","createStyleSheet","useUIKitTheme","AvatarGroup","AvatarIcon","AvatarStack","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","loadFailure","setLoadFailure","createElement","style","styles","container","width","height","borderRadius","backgroundColor","background300","Boolean","onError","source","resizeMode","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","alignItems","justifyContent","overflow","Object","assign","Group","Stack"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\nimport AvatarStack from './AvatarStack';\n\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst Avatar = ({ uri, square, muted = false, size = 56, containerStyle }: Props) => {\n  const { colors, palette } = useUIKitTheme();\n  const [loadFailure, setLoadFailure] = useState(false);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n        containerStyle,\n      ]}\n    >\n      {conditionChaining(\n        [Boolean(uri) && !loadFailure],\n        [\n          <Image\n            onError={() => setLoadFailure(true)}\n            source={{ uri }}\n            resizeMode={'cover'}\n            style={StyleSheet.absoluteFill}\n          />,\n          <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n        ],\n      )}\n      {muted && <MutedOverlay size={size} />}\n    </View>\n  );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n  const { palette } = useUIKitTheme();\n  return (\n    <View style={[styles.container, StyleSheet.absoluteFill]}>\n      <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n      <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nexport default Object.assign(Avatar, {\n  Group: AvatarGroup,\n  Icon: AvatarIcon,\n  Stack: AvatarStack,\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","useWindowDimensions","useSafeAreaInsets","Modal","useHeaderStyle","DialogSheet","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","width","bottom","left","right","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            disabled={props.disabled}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,OAAOC,KAAK,MAAM,wBAAwB;AAC1C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,WAAW,MAAM,uBAAuB;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAGT,cAAc,EAAE;EACjD,MAAM;IAAEU;EAAM,CAAC,GAAGb,mBAAmB,EAAE;EACvC,MAAM;IAAEc,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGf,iBAAiB,EAAE;EACnD,oBACEH,KAAA,CAAAmB,aAAA,CAACf,KAAK;IACJgB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEX,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBW,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtExB,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACmB,KAAK,EAAE;MAAEV,KAAK;MAAEW,aAAa,EAAEV;IAAO;EAAE,GAClDH,eAAe,iBAAIb,KAAA,CAAAmB,aAAA,CAACN,eAAe;IAACQ,OAAO,EAAEX;EAAO,EAAG,EACvDE,UAAU,CAACe,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpC5B,KAAA,CAAAmB,aAAA,CAAClB,gBAAgB;MACf+B,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEF,KAAK,CAACG,KAAK,GAAGL,GAAI;MACvBJ,KAAK,EAAE;QAAEU,WAAW,EAAElB,IAAI;QAAEmB,YAAY,EAAElB;MAAM,CAAE;MAClDmB,QAAQ,EAAEN,KAAK,CAACM,QAAS;MACzBP,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMpB,MAAM,EAAE;QACd,IAAI;UACFoB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEF9B,KAAA,CAAAmB,aAAA,CAACb,WAAW,CAACgC,IAAI,EAAKP,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAED,eAAexB,WAAW"}
+{"version":3,"names":["React","TouchableOpacity","useWindowDimensions","useSafeAreaInsets","Modal","useHeaderStyle","DialogSheet","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","width","bottom","left","right","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => ReactNode;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            disabled={props.disabled}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,OAAOC,KAAK,MAAM,wBAAwB;AAC1C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,WAAW,MAAM,uBAAuB;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAGT,cAAc,EAAE;EACjD,MAAM;IAAEU;EAAM,CAAC,GAAGb,mBAAmB,EAAE;EACvC,MAAM;IAAEc,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGf,iBAAiB,EAAE;EACnD,oBACEH,KAAA,CAAAmB,aAAA,CAACf,KAAK;IACJgB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEX,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBW,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtExB,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACmB,KAAK,EAAE;MAAEV,KAAK;MAAEW,aAAa,EAAEV;IAAO;EAAE,GAClDH,eAAe,iBAAIb,KAAA,CAAAmB,aAAA,CAACN,eAAe;IAACQ,OAAO,EAAEX;EAAO,EAAG,EACvDE,UAAU,CAACe,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpC5B,KAAA,CAAAmB,aAAA,CAAClB,gBAAgB;MACf+B,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEF,KAAK,CAACG,KAAK,GAAGL,GAAI;MACvBJ,KAAK,EAAE;QAAEU,WAAW,EAAElB,IAAI;QAAEmB,YAAY,EAAElB;MAAM,CAAE;MAClDmB,QAAQ,EAAEN,KAAK,CAACM,QAAS;MACzBP,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMpB,MAAM,EAAE;QACd,IAAI;UACFoB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEF9B,KAAA,CAAAmB,aAAA,CAACb,WAAW,CAACgC,IAAI,EAAKP,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAED,eAAexB,WAAW"}

package/lib/module/ui/Dialog/DialogSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","DialogSheet","_ref","style","children","colors","createElement","styles","container","backgroundColor","ui","dialog","default","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,IAAI,QAAmB,cAAc;AAEzD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAKrD,MAAMC,WAAyE,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAF,IAAA;EACpG,MAAM;IAAEG;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC,EAAEX,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AASD,MAAMW,SAAS,GAAGC,KAAA,IAA8E;EAAA,IAA7E;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAEC,QAAQ,GAAG;EAAsB,CAAC,GAAAL,KAAA;EACzF,MAAM;IAAEX;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACe,kBAAkB,EAAE;MAAEb,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC;EAAE,GACrGG,IAAI,iBACHtB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHoB,IAAI,EAAEA,IAAK;IACXM,KAAK,EACHJ,SAAS,KAAKE,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACY,SAAS,CACzG;IACDC,cAAc,EAAEnB,MAAM,CAACoB;EAAc,EAExC,eACDhC,KAAA,CAAAW,aAAA,CAACR,IAAI;IACH8B,SAAS;IACTC,aAAa,EAAE,CAAE;IACjBN,KAAK,EAAEH,UAAU,KAAKC,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACiB,IAAI,CAAE;IAC7G3B,KAAK,EAAEI,MAAM,CAACwB;EAAc,GAE3Bb,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGR,gBAAgB,CAAC;EAC9BS,SAAS,EAAE;IACTwB,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,kBAAkB,EAAE;IAClBW,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDX,aAAa,EAAE;IACbY,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbS,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFxC,WAAW,CAACyC,IAAI,GAAG3B,SAAS;AAC5B,eAAed,WAAW"}
+{"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","DialogSheet","_ref","style","children","colors","createElement","styles","container","backgroundColor","ui","dialog","default","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => ReactNode) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAAoBC,IAAI,QAAmB,cAAc;AAEzD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAKrD,MAAMC,WAAuE,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAClG,MAAM;IAAEG;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC,EAAEX,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AASD,MAAMW,SAAS,GAAGC,KAAA,IAA8E;EAAA,IAA7E;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAEC,QAAQ,GAAG;EAAsB,CAAC,GAAAL,KAAA;EACzF,MAAM;IAAEX;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACe,kBAAkB,EAAE;MAAEb,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC;EAAE,GACrGG,IAAI,iBACHtB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHoB,IAAI,EAAEA,IAAK;IACXM,KAAK,EACHJ,SAAS,KAAKE,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACY,SAAS,CACzG;IACDC,cAAc,EAAEnB,MAAM,CAACoB;EAAc,EAExC,eACDhC,KAAA,CAAAW,aAAA,CAACR,IAAI;IACH8B,SAAS;IACTC,aAAa,EAAE,CAAE;IACjBN,KAAK,EAAEH,UAAU,KAAKC,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACiB,IAAI,CAAE;IAC7G3B,KAAK,EAAEI,MAAM,CAACwB;EAAc,GAE3Bb,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGR,gBAAgB,CAAC;EAC9BS,SAAS,EAAE;IACTwB,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,kBAAkB,EAAE;IAClBW,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDX,aAAa,EAAE;IACbY,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbS,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFxC,WAAW,CAACyC,IAAI,GAAG3B,SAAS;AAC5B,eAAed,WAAW"}