musae 0.3.2 → 0.3.5

package/dist/components/divider/divider.d.ts

@@ -1,4 +1,4 @@
-import { type DividerProps } from "./types";
+import type { DividerProps } from "musae/types/divider";
 import React from "react";
 declare const Divider: ({ align, children, orientation, className, style, margin, }: DividerProps) => React.JSX.Element;
 export default Divider;

package/dist/components/divider/hooks.d.ts

@@ -1,4 +1,4 @@
-import { Align } from "./types";
+import type { Align } from "musae/types/divider";
 interface UseOffsetProps {
     align: Align;
 }

package/dist/components/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { DrawerProps } from "./types";
+import type { DrawerProps } from "musae/types/drawer";
 declare const Drawer: ({ open, size, closable, placement, ...props }: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/dist/components/drawer/hooks.d.ts

@@ -1,2 +1,2 @@
-import type { Placement } from "./types";
+import type { Placement } from "musae/types/drawer";
 export declare const PLACEMENTS: Record<Placement, [hidden: string, appeared: string]>;

package/dist/components/drawer/popup.cjs

@@ -18,8 +18,11 @@ var theme = require('../theme/theme.cjs');
 var dom = require('@aiszlab/relax/dom');
 var useClosable = require('../../hooks/use-closable.cjs');
 var componentToken = require('../../utils/component-token.cjs');
+var space = require('../space/space.cjs');
+var button = require('../button/button.cjs');
+var useLocale = require('../../locale/use-locale.cjs');
 
-var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className"];
+var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className", "onConfirm"];
 var styles = {
   popup: {
     position: "musaex-ixxii4",
@@ -133,17 +136,28 @@ var styles = {
       }(props.size)
     }];
   },
-  header: {
-    display: "musaex-78zum5",
-    paddingInline: "musaex-y0sash",
-    paddingStart: null,
-    paddingLeft: null,
-    paddingEnd: null,
-    paddingRight: null,
-    paddingBlock: "musaex-1daajqp",
-    paddingTop: null,
-    paddingBottom: null,
-    $$css: true
+  header: function header(props) {
+    return [{
+      display: "musaex-78zum5",
+      paddingInline: "musaex-y0sash",
+      paddingStart: null,
+      paddingLeft: null,
+      paddingEnd: null,
+      paddingRight: null,
+      paddingBlock: "musaex-4g05pm",
+      paddingTop: null,
+      paddingBottom: null,
+      alignItems: "musaex-6s0dn4",
+      gap: "musaex-4ttznp",
+      rowGap: null,
+      columnGap: null,
+      borderBottomWidth: "musaex-cql0v9",
+      borderBottomStyle: "musaex-1q0q8m5",
+      borderBottomColor: "musaex-43481e",
+      $$css: true
+    }, {
+      "--borderBottomColor": props.outlineColor != null ? props.outlineColor : "initial"
+    }];
   },
   body: {
     flex: "musaex-98rzlu",
@@ -160,6 +174,12 @@ var styles = {
     paddingTop: null,
     paddingBottom: null,
     $$css: true
+  },
+  actions: {
+    marginInlineStart: "musaex-vc5jky",
+    marginLeft: null,
+    marginRight: null,
+    $$css: true
   }
 };
 var Popup = function Popup(_ref) {
@@ -170,6 +190,7 @@ var Popup = function Popup(_ref) {
     onClosed = _ref.onClosed,
     size = _ref.size,
     className$1 = _ref.className,
+    onConfirm = _ref.onConfirm,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useAnimate = framerMotion.useAnimate(),
     _useAnimate2 = _slicedToArray(_useAnimate, 2),
@@ -180,7 +201,10 @@ var Popup = function Popup(_ref) {
   var theme$1 = hooks.useTheme();
   var panelRef = React.useRef(null);
   var overlayRef = React.useRef(null);
-  /// children render hooks
+  var _useLocale = useLocale.useLocale(componentToken.ComponentToken.Drawer),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  // children render hooks
   var _useClosable = useClosable.useClosable({
       closable: closable,
       onClose: onClose
@@ -224,7 +248,7 @@ var Popup = function Popup(_ref) {
     }))();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open].concat(_toConsumableArray(_placement)));
-  /// when open, try focus dialog
+  // when open, try focus dialog
   React.useEffect(function () {
     if (!open) return;
     if (dom.contains(scope.current, document.activeElement)) return;
@@ -244,9 +268,14 @@ var Popup = function Popup(_ref) {
     }), styles[placement]({
       size: size
     })),
-    header: stylex.default.props(theme.typography.body.large, styles.header),
+    header: stylex.default.props(theme.typography.body.large, styles.header({
+      outlineColor: theme$1.colors[colors.ColorToken.Outline]
+    })),
     body: {
       className: "musaex-98rzlu musaex-ox8tdy"
+    },
+    actions: {
+      className: "musaex-vc5jky"
     }
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -264,10 +293,15 @@ var Popup = function Popup(_ref) {
     className: relax.clsx(classNames[className.DrawerClassToken.Panel], styled.panel.className),
     style: styled.panel.style,
     ref: panelRef
-  }, closer, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: relax.clsx(classNames[className.DrawerClassToken.Header], styled.header.className),
     style: styled.header.style
-  }, props.title), /*#__PURE__*/React.createElement("div", {
+  }, closer, props.title, /*#__PURE__*/React.createElement(space.default, {
+    className: styled.actions.className,
+    style: styled.actions.style
+  }, /*#__PURE__*/React.createElement(button.Button, {
+    onClick: onConfirm
+  }, locale.confirm))), /*#__PURE__*/React.createElement("div", {
     className: relax.clsx(classNames[className.DrawerClassToken.Body], styled.body.className),
     style: styled.body.style
   }, props.children)));

