@plasmicpkgs/plasmic-chakra-ui 0.0.4 → 0.0.6

package/dist/plasmic-chakra-ui.cjs.development.js

@@ -10,20 +10,17 @@ var registerGlobalContext = _interopDefault(require('@plasmicapp/host/registerGl
 var React = _interopDefault(require('react'));
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = 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.apply(this, arguments);
 }
 
@@ -36,14 +33,13 @@ var getDisplayComponentName = function getDisplayComponentName(componentName) {
 };
 var getComponentNameAndImportMeta = function getComponentNameAndImportMeta(componentName, parentComponentName, opts) {
   var _opts$displayName, _opts$importPath;
-
   return _extends({
     name: getPlasmicComponentName(componentName),
     displayName: (_opts$displayName = opts == null ? void 0 : opts.displayName) != null ? _opts$displayName : getDisplayComponentName(componentName),
     importPath: (_opts$importPath = opts == null ? void 0 : opts.importPath) != null ? _opts$importPath : CHAKRA_UI_IMPORT_PATH,
     importName: componentName
   }, parentComponentName ? {
-    parentComponentName: parentComponentName
+    parentComponentName: getPlasmicComponentName(parentComponentName)
   } : {});
 };
 
@@ -78,13 +74,6 @@ var accordionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndIm
     }
   }
 });
-function registerAccordion(loader, customAccordionMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Accordion, customAccordionMeta != null ? customAccordionMeta : accordionMeta);
-}
 var accordionItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionItem", "Accordion"), {
   props: {
     id: {
@@ -112,13 +101,6 @@ var accordionItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameA
     }
   }
 });
-function registerAccordionItem(loader, customAccordionItemMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AccordionItem, customAccordionItemMeta != null ? customAccordionItemMeta : accordionItemMeta);
-}
 var accordionButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionButton", "AccordionItem"), {
   props: {
     _expanded: {
@@ -144,13 +126,6 @@ var accordionButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNam
     }
   }
 });
-function registerAccordionButton(loader, customAccordionButtonMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AccordionButton, customAccordionButtonMeta != null ? customAccordionButtonMeta : accordionButtonMeta);
-}
 var accordionPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionPanel", "AccordionItem"), {
   props: {
     children: {
@@ -168,23 +143,9 @@ var accordionPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerAccordionPanel(loader, customAccordionPanelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AccordionPanel, customAccordionPanelMeta != null ? customAccordionPanelMeta : accordionPanelMeta);
-}
 var accordionIconMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionIcon", "AccordionButton"), {
   props: {}
 });
-function registerAccordionIcon(loader, customAccordionIconMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AccordionIcon, customAccordionIconMeta != null ? customAccordionIconMeta : accordionIconMeta);
-}
 
 var aspectRatioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AspectRatio"), {
   defaultStyles: {
@@ -204,13 +165,6 @@ var aspectRatioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     }
   }
 });
-function registerAspectRatio(loader, customAspectRatioMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AspectRatio, customAspectRatioMeta != null ? customAspectRatioMeta : aspectRatioMeta);
-}
 
 var avatarBadgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarBadge", "Avatar"), {
   props: {
@@ -225,13 +179,6 @@ var avatarBadgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     borderColor: "string"
   }
 });
-function registerAvatarBadge(loader, customAvatarBadgeMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AvatarBadge, customAvatarBadgeMeta != null ? customAvatarBadgeMeta : avatarBadgeMeta);
-}
 var avatarMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Avatar", "AvatarGroup"), {
   props: {
     name: {
@@ -262,13 +209,6 @@ var avatarMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpor
     }
   }
 });
-function registerAvatar(loader, customAvatarMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Avatar, customAvatarMeta != null ? customAvatarMeta : avatarMeta);
-}
 var avatarGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarGroup"), {
   props: {
     size: {
@@ -339,13 +279,6 @@ var avatarGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     }
   }
 });
-function registerAvatarGroup(loader, customAvatarGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.AvatarGroup, customAvatarGroupMeta != null ? customAvatarGroupMeta : avatarGroupMeta);
-}
 
 var badgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Badge"), {
   importPath: "@chakra-ui/react",
