ywana-core8 0.0.835 → 0.0.836

package/dist/index.modern.js

@@ -223,7 +223,7 @@ var Tooltip = function Tooltip(props) {
  * Icon 
  */
 
-var Icon$1 = function Icon(_ref) {
+var Icon = function Icon(_ref) {
   var icon = _ref.icon,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "normal" : _ref$size,
@@ -340,12 +340,12 @@ var AccordionSection = function AccordionSection(props) {
   return /*#__PURE__*/React.createElement("section", {
     key: title,
     className: "accordion-section"
-  }, /*#__PURE__*/React.createElement("header", null, checkedIcon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement("header", null, checkedIcon ? /*#__PURE__*/React.createElement(Icon, {
     className: "accordion-section-checker",
     icon: checkedIcon,
     clickable: true,
     action: onCheck
-  }) : '', icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }) : '', icon ? /*#__PURE__*/React.createElement(Icon, {
     className: "accordion-section-icon",
     icon: icon
   }) : '', title ? /*#__PURE__*/React.createElement("div", {
@@ -356,7 +356,7 @@ var AccordionSection = function AccordionSection(props) {
     className: "accordion-section--info"
   }, info) : '', toolbar ? /*#__PURE__*/React.createElement("div", {
     className: "accordion-section--toolbar"
-  }, toolbar) : '', /*#__PURE__*/React.createElement(Icon$1, {
+  }, toolbar) : '', /*#__PURE__*/React.createElement(Icon, {
     className: "accordion-section-toggler",
     icon: togglerIcon,
     clickable: true,
@@ -439,7 +439,7 @@ var Button = function Button(_ref) {
   return /*#__PURE__*/React.createElement("button", {
     className: "btn " + style + " " + className,
     onClick: click
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     clickable: true,
@@ -522,7 +522,7 @@ var Chip = function Chip(props) {
   return tooltip ? /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/React.createElement("div", {
     className: "chip " + className + " " + style,
     onClick: select
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small"
   }) : null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Text, null, label)), action ? /*#__PURE__*/React.createElement("span", {
@@ -530,7 +530,7 @@ var Chip = function Chip(props) {
   }, action) : null)) : /*#__PURE__*/React.createElement("div", {
     className: "chip " + className + " " + style,
     onClick: select
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small"
   }) : null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Text, null, label)), action ? /*#__PURE__*/React.createElement("span", {
@@ -673,7 +673,7 @@ var Header = function Header(props) {
   var dense = props.dense ? 'dense' : '';
   var theme = props.primary ? 'primary' : '';
   theme = props.secondary ? 'secondary' : theme;
-  var icon = props.icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  var icon = props.icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: props.icon,
     clickable: props.clickable,
     action: props.action
@@ -796,7 +796,7 @@ var ListItem = function ListItem(_ref) {
   return /*#__PURE__*/React.createElement("li", {
     className: "" + style,
     onClick: select
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     tooltip: iconTooltip
@@ -846,7 +846,7 @@ var MenuIcon = function MenuIcon(props) {
     value: [open, setOpen]
   }, /*#__PURE__*/React.createElement("div", {
     className: "menu-icon"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: size,
     clickable: true,
@@ -884,7 +884,7 @@ var MenuItem = function MenuItem(props) {
   return /*#__PURE__*/React.createElement("li", {
     className: "menu-item " + style,
     onClick: select
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon
   }) : null, /*#__PURE__*/React.createElement("label", null, label), meta ? /*#__PURE__*/React.createElement("div", {
     className: "meta"
@@ -907,7 +907,7 @@ var MenuSeparator = function MenuSeparator(props) {
 var CircularProgress = function CircularProgress(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "circular-progress"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "refresh",
     size: "small"
   }));
@@ -975,7 +975,7 @@ var Property = function Property(props) {
     type: "text",
     value: value2,
     onChange: change
-  }) : value2, editable && value2.length > 0 ? /*#__PURE__*/React.createElement(Icon$1, {
+  }) : value2, editable && value2.length > 0 ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     size: "small",
     clickable: true,
@@ -1050,7 +1050,7 @@ var Section = function Section(props) {
   }, /*#__PURE__*/React.createElement(Header, {
     icon: icon,
     title: title
-  }, actions, canCollapse ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, actions, canCollapse ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_more",
     onIcon: "expand_less",
     clickable: true,
@@ -1108,7 +1108,7 @@ var Tab = function Tab(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "tab " + style,
     onClick: select
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small"
   }) : null, label, actions ? actions : null);
@@ -1442,7 +1442,7 @@ var TextField = function TextField(props) {
     onBlur: blur,
     readOnly: readOnly,
     step: "any"
-  }), readOnly === false && canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon$1, {
+  }), readOnly === false && canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     size: "small",
@@ -1513,7 +1513,7 @@ var TextArea = function TextArea(props) {
     onKeyDown: onKeyPress,
     onFocus: focus,
     readOnly: readOnly
-  }), canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon$1, {
+  }), canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     size: "small",
@@ -1623,7 +1623,7 @@ var DropDown = function DropDown(props) {
           onClick: function onClick() {
             return select(option.value);
           }
-        }, option.icon ? /*#__PURE__*/React.createElement(Icon$1, {
+        }, option.icon ? /*#__PURE__*/React.createElement(Icon, {
           icon: option.icon,
           size: "small"
         }) : '', /*#__PURE__*/React.createElement(Text, null, option.label));
@@ -1636,7 +1636,7 @@ var DropDown = function DropDown(props) {
 
   var title = editable ? /*#__PURE__*/React.createElement("div", {
     className: "row"
-  }, props.label, /*#__PURE__*/React.createElement(Icon$1, {
+  }, props.label, /*#__PURE__*/React.createElement(Icon, {
     className: "decorator",
     icon: "edit",
     size: "small"
@@ -1650,7 +1650,7 @@ var DropDown = function DropDown(props) {
     onChange: change,
     onBlur: blur,
     readOnly: !predictive && !editable
-  })), !readOnly ? /*#__PURE__*/React.createElement(Icon$1, {
+  })), !readOnly ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_more",
     clickable: true,
     size: "small",
@@ -1722,7 +1722,7 @@ var PasswordField = function PasswordField(props) {
     label: label,
     value: value,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: show ? "visibility" : "visibility_off",
     clickable: true,
     size: "small",
@@ -1904,7 +1904,7 @@ var DataTable = function DataTable(props) {
     colSpan: 1000
   }, /*#__PURE__*/React.createElement("div", {
     className: "empty-message"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "search_off"
   }), /*#__PURE__*/React.createElement(Text, null, emptyMessage)))))));
 };
@@ -1946,7 +1946,7 @@ var DataTableRow = function DataTableRow(props) {
       cell: row[column.id],
       editable: editable || column.editable
     });
-  }), row.info ? /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }), row.info ? /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Icon, {
     icon: infoIcon,
     clickable: true,
     action: function action() {
@@ -1993,7 +1993,7 @@ var DataTableCell = function DataTableCell(_ref4) {
     } else if (editable && _onChange) {
       switch (type) {
         case "ICON":
-          return /*#__PURE__*/React.createElement(Icon$1, {
+          return /*#__PURE__*/React.createElement(Icon, {
             icon: cell
           });
 
@@ -2089,7 +2089,7 @@ var DataTableCell = function DataTableCell(_ref4) {
           return /*#__PURE__*/React.createElement("span", null, index);
 
         case "ICON":
-          return /*#__PURE__*/React.createElement(Icon$1, {
+          return /*#__PURE__*/React.createElement(Icon, {
             icon: cell
           });
 
@@ -2206,7 +2206,7 @@ var BooleanCellViewer = function BooleanCellViewer(_ref6) {
   var _ref6$value = _ref6.value,
       value = _ref6$value === void 0 ? false : _ref6$value;
   var icon = value === true ? "check_box" : "check_box_outline_blank";
-  return /*#__PURE__*/React.createElement(Icon$1, {
+  return /*#__PURE__*/React.createElement(Icon, {
     icon: icon
   });
 };
@@ -2403,7 +2403,7 @@ var SortIcon = function SortIcon(props) {
   var sortDir = props.sortDir,
       onChange = props.onChange;
   var icon = sortDir ? sortDir > 0 ? "arrow_upward" : "arrow_downward" : "swap_vert";
-  return /*#__PURE__*/React.createElement(Icon$1, {
+  return /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     clickable: true,
@@ -2509,7 +2509,7 @@ var Token = function Token(_ref2) {
   }, /*#__PURE__*/React.createElement(Text, {
     use: "caption",
     tag: "div"
-  }, text), /*#__PURE__*/React.createElement(Icon$1, {
+  }, text), /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onDelete,
@@ -2546,7 +2546,7 @@ var TreeNode = function TreeNode(_ref2) {
     open: open
   }, /*#__PURE__*/React.createElement("summary", {
     className: "tree-item"
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     small: true
@@ -2578,7 +2578,7 @@ var TreeItem = function TreeItem(_ref3) {
   return /*#__PURE__*/React.createElement("div", {
     className: "tree-item final " + style,
     onClick: select
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     small: true
@@ -2802,7 +2802,7 @@ var LoginBox = function LoginBox(_ref) {
     disabled: !canForgot()
   }) : null, loading ? /*#__PURE__*/React.createElement("div", {
     className: "load-box"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "refresh"
   })) : /*#__PURE__*/React.createElement(Button, {
     label: tx(loginLabel),
@@ -3099,11 +3099,11 @@ var Viewer = function Viewer(_ref) {
   }, /*#__PURE__*/React.createElement(Header, {
     icon: "view",
     title: headerTitle
-  }, onClose ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, onClose ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
-  }) : null, showDetails ? '' : /*#__PURE__*/React.createElement(Icon$1, {
+  }) : null, showDetails ? '' : /*#__PURE__*/React.createElement(Icon, {
     icon: "info",
     clickable: true,
     action: toggleDetails
@@ -3115,17 +3115,17 @@ var Viewer = function Viewer(_ref) {
     className: "" + (showDetails ? 'open' : '')
   }, /*#__PURE__*/React.createElement(Header, {
     title: "Detalles"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: toggleDetails
-  })), /*#__PURE__*/React.createElement("main", null, info)), tools ? /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon$1, {
+  })), /*#__PURE__*/React.createElement("main", null, info)), tools ? /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon, {
     clickable: true,
     icon: "zoom_out"
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     clickable: true,
     icon: "zoom_out_map"
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     clickable: true,
     icon: "zoom_in"
   })) : null);
@@ -3168,14 +3168,14 @@ var KanbanColumn = function KanbanColumn(_ref2) {
 
   return min ? /*#__PURE__*/React.createElement("div", {
     className: "kanban-column " + id + " min"
-  }, /*#__PURE__*/React.createElement("main", null, title), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement("main", null, title), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon, {
     icon: "toggle_off",
     onIcon: "toggle_on",
     clickable: true,
     action: toggle
   }))) : /*#__PURE__*/React.createElement("div", {
     className: "kanban-column " + id + " " + (disabled ? 'disabled' : '')
-  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Icon, {
     icon: icon
   }), /*#__PURE__*/React.createElement("div", {
     className: "title"
@@ -3186,7 +3186,7 @@ var KanbanColumn = function KanbanColumn(_ref2) {
     use: "body2"
   }, subtitle)), /*#__PURE__*/React.createElement("div", {
     className: "badge"
-  }, badge)), /*#__PURE__*/React.createElement("main", null, children), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }, badge)), /*#__PURE__*/React.createElement("main", null, children), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon, {
     icon: "toggle_off",
     onIcon: "toggle_on",
     clickable: true,
@@ -3510,7 +3510,7 @@ var Planner = function Planner(_ref) {
     label: "Esta Semana",
     outlined: true,
     action: showThisWeek
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: "chevron_right",
     clickable: true,
     action: next
@@ -3542,7 +3542,7 @@ var Planner = function Planner(_ref) {
     onChange: function onChange(id, value) {
       return setFrom(value);
     }
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: "chevron_left",
     clickable: true,
     action: prev
@@ -3777,7 +3777,7 @@ var UploadIcon = function UploadIcon(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "upload-icon",
     ref: iconElement
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     clickable: true
   }));
@@ -3804,18 +3804,18 @@ var UploadFile$1 = function UploadFile(_ref) {
       error = file.error;
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "upload-file"
-  }, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon
   }) : null, /*#__PURE__*/React.createElement("label", null, name), state === UPLOAD_STATES.RUNNING ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(LinearProgress, {
     progress: progress
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true
-  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Icon$1, {
+  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Icon, {
     icon: "done"
   })) : '', state === UPLOAD_STATES.ERROR ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
     className: "error"
-  }, error), /*#__PURE__*/React.createElement(Icon$1, {
+  }, error), /*#__PURE__*/React.createElement(Icon, {
     icon: "error"
   })) : ''));
 };
@@ -4271,7 +4271,7 @@ var SiteMenu = function SiteMenu(_ref6) {
         text: title,
         top: ".5rem",
         left: "2rem"
-      }, /*#__PURE__*/React.createElement(Icon$1, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         key: id,
         icon: icon,
         clickable: true,
@@ -4282,7 +4282,7 @@ var SiteMenu = function SiteMenu(_ref6) {
     }), /*#__PURE__*/React.createElement("div", {
       className: "section-divider"
     }));
-  })), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon$1, {
+  })), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Icon, {
     icon: toggleIcon,
     clickable: true,
     action: toggle
@@ -4354,7 +4354,7 @@ var SiteConsole = function SiteConsole() {
     className: "site-console"
   }, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, {
     label: "Console"
-  }))), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }))), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(Icon, {
     icon: "clear_all",
     size: "small",
     clickable: true,
@@ -4443,17 +4443,17 @@ var View = function View(props) {
   return /*#__PURE__*/React.createElement("section", {
     id: id,
     className: "view " + className
-  }, /*#__PURE__*/React.createElement("header", null, canCollapse ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement("header", null, canCollapse ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_more",
     size: "small",
     clickable: true,
     action: toggle
-  }) : null, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  }) : null, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small"
   }) : null, title ? /*#__PURE__*/React.createElement("label", null, title) : null, menu ? /*#__PURE__*/React.createElement(MenuIcon, {
     align: "alignRight"
-  }, menu) : null, onClose ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, menu) : null, onClose ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     size: "small",
     clickable: true,