package/dist/components/drawer/popup.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { PopupProps } from "./types";
-declare const Popup: ({ open, onClose, placement, closable, onClosed, size, className, ...props }: PopupProps) => React.JSX.Element;
+import type { PopupProps } from "musae/types/drawer";
+declare const Popup: ({ open, onClose, placement, closable, onClosed, size, className, onConfirm, ...props }: PopupProps) => React.JSX.Element;
 export default Popup;

package/dist/components/drawer/popup.mjs

@@ -16,8 +16,11 @@ import { typography } from '../theme/theme.mjs';
 import { contains } from '@aiszlab/relax/dom';
 import { useClosable } from '../../hooks/use-closable.mjs';
 import { ComponentToken } from '../../utils/component-token.mjs';
+import Space from '../space/space.mjs';
+import { Button } from '../button/button.mjs';
+import { useLocale } from '../../locale/use-locale.mjs';
 
-var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className"];
+var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className", "onConfirm"];
 var styles = {
   popup: {
     position: "musaex-ixxii4",
@@ -131,17 +134,28 @@ var styles = {
       }(props.size)
     }];
   },
-  header: {
-    display: "musaex-78zum5",
-    paddingInline: "musaex-y0sash",
-    paddingStart: null,
-    paddingLeft: null,
-    paddingEnd: null,
-    paddingRight: null,
-    paddingBlock: "musaex-1daajqp",
-    paddingTop: null,
-    paddingBottom: null,
-    $$css: true
+  header: function header(props) {
+    return [{
+      display: "musaex-78zum5",
+      paddingInline: "musaex-y0sash",
+      paddingStart: null,
+      paddingLeft: null,
+      paddingEnd: null,
+      paddingRight: null,
+      paddingBlock: "musaex-4g05pm",
+      paddingTop: null,
+      paddingBottom: null,
+      alignItems: "musaex-6s0dn4",
+      gap: "musaex-4ttznp",
+      rowGap: null,
+      columnGap: null,
+      borderBottomWidth: "musaex-cql0v9",
+      borderBottomStyle: "musaex-1q0q8m5",
+      borderBottomColor: "musaex-43481e",
+      $$css: true
+    }, {
+      "--borderBottomColor": props.outlineColor != null ? props.outlineColor : "initial"
+    }];
   },
   body: {
     flex: "musaex-98rzlu",
@@ -158,6 +172,12 @@ var styles = {
     paddingTop: null,
     paddingBottom: null,
     $$css: true
+  },
+  actions: {
+    marginInlineStart: "musaex-vc5jky",
+    marginLeft: null,
+    marginRight: null,
+    $$css: true
   }
 };
 var Popup = function Popup(_ref) {
@@ -168,6 +188,7 @@ var Popup = function Popup(_ref) {
     onClosed = _ref.onClosed,
     size = _ref.size,
     className = _ref.className,
+    onConfirm = _ref.onConfirm,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useAnimate = useAnimate(),
     _useAnimate2 = _slicedToArray(_useAnimate, 2),
@@ -178,7 +199,10 @@ var Popup = function Popup(_ref) {
   var theme = useTheme();
   var panelRef = useRef(null);
   var overlayRef = useRef(null);
-  /// children render hooks
+  var _useLocale = useLocale(ComponentToken.Drawer),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  // children render hooks
   var _useClosable = useClosable({
       closable: closable,
       onClose: onClose
@@ -222,7 +246,7 @@ var Popup = function Popup(_ref) {
     }))();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open].concat(_toConsumableArray(_placement)));
-  /// when open, try focus dialog
+  // when open, try focus dialog
   useEffect(function () {
     if (!open) return;
     if (contains(scope.current, document.activeElement)) return;
@@ -242,9 +266,14 @@ var Popup = function Popup(_ref) {
     }), styles[placement]({
       size: size
     })),
-    header: _stylex.props(typography.body.large, styles.header),
+    header: _stylex.props(typography.body.large, styles.header({
+      outlineColor: theme.colors[ColorToken.Outline]
+    })),
     body: {
       className: "musaex-98rzlu musaex-ox8tdy"
+    },
+    actions: {
+      className: "musaex-vc5jky"
     }
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -262,10 +291,15 @@ var Popup = function Popup(_ref) {
     className: clsx(classNames[DrawerClassToken.Panel], styled.panel.className),
     style: styled.panel.style,
     ref: panelRef
-  }, closer, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[DrawerClassToken.Header], styled.header.className),
     style: styled.header.style
-  }, props.title), /*#__PURE__*/React.createElement("div", {
+  }, closer, props.title, /*#__PURE__*/React.createElement(Space, {
+    className: styled.actions.className,
+    style: styled.actions.style
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onConfirm
+  }, locale.confirm))), /*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[DrawerClassToken.Body], styled.body.className),
     style: styled.body.style
   }, props.children)));

package/dist/components/{floating-action-button/floating-action-button.cjs → fab/fab.cjs}

@@ -9,7 +9,7 @@ var modifiers = require('@dnd-kit/modifiers');
 var relax = require('@aiszlab/relax');
 var useContainer = require('../../hooks/use-container.cjs');
 
-var FloatingActionButton = function FloatingActionButton(_ref) {
+var Fab = function Fab(_ref) {
   var container = _ref.container,
     children = _ref.children;
   var _useIdentity = relax.useIdentity(),
@@ -36,4 +36,4 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
   }, children));
 };
 
-exports.default = FloatingActionButton;
+exports.default = Fab;

package/dist/components/fab/fab.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { FabProps } from "musae/types/fab";
+declare const Fab: ({ container, children }: FabProps) => React.JSX.Element;
+export default Fab;

package/dist/components/{floating-action-button/floating-action-button.mjs → fab/fab.mjs}

@@ -7,7 +7,7 @@ import { restrictToParentElement } from '@dnd-kit/modifiers';
 import { useIdentity, useEvent } from '@aiszlab/relax';
 import { useContainer } from '../../hooks/use-container.mjs';
 
-var FloatingActionButton = function FloatingActionButton(_ref) {
+var Fab = function Fab(_ref) {
   var container = _ref.container,
     children = _ref.children;
   var _useIdentity = useIdentity(),
@@ -34,4 +34,4 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
   }, children));
 };
 
-export { FloatingActionButton as default };
+export { Fab as default };

package/dist/components/{floating-action-button → fab}/floatable.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { FloatableProps, FloatableRef } from "./types";
+import type { FloatableProps, FloatableRef } from "musae/types/fab";
 declare const Floatable: React.ForwardRefExoticComponent<FloatableProps & React.RefAttributes<FloatableRef>>;
 export default Floatable;

package/dist/components/fab/index.d.ts

@@ -0,0 +1,2 @@
+import Fab from "./fab";
+export { Fab };

package/dist/components/grid/col.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ColProps } from "./types";
+import type { ColProps } from "musae/types/grid";
 declare const Col: ({ children, className, span, as: As, style }: ColProps) => React.JSX.Element;
 export default Col;

package/dist/components/grid/index.d.ts

@@ -1,4 +1,4 @@
 export declare const Grid: {
-    Row: ({ align, children, gutter, justify, className, as: As, style, }: import("./types").RowProps) => import("react").JSX.Element;
-    Col: ({ children, className, span, as: As, style }: import("./types").ColProps) => import("react").JSX.Element;
+    Row: ({ align, children, gutter, justify, className, as: As, style, }: import("../../types/grid").RowProps) => import("react").JSX.Element;
+    Col: ({ children, className, span, as: As, style }: import("../../types/grid").ColProps) => import("react").JSX.Element;
 };

package/dist/components/grid/row.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { RowProps } from "./types";
+import type { RowProps } from "musae/types/grid";
 declare const Row: ({ align, children, gutter, justify, className, as: As, style, }: RowProps) => React.JSX.Element;
 export default Row;

package/dist/components/highlight/highlight.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { HighlightProps } from "./types";
+import type { HighlightProps } from "musae/types/highlight";
 declare const _default: React.MemoExoticComponent<({ children, capture }: HighlightProps) => React.JSX.Element>;
 export default _default;

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

@@ -8,16 +8,22 @@ var popover = require('../popover/popover.cjs');
 var hooks = require('./hooks.cjs');
 var menu = require('../menu/menu.cjs');
 var relax = require('@aiszlab/relax');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var componentToken = require('../../utils/component-token.cjs');
+var className = require('../../utils/class-name.cjs');
 var translate = require('../icon/icons/action/translate.cjs');
 
 var I18nButton = function I18nButton(_ref) {
   var onChange = _ref.onChange,
-    variant = _ref.variant;
+    variant = _ref.variant,
+    className$1 = _ref.className,
+    style = _ref.style;
   var _useLocales = hooks.useLocales(),
     selections = _useLocales.selections,
     locales = _useLocales.locales,
     localeCode = _useLocales.localeCode;
   var popoverRef = React.useRef(null);
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.I18nButton);
   var change = relax.useEvent(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
       var _popoverRef$current;
@@ -42,14 +48,16 @@ var I18nButton = function I18nButton(_ref) {
     ref: popoverRef,
     triggerBy: "click",
     content: /*#__PURE__*/React.createElement(menu.default, {
-      selectedKeys: [localeCode],
+      selectedKeys: localeCode,
       items: selections,
       onClick: change
     }),
     padding: 8
   }, /*#__PURE__*/React.createElement(button.Button, {
     shape: "circular",
-    variant: variant
+    variant: variant,
+    className: relax.clsx(classNames[className.I18nButtonClassToken.I18nButton], className$1),
+    style: style
   }, /*#__PURE__*/React.createElement(translate.default, null)));
 };
 

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