@@ -362,13 +295,6 @@ var badgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerBadge(loader, customBadgeMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Badge, customBadgeMeta != null ? customBadgeMeta : badgeMeta);
-}
 
 var breadcrumbItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbItem", "Breadcrumb"), {
   props: {
@@ -401,13 +327,6 @@ var breadcrumbItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerBreadcrumbItem(loader, customBreadcrumbItemMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.BreadcrumbItem, customBreadcrumbItemMeta != null ? customBreadcrumbItemMeta : breadcrumbItemMeta);
-}
 var breadcrumbLinkMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbLink", "BreadcrumbItem"), {
   props: {
     href: {
@@ -423,13 +342,6 @@ var breadcrumbLinkMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerBreadcrumbLink(loader, customBreadcrumbLinkMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.BreadcrumbLink, customBreadcrumbLinkMeta != null ? customBreadcrumbLinkMeta : breadcrumbLinkMeta);
-}
 var breadcrumbMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Breadcrumb"), {
   props: {
     separator: {
@@ -493,13 +405,6 @@ var breadcrumbMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndI
     }
   }
 });
-function registerBreadcrumb(loader, customBreadcrumbMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Breadcrumb, customBreadcrumbMeta != null ? customBreadcrumbMeta : breadcrumbMeta);
-}
 var breadcrumbSeparatorMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbSeparator", "Breadcrumb"), {
   props: {
     children: {
@@ -511,13 +416,6 @@ var breadcrumbSeparatorMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponen
     }
   }
 });
-function registerBreadcrumbSeparator(loader, customBreadcrumbSeparatorMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.BreadcrumbSeparator, customBreadcrumbSeparatorMeta != null ? customBreadcrumbSeparatorMeta : breadcrumbSeparatorMeta);
-}
 
 var buttonGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ButtonGroup"), {
   props: {
@@ -566,13 +464,6 @@ var buttonGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     }
   }
 });
-function registerButtonGroup(loader, customButtonGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.ButtonGroup, customButtonGroupMeta != null ? customButtonGroupMeta : buttonGroupMeta);
-}
 var buttonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Button", "ButtonGroup"), {
   props: {
     size: {
@@ -607,13 +498,6 @@ var buttonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpor
     }
   }
 });
-function registerButton(loader, customButtonMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Button, customButtonMeta != null ? customButtonMeta : buttonMeta);
-}
 
 var chakraProviderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ChakraProvider"), {
   props: {
@@ -624,7 +508,6 @@ function registerChakraProvider(loader, customChakraProviderMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerGlobalContext.apply(loader, arguments) : registerGlobalContext.apply(void 0, arguments);
   };
-
   doRegisterComponent(react.ChakraProvider, customChakraProviderMeta != null ? customChakraProviderMeta : chakraProviderMeta);
 }
 
@@ -670,13 +553,6 @@ var checkboxMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImp
     }
   }
 });
-function registerCheckbox(loader, customCheckboxMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Checkbox, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
-}
 var checkboxGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("CheckboxGroup"), {
   props: {
     size: {
@@ -724,13 +600,6 @@ var checkboxGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameA
     }
   }
 });
-function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
-}
 
 var codeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Code"), {
   props: {
@@ -753,13 +622,6 @@ var codeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportM
     }
   }
 });
-function registerCode(loader, customCodeMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Code, customCodeMeta != null ? customCodeMeta : codeMeta);
-}
 
 var dividerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Divider"), {
   props: {
@@ -773,13 +635,6 @@ var dividerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpo
     }
   }
 });
-function registerDivider(loader, customDividerMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Divider, customDividerMeta != null ? customDividerMeta : dividerMeta);
-}
 
 var formControlMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormControl"), {
   props: {
@@ -800,13 +655,6 @@ var formControlMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     }
   }
 });
-function registerFormControl(loader, customFormControlMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.FormControl, customFormControlMeta != null ? customFormControlMeta : formControlMeta);
-}
 var formLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormLabel", "FormControl"), {
   props: {
     children: {
@@ -822,13 +670,6 @@ var formLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndIm
     }
   }
 });
-function registerFormLabel(loader, customFormLabelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.FormLabel, customFormLabelMeta != null ? customFormLabelMeta : formLabelMeta);
-}
 var formHelperTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormHelperText", "FormControl"), {
   props: {
     children: {
@@ -840,13 +681,6 @@ var formHelperTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerFormHelperText(loader, customFormHelperTextMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.FormHelperText, customFormHelperTextMeta != null ? customFormHelperTextMeta : formHelperTextMeta);
-}
 var formErrorMessageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormErrorMessage", "FormControl"), {
   props: {
     children: {
@@ -858,13 +692,6 @@ var formErrorMessageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNa
     }
   }
 });
-function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.FormErrorMessage, customFormErrorMessageMeta != null ? customFormErrorMessageMeta : formErrorMessageMeta);
-}
 
 var headingMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Heading"), {
   props: {
@@ -886,13 +713,6 @@ var headingMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpo
     }
   }
 });
-function registerHeading(loader, customHeadingMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Heading, customHeadingMeta != null ? customHeadingMeta : headingMeta);
-}
 
 var highlightMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Highlight"), {
   props: {
@@ -916,13 +736,6 @@ var highlightMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndIm
     }
   }
 });
