musae 0.2.26 → 0.3.0

package/dist/components/highlight/highlight.cjs

@@ -0,0 +1,57 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var className = require('../../utils/class-name.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var hooks = require('../theme/hooks.cjs');
+var colors = require('../../utils/colors.cjs');
+var relax = require('@aiszlab/relax');
+var componentToken = require('../../utils/component-token.cjs');
+
+var styles = {
+  capture: function capture(props) {
+    return [{
+      color: "musaex-19dipnz",
+      $$css: true
+    }, {
+      "--color": props.color != null ? props.color : "initial"
+    }];
+  }
+};
+var Highlight = function Highlight(_ref) {
+  var children = _ref.children,
+    capture = _ref.capture;
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Highlight);
+  var theme = hooks.useTheme();
+  var _children = React.useMemo(function () {
+    if (!capture) return [children];
+    var styled = stylex.default.props(styles.capture({
+      color: theme.colors[colors.ColorToken.Primary]
+    }));
+    // 1. use regex match
+    // 2. replace with custom node
+    var _Array$from$reduce = Array.from(children.matchAll(new RegExp(capture, "g"))).reduce(function (prev, item) {
+        prev[0].push(children.slice(prev[1], item.index));
+        prev[0].push(/*#__PURE__*/React.createElement("span", {
+          className: relax.clsx(classNames[className.HighlightClassToken.Capture], styled.className),
+          style: styled.style,
+          key: item.index
+        }, item[0]));
+        prev[1] = item.index + item[0].length;
+        return prev;
+      }, [[], 0]),
+      _Array$from$reduce2 = _slicedToArray(_Array$from$reduce, 2),
+      _children = _Array$from$reduce2[0],
+      end = _Array$from$reduce2[1];
+    _children.push(children.slice(end));
+    return _children;
+  }, [capture, children, theme, classNames]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: classNames[className.HighlightClassToken.Highlight]
+  }, _children);
+};
+var highlight = /*#__PURE__*/React.memo(Highlight);
+
+exports.default = highlight;

package/dist/components/highlight/{highlight.js → highlight.mjs}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { memo, useMemo } from 'react';
-import { useClassNames } from '../../hooks/use-class-names.js';
-import { HighlightClassToken } from '../../utils/class-name.js';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import { useTheme } from '../theme/hooks.js';
-import { ColorToken } from '../../utils/colors.js';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { HighlightClassToken } from '../../utils/class-name.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { useTheme } from '../theme/hooks.mjs';
+import { ColorToken } from '../../utils/colors.mjs';
 import { clsx } from '@aiszlab/relax';
