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

package/lib/commonjs/theme/UIKitThemeProvider.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _LightUIKitTheme = _interopRequireDefault(require("./LightUIKitTheme"));
-
-var _UIKitThemeContext = _interopRequireDefault(require("./UIKitThemeContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const UIKitThemeProvider = _ref => {
-  let {
-    children,
-    theme = _LightUIKitTheme.default
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UIKitThemeContext.default.Provider, {
-    value: theme
-  }, children);
-};
-
-var _default = UIKitThemeProvider;
-exports.default = _default;
-//# sourceMappingURL=UIKitThemeProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["UIKitThemeProvider","children","theme","LightUIKitTheme"],"sources":["UIKitThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UIKitTheme } from '../types';\nimport LightUIKitTheme from './LightUIKitTheme';\nimport UIKitThemeContext from './UIKitThemeContext';\n\ntype Props = { theme?: UIKitTheme };\nconst UIKitThemeProvider: React.FC<Props> = ({ children, theme = LightUIKitTheme }) => {\n  return <UIKitThemeContext.Provider value={theme}>{children}</UIKitThemeContext.Provider>;\n};\n\nexport default UIKitThemeProvider;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;AAGA,MAAMA,kBAAmC,GAAG,QAA2C;EAAA,IAA1C;IAAEC,QAAF;IAAYC,KAAK,GAAGC;EAApB,CAA0C;EACrF,oBAAO,6BAAC,0BAAD,CAAmB,QAAnB;IAA4B,KAAK,EAAED;EAAnC,GAA2CD,QAA3C,CAAP;AACD,CAFD;;eAIeD,kB"}

package/lib/commonjs/theme/createTheme.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _createSelectByColorScheme = _interopRequireDefault(require("../styles/createSelectByColorScheme"));
-
-var _createTypography = _interopRequireDefault(require("../styles/createTypography"));
-
-var _Palette = _interopRequireDefault(require("./Palette"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const createTheme = _ref => {
-  let {
-    colorScheme,
-    palette = _Palette.default,
-    colors: createColors,
-    typography = {
-      shared: {
-        fontFamily: 'System'
-      }
-    }
-  } = _ref;
-  let _palette = palette;
-
-  let _colors = createColors(_palette);
-
-  return {
-    colorScheme,
-    select: (0, _createSelectByColorScheme.default)(colorScheme),
-
-    get palette() {
-      return _palette;
-    },
-
-    set palette(value) {
-      _palette = value;
-      _colors = createColors(_palette);
-    },
-
-    get colors() {
-      return _colors;
-    },
-
-    set colors(value) {
-      _colors = value;
-    },
-
-    typography: (0, _createTypography.default)(typography)
-  };
-};
-
-var _default = createTheme;
-exports.default = _default;
-//# sourceMappingURL=createTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createTheme","colorScheme","palette","Palette","colors","createColors","typography","shared","fontFamily","_palette","_colors","select","createSelectByColorScheme","value","createTypography"],"sources":["createTheme.ts"],"sourcesContent":["import createSelectByColorScheme from '../styles/createSelectByColorScheme';\nimport createTypography, { UIKitTypographyOverrides } from '../styles/createTypography';\nimport type { UIKitColors, UIKitTheme } from '../types';\nimport Palette from './Palette';\n\ntype Options = {\n  colorScheme: UIKitTheme['colorScheme'];\n  colors: (palette: UIKitTheme['palette']) => UIKitColors;\n  palette?: UIKitTheme['palette'];\n  typography?: UIKitTypographyOverrides;\n};\n\nconst createTheme = ({\n  colorScheme,\n  palette = Palette,\n  colors: createColors,\n  typography = { shared: { fontFamily: 'System' } },\n}: Options): UIKitTheme => {\n  let _palette = palette;\n  let _colors = createColors(_palette);\n\n  return {\n    colorScheme,\n    select: createSelectByColorScheme(colorScheme),\n    get palette() {\n      return _palette;\n    },\n    set palette(value) {\n      _palette = value;\n      _colors = createColors(_palette);\n    },\n    get colors() {\n      return _colors;\n    },\n    set colors(value) {\n      _colors = value;\n    },\n    typography: createTypography(typography),\n  };\n};\n\nexport default createTheme;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AASA,MAAMA,WAAW,GAAG,QAKO;EAAA,IALN;IACnBC,WADmB;IAEnBC,OAAO,GAAGC,gBAFS;IAGnBC,MAAM,EAAEC,YAHW;IAInBC,UAAU,GAAG;MAAEC,MAAM,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAV;EAJM,CAKM;EACzB,IAAIC,QAAQ,GAAGP,OAAf;;EACA,IAAIQ,OAAO,GAAGL,YAAY,CAACI,QAAD,CAA1B;;EAEA,OAAO;IACLR,WADK;IAELU,MAAM,EAAE,IAAAC,kCAAA,EAA0BX,WAA1B,CAFH;;IAGL,IAAIC,OAAJ,GAAc;MACZ,OAAOO,QAAP;IACD,CALI;;IAML,IAAIP,OAAJ,CAAYW,KAAZ,EAAmB;MACjBJ,QAAQ,GAAGI,KAAX;MACAH,OAAO,GAAGL,YAAY,CAACI,QAAD,CAAtB;IACD,CATI;;IAUL,IAAIL,MAAJ,GAAa;MACX,OAAOM,OAAP;IACD,CAZI;;IAaL,IAAIN,MAAJ,CAAWS,KAAX,EAAkB;MAChBH,OAAO,GAAGG,KAAV;IACD,CAfI;;IAgBLP,UAAU,EAAE,IAAAQ,yBAAA,EAAiBR,UAAjB;EAhBP,CAAP;AAkBD,CA3BD;;eA6BeN,W"}

package/lib/commonjs/theme/useUIKitTheme.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _UIKitThemeContext = _interopRequireDefault(require("./UIKitThemeContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useUIKitTheme = () => {
-  const context = (0, _react.useContext)(_UIKitThemeContext.default);
-  if (!context) throw Error('UIKitThemeContext is not provided');
-  return context;
-};
-
-var _default = useUIKitTheme;
-exports.default = _default;
-//# sourceMappingURL=useUIKitTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useUIKitTheme","context","useContext","UIKitThemeContext","Error"],"sources":["useUIKitTheme.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport type { UIKitTheme } from '../types';\nimport UIKitThemeContext from './UIKitThemeContext';\n\nconst useUIKitTheme = () => {\n  const context = useContext(UIKitThemeContext);\n  if (!context) throw Error('UIKitThemeContext is not provided');\n  return context as UIKitTheme;\n};\n\nexport default useUIKitTheme;\n"],"mappings":";;;;;;;AAAA;;AAGA;;;;AAEA,MAAMA,aAAa,GAAG,MAAM;EAC1B,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWC,0BAAX,CAAhB;EACA,IAAI,CAACF,OAAL,EAAc,MAAMG,KAAK,CAAC,mCAAD,CAAX;EACd,OAAOH,OAAP;AACD,CAJD;;eAMeD,a"}

package/lib/commonjs/types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

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

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

@@ -1,131 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _uikitUtils = require("@sendbird/uikit-utils");
-
-var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
-var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
-
-var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
-var _DialogBox = _interopRequireDefault(require("../Dialog/DialogBox"));
-
-var _LoadingSpinner = _interopRequireDefault(require("../LoadingSpinner"));
-
-var _Modal = _interopRequireDefault(require("../Modal"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const ActionMenu = _ref => {
-  let {
-    visible,
-    onHide,
-    onError,
-    onDismiss,
-    title,
-    menuItems
-  } = _ref;
-  const {
-    statusBarTranslucent
-  } = (0, _useHeaderStyle.default)();
-  const {
-    colors
-  } = (0, _useUIKitTheme.default)();
-  const [pending, setPending] = (0, _react.useState)(false);
-
-  const _onHide = () => {
-    if (!pending) onHide();
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    onClose: _onHide,
-    onDismiss: onDismiss,
-    statusBarTranslucent: statusBarTranslucent,
-    visible: visible,
-    backgroundStyle: {
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DialogBox.default, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.title
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    h1: true,
-    color: colors.ui.dialog.default.none.text,
-    numberOfLines: 1 // style={{ flex: 1 }}
-    ,
-    style: {
-      maxWidth: pending ? '86%' : '100%'
-    }
-  }, title), pending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.default, {
-    size: 20,
-    color: colors.ui.dialog.default.none.highlight,
-    style: {
-      width: '10%',
-      marginLeft: '4%'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.buttonContainer
-  }, menuItems.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      activeOpacity: 0.75,
-      key: item.title + index,
-      style: styles.button,
-      disabled: pending,
-      onPress: async () => {
-        setPending(true);
-
-        try {
-          var _item$onPress;
-
-          await ((_item$onPress = item.onPress) === null || _item$onPress === void 0 ? void 0 : _item$onPress.call(item));
-        } catch (e) {
-          const errorHandler = onError ?? item.onError;
-          errorHandler === null || errorHandler === void 0 ? void 0 : errorHandler(e);
-          if (!errorHandler) _uikitUtils.Logger.error('ActionMenu onPress error', e);
-        } finally {
-          onHide();
-          setPending(false);
-        }
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-      subtitle2: true,
-      color: colors.ui.dialog.default.none.text,
-      numberOfLines: 1
-    }, item.title));
-  }))));
-};
-
-const styles = (0, _createStyleSheet.default)({
-  title: {
-    flexDirection: 'row',
-    paddingHorizontal: 24,
-    paddingVertical: 20,
-    alignItems: 'center'
-  },
-  buttonContainer: {
-    marginTop: 4,
-    marginBottom: 8
-  },
-  button: {
-    paddingHorizontal: 24,
-    paddingVertical: 12
-  }
-});
-var _default = ActionMenu;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
-var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
-
-var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _DialogBox = _interopRequireDefault(require("../Dialog/DialogBox"));
-
-var _Modal = _interopRequireDefault(require("../Modal"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Alert = _ref => {
-  let {
-    onDismiss,
-    visible,
-    onHide,
-    title = '',
-    message = '',
-    buttons = [{
-      text: 'OK'
-    }]
-  } = _ref;
-  const {
-    statusBarTranslucent
-  } = (0, _useHeaderStyle.default)();
-  const {
-    colors
-  } = (0, _useUIKitTheme.default)();
-  return /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    onClose: onHide,
-    onDismiss: onDismiss,
-    statusBarTranslucent: statusBarTranslucent,
-    visible: visible,
-    backgroundStyle: {
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DialogBox.default, {
-    style: styles.container
-  }, Boolean(title) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.titleContainer
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    h1: true,
-    color: colors.ui.dialog.default.none.text,
-    numberOfLines: 1,
-    style: {
-      flex: 1
-    }
-  }, title)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.messageContainer
-  }, Boolean(message) && /*#__PURE__*/_react.default.createElement(_Text.default, {
-    subtitle2: !title,
-    body3: Boolean(title),
-    color: !title ? colors.ui.dialog.default.none.text : colors.ui.dialog.default.none.message,
-    numberOfLines: 3
-  }, message)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.buttonContainer
-  }, buttons.map((_ref2, index) => {
-    let {
-      text = 'OK',
-      style = 'default',
-      onPress
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
-      key: text + index,
-      variant: 'text',
-      style: styles.button,
-      onPress: async () => {
-        try {
-          onPress === null || onPress === void 0 ? void 0 : onPress();
-        } finally {
-          onHide();
-        }
-      },
-      contentColor: style === 'destructive' ? colors.ui.dialog.default.none.destructive : colors.ui.dialog.default.none.highlight
-    }, text);
-  }))));
-};
-
-const styles = (0, _createStyleSheet.default)({
-  container: {
-    paddingTop: 20
-  },
-  titleContainer: {
-    paddingBottom: 16,
-    paddingHorizontal: 24,
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  messageContainer: {
-    paddingHorizontal: 24,
-    marginBottom: 12
-  },
-  button: {
-    marginLeft: 8
-  },
-  buttonContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    padding: 12
-  }
-});
-var _default = Alert;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["Alert","onDismiss","visible","onHide","title","message","buttons","text","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","alignItems","justifyContent","styles","container","Boolean","titleContainer","ui","dialog","default","none","flex","messageContainer","buttonContainer","map","index","style","onPress","button","destructive","highlight","createStyleSheet","paddingTop","paddingBottom","paddingHorizontal","flexDirection","marginBottom","marginLeft","padding"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertButton, View } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\nimport Modal from '../Modal';\nimport Text from '../Text';\n\nexport type AlertItem = {\n  title?: string;\n  message?: string;\n  buttons?: AlertButton[];\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onDismiss?: () => void;\n} & AlertItem;\nconst Alert: React.FC<Props> = ({\n  onDismiss,\n  visible,\n  onHide,\n  title = '',\n  message = '',\n  buttons = [{ text: 'OK' }],\n}) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Modal\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox style={styles.container}>\n        {Boolean(title) && (\n          <View style={styles.titleContainer}>\n            <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1} style={{ flex: 1 }}>\n              {title}\n            </Text>\n          </View>\n        )}\n\n        <View style={styles.messageContainer}>\n          {Boolean(message) && (\n            <Text\n              subtitle2={!title}\n              body3={Boolean(title)}\n              color={!title ? colors.ui.dialog.default.none.text : colors.ui.dialog.default.none.message}\n              numberOfLines={3}\n            >\n              {message}\n            </Text>\n          )}\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {buttons.map(({ text = 'OK', style = 'default', onPress }, index) => {\n            return (\n              <Button\n                key={text + index}\n                variant={'text'}\n                style={styles.button}\n                onPress={async () => {\n                  try {\n                    onPress?.();\n                  } finally {\n                    onHide();\n                  }\n                }}\n                contentColor={\n                  style === 'destructive'\n                    ? colors.ui.dialog.default.none.destructive\n                    : colors.ui.dialog.default.none.highlight\n                }\n              >\n                {text}\n              </Button>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 20,\n  },\n  titleContainer: {\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  messageContainer: {\n    paddingHorizontal: 24,\n    marginBottom: 12,\n  },\n  button: {\n    marginLeft: 8,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n});\n\nexport default Alert;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAaA,MAAMA,KAAsB,GAAG,QAOzB;EAAA,IAP0B;IAC9BC,SAD8B;IAE9BC,OAF8B;IAG9BC,MAH8B;IAI9BC,KAAK,GAAG,EAJsB;IAK9BC,OAAO,GAAG,EALoB;IAM9BC,OAAO,GAAG,CAAC;MAAEC,IAAI,EAAE;IAAR,CAAD;EANoB,CAO1B;EACJ,MAAM;IAAEC;EAAF,IAA2B,IAAAC,uBAAA,GAAjC;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EAEA,oBACE,6BAAC,cAAD;IACE,OAAO,EAAER,MADX;IAEE,SAAS,EAAEF,SAFb;IAGE,oBAAoB,EAAEO,oBAHxB;IAIE,OAAO,EAAEN,OAJX;IAKE,eAAe,EAAE;MAAEU,UAAU,EAAE,QAAd;MAAwBC,cAAc,EAAE;IAAxC;EALnB,gBAOE,6BAAC,kBAAD;IAAW,KAAK,EAAEC,MAAM,CAACC;EAAzB,GACGC,OAAO,CAACZ,KAAD,CAAP,iBACC,6BAAC,iBAAD;IAAM,KAAK,EAAEU,MAAM,CAACG;EAApB,gBACE,6BAAC,aAAD;IAAM,EAAE,MAAR;IAAS,KAAK,EAAEP,MAAM,CAACQ,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8Bd,IAA9C;IAAoD,aAAa,EAAE,CAAnE;IAAsE,KAAK,EAAE;MAAEe,IAAI,EAAE;IAAR;EAA7E,GACGlB,KADH,CADF,CAFJ,eASE,6BAAC,iBAAD;IAAM,KAAK,EAAEU,MAAM,CAACS;EAApB,GACGP,OAAO,CAACX,OAAD,CAAP,iBACC,6BAAC,aAAD;IACE,SAAS,EAAE,CAACD,KADd;IAEE,KAAK,EAAEY,OAAO,CAACZ,KAAD,CAFhB;IAGE,KAAK,EAAE,CAACA,KAAD,GAASM,MAAM,CAACQ,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8Bd,IAAvC,GAA8CG,MAAM,CAACQ,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BhB,OAHrF;IAIE,aAAa,EAAE;EAJjB,GAMGA,OANH,CAFJ,CATF,eAsBE,6BAAC,iBAAD;IAAM,KAAK,EAAES,MAAM,CAACU;EAApB,GACGlB,OAAO,CAACmB,GAAR,CAAY,QAA8CC,KAA9C,KAAwD;IAAA,IAAvD;MAAEnB,IAAI,GAAG,IAAT;MAAeoB,KAAK,GAAG,SAAvB;MAAkCC;IAAlC,CAAuD;IACnE,oBACE,6BAAC,eAAD;MACE,GAAG,EAAErB,IAAI,GAAGmB,KADd;MAEE,OAAO,EAAE,MAFX;MAGE,KAAK,EAAEZ,MAAM,CAACe,MAHhB;MAIE,OAAO,EAAE,YAAY;QACnB,IAAI;UACFD,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;QACR,CAFD,SAEU;UACRzB,MAAM;QACP;MACF,CAVH;MAWE,YAAY,EACVwB,KAAK,KAAK,aAAV,GACIjB,MAAM,CAACQ,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BS,WADlC,GAEIpB,MAAM,CAACQ,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BU;IAdtC,GAiBGxB,IAjBH,CADF;EAqBD,CAtBA,CADH,CAtBF,CAPF,CADF;AA0DD,CArED;;AAuEA,MAAMO,MAAM,GAAG,IAAAkB,yBAAA,EAAiB;EAC9BjB,SAAS,EAAE;IACTkB,UAAU,EAAE;EADH,CADmB;EAI9BhB,cAAc,EAAE;IACdiB,aAAa,EAAE,EADD;IAEdC,iBAAiB,EAAE,EAFL;IAGdC,aAAa,EAAE,KAHD;IAIdxB,UAAU,EAAE;EAJE,CAJc;EAU9BW,gBAAgB,EAAE;IAChBY,iBAAiB,EAAE,EADH;IAEhBE,YAAY,EAAE;EAFE,CAVY;EAc9BR,MAAM,EAAE;IACNS,UAAU,EAAE;EADN,CAdsB;EAiB9Bd,eAAe,EAAE;IACfY,aAAa,EAAE,KADA;IAEfxB,UAAU,EAAE,QAFG;IAGfC,cAAc,EAAE,UAHD;IAIf0B,OAAO,EAAE;EAJM;AAjBa,CAAjB,CAAf;eAyBevC,K"}

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

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const MAX = 4;
-
-const AvatarGroup = _ref => {
-  let {
-    children,
-    containerStyle,
-    size = 56
-  } = _ref;
-
-  const childAmount = _react.default.Children.count(children);
-
-  if (childAmount === 0) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: [containerStyle, {
-        overflow: 'hidden',
-        width: size,
-        height: size,
-        borderRadius: size,
-        backgroundColor: 'rgba(120,120,120,0.2)'
-      }]
-    });
-  }
-
-  const avatars = (0, _react.useMemo)(() => {
-    var _React$Children$map;
-
-    return ((_React$Children$map = _react.default.Children.map(children, (child, index) => {
-      if (index + 1 > MAX) return child;
-      if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
-      if (childAmount === 1) return /*#__PURE__*/_react.default.cloneElement(child, {
-        size,
-        containerStyle
-      });
-      const top = getTopPoint(index, childAmount) * size;
-      const left = getLeftPoint(index) * size;
-      const width = getWidthPoint(index, childAmount) * size;
-      const height = getHeightPoint(index, childAmount) * size;
-      const innerLeft = -getInnerLeft(index, childAmount) * size;
-      const innerTop = -getInnerTop(childAmount) * size;
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: {
-          overflow: 'hidden',
-          position: 'absolute',
-          top,
-          left,
-          width,
-          height
-        }
-      }, /*#__PURE__*/_react.default.cloneElement(child, {
-        size,
-        square: true,
-        containerStyle: {
-          left: innerLeft,
-          top: innerTop
-        }
-      }));
-    })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.slice(0, 4)) ?? [];
-  }, [children]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [containerStyle, {
-      overflow: 'hidden',
-      width: size,
-      height: size,
-      borderRadius: size
-    }]
-  }, avatars);
-};
-
-const getHeightPoint = (_, total) => {
-  if (total === 2) return 1;
-  return 0.5;
-};
-
-const getWidthPoint = (idx, total) => {
-  if (total === 3 && idx === 0) return 1;
-  return 0.5;
-};
-
-const getTopPoint = (idx, total) => {
-  if (total === 2) return -0.025;
-  if (total === 3 && idx === 0) return -0.025;
-  if (total === 3 && idx !== 0) return 0.525;
-  if (idx === 0 || idx === 1) return -0.025;
-  return 0.525;
-};
-
-const getLeftPoint = idx => {
-  if (idx === 0 || idx === 2) return -0.025;
-  return 0.525;
-};
-
-const getInnerLeft = (idx, total) => {
-  if (total === 3 && idx === 0) return 0;
-  return 0.25;
-};
-
-const getInnerTop = total => {
-  if (total === 2) return 0;
-  return 0.25;
-};
-
-var _default = AvatarGroup;
-exports.default = _default;
-//# sourceMappingURL=AvatarGroup.js.map

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

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

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

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
-var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AvatarIcon = _ref => {
-  let {
-    size = 56,
-    icon,
-    containerStyle,
-    backgroundColor
-  } = _ref;
-  const {
-    colors,
-    palette
-  } = (0, _useUIKitTheme.default)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, {
-      width: size,
-      height: size,
-      borderRadius: size / 2,
-      backgroundColor: backgroundColor ?? palette.background300
-    }, containerStyle]
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: icon,
-    size: size / 2,
-    color: colors.onBackgroundReverse01
-  }));
-};
-
-const styles = (0, _createStyleSheet.default)({
-  container: {
-    overflow: 'hidden',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-var _default = AvatarIcon;
-exports.default = _default;
-//# sourceMappingURL=AvatarIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["AvatarIcon","size","icon","containerStyle","backgroundColor","colors","palette","useUIKitTheme","styles","container","width","height","borderRadius","background300","onBackgroundReverse01","createStyleSheet","overflow","alignItems","justifyContent"],"sources":["AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Icon from '../Icon';\n\ntype Props = {\n  icon: keyof typeof Icon.Assets;\n  size?: number;\n  backgroundColor?: string;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst AvatarIcon: React.FC<Props> = ({ size = 56, icon, containerStyle, backgroundColor }) => {\n  const { colors, palette } = useUIKitTheme();\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          backgroundColor: backgroundColor ?? palette.background300,\n        },\n        containerStyle,\n      ]}\n    >\n      <Icon icon={icon} size={size / 2} color={colors.onBackgroundReverse01} />\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\nexport default AvatarIcon;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAQA,MAAMA,UAA2B,GAAG,QAA0D;EAAA,IAAzD;IAAEC,IAAI,GAAG,EAAT;IAAaC,IAAb;IAAmBC,cAAnB;IAAmCC;EAAnC,CAAyD;EAC5F,MAAM;IAAEC,MAAF;IAAUC;EAAV,IAAsB,IAAAC,sBAAA,GAA5B;EACA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLC,MAAM,CAACC,SADF,EAEL;MACEC,KAAK,EAAET,IADT;MAEEU,MAAM,EAAEV,IAFV;MAGEW,YAAY,EAAEX,IAAI,GAAG,CAHvB;MAIEG,eAAe,EAAEA,eAAe,IAAIE,OAAO,CAACO;IAJ9C,CAFK,EAQLV,cARK;EADT,gBAYE,6BAAC,aAAD;IAAM,IAAI,EAAED,IAAZ;IAAkB,IAAI,EAAED,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEI,MAAM,CAACS;EAAhD,EAZF,CADF;AAgBD,CAlBD;;AAmBA,MAAMN,MAAM,GAAG,IAAAO,yBAAA,EAAiB;EAC9BN,SAAS,EAAE;IACTO,QAAQ,EAAE,QADD;IAETC,UAAU,EAAE,QAFH;IAGTC,cAAc,EAAE;EAHP;AADmB,CAAjB,CAAf;eAOelB,U"}