-function registerHighlight(loader, customHighlightMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Highlight, customHighlightMeta != null ? customHighlightMeta : highlightMeta);
-}
 
 var imageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Image"), {
   props: {
@@ -944,13 +757,6 @@ var imageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerImage(loader, customImageMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Image, customImageMeta != null ? customImageMeta : imageMeta);
-}
 
 var inputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Input"), {
   props: {
@@ -984,13 +790,6 @@ var inputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerInput(loader, customInputMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Input, customInputMeta != null ? customInputMeta : inputMeta);
-}
 
 var kbdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Kbd", undefined, {
   displayName: "Chakra-UI Keyboard Key"
@@ -1009,10 +808,112 @@ function registerKbd(loader, customKbdMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(react.Kbd, customKbdMeta != null ? customKbdMeta : kbdMeta);
 }
 
+var modalMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Modal"), {
+  props: {
+    isOpen: {
+      type: "boolean",
+      defaultValue: true
+    },
+    isCentered: {
+      type: "boolean",
+      defaultValue: false
+    },
+    scrollBehavior: {
+      type: "choice",
+      options: ["inside", "outside"],
+      defaultValue: "outside",
+      description: "\n      Where scroll behavior should originate.\n        - If set to 'inside', scroll only occurs within the ModalBody.\n        - If set to 'outside', the entire ModalContent will scroll within the viewport.\n      "
+    },
+    motionPreset: {
+      type: "choice",
+      options: ["slideInBottom", "slideInRight", "scale", "none"],
+      defaultValue: "scale"
+    },
+    children: {
+      type: "slot",
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("ModalOverlay"), /*#__PURE__*/getPlasmicComponentName("ModalContent")],
+      defaultValue: [{
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("ModalOverlay")
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("ModalContent")
+      }]
+    }
+  }
+});
+function Modal(props) {
+  var _props$onClose;
+  return React.createElement(react.Modal, Object.assign({}, props, {
+    onClose: (_props$onClose = props.onClose) != null ? _props$onClose : function () {}
+  }), props.children);
+}
+var modalOverlayMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ModalOverlay", "Modal"), {
+  props: {
+    children: "slot"
+  }
+});
+var modalContentMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ModalContent", "Modal"), {
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("ModalHeader"), /*#__PURE__*/getPlasmicComponentName("ModalCloseButton"), /*#__PURE__*/getPlasmicComponentName("ModalBody"), /*#__PURE__*/getPlasmicComponentName("ModalFooter")],
+      defaultValue: [{
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("ModalHeader")
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("ModalBody")
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("ModalFooter")
+      }]
+    }
+  }
+});
+var modalHeaderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ModalHeader", "ModalContent"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Modal Title"
+      }
+    }
+  }
+});
+var LOREM_IPSUM_TEXT = "\n  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem\n  Ipsum has been the industry's standard dummy text ever since the 1500s, when an\n  unknown printer took a galley of type and scrambled it to make a type specimen book.\n  It has survived not only five centuries, but also the leap into electronic typesetting,\n  remaining essentially unchanged. It was popularised in the 1960s with the release of\n  Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing\n  software like Aldus PageMaker including versions of Lorem Ipsum.\n";
+var modalBodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ModalBody", "ModalContent"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: LOREM_IPSUM_TEXT
+      }
+    }
+  }
+});
+var modalFooterMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ModalFooter", "ModalContent"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Modal Footer"
+      }
+    }
+  }
+});
+var modalCloseButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ModalCloseButton", "ModalContent"), {
+  props: {
+    isDisabled: "boolean"
+  }
+});
+
 var numberInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInput"), {
   props: {
     size: {
@@ -1077,13 +978,6 @@ var numberInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     }
   }
 });
-function registerNumberInput(loader, customNumberInputMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.NumberInput, customNumberInputMeta != null ? customNumberInputMeta : numberInputMeta);
-}
 var numberInputStepperMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInputStepper", "NumberInput"), {
   props: {
     children: {
@@ -1099,43 +993,15 @@ var numberInputStepperMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponent
     }
   }
 });
-function registerNumberInputStepper(loader, customNumberInputStepperMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.NumberInputStepper, customNumberInputStepperMeta != null ? customNumberInputStepperMeta : numberInputStepperMeta);
-}
 var numberDecrementStepperMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberDecrementStepper", "NumberInputStepper"), {
   props: {}
 });
-function registerNumberDecrementStepper(loader, customNumberDecrementStepperMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.NumberDecrementStepper, customNumberDecrementStepperMeta != null ? customNumberDecrementStepperMeta : numberDecrementStepperMeta);
-}
 var numberIncrementStepperMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberIncrementStepper", "NumberInputStepper"), {
   props: {}
 });
