agora-ui-foundation 1.0.0

package/lib/components/zone-phone/index.d.ts

@@ -0,0 +1,96 @@
+import { FC, ChangeEvent } from 'react';
+import './index.css';
+export type SelectStyleType = 'white';
+export type SelectProps = {
+    /**
+     * 下拉框的提示符
+     */
+    /** @en
+     * Placeholder of the select
+     */
+    placeholder?: string;
+    /**
+     * 区域下拉框选项
+     */
+    /** @en
+     * The select options
+     */
+    zoneOptions?: {
+        text: string;
+        value: string;
+    }[];
+    /**
+     * 区域下拉框选项
+     */
+    /** @en
+     * The select options
+     */
+    phoneOptions?: {
+        text: string;
+        value: string;
+    }[];
+    /**
+     * 输入框的尺寸：
+     * small - 小
+     * medium - 中等(default)
+     * large - 大
+     */
+    /** @en
+     * Size of the select:
+     * small
+     * medium
+     * large
+     */
+    size?: 'large' | 'medium' | 'small';
+    /**
+     * 下拉框样式类型，可选值为 'white'
+     */
+    /** @en
+     * Set the style type of select, can be set to 'white'.
+     */
+    styleType?: SelectStyleType;
+    /** 选择值变化
+     * Change event of the input's value
+     *
+     */
+    onChange?: (zone: string, phone: string) => void;
+    /**
+     *
+     *输入框失去焦点变化
+     */
+    onInputBlur?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     *
+     *输入框值变化
+     */
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * 下拉框是否禁用
+     */
+    /** @en
+     * Whether the select is disabled
+     */
+    disabled?: boolean;
+    /**
+     * zoneDefault
+     */
+    /** @en
+     * Whether the select is disabled
+     */
+    zoneDefault?: string;
+    /**
+     * phoneDefault
+     */
+    /** @en
+     * Whether the select is disabled
+     */
+    phoneDefault?: string;
+    /**
+     * maxlength
+     */
+    /** @en
+     * phone input maxlength
+     */
+    maxlength?: string;
+};
+export declare const FcrZonePhone: FC<SelectProps>;

package/lib/components/zone-phone/index.js