-import { ComponentToken } from '../../utils/component-token.js';
+import { ComponentToken } from '../../utils/component-token.mjs';
 
 var styles = {
   capture: function capture(props) {

package/dist/components/i18n-button/hooks.cjs

@@ -0,0 +1,78 @@
+var _regeneratorRuntime = require('@babel/runtime/helpers/regeneratorRuntime');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var relax = require('@aiszlab/relax');
+var useLocale = require('../../locale/use-locale.cjs');
+var componentToken = require('../../utils/component-token.cjs');
+
+/**
+ * @description
+ * lazy load locales
+ */
+var useLocales = function useLocales() {
+  var _useLocale = useLocale.useLocale(componentToken.ComponentToken.I18nButton),
+    _useLocale2 = _slicedToArray(_useLocale, 2),
+    locale = _useLocale2[0],
+    localeCode = _useLocale2[1];
+  var _useState = React.useState(new Map()),
+    _useState2 = _slicedToArray(_useState, 2),
+    locales = _useState2[0],
+    setLocales = _useState2[1];
+  relax.useMounted(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _yield$import$catch;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.t0 = setLocales;
+          _context.t1 = Object;
+          _context.next = 4;
+          return Promise.resolve().then(function () { return require('../../locale/locales/index.cjs'); })["catch"](function () {
+            return null;
+          });
+        case 4:
+          _context.t3 = _yield$import$catch = _context.sent;
+          _context.t2 = _context.t3 !== null;
+          if (!_context.t2) {
+            _context.next = 8;
+            break;
+          }
+          _context.t2 = _yield$import$catch !== void 0;
+        case 8:
+          if (!_context.t2) {
+            _context.next = 12;
+            break;
+          }
+          _context.t4 = _yield$import$catch;
+          _context.next = 13;
+          break;
+        case 12:
+          _context.t4 = {};
+        case 13:
+          _context.t5 = _context.t4;
+          _context.t6 = _context.t1.values.call(_context.t1, _context.t5).reduce(function (prev, locale) {
+            return prev.set(locale.locale, locale);
+          }, new Map());
+          (0, _context.t0)(_context.t6);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+  var selections = React.useMemo(function () {
+    return Array.from(locales.keys()).map(function (key) {
+      return {
+        label: locale[key],
+        key: key
+      };
+    });
+  }, [locale, locales]);
+  return {
+    locales: locales,
+    localeCode: localeCode,
+    selections: selections
+  };
+};
+
+exports.useLocales = useLocales;

package/dist/components/i18n-button/hooks.d.ts

@@ -1,5 +1,5 @@
-import { type MenuItem } from "../menu";
-import type { Locale, LocaleCode } from "../../locale/types";
+import type { MenuItem } from "musae/types/menu";
+import type { Locale, LocaleCode } from "musae/types/locale";
 /**
  * @description
  * lazy load locales

package/dist/components/i18n-button/{hooks.js → hooks.mjs}

@@ -3,8 +3,8 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useMemo } from 'react';
 import { useMounted } from '@aiszlab/relax';
-import { useLocale } from '../../locale/use-locale.js';
-import { ComponentToken } from '../../utils/component-token.js';
+import { useLocale } from '../../locale/use-locale.mjs';
+import { ComponentToken } from '../../utils/component-token.mjs';
 
 /**
  * @description
@@ -27,7 +27,7 @@ var useLocales = function useLocales() {
           _context.t0 = setLocales;
           _context.t1 = Object;
           _context.next = 4;
-          return import('../../locale/locales/index.js')["catch"](function () {
+          return import('../../locale/locales/index.mjs')["catch"](function () {
             return null;
           });
         case 4:

package/dist/components/i18n-button/i18n-button.cjs

@@ -0,0 +1,56 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _regeneratorRuntime = require('@babel/runtime/helpers/regeneratorRuntime');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var React = require('react');
+var button = require('../button/button.cjs');
+var popover = require('../popover/popover.cjs');
+var hooks = require('./hooks.cjs');
+var menu = require('../menu/menu.cjs');
+var relax = require('@aiszlab/relax');
+var translate = require('../icon/icons/action/translate.cjs');
+
+var I18nButton = function I18nButton(_ref) {
+  var onChange = _ref.onChange,
+    variant = _ref.variant;
+  var _useLocales = hooks.useLocales(),
+    selections = _useLocales.selections,
+    locales = _useLocales.locales,
+    localeCode = _useLocales.localeCode;
+  var popoverRef = React.useRef(null);
+  var change = relax.useEvent(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
+      var _popoverRef$current;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current.close();
+          case 2:
+            onChange === null || onChange === void 0 || onChange(locales.get(value));
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
+  return /*#__PURE__*/React.createElement(popover.default, {
+    ref: popoverRef,
+    triggerBy: "click",
+    content: /*#__PURE__*/React.createElement(menu.default, {
+      selectedKeys: [localeCode],
+      items: selections,
+      onClick: change
+    }),
+    padding: 8
+  }, /*#__PURE__*/React.createElement(button.Button, {
+    shape: "circular",
+    variant: variant
+  }, /*#__PURE__*/React.createElement(translate.default, null)));
+};
+
+exports.default = I18nButton;

package/dist/components/i18n-button/{i18n-button.js → i18n-button.mjs}

@@ -1,12 +1,12 @@
 import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import React, { useRef } from 'react';
-import Button from '../button/button.js';
-import Popover from '../popover/popover.js';
-import { useLocales } from './hooks.js';
-import Menu from '../menu/menu.js';
+import { Button } from '../button/button.mjs';
+import Popover from '../popover/popover.mjs';
+import { useLocales } from './hooks.mjs';
+import Menu from '../menu/menu.mjs';
 import { useEvent } from '@aiszlab/relax';
-import Translate from '../icon/icons/action/translate.js';
+import Translate from '../icon/icons/action/translate.mjs';
 
 var I18nButton = function I18nButton(_ref) {
   var onChange = _ref.onChange,
@@ -50,6 +50,5 @@ var I18nButton = function I18nButton(_ref) {
     variant: variant
   }, /*#__PURE__*/React.createElement(Translate, null)));
 };
-var I18nButton$1 = I18nButton;
 
-export { I18nButton$1 as default };
+export { I18nButton as default };

package/dist/components/i18n-button/types.d.ts

@@ -1,4 +1,4 @@
-import type { Locale } from "../../locale";
+import type { Locale } from "musae/types/locale";
 import type { ButtonProps } from "../button/types";
 /**
  * @description

package/dist/components/icon/hoc.cjs

@@ -0,0 +1,17 @@
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var React = require('react');
+var icon = require('./icon.cjs');
+
+/**
+ * @description
+ * with icon
+ */
+var withIcon = function withIcon(as) {
+  return function (props) {
+    return /*#__PURE__*/React.createElement(icon.default, _objectSpread(_objectSpread({}, props), {}, {
+      as: as
+    }));
+  };
+};
+
+exports.withIcon = withIcon;

