demio-ui 1.0.82 → 1.0.84

package/dist/esm/types/src/components/Modal/Modal.d.ts

@@ -4,6 +4,7 @@ type Props = {
     contentClassName?: string;
     hideCloseButton?: boolean;
     maxHeight?: string;
+    onClose?: () => void;
     onOpenChange: (open: boolean) => void;
     open: boolean;
     overlayClassName: string;
@@ -16,5 +17,5 @@ type Props = {
 - Esc closes the component automatically.
 - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
  **/
-declare function Modal({ children, contentClassName, hideCloseButton, maxHeight, open, onOpenChange, overlayClassName, title, width, }: Props): React.JSX.Element;
+declare function Modal({ children, contentClassName, hideCloseButton, maxHeight, onClose, onOpenChange, open, overlayClassName, title, width, }: Props): React.JSX.Element;
 export default Modal;

package/dist/esm/types/src/icons/index.d.ts

@@ -16,6 +16,8 @@ import EventDetailsIcon from './event_details.svg';
 import EventRepeatIcon from './event_repeat.svg';
 import InfoIcon from './info.svg';
 import InfoSolidIcon from './info-1.svg';
+import ItemsIcon from './items.svg';
+import ListIcon from './list.svg';
 import MagicIcon from './magic.svg';
 import MaterialsIcon from './materials.svg';
 import MicOffIcon from './mic_off-1.svg';
@@ -39,4 +41,4 @@ import VolumeUpIcon from './volume_up-1.svg';
 import VolumeUpSolidIcon from './volume_up.svg';
 import WarningIcon from './warning-1.svg';
 import WarningSolidIcon from './warning.svg';
-export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, ClockIcon, CloseIcon, CustomizeIcon, DeleteIcon, EventDetailsIcon, EventRepeatIcon, InfoIcon, InfoSolidIcon, MagicIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeIcon, PasswordEyeCrossedIcon, PlayIcon, SearchIcon, SmileIcon, StackedEmailIcon, TodayIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
+export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, ClockIcon, CloseIcon, CustomizeIcon, DeleteIcon, EventDetailsIcon, EventRepeatIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, MagicIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeIcon, PasswordEyeCrossedIcon, PlayIcon, SearchIcon, SmileIcon, StackedEmailIcon, TodayIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

package/dist/types.d.ts

@@ -118,6 +118,7 @@ type Props$5 = {
     contentClassName?: string;
     hideCloseButton?: boolean;
     maxHeight?: string;
+    onClose?: () => void;
     onOpenChange: (open: boolean) => void;
     open: boolean;
     overlayClassName: string;
@@ -130,7 +131,7 @@ type Props$5 = {
 - Esc closes the component automatically.
 - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
  **/
-declare function Modal({ children, contentClassName, hideCloseButton, maxHeight, open, onOpenChange, overlayClassName, title, width, }: Props$5): React__default.JSX.Element;
+declare function Modal({ children, contentClassName, hideCloseButton, maxHeight, onClose, onOpenChange, open, overlayClassName, title, width, }: Props$5): React__default.JSX.Element;
 
 type Props$4 = {
     align: 'center' | 'start' | 'end';
@@ -261,10 +262,10 @@ type TabsContentProps = {
 };
 declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
 
-var _path$D, _g$y;
-function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
+var _path$F, _g$y;
+function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 var SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$E({
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -279,7 +280,7 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$y || (_g$y = /*#__PURE__*/React.createElement("g", {
@@ -290,10 +291,10 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$C, _g$x;
-function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
+var _path$E, _g$x;
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$D({
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -307,7 +308,7 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+  }, _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$x || (_g$x = /*#__PURE__*/React.createElement("g", {
@@ -319,9 +320,9 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
 };
 
 var _g$w, _defs;
-function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
+function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
 var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$C({
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
@@ -339,10 +340,10 @@ var SvgArrowLeft = function SvgArrowLeft(props) {
   })))));
 };
 
-var _path$B, _g$v;
-function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
+var _path$D, _g$v;
+function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
 var SvgBlock = function SvgBlock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$B({
+  return /*#__PURE__*/React.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -357,7 +358,7 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
+  }, _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$v || (_g$v = /*#__PURE__*/React.createElement("g", {
@@ -368,10 +369,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$A, _g$u;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+var _path$C, _g$u;
+function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
 var SvgBlurOn = function SvgBlurOn(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$A({
+  return /*#__PURE__*/React.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -386,7 +387,7 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+  }, _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
@@ -397,10 +398,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$z, _g$t;
-function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
+var _path$B, _g$t;
+function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
 var SvgCached = function SvgCached(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$z({
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -415,7 +416,7 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
+  }, _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
@@ -426,10 +427,10 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-var _path$y, _g$s;
-function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
+var _path$A, _g$s;
+function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgCalendar = function SvgCalendar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$y({
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -445,7 +446,7 @@ var SvgCalendar = function SvgCalendar(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+  }, _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h32v32H0z"
   }))), _g$s || (_g$s = /*#__PURE__*/React.createElement("g", {
@@ -456,10 +457,10 @@ var SvgCalendar = function SvgCalendar(props) {
   }))));
 };
 
-var _path$x, _g$r;
-function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
+var _path$z, _g$r;
+function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 var SvgCheckbox = function SvgCheckbox(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$x({
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -474,7 +475,7 @@ var SvgCheckbox = function SvgCheckbox(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
+  }, _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$r || (_g$r = /*#__PURE__*/React.createElement("g", {
@@ -485,10 +486,10 @@ var SvgCheckbox = function SvgCheckbox(props) {
   }))));
 };
 
-var _path$w, _g$q;
-function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
+var _path$y, _g$q;
+function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
 var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$w({
+  return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -503,7 +504,7 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
+  }, _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
@@ -514,10 +515,10 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
   }))));
 };
 
-var _path$v, _g$p;
-function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+var _path$x, _g$p;
+function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
 var SvgCheckCircle = function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$v({
+  return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -531,7 +532,7 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
+  }, _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
@@ -542,10 +543,10 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }))));
 };
 
-var _path$u, _g$o;
-function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+var _path$w, _g$o;
+function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
 var SvgClock = function SvgClock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$u({
+  return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -560,7 +561,7 @@ var SvgClock = function SvgClock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+  }, _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
@@ -571,10 +572,10 @@ var SvgClock = function SvgClock(props) {
   }))));
 };
 