@@ -0,0 +1,197 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrZonePhone = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.string.trim.js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.css");
+var _icon = require("../icon");
+var _type = require("../icon/type");
+var _useClickAnywhere = require("../../utilities/hooks/use-click-anywhere");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var FcrZonePhone = exports.FcrZonePhone = function FcrZonePhone(_ref) {
+  var placeholder = _ref.placeholder,
+    zoneOptions = _ref.zoneOptions,
+    phoneOptions = _ref.phoneOptions,
+    zoneDefault = _ref.zoneDefault,
+    phoneDefault = _ref.phoneDefault,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    styleType = _ref.styleType,
+    _ref$onInputBlur = _ref.onInputBlur,
+    onInputBlur = _ref$onInputBlur === void 0 ? function () {} : _ref$onInputBlur,
+    _ref$onInputChange = _ref.onInputChange,
+    onInputChange = _ref$onInputChange === void 0 ? function () {} : _ref$onInputChange,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    disabled = _ref.disabled,
+    _ref$maxlength = _ref.maxlength,
+    maxlength = _ref$maxlength === void 0 ? 11 : _ref$maxlength;
+  var formatPhone = function formatPhone(val) {
+    if (!val) return '';
+    return val.replace(/\s/g, '').replace(/[^\d]/g, '').replace(/(\d{3})(\d{0,4})(\d{0,4})/, '$1 $2 $3').trim();
+  };
+  var restorePhone = function restorePhone(val) {
+    return val.replace(/\s/g, '');
+  };
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    zoneFocused = _useState2[0],
+    setZoneFocused = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    inputIconFocused = _useState4[0],
+    setInputIconFocused = _useState4[1];
+  var _useState5 = (0, _react.useState)(zoneDefault || ''),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    zoneVal = _useState6[0],
+    setZoneVal = _useState6[1];
+  var _useState7 = (0, _react.useState)(formatPhone(phoneDefault || '')),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    phoneVal = _useState8[0],
+    setPhoneVal = _useState8[1];
+  var ref = (0, _useClickAnywhere.useClickAnywhere)(function () {
+    setInputIconFocused(false);
+    setZoneFocused(false);
+  });
+  var wrapperCls = (0, _classnames["default"])('fcr-select-wrapper', {
+    'fcr-select-wrapper-l': size === 'large',
+    'fcr-select-wrapper-m': size === 'medium',
+    'fcr-select-wrapper-s': size === 'small'
+  });
+  var cls = (0, _classnames["default"])('fcr-select-phone', (0, _defineProperty2["default"])({
+    'fcr-select-phone--disabled': disabled,
+    'fcr-select-phone-l': size === 'large',
+    'fcr-select-phone-m': size === 'medium',
+    'fcr-select-phone-s': size === 'small'
+  }, "fcr-select-phone-".concat(styleType), !!styleType));
+  var zoneCls = (0, _classnames["default"])('fcr-select-phone-zone', {
+    'fcr-select-phone-zone--focused': zoneFocused
+  });
+  var optionsCls = (0, _classnames["default"])('fcr-select-phone__options', {
+    'fcr-select-phone__options--invisible': !zoneFocused && !inputIconFocused
+  });
+  var inputCls = (0, _classnames["default"])('fcr-select-phone-input', {
+    'fcr-select-phone-input--focused': inputIconFocused
+  });
+  var optionValCls = (0, _classnames["default"])({
+    'fcr-select-phone__option-phone': inputIconFocused
+  });
+  var renderOptions = (0, _react.useMemo)(function () {
+    return zoneFocused || inputIconFocused ? zoneFocused ? zoneOptions : phoneOptions : [];
+  }, [zoneOptions, phoneOptions, zoneFocused, inputIconFocused]);
+  var handleZoneClick = disabled ? function () {} : function () {
+    setZoneFocused(!zoneFocused);
+    setInputIconFocused(false);
+  };
+  var handleInputFocus = disabled ? function () {} : function () {
+    setZoneFocused(false);
+    setInputIconFocused(false);
+  };
+  var handleInputIconClick = disabled ? function () {} : function () {
+    setInputIconFocused(!inputIconFocused);
+    setZoneFocused(false);
+  };
+  var handleInputChange = function handleInputChange(e) {
+    var inputval = e.target.value;
+    if (maxlength && inputval.replace(/\s+/g, '').length > Number(maxlength)) return;
+    setPhoneVal(formatPhone(inputval));
+    onInputChange(e);
+    onChange(zoneVal, restorePhone(inputval));
+  };
+  var handleBlur = function handleBlur(e) {
+    onInputBlur(e);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: wrapperCls,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: cls,
+      ref: ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: 'fcr-select-phone-top',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: zoneCls,
+          onClick: handleZoneClick,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: zoneVal
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            className: "fcr-select-phone-zone__icon",
+            colors: {
+              iconPrimary: zoneFocused ? 'var(--fcr_ui_scene_ramp_brand6)' : 'var(--fcr_ui_scene_icontext1)'
+            },
+            type: _type.FcrIconType.FCR_DROPDOWN,
+            size: 24
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: inputCls,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+            value: phoneVal,
+            placeholder: placeholder,
+            onBlur: handleBlur,
+            onChange: handleInputChange,
+            onFocus: handleInputFocus
+          }), phoneOptions && phoneOptions.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            onClick: handleInputIconClick,
+            className: "fcr-select-phone-input__icon",
+            colors: {
+              iconPrimary: inputIconFocused ? 'var(--fcr_ui_scene_ramp_brand6)' : 'var(--fcr_ui_scene_icontext1)'
+            },
+            type: _type.FcrIconType.FCR_DROPDOWN,
+            size: 24
+          }) : null]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: optionsCls,
+        children: renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.map(function (_ref2) {
+          var text = _ref2.text,
+            value = _ref2.value;
+          var optionCls = (0, _classnames["default"])('fcr-select-phone__option', {
+            'fcr-select-phone__option--active': zoneFocused ? zoneVal === value : phoneVal === formatPhone(value)
+          });
+          var handleClick = function handleClick() {
+            if (zoneFocused && zoneVal !== value) {
+              setZoneVal(value);
+              onChange(value, phoneVal);
+              setZoneFocused(false);
+            } else if (inputIconFocused && phoneVal !== value) {
+              setPhoneVal(formatPhone(value));
+              onChange(zoneVal, value);
+              setInputIconFocused(false);
+            }
+          };
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            className: optionCls,
+            onClick: handleClick,
+            children: [zoneFocused && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "fcr-select-phone__option-zone",
+              children: text
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: optionValCls,
+              children: inputIconFocused ? formatPhone(value) : value
+            })]
+          }, value);
+        })
+      })]
+    })
+  });
+};

