@mirai/ui 2.0.42 → 2.1.1

package/build/theme/helpers/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","names":["HEXCOLOR_REGEX","hexToRgb","hex","bigint","parseInt","replace","r","g","b","rgbToHex","toString","slice","toUpperCase","lighten","rgb","factor","map","color","Math","max","min","round","darken","palette","hexColor","test","rgbColor","dark","base","light","border","background"],"sources":["../../../src/theme/helpers/palette.js"],"sourcesContent":["const HEXCOLOR_REGEX = /^#([0-9A-F]{3}){1,2}$/i;\n\n// -- parsers\nconst hexToRgb = (hex) => {\n  const bigint = parseInt(hex.replace(/^#/, ''), 16);\n\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return [r, g, b];\n};\n\nconst rgbToHex = ([r, g, b] = []) => {\n  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();\n};\n\n// -- color modifiers\nconst lighten = (rgb, factor = 0) => {\n  return rgb.map((color) => Math.max(0, Math.min(255, Math.round(color + factor * (255 - color)))));\n};\n\nconst darken = (rgb, factor = 0) => {\n  return rgb.map((color) => Math.max(0, Math.min(255, Math.round(color * (1 - factor)))));\n};\n\nexport const palette = (hexColor = '#3978c5') => {\n  if (!HEXCOLOR_REGEX.test(hexColor)) return;\n\n  const rgbColor = hexToRgb(hexColor);\n\n  return {\n    dark: rgbToHex(darken(rgbColor, 0.4)),\n    base: hexColor,\n    light: rgbToHex(lighten(rgbColor, 0.4)),\n    border: rgbToHex(lighten(rgbColor, 0.6)),\n    background: rgbToHex(lighten(rgbColor, 0.9)),\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG,wBAAwB;;AAE/C;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAG,EAAK;EACxB,IAAMC,MAAM,GAAGC,QAAQ,CAACF,GAAG,CAACG,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;EAElD,IAAMC,CAAC,GAAIH,MAAM,IAAI,EAAE,GAAI,GAAG;EAC9B,IAAMI,CAAC,GAAIJ,MAAM,IAAI,CAAC,GAAI,GAAG;EAC7B,IAAMK,CAAC,GAAGL,MAAM,GAAG,GAAG;EAEtB,OAAO,CAACG,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC;AAClB,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,GAAuB;EAAA,+EAAP,EAAE;IAAA;IAAbH,CAAC;IAAEC,CAAC;IAAEC,CAAC;EACxB,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAKF,CAAC,IAAI,EAAE,CAAC,IAAIC,CAAC,IAAI,CAAC,CAAC,GAAGC,CAAC,EAAEE,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE;AACzF,CAAC;;AAED;AACA,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIC,GAAG,EAAiB;EAAA,IAAfC,MAAM,uEAAG,CAAC;EAC9B,OAAOD,GAAG,CAACE,GAAG,CAAC,UAACC,KAAK;IAAA,OAAKC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,KAAK,CAACJ,KAAK,GAAGF,MAAM,IAAI,GAAG,GAAGE,KAAK,CAAC,CAAC,CAAC,CAAC;EAAA,EAAC;AACnG,CAAC;AAED,IAAMK,MAAM,GAAG,SAATA,MAAM,CAAIR,GAAG,EAAiB;EAAA,IAAfC,MAAM,uEAAG,CAAC;EAC7B,OAAOD,GAAG,CAACE,GAAG,CAAC,UAACC,KAAK;IAAA,OAAKC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,KAAK,CAACJ,KAAK,IAAI,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC,CAAC;EAAA,EAAC;AACzF,CAAC;AAEM,IAAMQ,OAAO,GAAG,SAAVA,OAAO,GAA6B;EAAA,IAAzBC,QAAQ,uEAAG,SAAS;EAC1C,IAAI,CAACxB,cAAc,CAACyB,IAAI,CAACD,QAAQ,CAAC,EAAE;EAEpC,IAAME,QAAQ,GAAGzB,QAAQ,CAACuB,QAAQ,CAAC;EAEnC,OAAO;IACLG,IAAI,EAAElB,QAAQ,CAACa,MAAM,CAACI,QAAQ,EAAE,GAAG,CAAC,CAAC;IACrCE,IAAI,EAAEJ,QAAQ;IACdK,KAAK,EAAEpB,QAAQ,CAACI,OAAO,CAACa,QAAQ,EAAE,GAAG,CAAC,CAAC;IACvCI,MAAM,EAAErB,QAAQ,CAACI,OAAO,CAACa,QAAQ,EAAE,GAAG,CAAC,CAAC;IACxCK,UAAU,EAAEtB,QAAQ,CAACI,OAAO,CAACa,QAAQ,EAAE,GAAG,CAAC;EAC7C,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"file":"palette.js","names":["HEXCOLOR_REGEX","hexToRgb","hex","bigint","parseInt","replace","r","g","b","rgbToHex","arguments","length","undefined","toString","slice","toUpperCase","lighten","rgb","factor","map","color","Math","max","min","round","darken","palette","hexColor","test","rgbColor","dark","base","light","border","background","exports"],"sources":["../../../src/theme/helpers/palette.js"],"sourcesContent":["const HEXCOLOR_REGEX = /^#([0-9A-F]{3}){1,2}$/i;\n\n// -- parsers\nconst hexToRgb = (hex) => {\n  const bigint = parseInt(hex.replace(/^#/, ''), 16);\n\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return [r, g, b];\n};\n\nconst rgbToHex = ([r, g, b] = []) => {\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase()}`;\n};\n\n// -- color modifiers\nconst lighten = (rgb, factor = 0) => {\n  return rgb.map((color) => Math.max(0, Math.min(255, Math.round(color + factor * (255 - color)))));\n};\n\nconst darken = (rgb, factor = 0) => {\n  return rgb.map((color) => Math.max(0, Math.min(255, Math.round(color * (1 - factor)))));\n};\n\nexport const palette = (hexColor = '#3978c5') => {\n  if (!HEXCOLOR_REGEX.test(hexColor)) return;\n\n  const rgbColor = hexToRgb(hexColor);\n\n  return {\n    dark: rgbToHex(darken(rgbColor, 0.4)),\n    base: hexColor,\n    light: rgbToHex(lighten(rgbColor, 0.4)),\n    border: rgbToHex(lighten(rgbColor, 0.6)),\n    background: rgbToHex(lighten(rgbColor, 0.9)),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAG,wBAAwB;;AAE/C;AACA,MAAMC,QAAQ,GAAIC,GAAG,IAAK;EACxB,MAAMC,MAAM,GAAGC,QAAQ,CAACF,GAAG,CAACG,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;EAElD,MAAMC,CAAC,GAAIH,MAAM,IAAI,EAAE,GAAI,GAAG;EAC9B,MAAMI,CAAC,GAAIJ,MAAM,IAAI,CAAC,GAAI,GAAG;EAC7B,MAAMK,CAAC,GAAGL,MAAM,GAAG,GAAG;EAEtB,OAAO,CAACG,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG,SAAAA,CAAA,EAAoB;EAAA,IAAnB,CAACH,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAC9B,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAKJ,CAAC,IAAI,EAAE,CAAC,IAAIC,CAAC,IAAI,CAAC,CAAC,GAAGC,CAAC,EAAEK,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,EAAE;AACzF,CAAC;;AAED;AACA,MAAMC,OAAO,GAAG,SAAAA,CAACC,GAAG,EAAiB;EAAA,IAAfC,MAAM,GAAAR,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAC9B,OAAOO,GAAG,CAACE,GAAG,CAAEC,KAAK,IAAKC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,KAAK,CAACJ,KAAK,GAAGF,MAAM,IAAI,GAAG,GAAGE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACnG,CAAC;AAED,MAAMK,MAAM,GAAG,SAAAA,CAACR,GAAG,EAAiB;EAAA,IAAfC,MAAM,GAAAR,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAC7B,OAAOO,GAAG,CAACE,GAAG,CAAEC,KAAK,IAAKC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,KAAK,CAACJ,KAAK,IAAI,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACzF,CAAC;AAEM,MAAMQ,OAAO,GAAG,SAAAA,CAAA,EAA0B;EAAA,IAAzBC,QAAQ,GAAAjB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;EAC1C,IAAI,CAACV,cAAc,CAAC4B,IAAI,CAACD,QAAQ,CAAC,EAAE;EAEpC,MAAME,QAAQ,GAAG5B,QAAQ,CAAC0B,QAAQ,CAAC;EAEnC,OAAO;IACLG,IAAI,EAAErB,QAAQ,CAACgB,MAAM,CAACI,QAAQ,EAAE,GAAG,CAAC,CAAC;IACrCE,IAAI,EAAEJ,QAAQ;IACdK,KAAK,EAAEvB,QAAQ,CAACO,OAAO,CAACa,QAAQ,EAAE,GAAG,CAAC,CAAC;IACvCI,MAAM,EAAExB,QAAQ,CAACO,OAAO,CAACa,QAAQ,EAAE,GAAG,CAAC,CAAC;IACxCK,UAAU,EAAEzB,QAAQ,CAACO,OAAO,CAACa,QAAQ,EAAE,GAAG,CAAC;EAC7C,CAAC;AACH,CAAC;AAACM,OAAA,CAAAT,OAAA,GAAAA,OAAA","ignoreList":[]}