@@ -1,4 +1,4 @@
 import React from "react";
-import type { I18nButtonProps } from "./types";
-declare const I18nButton: ({ onChange, variant }: I18nButtonProps) => React.JSX.Element;
+import type { I18nButtonProps } from "musae/types/i18n-button";
+declare const I18nButton: ({ onChange, variant, className, style }: I18nButtonProps) => React.JSX.Element;
 export default I18nButton;

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

@@ -5,17 +5,23 @@ 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 { useEvent, clsx } from '@aiszlab/relax';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { ComponentToken } from '../../utils/component-token.mjs';
+import { I18nButtonClassToken } from '../../utils/class-name.mjs';
 import Translate from '../icon/icons/action/translate.mjs';
 
 var I18nButton = function I18nButton(_ref) {
   var onChange = _ref.onChange,
-    variant = _ref.variant;
+    variant = _ref.variant,
+    className = _ref.className,
+    style = _ref.style;
   var _useLocales = useLocales(),
     selections = _useLocales.selections,
     locales = _useLocales.locales,
     localeCode = _useLocales.localeCode;
   var popoverRef = useRef(null);
+  var classNames = useClassNames(ComponentToken.I18nButton);
   var change = useEvent(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
       var _popoverRef$current;
@@ -40,14 +46,16 @@ var I18nButton = function I18nButton(_ref) {
     ref: popoverRef,
     triggerBy: "click",
     content: /*#__PURE__*/React.createElement(Menu, {
-      selectedKeys: [localeCode],
+      selectedKeys: localeCode,
       items: selections,
       onClick: change
     }),
     padding: 8
   }, /*#__PURE__*/React.createElement(Button, {
     shape: "circular",
-    variant: variant
+    variant: variant,
+    className: clsx(classNames[I18nButtonClassToken.I18nButton], className),
+    style: style
   }, /*#__PURE__*/React.createElement(Translate, null)));
 };
 