package/lib/components/zone-phone/index.stories.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SelectProps } from '.';
+declare const meta: {
+    title: string;
+    component: React.FC<SelectProps>;
+    args: {
+        zoneOptions: {
+            text: string;
+            value: string;
+        }[];
+        phoneOptions: {
+            text: string;
+            value: string;
+        }[];
+        placeholder: string;
+        zoneDefault: string;
+        phoneDefault: string;
+    };
+};
+export declare const Docs: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default meta;

package/lib/components/zone-phone/index.stories.js

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Docs = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require(".");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var meta = {
+  title: 'Components/FcrZonePhone',
+  component: _.FcrZonePhone,
+  args: {
+    zoneOptions: [{
+      text: '中国',
+      value: '+86'
+    }, {
+      text: '美国',
+      value: '+1'
+    }],
+    phoneOptions: [{
+      text: '+86',
+      value: '13567897654'
+    }, {
+      text: '+86',
+      value: '13567894554'
+    }],
+    placeholder: 'Please',
+    zoneDefault: '+86',
+    phoneDefault: '134324234'
+  }
+};
+var Docs = exports.Docs = function Docs(props) {
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var handleChange = function handleChange(value) {
+    setValue(value);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 306,
+        marginBottom: 50
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FcrZonePhone, _objectSpread(_objectSpread({}, props), {}, {
+        onChange: handleChange
+      }))
+    })
+  });
+};
+var _default = exports["default"] = meta;

package/lib/global.d.ts

@@ -0,0 +1,15 @@
+declare type I18nResouceTypes = Record<string, any>;
+
+interface Window {
+  $$agora_language: string;
+}
+
+declare module '*.css';
+declare module '*.svga';
+declare module '*.svg';
+declare module '*.mp3';
+declare module '*.mp4';
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+

package/lib/hooks/use-click-anywhere.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useClickAnywhere: (cb: () => void) => import("react").RefObject<HTMLDivElement>;

package/lib/hooks/use-click-anywhere.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClickAnywhere = void 0;
+var _react = require("react");
+var _clickAnywhere = require("../utilities/click-anywhere");
+var useClickAnywhere = exports.useClickAnywhere = function useClickAnywhere(cb) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (ref.current) {
+      return (0, _clickAnywhere.clickAnywhere)(ref.current, cb);
+    }
+  }, []);
+  return ref;
+};

package/lib/i18n/index.d.ts

@@ -0,0 +1,9 @@
+export type GenerateI18nKey<Obj> = {
+    [Key in keyof Obj]: Key extends string ? Obj[Key] extends Record<string, any> ? Key | `${Key}.${GenerateI18nKey<Obj[Key]>}` : Key : never;
+}[keyof Obj];
+export declare const useI18n: () => (text: GenerateI18nKey<I18nResouceTypes>, options?: any) => string;
+export declare const addResourceBundle: (lang: string, resourceBundle: any, namespace?: string) => Promise<void>;
+export declare const changeLanguage: (lang: string) => Promise<void>;
+export declare const getLanguage: () => string;
+export declare const transI18n: (text: GenerateI18nKey<I18nResouceTypes>, options?: any) => string;
+export declare const getI18n: () => import("i18next").i18n;