-function registerNumberIncrementStepper(loader, customNumberIncrementStepperMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.NumberIncrementStepper, customNumberIncrementStepperMeta != null ? customNumberIncrementStepperMeta : numberIncrementStepperMeta);
-}
 var numberInputFieldMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInputField", "NumberInput"), {
   props: {}
 });
-function registerNumberInputField(loader, customNumberInputFieldMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.NumberInputField, customNumberInputFieldMeta != null ? customNumberInputFieldMeta : numberInputFieldMeta);
-}
 
 var pinInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PinInput"), {
   props: {
@@ -1201,23 +1067,9 @@ var pinInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImp
     }
   }
 });
-function registerPinInput(loader, customPinInputMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PinInput, customPinInputMeta != null ? customPinInputMeta : pinInputMeta);
-}
 var pinInputFieldMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PinInputField", "PinInput"), {
   props: {}
 });
-function registerPinInputField(loader, customPinInputFieldMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PinInputField, customPinInputFieldMeta != null ? customPinInputFieldMeta : pinInputFieldMeta);
-}
 
 var popoverMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Popover"), {
   props: {
@@ -1275,13 +1127,6 @@ var popoverMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpo
     }
   }
 });
-function registerPopover(loader, customPopoverMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Popover, customPopoverMeta != null ? customPopoverMeta : popoverMeta);
-}
 var popoverContentMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverContent", "Popover"), {
   props: {
     children: {
@@ -1314,33 +1159,12 @@ var popoverContentMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerPopoverContent(loader, customPopoverContentMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PopoverContent, customPopoverContentMeta != null ? customPopoverContentMeta : popoverContentMeta);
-}
 var popoverArrowMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverArrow", "PopoverContent"), {
   props: {}
 });
-function registerPopoverArrow(loader, customPopoverArrowMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PopoverArrow, customPopoverArrowMeta != null ? customPopoverArrowMeta : popoverArrowMeta);
-}
 var popoverCloseButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverCloseButton", "PopoverContent"), {
   props: {}
 });
-function registerPopoverCloseButton(loader, customPopoverCloseButtonMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PopoverCloseButton, customPopoverCloseButtonMeta != null ? customPopoverCloseButtonMeta : popoverCloseButtonMeta);
-}
 var popoverHeaderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverHeader", "PopoverContent"), {
   props: {
     children: {
@@ -1352,13 +1176,6 @@ var popoverHeaderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameA
     }
   }
 });
-function registerPopoverHeader(loader, customPopoverHeaderMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PopoverHeader, customPopoverHeaderMeta != null ? customPopoverHeaderMeta : popoverHeaderMeta);
-}
 var popoverBodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverBody", "PopoverContent"), {
   props: {
     children: {
@@ -1370,13 +1187,6 @@ var popoverBodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAnd
     }
   }
 });
-function registerPopoverBody(loader, customPopoverBodyMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PopoverBody, customPopoverBodyMeta != null ? customPopoverBodyMeta : popoverBodyMeta);
-}
 var popoverTriggerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverTrigger", "Popover"), {
   props: {
     children: {
@@ -1394,13 +1204,6 @@ var popoverTriggerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerPopoverTrigger(loader, customPopoverTriggerMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.PopoverTrigger, customPopoverTriggerMeta != null ? customPopoverTriggerMeta : popoverTriggerMeta);
-}
 
 var progressMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Progress"), {
   props: {
@@ -1437,13 +1240,6 @@ var progressMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImp
     }
   }
 });
-function registerProgress(loader, customProgressMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Progress, customProgressMeta != null ? customProgressMeta : progressMeta);
-}
 
 var radioGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("RadioGroup"), {
   props: {
@@ -1508,13 +1304,6 @@ var radioGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndI
     }
   }
 });
-function registerRadioGroup(loader, customRadioGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.RadioGroup, customRadioGroupMeta != null ? customRadioGroupMeta : radioGroupMeta);
-}
 var radioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Radio", "RadioGroup"), {
   props: {
     value: {
@@ -1552,13 +1341,6 @@ var radioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerRadio(loader, customRadioMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Radio, customRadioMeta != null ? customRadioMeta : radioMeta);
-}
 
 var selectMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Select"), {
   props: {
@@ -1624,17 +1406,10 @@ var selectMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpor
     }
   }
 });
-function registerSelect(loader, customSelectMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Select, customSelectMeta != null ? customSelectMeta : selectMeta);
-}
 function Option(props) {
   var value = props.value,
-      className = props.className,
-      children = props.children;
+    className = props.className,
+    children = props.children;
   return React.createElement("option", {
     className: className,
     value: value
@@ -1654,13 +1429,6 @@ var optionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpor
     }
   }
 });