-var _path$t, _g$n;
-function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+var _path$v, _g$n;
+function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
 var SvgClose = function SvgClose(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$t({
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -589,7 +590,7 @@ var SvgClose = function SvgClose(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
+  }, _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
@@ -600,10 +601,10 @@ var SvgClose = function SvgClose(props) {
   }))));
 };
 
-var _path$s, _g$m;
-function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
+var _path$u, _g$m;
+function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 var SvgCustomize = function SvgCustomize(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$s({
+  return /*#__PURE__*/React.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -618,7 +619,7 @@ var SvgCustomize = function SvgCustomize(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
+  }, _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M.5 0h24v24H.5z"
   }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
@@ -629,10 +630,10 @@ var SvgCustomize = function SvgCustomize(props) {
   }))));
 };
 
-var _path$r, _g$l;
-function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+var _path$t, _g$l;
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
 var SvgDelete = function SvgDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$r({
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -646,7 +647,7 @@ var SvgDelete = function SvgDelete(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
+  }, _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
@@ -657,10 +658,10 @@ var SvgDelete = function SvgDelete(props) {
   }))));
 };
 
-var _path$q, _g$k;
-function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
+var _path$s, _g$k;
+function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 var SvgEventDetails = function SvgEventDetails(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$q({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -676,7 +677,7 @@ var SvgEventDetails = function SvgEventDetails(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
+  }, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h32v32H0z"
   }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
@@ -687,10 +688,10 @@ var SvgEventDetails = function SvgEventDetails(props) {
   }))));
 };
 
-var _path$p, _g$j;
-function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+var _path$r, _g$j;
+function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 var SvgEventRepeat = function SvgEventRepeat(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$p({
+  return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -705,7 +706,7 @@ var SvgEventRepeat = function SvgEventRepeat(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
+  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
@@ -716,10 +717,10 @@ var SvgEventRepeat = function SvgEventRepeat(props) {
   }))));
 };
 
-var _path$o, _g$i;
-function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+var _path$q, _g$i;
+function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 var SvgInfo = function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -733,7 +734,7 @@ var SvgInfo = function SvgInfo(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
@@ -744,10 +745,10 @@ var SvgInfo = function SvgInfo(props) {
   }))));
 };
 