package/dist/components/icon/{hoc.js → hoc.mjs}

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { createElement } from 'react';
-import Icon from './icon.js';
+import Icon from './icon.mjs';
 
 /**
  * @description

package/dist/components/icon/icon.cjs

@@ -0,0 +1,60 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var relax = require('@aiszlab/relax');
+var className = require('../../utils/class-name.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var componentToken = require('../../utils/component-token.cjs');
+
+var _excluded = ["as", "color", "size", "onClick", "style", "className"];
+var styles = {
+  icon: function icon(props) {
+    return [{
+      display: "musaex-3nfvp2",
+      verticalAlign: "musaex-xymvpz",
+      color: "musaex-19dipnz",
+      $$css: true
+    }, {
+      "--color": props.color != null ? props.color : "initial"
+    }];
+  },
+  clickable: {
+    cursor: "musaex-1ypdohk",
+    userSelect: "musaex-87ps6o",
+    $$css: true
+  }
+};
+var Icon = function Icon(_ref) {
+  var as = _ref.as,
+    color = _ref.color,
+    size = _ref.size,
+    onClick = _ref.onClick,
+    style = _ref.style,
+    className$1 = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Icon);
+  var asProps = React.useMemo(function () {
+    return {
+      size: size === "small" ? 12 : size === "large" ? 20 : size === "medium" ? 16 : size !== null && size !== void 0 ? size : 16
+    };
+  }, [size]);
+  var children = React.useMemo(function () {
+    if (relax.isFunction(as)) {
+      return /*#__PURE__*/React.createElement(as, asProps);
+    }
+    return as;
+  }, [asProps, as]);
+  var styled = stylex.default.props(styles.icon({
+    color: color
+  }), !!onClick && styles.clickable);
+  return /*#__PURE__*/React.createElement("span", _objectSpread({
+    className: relax.clsx(classNames[className.IconClassToken.Icon], className$1, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style),
+    onClick: onClick
+  }, props), children);
+};
+
+exports.default = Icon;

package/dist/components/icon/{icon.js → icon.mjs}

@@ -2,10 +2,10 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { useMemo, createElement } from 'react';
 import { isFunction, clsx } from '@aiszlab/relax';
-import { IconClassToken } from '../../utils/class-name.js';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import { useClassNames } from '../../hooks/use-class-names.js';
-import { ComponentToken } from '../../utils/component-token.js';
+import { IconClassToken } from '../../utils/class-name.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { ComponentToken } from '../../utils/component-token.mjs';
 
 var _excluded = ["as", "color", "size", "onClick", "style", "className"];
 var styles = {
@@ -32,7 +32,7 @@ var Icon = function Icon(_ref) {
     onClick = _ref.onClick,
     style = _ref.style,
     className = _ref.className,
-    props$1 = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   var classNames = useClassNames(ComponentToken.Icon);
   var asProps = useMemo(function () {
     return {
@@ -45,15 +45,14 @@ var Icon = function Icon(_ref) {
     }
     return as;
   }, [asProps, as]);
-  var styled = props(styles.icon({
+  var styled = _stylex.props(styles.icon({
     color: color
   }), !!onClick && styles.clickable);
   return /*#__PURE__*/React.createElement("span", _objectSpread({
     className: clsx(classNames[IconClassToken.Icon], className, styled.className),
     style: _objectSpread(_objectSpread({}, styled.style), style),
     onClick: onClick
-  }, props$1), children);
+  }, props), children);
 };
-var Icon$1 = Icon;
 
-export { Icon$1 as default };
+export { Icon as default };

package/dist/components/icon/icons/action/check-circle-outline.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var CheckCircleOutline = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = CheckCircleOutline;

package/dist/components/icon/icons/action/{check-circle-outline.js → check-circle-outline.mjs}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withIcon } from '../../hoc.js';
+import { withIcon } from '../../hoc.mjs';
 
 var CheckCircleOutline = withIcon(function (_ref) {
   var size = _ref.size;
@@ -14,6 +14,5 @@ var CheckCircleOutline = withIcon(function (_ref) {
     fill: "currentColor"
   }));
 });
-var CheckCircleOutline$1 = CheckCircleOutline;
 
-export { CheckCircleOutline$1 as default };
+export { CheckCircleOutline as default };

package/dist/components/icon/icons/action/check-circle.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var CheckCircle = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = CheckCircle;

package/dist/components/icon/icons/action/{check-circle.js → check-circle.mjs}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withIcon } from '../../hoc.js';
+import { withIcon } from '../../hoc.mjs';
 
 var CheckCircle = withIcon(function (_ref) {
   var size = _ref.size;
@@ -14,6 +14,5 @@ var CheckCircle = withIcon(function (_ref) {
     fill: "currentColor"
   }));
 });
-var CheckCircle$1 = CheckCircle;
 