package/build/theme/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "DIRECTION_TYPE", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _theme2.DIRECTION_TYPE;
   }
 });
@@ -19,7 +19,7 @@ Object.keys(_theme).forEach(function (key) {
   if (key in exports && exports[key] === _theme[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _theme[key];
     }
   });

package/build/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.js"],"sourcesContent":["export * from './theme';\nexport { DIRECTION_TYPE } from './theme.constants';\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}
+{"version":3,"file":"index.js","names":["_theme","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_theme2"],"sources":["../../src/theme/index.js"],"sourcesContent":["export * from './theme';\nexport { DIRECTION_TYPE } from './theme.constants';\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA","ignoreList":[]}

package/build/theme/theme.constants.js

@@ -4,30 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DOMAIN = exports.DIRECTION_TYPE = exports.DIRECTION = exports.DEBOUNCE_TIMEOUT_CACHE = exports.COLORS = void 0;
-var _DIRECTION;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var COLORS = ['accent'];
-exports.COLORS = COLORS;
-var DEBOUNCE_TIMEOUT_CACHE = 2000;
-exports.DEBOUNCE_TIMEOUT_CACHE = DEBOUNCE_TIMEOUT_CACHE;
-var DIRECTION_TYPE = {
+const COLORS = exports.COLORS = ['accent'];
+const DEBOUNCE_TIMEOUT_CACHE = exports.DEBOUNCE_TIMEOUT_CACHE = 2000;
+const DIRECTION_TYPE = exports.DIRECTION_TYPE = {
   LEFT: 0,
   RIGHT: 1
 };
-exports.DIRECTION_TYPE = DIRECTION_TYPE;
-var DIRECTION = (_DIRECTION = {}, _defineProperty(_DIRECTION, DIRECTION_TYPE.LEFT, {
-  'text-align': 'left',
-  'text-direction': 'ltr',
-  'row-direction': 'row'
-}), _defineProperty(_DIRECTION, DIRECTION_TYPE.RIGHT, {
-  'text-align': 'right',
-  'text-direction': 'rtl',
-  'row-direction': 'row-reverse'
-}), _DIRECTION);
-exports.DIRECTION = DIRECTION;
-var DOMAIN = '--mirai-ui-';
-exports.DOMAIN = DOMAIN;
+const DIRECTION = exports.DIRECTION = {
+  [DIRECTION_TYPE.LEFT]: {
+    'text-align': 'left',
+    'text-direction': 'ltr',
+    'row-direction': 'row'
+  },
+  [DIRECTION_TYPE.RIGHT]: {
+    'text-align': 'right',
+    'text-direction': 'rtl',
+    'row-direction': 'row-reverse'
+  }
+};
+const DOMAIN = exports.DOMAIN = '--mirai-ui-';
 //# sourceMappingURL=theme.constants.js.map

package/build/theme/theme.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.constants.js","names":["COLORS","DEBOUNCE_TIMEOUT_CACHE","DIRECTION_TYPE","LEFT","RIGHT","DIRECTION","DOMAIN"],"sources":["../../src/theme/theme.constants.js"],"sourcesContent":["const COLORS = ['accent'];\n\nconst DEBOUNCE_TIMEOUT_CACHE = 2000;\n\nconst DIRECTION_TYPE = {\n  LEFT: 0,\n  RIGHT: 1,\n};\nconst DIRECTION = {\n  [DIRECTION_TYPE.LEFT]: {\n    'text-align': 'left',\n    'text-direction': 'ltr',\n    'row-direction': 'row',\n  },\n  [DIRECTION_TYPE.RIGHT]: {\n    'text-align': 'right',\n    'text-direction': 'rtl',\n    'row-direction': 'row-reverse',\n  },\n};\nconst DOMAIN = '--mirai-ui-';\n\nexport { COLORS, DEBOUNCE_TIMEOUT_CACHE, DIRECTION, DIRECTION_TYPE, DOMAIN };\n"],"mappings":";;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,CAAC,QAAQ,CAAC;AAAC;AAE1B,IAAMC,sBAAsB,GAAG,IAAI;AAAC;AAEpC,IAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE;AACT,CAAC;AAAC;AACF,IAAMC,SAAS,iDACZH,cAAc,CAACC,IAAI,EAAG;EACrB,YAAY,EAAE,MAAM;EACpB,gBAAgB,EAAE,KAAK;EACvB,eAAe,EAAE;AACnB,CAAC,+BACAD,cAAc,CAACE,KAAK,EAAG;EACtB,YAAY,EAAE,OAAO;EACrB,gBAAgB,EAAE,KAAK;EACvB,eAAe,EAAE;AACnB,CAAC,cACF;AAAC;AACF,IAAME,MAAM,GAAG,aAAa;AAAC"}
+{"version":3,"file":"theme.constants.js","names":["COLORS","exports","DEBOUNCE_TIMEOUT_CACHE","DIRECTION_TYPE","LEFT","RIGHT","DIRECTION","DOMAIN"],"sources":["../../src/theme/theme.constants.js"],"sourcesContent":["const COLORS = ['accent'];\n\nconst DEBOUNCE_TIMEOUT_CACHE = 2000;\n\nconst DIRECTION_TYPE = {\n  LEFT: 0,\n  RIGHT: 1,\n};\nconst DIRECTION = {\n  [DIRECTION_TYPE.LEFT]: {\n    'text-align': 'left',\n    'text-direction': 'ltr',\n    'row-direction': 'row',\n  },\n  [DIRECTION_TYPE.RIGHT]: {\n    'text-align': 'right',\n    'text-direction': 'rtl',\n    'row-direction': 'row-reverse',\n  },\n};\nconst DOMAIN = '--mirai-ui-';\n\nexport { COLORS, DEBOUNCE_TIMEOUT_CACHE, DIRECTION, DIRECTION_TYPE, DOMAIN };\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,CAAC,QAAQ,CAAC;AAEzB,MAAME,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,IAAI;AAEnC,MAAMC,cAAc,GAAAF,OAAA,CAAAE,cAAA,GAAG;EACrBC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,SAAS,GAAAL,OAAA,CAAAK,SAAA,GAAG;EAChB,CAACH,cAAc,CAACC,IAAI,GAAG;IACrB,YAAY,EAAE,MAAM;IACpB,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE;EACnB,CAAC;EACD,CAACD,cAAc,CAACE,KAAK,GAAG;IACtB,YAAY,EAAE,OAAO;IACrB,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE;EACnB;AACF,CAAC;AACD,MAAME,MAAM,GAAAN,OAAA,CAAAM,MAAA,GAAG,aAAa","ignoreList":[]}

package/build/theme/theme.js

@@ -1,113 +1,93 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Theme = void 0;
 var _helpers = require("./helpers");
 var _theme = require("./theme.constants");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var Theme = {
-  get: function get() {
-    var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _theme.DOMAIN;
-    var _ref = window || {},
-      _ref$Mirai = _ref.Mirai;
-    _ref$Mirai = _ref$Mirai === void 0 ? {} : _ref$Mirai;
-    var _ref$Mirai$theme = _ref$Mirai.theme,
-      theme = _ref$Mirai$theme === void 0 ? {} : _ref$Mirai$theme;
+const Theme = exports.Theme = {
+  get: function () {
+    let domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _theme.DOMAIN;
+    const {
+      Mirai: {
+        theme = {}
+      } = {}
+    } = window || {};
     if (theme[domain]) return theme[domain];
-    var style = getComputedStyle(document.querySelector(':root'));
-    var variables = {};
-    var keys = Array.from(document.styleSheets).filter(function (stylesheet) {
+    const style = getComputedStyle(document.querySelector(':root'));
+    const variables = {};
+    const keys = Array.from(document.styleSheets).filter(stylesheet => {
       try {
-        var _stylesheet$cssRules;
-        return (stylesheet.href === null || stylesheet.href.startsWith(window.location.origin)) && ((_stylesheet$cssRules = stylesheet.cssRules) !== null && _stylesheet$cssRules !== void 0 ? _stylesheet$cssRules : {});
-      } catch (_unused) {
+        return (stylesheet.href === null || stylesheet.href.startsWith(window.location.origin)) && (stylesheet.cssRules ?? {});
+      } catch {
         return false;
       }
     }).reduce(function (stylesheet) {
-      var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        cssRules = _ref2.cssRules;
-      return [].concat(_toConsumableArray(stylesheet), _toConsumableArray(Array.from(cssRules).reduce(function (value) {
-        var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          _ref3$selectorText = _ref3.selectorText,
-          selectorText = _ref3$selectorText === void 0 ? '' : _ref3$selectorText,
-          _ref3$style = _ref3.style,
-          style = _ref3$style === void 0 ? [] : _ref3$style;
-        return selectorText === ':root' ? [].concat(_toConsumableArray(value), _toConsumableArray(Array.from(style).filter(function (name) {
-          return name.startsWith(domain);
-        }))) : value;
-      }, [])));
+      let {
+        cssRules
+      } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return [...stylesheet, ...Array.from(cssRules).reduce(function (value) {
+        let {
+          selectorText = '',
+          style = []
+        } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        return selectorText === ':root' ? [...value, ...Array.from(style).filter(name => name.startsWith(domain))] : value;
+      }, [])];
     }, []);
-    keys.forEach(function (key) {
-      var _style$getPropertyVal;
-      return variables[(0, _helpers.camelcase)(key.replace(domain, ''))] = (_style$getPropertyVal = style.getPropertyValue(key)) === null || _style$getPropertyVal === void 0 ? void 0 : _style$getPropertyVal.trim();
-    });
-    window.Mirai = _objectSpread(_objectSpread({}, window.Mirai), {}, {
-      theme: _objectSpread(_objectSpread({}, theme), {}, _defineProperty({}, domain, variables))
-    });
-    setTimeout(function () {
-      return Theme.clearCache(domain);
-    }, _theme.DEBOUNCE_TIMEOUT_CACHE);
+    keys.forEach(key => variables[(0, _helpers.camelcase)(key.replace(domain, ''))] = style.getPropertyValue(key)?.trim());
+    window.Mirai = {
+      ...window.Mirai,
+      theme: {
+        ...theme,
+        [domain]: variables
+      }
+    };
+    setTimeout(() => Theme.clearCache(domain), _theme.DEBOUNCE_TIMEOUT_CACHE);
     return variables;
   },
-  setVariable: function setVariable(variable, value) {
-    var domain = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _theme.DOMAIN;
-    var _document$querySelect = document.querySelector(':root'),
-      style = _document$querySelect.style;
-    style.setProperty("".concat(domain).concat(variable), value);
+  setVariable: function (variable, value) {
+    let domain = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _theme.DOMAIN;
+    const {
+      style
+    } = document.querySelector(':root');
+    style.setProperty(`${domain}${variable}`, value);
     Theme.clearCache(domain);
   },
-  generatePalette: function generatePalette(variable, value) {
-    var valuePalette = (0, _helpers.palette)(value);
+  generatePalette: (variable, value) => {
+    const valuePalette = (0, _helpers.palette)(value);
     if (!valuePalette) return undefined;
-    Object.entries(valuePalette).forEach(function (_ref4) {
-      var _ref5 = _slicedToArray(_ref4, 2),
-        key = _ref5[0],
-        value = _ref5[1];
-      Theme.setVariable(key !== 'base' ? "".concat(variable, "-").concat(key) : variable, value);
+    Object.entries(valuePalette).forEach(_ref => {
+      let [key, value] = _ref;
+      Theme.setVariable(key !== 'base' ? `${variable}-${key}` : variable, value);
     });
     Theme.clearCache();
   },
-  getDirection: function getDirection() {
-    var _Theme$get = Theme.get(),
-      textDirection = _Theme$get.textDirection;
+  getDirection: () => {
+    const {
+      textDirection
+    } = Theme.get();
     return textDirection !== _theme.DIRECTION[_theme.DIRECTION_TYPE.RIGHT]['text-direction'] ? _theme.DIRECTION_TYPE.LEFT : _theme.DIRECTION_TYPE.RIGHT;
   },
-  setDirection: function setDirection() {
-    var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _theme.DIRECTION_TYPE.LEFT;
+  setDirection: function () {
+    let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _theme.DIRECTION_TYPE.LEFT;
     if (!Object.values(_theme.DIRECTION_TYPE).includes(direction)) return;
-    var variables = _theme.DIRECTION[direction] || {};
-    Object.entries(variables).map(function (_ref6) {
-      var _ref7 = _slicedToArray(_ref6, 2),
-        key = _ref7[0],
-        value = _ref7[1];
+    const variables = _theme.DIRECTION[direction] || {};
+    Object.entries(variables).map(_ref2 => {
+      let [key, value] = _ref2;
       return Theme.setVariable(key, value);
     });
     return direction;
   },
-  clearCache: function clearCache(domain) {
-    var _window;
-    if (!((_window = window) !== null && _window !== void 0 && _window.Mirai)) return;
-    var _window$Mirai$theme = window.Mirai.theme,
-      theme = _window$Mirai$theme === void 0 ? {} : _window$Mirai$theme;
-    window.Mirai.theme = _objectSpread(_objectSpread({}, theme), {}, _defineProperty({}, domain, undefined));
+  clearCache: domain => {
+    if (!window?.Mirai) return;
+    const {
+      theme = {}
+    } = window.Mirai;
+    window.Mirai.theme = {
+      ...theme,
+      [domain]: undefined
+    };
   }
 };
-exports.Theme = Theme;
 //# sourceMappingURL=theme.js.map

package/build/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["Theme","get","domain","DOMAIN","window","Mirai","theme","style","getComputedStyle","document","querySelector","variables","keys","Array","from","styleSheets","filter","stylesheet","href","startsWith","location","origin","cssRules","reduce","value","selectorText","name","forEach","key","camelcase","replace","getPropertyValue","trim","setTimeout","clearCache","DEBOUNCE_TIMEOUT_CACHE","setVariable","variable","setProperty","generatePalette","valuePalette","palette","undefined","Object","entries","getDirection","textDirection","DIRECTION","DIRECTION_TYPE","RIGHT","LEFT","setDirection","direction","values","includes","map"],"sources":["../../src/theme/theme.js"],"sourcesContent":["import { camelcase, palette } from './helpers';\nimport { DEBOUNCE_TIMEOUT_CACHE, DIRECTION, DIRECTION_TYPE, DOMAIN } from './theme.constants';\n\nexport const Theme = {\n  get: (domain = DOMAIN) => {\n    const { Mirai: { theme = {} } = {} } = window || {};\n    if (theme[domain]) return theme[domain];\n\n    const style = getComputedStyle(document.querySelector(':root'));\n    const variables = {};\n\n    const keys = Array.from(document.styleSheets)\n      .filter((stylesheet) => {\n        try {\n          return (\n            (stylesheet.href === null || stylesheet.href.startsWith(window.location.origin)) &&\n            (stylesheet.cssRules ?? {})\n          );\n        } catch {\n          return false;\n        }\n      })\n      .reduce(\n        (stylesheet, { cssRules } = {}) => [\n          ...stylesheet,\n          ...Array.from(cssRules).reduce(\n            (value, { selectorText = '', style = [] } = {}) =>\n              selectorText === ':root'\n                ? [...value, ...Array.from(style).filter((name) => name.startsWith(domain))]\n                : value,\n            [],\n          ),\n        ],\n        [],\n      );\n\n    keys.forEach((key) => (variables[camelcase(key.replace(domain, ''))] = style.getPropertyValue(key)?.trim()));\n\n    window.Mirai = { ...window.Mirai, theme: { ...theme, [domain]: variables } };\n    setTimeout(() => Theme.clearCache(domain), DEBOUNCE_TIMEOUT_CACHE);\n\n    return variables;\n  },\n\n  setVariable: (variable, value, domain = DOMAIN) => {\n    const { style } = document.querySelector(':root');\n\n    style.setProperty(`${domain}${variable}`, value);\n    Theme.clearCache(domain);\n  },\n\n  generatePalette: (variable, value) => {\n    const valuePalette = palette(value);\n    if (!valuePalette) return undefined;\n\n    Object.entries(valuePalette).forEach(([key, value]) => {\n      Theme.setVariable(key !== 'base' ? `${variable}-${key}` : variable, value);\n    });\n    Theme.clearCache();\n  },\n\n  getDirection: () => {\n    const { textDirection } = Theme.get();\n\n    return textDirection !== DIRECTION[DIRECTION_TYPE.RIGHT]['text-direction']\n      ? DIRECTION_TYPE.LEFT\n      : DIRECTION_TYPE.RIGHT;\n  },\n\n  setDirection: (direction = DIRECTION_TYPE.LEFT) => {\n    if (!Object.values(DIRECTION_TYPE).includes(direction)) return;\n\n    const variables = DIRECTION[direction] || {};\n    Object.entries(variables).map(([key, value]) => Theme.setVariable(key, value));\n\n    return direction;\n  },\n\n  clearCache: (domain) => {\n    if (!window?.Mirai) return;\n\n    const { theme = {} } = window.Mirai;\n    window.Mirai.theme = { ...theme, [domain]: undefined };\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["_helpers","require","_theme","Theme","exports","get","domain","arguments","length","undefined","DOMAIN","Mirai","theme","window","style","getComputedStyle","document","querySelector","variables","keys","Array","from","styleSheets","filter","stylesheet","href","startsWith","location","origin","cssRules","reduce","value","selectorText","name","forEach","key","camelcase","replace","getPropertyValue","trim","setTimeout","clearCache","DEBOUNCE_TIMEOUT_CACHE","setVariable","variable","setProperty","generatePalette","valuePalette","palette","Object","entries","_ref","getDirection","textDirection","DIRECTION","DIRECTION_TYPE","RIGHT","LEFT","setDirection","direction","values","includes","map","_ref2"],"sources":["../../src/theme/theme.js"],"sourcesContent":["import { camelcase, palette } from './helpers';\nimport { DEBOUNCE_TIMEOUT_CACHE, DIRECTION, DIRECTION_TYPE, DOMAIN } from './theme.constants';\n\nexport const Theme = {\n  get: (domain = DOMAIN) => {\n    const { Mirai: { theme = {} } = {} } = window || {};\n    if (theme[domain]) return theme[domain];\n\n    const style = getComputedStyle(document.querySelector(':root'));\n    const variables = {};\n\n    const keys = Array.from(document.styleSheets)\n      .filter((stylesheet) => {\n        try {\n          return (\n            (stylesheet.href === null || stylesheet.href.startsWith(window.location.origin)) &&\n            (stylesheet.cssRules ?? {})\n          );\n        } catch {\n          return false;\n        }\n      })\n      .reduce(\n        (stylesheet, { cssRules } = {}) => [\n          ...stylesheet,\n          ...Array.from(cssRules).reduce(\n            (value, { selectorText = '', style = [] } = {}) =>\n              selectorText === ':root'\n                ? [...value, ...Array.from(style).filter((name) => name.startsWith(domain))]\n                : value,\n            [],\n          ),\n        ],\n        [],\n      );\n\n    keys.forEach((key) => (variables[camelcase(key.replace(domain, ''))] = style.getPropertyValue(key)?.trim()));\n\n    window.Mirai = { ...window.Mirai, theme: { ...theme, [domain]: variables } };\n    setTimeout(() => Theme.clearCache(domain), DEBOUNCE_TIMEOUT_CACHE);\n\n    return variables;\n  },\n\n  setVariable: (variable, value, domain = DOMAIN) => {\n    const { style } = document.querySelector(':root');\n\n    style.setProperty(`${domain}${variable}`, value);\n    Theme.clearCache(domain);\n  },\n\n  generatePalette: (variable, value) => {\n    const valuePalette = palette(value);\n    if (!valuePalette) return undefined;\n\n    Object.entries(valuePalette).forEach(([key, value]) => {\n      Theme.setVariable(key !== 'base' ? `${variable}-${key}` : variable, value);\n    });\n    Theme.clearCache();\n  },\n\n  getDirection: () => {\n    const { textDirection } = Theme.get();\n\n    return textDirection !== DIRECTION[DIRECTION_TYPE.RIGHT]['text-direction']\n      ? DIRECTION_TYPE.LEFT\n      : DIRECTION_TYPE.RIGHT;\n  },\n\n  setDirection: (direction = DIRECTION_TYPE.LEFT) => {\n    if (!Object.values(DIRECTION_TYPE).includes(direction)) return;\n\n    const variables = DIRECTION[direction] || {};\n    Object.entries(variables).map(([key, value]) => Theme.setVariable(key, value));\n\n    return direction;\n  },\n\n  clearCache: (domain) => {\n    if (!window?.Mirai) return;\n\n    const { theme = {} } = window.Mirai;\n    window.Mirai.theme = { ...theme, [domain]: undefined };\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/theme/theme.stories.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,46 +7,36 @@ exports.default = exports.Story = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("..");
 var _theme = require("./theme");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 _default = exports.default = {
   title: 'Hooks'
 };
-exports.default = _default;
-var Story = function Story() {
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    accent = _useState2[0],
-    setAccent = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    setTimestamp = _useState4[1];
-  (0, _react.useEffect)(function () {
-    var _Theme$get = _theme.Theme.get(),
-      accent = _Theme$get.accent;
+const Story = () => {
+  const [accent, setAccent] = (0, _react.useState)();
+  const [, setTimestamp] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    const {
+      accent
+    } = _theme.Theme.get();
     setAccent(accent);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     _theme.Theme.generatePalette('accent', accent);
     setTimestamp(new Date().getTime());
   }, [accent]);
-  var _Theme$get2 = _theme.Theme.get(),
-    dark = _Theme$get2.accentDark,
-    light = _Theme$get2.accentLight,
-    border = _Theme$get2.accentBorder,
-    background = _Theme$get2.accentBackground;
-  var palette = {
-    dark: dark,
-    accent: accent,
-    light: light,
-    border: border,
-    background: background
+  const {
+    accentDark: dark,
+    accentLight: light,
+    accentBorder: border,
+    accentBackground: background
+  } = _theme.Theme.get();
+  const palette = {
+    dark,
+    accent,
+    light,
+    border,
+    background
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.View, null, /*#__PURE__*/_react.default.createElement(_.InputText, {
     label: "Accent",
@@ -57,10 +46,8 @@ var Story = function Story() {
   })), /*#__PURE__*/_react.default.createElement(_.View, {
     row: true,
     wide: true
-  }, Object.entries(palette).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
+  }, Object.entries(palette).map(_ref => {
+    let [key, value] = _ref;
     return /*#__PURE__*/_react.default.createElement(_.View, {
       key: key,
       row: true,

package/build/theme/theme.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.stories.js","names":["title","Story","useState","accent","setAccent","setTimestamp","useEffect","Theme","get","generatePalette","Date","getTime","dark","accentDark","light","accentLight","border","accentBorder","background","accentBackground","palette","Object","entries","map","key","value","backgroundColor","padding","color","includes","storyName","args","argTypes"],"sources":["../../src/theme/theme.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { InputText, Text, View } from '..';\nimport { Theme } from './theme';\n\nexport default { title: 'Hooks' };\n\nexport const Story = () => {\n  const [accent, setAccent] = useState();\n  const [, setTimestamp] = useState();\n\n  useEffect(() => {\n    const { accent } = Theme.get();\n    setAccent(accent);\n  }, []);\n\n  useEffect(() => {\n    Theme.generatePalette('accent', accent);\n    setTimestamp(new Date().getTime());\n  }, [accent]);\n\n  const { accentDark: dark, accentLight: light, accentBorder: border, accentBackground: background } = Theme.get();\n  const palette = { dark, accent, light, border, background };\n\n  return (\n    <>\n      <View>\n        <InputText label=\"Accent\" name=\"accent\" value={accent} onChange={setAccent} />\n      </View>\n\n      <View row wide>\n        {Object.entries(palette).map(([key, value]) => (\n          <View key={key} row wide style={{ backgroundColor: !!value ? value : '#cccccc', padding: '1rem' }}>\n            <Text align=\"center\" tiny style={{ color: ['dark', 'accent'].includes(key) ? '#fff' : '#000' }}>\n              {key} {value}\n            </Text>\n          </View>\n        ))}\n      </View>\n    </>\n  );\n};\n\nStory.storyName = 'Theme';\n\nStory.args = {};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAQ,CAAC;AAAA;AAE1B,IAAMC,KAAK,GAAG,SAARA,KAAK,GAAS;EACzB,gBAA4B,IAAAC,eAAQ,GAAE;IAAA;IAA/BC,MAAM;IAAEC,SAAS;EACxB,iBAAyB,IAAAF,eAAQ,GAAE;IAAA;IAA1BG,YAAY;EAErB,IAAAC,gBAAS,EAAC,YAAM;IACd,iBAAmBC,YAAK,CAACC,GAAG,EAAE;MAAtBL,MAAM,cAANA,MAAM;IACdC,SAAS,CAACD,MAAM,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAG,gBAAS,EAAC,YAAM;IACdC,YAAK,CAACE,eAAe,CAAC,QAAQ,EAAEN,MAAM,CAAC;IACvCE,YAAY,CAAC,IAAIK,IAAI,EAAE,CAACC,OAAO,EAAE,CAAC;EACpC,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,kBAAqGI,YAAK,CAACC,GAAG,EAAE;IAA5FI,IAAI,eAAhBC,UAAU;IAAqBC,KAAK,eAAlBC,WAAW;IAAuBC,MAAM,eAApBC,YAAY;IAA4BC,UAAU,eAA5BC,gBAAgB;EACpF,IAAMC,OAAO,GAAG;IAAER,IAAI,EAAJA,IAAI;IAAET,MAAM,EAANA,MAAM;IAAEW,KAAK,EAALA,KAAK;IAAEE,MAAM,EAANA,MAAM;IAAEE,UAAU,EAAVA;EAAW,CAAC;EAE3D,oBACE,yEACE,6BAAC,MAAI,qBACH,6BAAC,WAAS;IAAC,KAAK,EAAC,QAAQ;IAAC,IAAI,EAAC,QAAQ;IAAC,KAAK,EAAEf,MAAO;IAAC,QAAQ,EAAEC;EAAU,EAAG,CACzE,eAEP,6BAAC,MAAI;IAAC,GAAG;IAAC,IAAI;EAAA,GACXiB,MAAM,CAACC,OAAO,CAACF,OAAO,CAAC,CAACG,GAAG,CAAC;IAAA;MAAEC,GAAG;MAAEC,KAAK;IAAA,oBACvC,6BAAC,MAAI;MAAC,GAAG,EAAED,GAAI;MAAC,GAAG;MAAC,IAAI;MAAC,KAAK,EAAE;QAAEE,eAAe,EAAE,CAAC,CAACD,KAAK,GAAGA,KAAK,GAAG,SAAS;QAAEE,OAAO,EAAE;MAAO;IAAE,gBAChG,6BAAC,MAAI;MAAC,KAAK,EAAC,QAAQ;MAAC,IAAI;MAAC,KAAK,EAAE;QAAEC,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACL,GAAG,CAAC,GAAG,MAAM,GAAG;MAAO;IAAE,GAC5FA,GAAG,OAAGC,KAAK,CACP,CACF;EAAA,CACR,CAAC,CACG,CACN;AAEP,CAAC;AAAC;AAEFxB,KAAK,CAAC6B,SAAS,GAAG,OAAO;AAEzB7B,KAAK,CAAC8B,IAAI,GAAG,CAAC,CAAC;AAEf9B,KAAK,CAAC+B,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"theme.stories.js","names":["_react","_interopRequireWildcard","require","_","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","title","Story","accent","setAccent","useState","setTimestamp","useEffect","Theme","generatePalette","Date","getTime","accentDark","dark","accentLight","light","accentBorder","border","accentBackground","background","palette","createElement","Fragment","View","InputText","label","name","value","onChange","row","wide","entries","map","_ref","key","style","backgroundColor","padding","Text","align","tiny","color","includes","storyName","args","argTypes"],"sources":["../../src/theme/theme.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { InputText, Text, View } from '..';\nimport { Theme } from './theme';\n\nexport default { title: 'Hooks' };\n\nexport const Story = () => {\n  const [accent, setAccent] = useState();\n  const [, setTimestamp] = useState();\n\n  useEffect(() => {\n    const { accent } = Theme.get();\n    setAccent(accent);\n  }, []);\n\n  useEffect(() => {\n    Theme.generatePalette('accent', accent);\n    setTimestamp(new Date().getTime());\n  }, [accent]);\n\n  const { accentDark: dark, accentLight: light, accentBorder: border, accentBackground: background } = Theme.get();\n  const palette = { dark, accent, light, border, background };\n\n  return (\n    <>\n      <View>\n        <InputText label=\"Accent\" name=\"accent\" value={accent} onChange={setAccent} />\n      </View>\n\n      <View row wide>\n        {Object.entries(palette).map(([key, value]) => (\n          <View key={key} row wide style={{ backgroundColor: !!value ? value : '#cccccc', padding: '1rem' }}>\n            <Text align=\"center\" tiny style={{ color: ['dark', 'accent'].includes(key) ? '#fff' : '#000' }}>\n              {key} {value}\n            </Text>\n          </View>\n        ))}\n      </View>\n    </>\n  );\n};\n\nStory.storyName = 'Theme';\n\nStory.args = {};\n\nStory.argTypes = {};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "2.0.42",
+  "version": "2.1.1",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -24,32 +24,35 @@
     "release": "yarn version --patch && yarn publish --access public"
   },
   "dependencies": {
-    "@mirai/data-sources": "^0.1",
-    "@mirai/locale": "^0.2",
+    "@mirai/data-sources": "^0.2.0",
+    "@mirai/locale": "^0.3.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.0.1/react-icons-all-files-5.0.1.tgz",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.19.3",
-    "@babel/core": "7.20.5",
-    "@babel/preset-env": "7.20.2",
-    "@babel/preset-react": "7.18.6",
-    "@ladle/react": "2.4.5",
+    "@babel/cli": "7.25.9",
+    "@babel/core": "7.26.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
+    "@ladle/react": "4.1.2",
     "@mirai/eslint": "0.1.3",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/react-hooks": "7.0.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/react-hooks": "8.0.1",
     "babel-polyfill": "6.26.0",
-    "parcel": "2.8.3",
+    "parcel": "2.13.2",
     "process": "0.11.10",
     "react-scripts": "5.0.1",
     "source-map-explorer": "2.5.3"
   },
   "engines": {
-    "node": ">=18.18.0"
+    "node": ">=22.11.0"
   },
   "resolutions": {
-    "@mirai/locale": "^0.2"
+    "@mirai/data-sources": "^0.2",
+    "@mirai/locale": "^0.3"
   },
   "browserslist": {
     "production": [