-var _path$n, _g$h;
-function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+var _path$p, _g$h;
+function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
 var SvgInfo1 = function SvgInfo1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -761,7 +762,7 @@ var SvgInfo1 = function SvgInfo1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
@@ -772,6 +773,34 @@ var SvgInfo1 = function SvgInfo1(props) {
   }))));
 };
 
+var _path$o;
+function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+var SvgItems = function SvgItems(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+    fill: "#5D676B",
+    d: "M5 11c-.409 0-.761-.148-1.057-.443A1.443 1.443 0 0 1 3.5 9.5V5c0-.409.148-.761.443-1.057A1.443 1.443 0 0 1 5 3.5h4.5c.409 0 .761.148 1.057.443.295.296.443.648.443 1.057v4.5c0 .409-.148.761-.443 1.057A1.443 1.443 0 0 1 9.5 11H5Zm0 9.5c-.409 0-.761-.148-1.057-.443A1.443 1.443 0 0 1 3.5 19v-4.5c0-.409.148-.761.443-1.057A1.443 1.443 0 0 1 5 13h4.5c.409 0 .761.148 1.057.443.295.296.443.648.443 1.057V19c0 .409-.148.761-.443 1.057A1.443 1.443 0 0 1 9.5 20.5H5Zm9.5-9.5c-.409 0-.761-.148-1.057-.443A1.443 1.443 0 0 1 13 9.5V5c0-.409.148-.761.443-1.057A1.443 1.443 0 0 1 14.5 3.5H19c.409 0 .761.148 1.057.443.295.296.443.648.443 1.057v4.5c0 .409-.148.761-.443 1.057A1.443 1.443 0 0 1 19 11h-4.5Zm0 9.5c-.409 0-.761-.148-1.057-.443A1.443 1.443 0 0 1 13 19v-4.5c0-.409.148-.761.443-1.057A1.443 1.443 0 0 1 14.5 13H19c.409 0 .761.148 1.057.443.295.296.443.648.443 1.057V19c0 .409-.148.761-.443 1.057A1.443 1.443 0 0 1 19 20.5h-4.5ZM5 9.5h4.5V5H5v4.5Zm9.5 0H19V5h-4.5v4.5Zm0 9.5H19v-4.5h-4.5V19ZM5 19h4.5v-4.5H5V19Z"
+  })));
+};
+
+var _path$n;
+function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+var SvgList = function SvgList(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+    fill: "#5D676B",
+    d: "M4.25 7a.725.725 0 0 1-.534-.216.726.726 0 0 1-.216-.534c0-.213.072-.391.216-.535A.726.726 0 0 1 4.25 5.5h15.5c.212 0 .39.072.534.216a.726.726 0 0 1 .216.534c0 .213-.072.391-.216.535A.726.726 0 0 1 19.75 7H4.25Zm0 11.5a.726.726 0 0 1-.534-.216.726.726 0 0 1-.216-.534c0-.213.072-.391.216-.535A.726.726 0 0 1 4.25 17h15.5c.212 0 .39.072.534.216a.726.726 0 0 1 .216.534c0 .213-.072.391-.216.535a.726.726 0 0 1-.534.215H4.25Zm0-5.75a.726.726 0 0 1-.534-.216A.726.726 0 0 1 3.5 12c0-.213.072-.391.216-.535a.726.726 0 0 1 .534-.215h15.5c.212 0 .39.072.534.216A.726.726 0 0 1 20.5 12c0 .213-.072.391-.216.535a.726.726 0 0 1-.534.215H4.25Z"
+  })));
+};
+
 var _path$m;
 function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 var SvgMagic = function SvgMagic(props) {
@@ -1365,6 +1394,8 @@ declare namespace index {
     SvgEventRepeat as EventRepeatIcon,
     SvgInfo as InfoIcon,
     SvgInfo1 as InfoSolidIcon,
+    SvgItems as ItemsIcon,
+    SvgList as ListIcon,
     SvgMagic as MagicIcon,
     SvgMaterials as MaterialsIcon,
     SvgMicOff1 as MicOffIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "1.0.82",
+  "version": "1.0.84",
   "description": "",
   "repository": {
     "type": "git",