-export { CheckCircle$1 as default };
+export { CheckCircle as default };

package/dist/components/icon/icons/action/code.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var Code = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.4 16.6L4.8 12L9.4 7.4L8 6L2 12L8 18L9.4 16.6ZM14.6 16.6L19.2 12L14.6 7.4L16 6L22 12L16 18L14.6 16.6Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Code;

package/dist/components/icon/icons/action/{code.js → code.mjs}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withIcon } from '../../hoc.js';
+import { withIcon } from '../../hoc.mjs';
 
 var Code = withIcon(function (_ref) {
   var size = _ref.size;
@@ -14,6 +14,5 @@ var Code = withIcon(function (_ref) {
     fill: "currentColor"
   }));
 });
-var Code$1 = Code;
 
-export { Code$1 as default };
+export { Code as default };

package/dist/components/icon/icons/action/done-outline.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var DoneOutline = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19.77 4.92961L21.17 6.32961L8.43 19.0696L2.83 13.4696L4.23 12.0696L8.43 16.2696L19.77 4.92961ZM19.77 2.09961L8.43 13.4396L4.23 9.23961L0 13.4696L8.43 21.8996L24 6.32961L19.77 2.09961Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = DoneOutline;

package/dist/components/icon/icons/action/{done-outline.js → done-outline.mjs}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withIcon } from '../../hoc.js';
+import { withIcon } from '../../hoc.mjs';
 
 var DoneOutline = withIcon(function (_ref) {
   var size = _ref.size;
@@ -14,6 +14,5 @@ var DoneOutline = withIcon(function (_ref) {
     fill: "currentColor"
   }));
 });
-var DoneOutline$1 = DoneOutline;
 
-export { DoneOutline$1 as default };
+export { DoneOutline as default };

package/dist/components/icon/icons/action/done.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var Done = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8.80001 15.8998L4.60001 11.6998L3.20001 13.0998L8.80001 18.6998L20.8 6.6998L19.4 5.2998L8.80001 15.8998Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Done;

package/dist/components/icon/icons/action/{done.js → done.mjs}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withIcon } from '../../hoc.js';
+import { withIcon } from '../../hoc.mjs';
 
 var Done = withIcon(function (_ref) {
   var size = _ref.size;
@@ -14,6 +14,5 @@ var Done = withIcon(function (_ref) {
     fill: "currentColor"
   }));
 });
-var Done$1 = Done;
 
-export { Done$1 as default };
+export { Done as default };

package/dist/components/icon/icons/action/index.cjs

@@ -0,0 +1,29 @@
+var visibility = require('./visibility.cjs');
+var visibilityOff = require('./visibility-off.cjs');
+var checkCircleOutline = require('./check-circle-outline.cjs');
+var done = require('./done.cjs');
+var checkCircle = require('./check-circle.cjs');
+var swapHoriz = require('./swap-horiz.cjs');
+var swapVert = require('./swap-vert.cjs');
+var zoomOut = require('./zoom-out.cjs');
+var zoomIn = require('./zoom-in.cjs');
+var doneOutline = require('./done-outline.cjs');
+var translate = require('./translate.cjs');
+var code = require('./code.cjs');
+var openInNew = require('./open-in-new.cjs');
+
+
+
+exports.Visibility = visibility.default;
+exports.VisibilityOff = visibilityOff.default;
+exports.CheckCircleOutline = checkCircleOutline.default;
+exports.Done = done.default;
+exports.CheckCircle = checkCircle.default;
+exports.SwapHoriz = swapHoriz.default;
+exports.SwapVert = swapVert.default;
+exports.ZoomOut = zoomOut.default;
+exports.ZoomIn = zoomIn.default;
+exports.DoneOutline = doneOutline.default;
+exports.Translate = translate.default;
+exports.Code = code.default;
+exports.OpenInNew = openInNew.default;

package/dist/components/icon/icons/action/index.mjs

@@ -0,0 +1,13 @@
+export { default as Visibility } from './visibility.mjs';
+export { default as VisibilityOff } from './visibility-off.mjs';
+export { default as CheckCircleOutline } from './check-circle-outline.mjs';
+export { default as Done } from './done.mjs';
+export { default as CheckCircle } from './check-circle.mjs';
+export { default as SwapHoriz } from './swap-horiz.mjs';
+export { default as SwapVert } from './swap-vert.mjs';
+export { default as ZoomOut } from './zoom-out.mjs';
+export { default as ZoomIn } from './zoom-in.mjs';
+export { default as DoneOutline } from './done-outline.mjs';
+export { default as Translate } from './translate.mjs';
+export { default as Code } from './code.mjs';
+export { default as OpenInNew } from './open-in-new.mjs';

package/dist/components/icon/icons/action/open-in-new.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var OpenInNew = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = OpenInNew;