-function registerOption(loader, customOptionMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(Option, customOptionMeta != null ? customOptionMeta : optionMeta);
-}
 
 var statMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Stat"), {
   props: {
@@ -1710,13 +1478,6 @@ var statMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportM
     }
   }
 });
-function registerStat(loader, customStatMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Stat, customStatMeta != null ? customStatMeta : statMeta);
-}
 var statHelpTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatHelpText", "Stat"), {
   props: {
     children: {
@@ -1728,13 +1489,6 @@ var statHelpTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAn
     }
   }
 });
-function registerStatHelpText(loader, customStatHelpTextMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.StatHelpText, customStatHelpTextMeta != null ? customStatHelpTextMeta : statHelpTextMeta);
-}
 var statArrowMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatArrow", "Stat"), {
   props: {
     type: {
@@ -1743,13 +1497,6 @@ var statArrowMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndIm
     }
   }
 });
-function registerStatArrow(loader, customStatArrowMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.StatArrow, customStatArrowMeta != null ? customStatArrowMeta : statArrowMeta);
-}
 var statNumberMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatNumber", "Stat"), {
   props: {
     children: {
@@ -1761,13 +1508,6 @@ var statNumberMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndI
     }
   }
 });
-function registerStatNumber(loader, customStatNumberMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.StatNumber, customStatNumberMeta != null ? customStatNumberMeta : statNumberMeta);
-}
 var statLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatLabel", "Stat"), {
   props: {
     children: {
@@ -1779,13 +1519,6 @@ var statLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndIm
     }
   }
 });
-function registerStatLabel(loader, customStatLabelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.StatLabel, customStatLabelMeta != null ? customStatLabelMeta : statLabelMeta);
-}
 
 var switchMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Switch"), {
   props: {
@@ -1811,13 +1544,6 @@ var switchMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpor
     isRequired: "boolean"
   }
 });
-function registerSwitch(loader, customSwitchMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
-}
 
 var tableMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Table", "TableContainer"), {
   props: {
@@ -1841,13 +1567,6 @@ var tableMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerTable(loader, customTableMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Table, customTableMeta != null ? customTableMeta : tableMeta);
-}
 var tableCaptionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableCaption", "Table"), {
   props: {
     placement: {
@@ -1864,13 +1583,6 @@ var tableCaptionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAn
     }
   }
 });
-function registerTableCaption(loader, customTableCaptionMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.TableCaption, customTableCaptionMeta != null ? customTableCaptionMeta : tableCaptionMeta);
-}
 var theadMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Thead", "Table"), {
   props: {
     children: {
@@ -1879,13 +1591,6 @@ var theadMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerThead(loader, customTheadMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Thead, customTheadMeta != null ? customTheadMeta : theadMeta);
-}
 var tbodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tbody", "Table"), {
   props: {
     children: {
@@ -1894,13 +1599,6 @@ var tbodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerTbody(loader, customTbodyMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Tbody, customTbodyMeta != null ? customTbodyMeta : tbodyMeta);
-}
 var trMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tr", "Table"), {
   props: {
     children: {
@@ -1909,13 +1607,6 @@ var trMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMet
     }
   }
 });
-function registerTr(loader, customTrMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Tr, customTrMeta != null ? customTrMeta : trMeta);
-}
 var tdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Td", "Tr"), {
   props: {
     isNumeric: "boolean",
@@ -1928,13 +1619,6 @@ var tdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMet
     }
   }
 });
-function registerTd(loader, customTdMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Td, customTdMeta != null ? customTdMeta : tdMeta);
-}
 var thMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Th", "Tr"), {
   props: {
     isNumeric: "boolean",
@@ -1947,13 +1631,6 @@ var thMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMet
     }
   }
 });
-function registerTh(loader, customThMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Th, customThMeta != null ? customThMeta : thMeta);
-}
 var tableContainerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableContainer"), {
   props: {
     overflowX: {
@@ -2059,13 +1736,6 @@ var tableContainerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentName
     }
   }
 });
-function registerTableContainer(loader, customTableContainerMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.TableContainer, customTableContainerMeta != null ? customTableContainerMeta : tableContainerMeta);
-}
 var tfootMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tfoot", "Table"), {
   props: {
     children: {
@@ -2089,13 +1759,6 @@ var tfootMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerTfoot(loader, customTfootMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Tfoot, customTfootMeta != null ? customTfootMeta : tfootMeta);
-}
 
 var tabListMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabList", "Tabs"), {
   props: {
@@ -2105,13 +1768,6 @@ var tabListMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpo
     }
   }
 });