package/dist/components/icon/hoc.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { AsProps, IconProps } from "./types";
+import { type FC } from "react";
+import type { AsProps, IconProps } from "musae/types/icon";
 /**
  * @description
  * with icon

package/dist/components/icon/icon.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { IconProps } from "./types";
+import type { IconProps } from "musae/types/icon";
 declare const Icon: ({ as, color, size, onClick, style, className, ...props }: IconProps) => React.JSX.Element;
 export default Icon;

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

@@ -1,3 +1,3 @@
 import React from "react";
-declare const CheckCircleOutline: (props: Omit<import("../..").IconProps, "as">) => React.FunctionComponentElement<import("../..").IconProps>;
+declare const CheckCircleOutline: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
 export default CheckCircleOutline;

package/dist/components/icon/icons/action/check-circle.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const CheckCircle: (props: Omit<import("../..").IconProps, "as">) => React.FunctionComponentElement<import("../..").IconProps>;
+declare const CheckCircle: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
 export default CheckCircle;

package/dist/components/icon/icons/action/code.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Code: (props: Omit<import("../..").IconProps, "as">) => React.FunctionComponentElement<import("../..").IconProps>;
+declare const Code: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
 export default Code;

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

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var Delete = 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: "M16 9V19H8V9H16ZM14.5 3H9.5L8.5 4H5V6H19V4H15.5L14.5 3ZM18 7H6V19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Delete;

package/dist/components/icon/icons/action/delete.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Delete: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default Delete;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var Delete = 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: "M16 9V19H8V9H16ZM14.5 3H9.5L8.5 4H5V6H19V4H15.5L14.5 3ZM18 7H6V19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7Z",
+    fill: "currentColor"
+  }));
+});
+
+export { Delete as default };

package/dist/components/icon/icons/action/done-outline.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const DoneOutline: (props: Omit<import("../..").IconProps, "as">) => React.FunctionComponentElement<import("../..").IconProps>;
+declare const DoneOutline: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
 export default DoneOutline;

package/dist/components/icon/icons/action/done.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Done: (props: Omit<import("../..").IconProps, "as">) => React.FunctionComponentElement<import("../..").IconProps>;
+declare const Done: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
 export default Done;

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

@@ -13,6 +13,8 @@ var doneOutline = require('./done-outline.cjs');
 var translate = require('./translate.cjs');
 var code = require('./code.cjs');
 var openInNew = require('./open-in-new.cjs');
+var _delete = require('./delete.cjs');
+var threeDRotation = require('./three-d-rotation.cjs');
 
 var _ = {
   Visibility: visibility.default,
@@ -27,7 +29,9 @@ var _ = {
   DoneOutline: doneOutline.default,
   Translate: translate.default,
   Code: code.default,
-  OpenInNew: openInNew.default
+  OpenInNew: openInNew.default,
+  Delete: _delete.default,
+  ThreeDRotation: threeDRotation.default
 };
 
 exports.Visibility = visibility.default;
@@ -43,4 +47,6 @@ exports.DoneOutline = doneOutline.default;
 exports.Translate = translate.default;
 exports.Code = code.default;
 exports.OpenInNew = openInNew.default;
+exports.Delete = _delete.default;
+exports.ThreeDRotation = threeDRotation.default;
 exports.default = _;

package/dist/components/icon/icons/action/index.d.ts

@@ -11,20 +11,24 @@ import DoneOutline from "./done-outline";
 import Translate from "./translate";
 import Code from "./code";
 import OpenInNew from "./open-in-new";
+import Delete from "./delete";
+import ThreeDRotation from "./three-d-rotation";
 declare const _: {
-    Visibility: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    VisibilityOff: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    CheckCircleOutline: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    Done: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    CheckCircle: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    SwapHoriz: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    SwapVert: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    ZoomOut: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    ZoomIn: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    DoneOutline: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    Translate: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    Code: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
-    OpenInNew: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Visibility: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    VisibilityOff: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    CheckCircleOutline: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Done: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    CheckCircle: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    SwapHoriz: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    SwapVert: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    ZoomOut: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    ZoomIn: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    DoneOutline: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Translate: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Code: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    OpenInNew: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Delete: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    ThreeDRotation: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
 };
 export default _;
-export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, };
+export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, Delete, ThreeDRotation, };