@@ -4568,7 +4568,7 @@ var FileExplorer = function FileExplorer(props) {
       files = _props$files === void 0 ? [] : _props$files;
   return /*#__PURE__*/React.createElement("div", {
     className: "file-explorer"
-  }, /*#__PURE__*/React.createElement("header", null, title, /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement("header", null, title, /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(Icon, {
     icon: "info"
   }))), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FilesGrid, {
     files: files
@@ -4633,7 +4633,7 @@ var FileIcon = function FileIcon(props) {
     onClick: select
   }, /*#__PURE__*/React.createElement("picture", null, /*#__PURE__*/React.createElement("img", {
     src: src
-  })), /*#__PURE__*/React.createElement("main", null, icon ? /*#__PURE__*/React.createElement(Icon$1, {
+  })), /*#__PURE__*/React.createElement("main", null, icon ? /*#__PURE__*/React.createElement(Icon, {
     size: "small",
     icon: icon
   }) : null, /*#__PURE__*/React.createElement("label", null, label)), footer ? /*#__PURE__*/React.createElement("footer", null, footer) : null);
@@ -4648,7 +4648,7 @@ var EmptyMessage = function EmptyMessage(_ref) {
       text = _ref.text;
   return /*#__PURE__*/React.createElement("div", {
     className: "empty"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
     icon: icon
   })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text, {
     use: "subtitle2"
@@ -4895,9 +4895,9 @@ var Wizard = function Wizard(props) {
       className: "wizard-step"
     }, /*#__PURE__*/React.createElement("div", {
       className: "wizard-step-icon"
-    }, done && /*#__PURE__*/React.createElement(Icon$1, {
+    }, done && /*#__PURE__*/React.createElement(Icon, {
       icon: "check"
-    }), active && /*#__PURE__*/React.createElement(Icon$1, {
+    }), active && /*#__PURE__*/React.createElement(Icon, {
       icon: "play_arrow"
     })), /*#__PURE__*/React.createElement("div", {
       className: "wizard-step-label"
@@ -5530,7 +5530,7 @@ var PasswordEditor = function PasswordEditor(props) {
     type: "password",
     value: value,
     readOnly: true
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: "edit",
     clickable: true,
     action: openDialog,
@@ -5741,7 +5741,7 @@ var TreededContentEditor = function TreededContentEditor(_ref4) {
     return /*#__PURE__*/React.createElement(TreeNode, {
       icon: "folder",
       label: node.label,
-      actions: [/*#__PURE__*/React.createElement(Icon$1, {
+      actions: [/*#__PURE__*/React.createElement(Icon, {
         size: "small",
         icon: "add",
         clickable: true,
@@ -6285,11 +6285,11 @@ var CollectionAdder = function CollectionAdder(_ref12) {
     label: ''
   });
   var rows = [{
-    actions: [/*#__PURE__*/React.createElement(Icon$1, {
+    actions: [/*#__PURE__*/React.createElement(Icon, {
       icon: "done",
       clickable: true,
       action: save
-    }), /*#__PURE__*/React.createElement(Icon$1, {
+    }), /*#__PURE__*/React.createElement(Icon, {
       icon: "close",
       clickable: true,
       action: toggle
@@ -6364,7 +6364,7 @@ var TableEditor$3 = function TableEditor(props) {
     var items = filter ? filter(data) : data;
     if (items.length === 0) return /*#__PURE__*/React.createElement("div", {
       className: "empty-message"
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       icon: "search_off"
     }), /*#__PURE__*/React.createElement(Text, null, "No Result Found"));
     var groups = items.reduce(function (groups, item) {
@@ -6403,14 +6403,14 @@ var TableEditor$3 = function TableEditor(props) {
         }),
         rows: groups[groupName].map(function (item, index) {
           item.actions = actions ? actions.map(function (_action) {
-            return _action.filter ? _action.filter(item) ? /*#__PURE__*/React.createElement(Icon$1, {
+            return _action.filter ? _action.filter(item) ? /*#__PURE__*/React.createElement(Icon, {
               icon: _action.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action, item);
               }
-            }) : null : /*#__PURE__*/React.createElement(Icon$1, {
+            }) : null : /*#__PURE__*/React.createElement(Icon, {
               icon: _action.icon,
               clickable: true,
               size: "small",
@@ -6419,7 +6419,7 @@ var TableEditor$3 = function TableEditor(props) {
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon$1, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -6597,7 +6597,7 @@ var BooleanViewer = function BooleanViewer(props) {
   var label = field.label,
       options = field.options;
   var iconName = value === true ? "check_box" : "check_box_outline_blank";
-  var icon = /*#__PURE__*/React.createElement(Icon$1, {
+  var icon = /*#__PURE__*/React.createElement(Icon, {
     icon: iconName
   });
   return /*#__PURE__*/React.createElement(Property, {
@@ -7201,12 +7201,12 @@ var CollectionFilters$1 = function CollectionFilters(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     icon: "filter_list",
     className: "filters-header " + expanded
-  }, showFilters ? /*#__PURE__*/React.createElement(Icon$1, {
+  }, showFilters ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_less",
     size: "small",
     clickable: true,
     action: toggleFilters
-  }) : /*#__PURE__*/React.createElement(Icon$1, {
+  }) : /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_more",
     size: "small",
     clickable: true,
@@ -7233,7 +7233,7 @@ var FilterResume = function FilterResume(props) {
   });
   return /*#__PURE__*/React.createElement(Fragment, null, fields.length > 0 ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Limpiar Filtros"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "clear_all",
     size: "small",
     clickable: true,
@@ -7627,7 +7627,7 @@ var CollectionEditor$1 = function CollectionEditor(props) {
   return selected && form ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     icon: icon,
     title: renderTitle()
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: clear
@@ -7636,7 +7636,7 @@ var CollectionEditor$1 = function CollectionEditor(props) {
   }, /*#__PURE__*/React.createElement(Menu, null, canDelete ? /*#__PURE__*/React.createElement(MenuItem, {
     label: "Eliminar",
     onSelect: remove
-  }) : null)), /*#__PURE__*/React.createElement(Icon$1, {
+  }) : null)), /*#__PURE__*/React.createElement(Icon, {
     icon: "refresh",
     clickable: true,
     action: onReload
@@ -8160,7 +8160,7 @@ var TableRowEditor$2 = function TableRowEditor(props) {
   }, /*#__PURE__*/React.createElement(Header, {
     icon: "local_offer",
     title: name || "Propiedades"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
@@ -8286,10 +8286,10 @@ var TableQueries$2 = function TableQueries(props) {
       onClick: function onClick() {
         return select(query);
       }
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       icon: "star",
       size: "small"
-    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon$1, {
+    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon, {
       icon: "close",
       clickable: true,
       size: "small",
@@ -8385,12 +8385,12 @@ var TableFilters$2 = function TableFilters(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-filters",
     title: /*#__PURE__*/React.createElement(Text, null, "Filters")
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
     clickable: true,
     action: clear
-  }), onSave ? /*#__PURE__*/React.createElement(Icon$1, {
+  }), onSave ? /*#__PURE__*/React.createElement(Icon, {
     icon: "save",
     size: "small",
     clickable: true,
@@ -8526,7 +8526,7 @@ var TableEditor$2 = function TableEditor(props) {
     var items = filter ? filter(all) : all;
     if (items.length === 0) return /*#__PURE__*/React.createElement("div", {
       className: "empty-message"
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       icon: "search_off"
     }), /*#__PURE__*/React.createElement(Text, null, "No Result Found"));
     var groups = items.reduce(function (groups, item) {
@@ -8565,14 +8565,14 @@ var TableEditor$2 = function TableEditor(props) {
         rows: groups[groupName].map(function (item) {
           item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
           item.actions = actions ? actions.map(function (_action2) {
-            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React.createElement(Icon$1, {
+            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React.createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action2, item);
               }
-            }) : null : /*#__PURE__*/React.createElement(Icon$1, {
+            }) : null : /*#__PURE__*/React.createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
@@ -8581,7 +8581,7 @@ var TableEditor$2 = function TableEditor(props) {
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon$1, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -9167,7 +9167,7 @@ var TableRowEditor$1 = function TableRowEditor(props) {
   }, /*#__PURE__*/React.createElement(Header, {
     icon: "local_offer",
     title: name || "Propiedades"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
@@ -9291,10 +9291,10 @@ var TableQueries$1 = function TableQueries(props) {
       onClick: function onClick() {
         return select(query);
       }
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       icon: "star",
       size: "small"
-    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon$1, {
+    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon, {
       icon: "close",
       clickable: true,
       size: "small",
@@ -9376,12 +9376,12 @@ var TableFilters$1 = function TableFilters(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-filters",
     title: /*#__PURE__*/React.createElement(Text, null, "Filters")
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
     clickable: true,
     action: clear
-  }), onSave ? /*#__PURE__*/React.createElement(Icon$1, {
+  }), onSave ? /*#__PURE__*/React.createElement(Icon, {
     icon: "save",
     size: "small",
     clickable: true,
@@ -9604,7 +9604,7 @@ var TableEditor$1 = function TableEditor(props) {
   var items = filter ? filter(all) : all;
   if (items.length === 0) return /*#__PURE__*/React.createElement("div", {
     className: "empty-message"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "search_off"
   }), /*#__PURE__*/React.createElement(Text, null, "No Result Found"));
   var groups = items.reduce(function (groups, item) {
@@ -9617,14 +9617,14 @@ var TableEditor$1 = function TableEditor(props) {
     var rows = groups[groupName].map(function (item) {
       item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
       item.actions = actions ? actions.map(function (_action2) {
-        return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React.createElement(Icon$1, {
+        return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React.createElement(Icon, {
           icon: _action2.icon,
           clickable: true,
           size: "small",
           action: function action() {
             return run(_action2, item);
           }
-        }) : null : /*#__PURE__*/React.createElement(Icon$1, {
+        }) : null : /*#__PURE__*/React.createElement(Icon, {
           icon: _action2.icon,
           clickable: true,
           size: "small",
@@ -9633,7 +9633,7 @@ var TableEditor$1 = function TableEditor(props) {
           }
         });
       }) : [];
-      if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon$1, {
+      if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon, {
         icon: "delete",
         size: "small",
         clickable: true,
@@ -10297,7 +10297,7 @@ var TableRowEditor = function TableRowEditor(props) {
   }, /*#__PURE__*/React.createElement(Header, {
     icon: "local_offer",
     title: name || "Propiedades"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
@@ -10422,10 +10422,10 @@ var TableQueries = function TableQueries(props) {
       onClick: function onClick() {
         return select(query);
       }
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       icon: "star",
       size: "small"
-    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon$1, {
+    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon, {
       icon: "close",
       clickable: true,
       size: "small",
@@ -10521,12 +10521,12 @@ var TableFilters = function TableFilters(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-filters",
     title: /*#__PURE__*/React.createElement(Text, null, "Filters")
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
     clickable: true,
     action: clear
-  }), onSave ? /*#__PURE__*/React.createElement(Icon$1, {
+  }), onSave ? /*#__PURE__*/React.createElement(Icon, {
     icon: "save",
     size: "small",
     clickable: true,
@@ -10663,7 +10663,7 @@ var TableEditor = function TableEditor(props) {
     var items = filter ? filter(all) : all;
     if (items.length === 0) return /*#__PURE__*/React.createElement("div", {
       className: "empty-message"
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       icon: "search_off"
     }), /*#__PURE__*/React.createElement(Text, null, "No Result Found"));
     var groups = items.reduce(function (groups, item) {
@@ -10699,14 +10699,14 @@ var TableEditor = function TableEditor(props) {
         rows: groups[groupName].map(function (item) {
           item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
           item.actions = actions ? actions.map(function (_action2) {
-            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React.createElement(Icon$1, {
+            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React.createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action2, item);
               }
-            }) : null : /*#__PURE__*/React.createElement(Icon$1, {
+            }) : null : /*#__PURE__*/React.createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
@@ -10715,7 +10715,7 @@ var TableEditor = function TableEditor(props) {
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon$1, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React.createElement(Icon, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -11649,7 +11649,7 @@ var CollectionFilters = function CollectionFilters(props) {
     className: "custom-filters"
   }, children), /*#__PURE__*/React.createElement(CollectionFiltersResume, {
     schema: schema
-  }), /*#__PURE__*/React.createElement(Icon$1, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: toggleIcon,
     clickable: true,
     action: toggle
@@ -11751,7 +11751,7 @@ var CollectionList = function CollectionList(props) {
     groupRenderer: groupRenderer
   }), searchBy.length > 0 ? /*#__PURE__*/React.createElement("div", {
     className: "search-box"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: "search",
     size: "small"
   }), /*#__PURE__*/React.createElement(TextField, {
@@ -11824,5 +11824,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon$1 as Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
 //# sourceMappingURL=index.modern.js.map