-function registerTabList(loader, customTabListMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.TabList, customTabListMeta != null ? customTabListMeta : tabListMeta);
-}
 var tabsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tabs"), {
   props: {
     align: {
@@ -2218,13 +1874,6 @@ var tabsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportM
     }
   }
 });
-function registerTabs(loader, customTabsMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
-}
 var tabMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tab", "TabList"), {
   props: {
     id: "string",
@@ -2239,13 +1888,6 @@ var tabMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMe
     }
   }
 });
-function registerTab(loader, customTabMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Tab, customTabMeta != null ? customTabMeta : tabMeta);
-}
 var tabPanelsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabPanels", "Tabs"), {
   props: {
     children: {
@@ -2254,13 +1896,6 @@ var tabPanelsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndIm
     }
   }
 });
-function registerTabPanels(loader, customTabPanelsMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.TabPanels, customTabPanelsMeta != null ? customTabPanelsMeta : tabPanelsMeta);
-}
 var tabPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabPanel", "TabPanels"), {
   props: {
     children: {
@@ -2272,13 +1907,6 @@ var tabPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImp
     }
   }
 });
-function registerTabPanel(loader, customTabPanelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.TabPanel, customTabPanelMeta != null ? customTabPanelMeta : tabPanelMeta);
-}
 
 var textMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Text"), {
   props: {
@@ -2291,13 +1919,6 @@ var textMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportM
     }
   }
 });
-function registerText(loader, customTextMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Text, customTextMeta != null ? customTextMeta : textMeta);
-}
 
 var toastMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Toast"), {
   props: {
@@ -2330,13 +1951,6 @@ var toastMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImport
     }
   }
 });
-function registerToast(loader, customToastMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Toast, customToastMeta != null ? customToastMeta : toastMeta);
-}
 
 var tooltipMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tooltip"), {
   props: {
@@ -2390,87 +2004,94 @@ var tooltipMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpo
     }
   }
 });