package/lib/i18n/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useI18n = exports.transI18n = exports.getLanguage = exports.getI18n = exports.changeLanguage = exports.addResourceBundle = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _i18next = _interopRequireDefault(require("i18next"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _reactI18next = require("react-i18next");
+var _i18n = _i18next["default"];
+var _i18nInitPromise = null;
+var useI18n = exports.useI18n = function useI18n() {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    translate = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  return function (text, options) {
+    if (!i18n.isInitialized) return '';
+    var content = translate(text);
+    if (!(0, _isEmpty["default"])(options)) {
+      Object.keys(options).forEach(function (k) {
+        content = content.replace("{".concat(k, "}"), options[k] || '');
+      });
+    }
+    return content;
+  };
+};
+var initI18n = function initI18n() {
+  if (!_i18nInitPromise) {
+    // passes i18n down to react-i18next
+    _i18nInitPromise = _i18n.use(_reactI18next.initReactI18next).init({
+      lng: getLanguage(),
+      initImmediate: false,
+      // keySeparator: false, // we do not use keys in form messages.welcome
+      interpolation: {
+        escapeValue: false // react already safes from xss
+      }
+    });
+  }
+  return _i18nInitPromise;
+};
+var addResourceBundle = exports.addResourceBundle = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(lang, resourceBundle) {
+    var namespace,
+      _args = arguments;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          namespace = _args.length > 2 && _args[2] !== undefined ? _args[2] : 'translation';
+          if (_i18n.isInitialized) {
+            _context.next = 4;
+            break;
+          }
+          _context.next = 4;
+          return initI18n();
+        case 4:
+          _i18n.addResourceBundle(lang, namespace, resourceBundle, true, true);
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function addResourceBundle(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var changeLanguage = exports.changeLanguage = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(lang) {
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          window.$$agora_language = lang;
+          if (_i18n.isInitialized) {
+            _context2.next = 4;
+            break;
+          }
+          _context2.next = 4;
+          return initI18n();
+        case 4:
+          _context2.next = 6;
+          return _i18n.changeLanguage(lang);
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function changeLanguage(_x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var getLanguage = exports.getLanguage = function getLanguage() {
+  return window.$$agora_language || 'en';
+};
+var transI18n = exports.transI18n = function transI18n(text, options) {
+  var content = _i18n.t(text);
+  if (!(0, _isEmpty["default"])(options)) {
+    Object.keys(options).forEach(function (k) {
+      content = content.replace("{".concat(k, "}"), options[k] || '');
+    });
+  }
+  return content;
+};
+var getI18n = exports.getI18n = function getI18n() {
+  return _i18n;
+};

package/lib/theme/context.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { FcrUIConfig, FcrUIDarkColors, FcrUILightColors, FcrUIRadius } from './fcr-ui-config';
+import { ThemeMode } from './generate';
+export declare const themeContext: import("react").Context<{
+    theme: ThemeMode;
+    config: FcrUIConfig;
+    getCurrentThemeColors: () => FcrUILightColors | FcrUIDarkColors;
+    getRadius: () => FcrUIRadius;
+}>;
+declare const Provider: import("react").Provider<{
+    theme: ThemeMode;
+    config: FcrUIConfig;
+    getCurrentThemeColors: () => FcrUILightColors | FcrUIDarkColors;
+    getRadius: () => FcrUIRadius;
+}>, Consumer: import("react").Consumer<{
+    theme: ThemeMode;
+    config: FcrUIConfig;
+    getCurrentThemeColors: () => FcrUILightColors | FcrUIDarkColors;
+    getRadius: () => FcrUIRadius;
+}>;
+export { Provider as ThemeProvider, Consumer as ThemeConsumer };

package/lib/theme/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeContext = exports.ThemeProvider = exports.ThemeConsumer = void 0;
+var _react = require("react");
+var themeContext = exports.themeContext = /*#__PURE__*/(0, _react.createContext)({});
+var Provider = exports.ThemeProvider = themeContext.Provider,
+  Consumer = exports.ThemeConsumer = themeContext.Consumer;