-function registerTooltip(loader, customTooltipMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(react.Tooltip, customTooltipMeta != null ? customTooltipMeta : tooltipMeta);
-}
 
 function registerAll(loader) {
-  registerAccordion(loader);
-  registerAccordionButton(loader);
-  registerAccordionIcon(loader);
-  registerAccordionItem(loader);
-  registerAccordionPanel(loader);
-  registerAvatar(loader);
-  registerAvatarBadge(loader);
-  registerAvatarGroup(loader);
-  registerAspectRatio(loader);
-  registerBadge(loader);
-  registerBreadcrumb(loader);
-  registerBreadcrumbItem(loader);
-  registerBreadcrumbLink(loader);
-  registerBreadcrumbSeparator(loader);
-  registerButton(loader);
-  registerButtonGroup(loader);
+  var _registerComponent = function _registerComponent(Component, defaultMeta) {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
+  };
   registerChakraProvider(loader);
-  registerCheckbox(loader);
-  registerCheckboxGroup(loader);
-  registerCode(loader);
-  registerDivider(loader);
-  registerFormControl(loader);
-  registerFormErrorMessage(loader);
-  registerFormHelperText(loader);
-  registerFormLabel(loader);
-  registerHeading(loader);
-  registerHighlight(loader);
-  registerImage(loader);
-  registerInput(loader);
-  registerKbd(loader);
-  registerNumberInput(loader);
-  registerNumberDecrementStepper(loader);
-  registerNumberIncrementStepper(loader);
-  registerNumberInputField(loader);
-  registerNumberInputStepper(loader);
-  registerOption(loader);
-  registerPinInput(loader);
-  registerPinInputField(loader);
-  registerPopover(loader);
-  registerPopoverBody(loader);
-  registerPopoverArrow(loader);
-  registerPopoverCloseButton(loader);
-  registerPopoverContent(loader);
-  registerPopoverHeader(loader);
-  registerPopoverTrigger(loader);
-  registerProgress(loader);
-  registerRadio(loader);
-  registerRadioGroup(loader);
-  registerSelect(loader);
-  registerStat(loader);
-  registerStatArrow(loader);
-  registerStatHelpText(loader);
-  registerStatLabel(loader);
-  registerStatNumber(loader);
-  registerSwitch(loader);
-  registerTable(loader);
-  registerTableCaption(loader);
-  registerTbody(loader);
-  registerTfoot(loader);
-  registerThead(loader);
-  registerTd(loader);
-  registerTh(loader);
-  registerTr(loader);
-  registerTableContainer(loader);
-  registerTabList(loader);
-  registerTab(loader);
-  registerTabPanel(loader);
-  registerTabPanels(loader);
-  registerTabs(loader);
-  registerText(loader);
-  registerToast(loader);
-  registerTooltip(loader);
+  _registerComponent(react.Accordion, accordionMeta);
+  _registerComponent(react.AccordionButton, accordionButtonMeta);
+  _registerComponent(react.AccordionIcon, accordionIconMeta);
+  _registerComponent(react.AccordionItem, accordionItemMeta);
+  _registerComponent(react.AccordionPanel, accordionPanelMeta);
+  _registerComponent(react.AspectRatio, aspectRatioMeta);
+  _registerComponent(react.Avatar, avatarMeta);
+  _registerComponent(react.AvatarBadge, avatarBadgeMeta);
+  _registerComponent(react.AvatarGroup, avatarGroupMeta);
+  _registerComponent(react.Badge, badgeMeta);
+  _registerComponent(react.Breadcrumb, breadcrumbMeta);
+  _registerComponent(react.BreadcrumbItem, breadcrumbItemMeta);
+  _registerComponent(react.BreadcrumbLink, breadcrumbLinkMeta);
+  _registerComponent(react.BreadcrumbSeparator, breadcrumbSeparatorMeta);
+  _registerComponent(react.Button, buttonMeta);
+  _registerComponent(react.ButtonGroup, buttonGroupMeta);
+  _registerComponent(react.Checkbox, checkboxMeta);
+  _registerComponent(react.CheckboxGroup, checkboxGroupMeta);
+  _registerComponent(react.Code, codeMeta);
+  _registerComponent(react.Divider, dividerMeta);
+  _registerComponent(react.FormControl, formControlMeta);
+  _registerComponent(react.FormErrorMessage, formErrorMessageMeta);
+  _registerComponent(react.FormHelperText, formHelperTextMeta);
+  _registerComponent(react.FormLabel, formLabelMeta);
+  _registerComponent(react.Heading, headingMeta);
+  _registerComponent(react.Highlight, highlightMeta);
+  _registerComponent(react.Image, imageMeta);
+  _registerComponent(react.Input, inputMeta);
+  _registerComponent(react.Kbd, kbdMeta);
+  _registerComponent(Modal, modalMeta);
+  _registerComponent(react.ModalOverlay, modalOverlayMeta);
+  _registerComponent(react.ModalContent, modalContentMeta);
+  _registerComponent(react.ModalHeader, modalHeaderMeta);
+  _registerComponent(react.ModalBody, modalBodyMeta);
+  _registerComponent(react.ModalFooter, modalFooterMeta);
+  _registerComponent(react.ModalCloseButton, modalCloseButtonMeta);
+  _registerComponent(react.NumberInput, numberInputMeta);
+  _registerComponent(react.NumberDecrementStepper, numberDecrementStepperMeta);
+  _registerComponent(react.NumberIncrementStepper, numberIncrementStepperMeta);
+  _registerComponent(react.NumberInputField, numberInputFieldMeta);
+  _registerComponent(react.NumberInputStepper, numberInputStepperMeta);
+  _registerComponent(Option, optionMeta);
+  _registerComponent(react.Select, selectMeta);
+  _registerComponent(react.PinInput, pinInputMeta);
+  _registerComponent(react.PinInputField, pinInputFieldMeta);
+  _registerComponent(react.Popover, popoverMeta);
+  _registerComponent(react.PopoverBody, popoverBodyMeta);
+  _registerComponent(react.PopoverArrow, popoverArrowMeta);
+  _registerComponent(react.PopoverCloseButton, popoverCloseButtonMeta);
+  _registerComponent(react.PopoverContent, popoverContentMeta);
+  _registerComponent(react.PopoverHeader, popoverHeaderMeta);
+  _registerComponent(react.PopoverTrigger, popoverTriggerMeta);
+  _registerComponent(react.Progress, progressMeta);
+  _registerComponent(react.Radio, radioMeta);
+  _registerComponent(react.RadioGroup, radioGroupMeta);
+  _registerComponent(react.Stat, statMeta);
+  _registerComponent(react.StatArrow, statArrowMeta);
+  _registerComponent(react.StatHelpText, statHelpTextMeta);
+  _registerComponent(react.StatLabel, statLabelMeta);
+  _registerComponent(react.StatNumber, statNumberMeta);
+  _registerComponent(react.Switch, switchMeta);
+  _registerComponent(react.Table, tableMeta);
+  _registerComponent(react.TableCaption, tableCaptionMeta);
+  _registerComponent(react.Tbody, tbodyMeta);
+  _registerComponent(react.Thead, theadMeta);
+  _registerComponent(react.Tfoot, tfootMeta);
+  _registerComponent(react.Td, tdMeta);
+  _registerComponent(react.Th, thMeta);
+  _registerComponent(react.Tr, trMeta);
+  _registerComponent(react.TableContainer, tableContainerMeta);
+  _registerComponent(react.Text, textMeta);
+  _registerComponent(react.Toast, toastMeta);
+  _registerComponent(react.Tooltip, tooltipMeta);
+  _registerComponent(react.TabList, tabListMeta);
+  _registerComponent(react.Tab, tabMeta);
+  _registerComponent(react.Tabs, tabsMeta);
+  _registerComponent(react.TabPanel, tabPanelMeta);
+  _registerComponent(react.TabPanels, tabPanelsMeta);
 }
 
 exports.Option = Option;
@@ -2522,79 +2143,9 @@ exports.popoverTriggerMeta = popoverTriggerMeta;
 exports.progressMeta = progressMeta;
 exports.radioGroupMeta = radioGroupMeta;
 exports.radioMeta = radioMeta;
-exports.registerAccordion = registerAccordion;
-exports.registerAccordionButton = registerAccordionButton;
-exports.registerAccordionIcon = registerAccordionIcon;
-exports.registerAccordionItem = registerAccordionItem;
-exports.registerAccordionPanel = registerAccordionPanel;
 exports.registerAll = registerAll;
-exports.registerAspectRatio = registerAspectRatio;
-exports.registerAvatar = registerAvatar;
-exports.registerAvatarBadge = registerAvatarBadge;
-exports.registerAvatarGroup = registerAvatarGroup;
-exports.registerBadge = registerBadge;
-exports.registerBreadcrumb = registerBreadcrumb;
-exports.registerBreadcrumbItem = registerBreadcrumbItem;
-exports.registerBreadcrumbLink = registerBreadcrumbLink;
-exports.registerBreadcrumbSeparator = registerBreadcrumbSeparator;
-exports.registerButton = registerButton;
-exports.registerButtonGroup = registerButtonGroup;
 exports.registerChakraProvider = registerChakraProvider;
-exports.registerCheckbox = registerCheckbox;
-exports.registerCheckboxGroup = registerCheckboxGroup;
-exports.registerCode = registerCode;
-exports.registerDivider = registerDivider;
-exports.registerFormControl = registerFormControl;
-exports.registerFormErrorMessage = registerFormErrorMessage;
-exports.registerFormHelperText = registerFormHelperText;
-exports.registerFormLabel = registerFormLabel;
-exports.registerHeading = registerHeading;
-exports.registerHighlight = registerHighlight;
-exports.registerImage = registerImage;
-exports.registerInput = registerInput;
 exports.registerKbd = registerKbd;
-exports.registerNumberDecrementStepper = registerNumberDecrementStepper;
-exports.registerNumberIncrementStepper = registerNumberIncrementStepper;
-exports.registerNumberInput = registerNumberInput;
-exports.registerNumberInputField = registerNumberInputField;
-exports.registerNumberInputStepper = registerNumberInputStepper;
-exports.registerOption = registerOption;
-exports.registerPinInput = registerPinInput;
-exports.registerPinInputField = registerPinInputField;
-exports.registerPopover = registerPopover;
-exports.registerPopoverArrow = registerPopoverArrow;
-exports.registerPopoverBody = registerPopoverBody;
-exports.registerPopoverCloseButton = registerPopoverCloseButton;
-exports.registerPopoverContent = registerPopoverContent;
-exports.registerPopoverHeader = registerPopoverHeader;
-exports.registerPopoverTrigger = registerPopoverTrigger;
-exports.registerProgress = registerProgress;
-exports.registerRadio = registerRadio;
-exports.registerRadioGroup = registerRadioGroup;
-exports.registerSelect = registerSelect;
-exports.registerStat = registerStat;
-exports.registerStatArrow = registerStatArrow;
-exports.registerStatHelpText = registerStatHelpText;
-exports.registerStatLabel = registerStatLabel;
-exports.registerStatNumber = registerStatNumber;
-exports.registerSwitch = registerSwitch;
-exports.registerTab = registerTab;
-exports.registerTabList = registerTabList;
-exports.registerTabPanel = registerTabPanel;
-exports.registerTabPanels = registerTabPanels;
-exports.registerTable = registerTable;
-exports.registerTableCaption = registerTableCaption;
-exports.registerTableContainer = registerTableContainer;
-exports.registerTabs = registerTabs;
-exports.registerTbody = registerTbody;
-exports.registerTd = registerTd;
-exports.registerText = registerText;
-exports.registerTfoot = registerTfoot;
-exports.registerTh = registerTh;
-exports.registerThead = registerThead;
-exports.registerToast = registerToast;
-exports.registerTooltip = registerTooltip;
-exports.registerTr = registerTr;
 exports.selectMeta = selectMeta;
 exports.statArrowMeta = statArrowMeta;
 exports.statHelpTextMeta = statHelpTextMeta;