@plasmicpkgs/plasmic-chakra-ui 0.0.3 → 0.0.5

package/dist/plasmic-chakra-ui.esm.js

@@ -1,5 +1,6 @@
-import { AspectRatio, Badge, BreadcrumbItem, BreadcrumbLink, Breadcrumb, BreadcrumbSeparator, ButtonGroup, Button, Checkbox, CheckboxGroup, Code, Divider, Image, Input, Kbd, NumberInput, NumberInputStepper, NumberDecrementStepper, NumberIncrementStepper, NumberInputField, PinInput, PinInputField, Popover, PopoverContent, PopoverArrow, PopoverCloseButton, PopoverHeader, PopoverBody, PopoverTrigger, RadioGroup, Radio, Select, Stat, StatHelpText, StatArrow, StatNumber, StatLabel, Switch, Table, TableCaption, Thead, Tbody, Tr, Td, Th, TableContainer, Tfoot, TabList, Tabs, Tab, TabPanels, TabPanel, Text, Highlight, Heading, Toast, Tooltip, Accordion, AccordionItem, AccordionButton, AccordionPanel, AccordionIcon, AvatarBadge, Avatar, AvatarGroup, FormControl, FormLabel, FormHelperText, FormErrorMessage, Progress } from '@chakra-ui/react';
+import { ChakraProvider, Kbd, Modal as Modal$1, Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AspectRatio, Avatar, AvatarBadge, AvatarGroup, Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, Button, ButtonGroup, Checkbox, CheckboxGroup, Code, Divider, FormControl, FormErrorMessage, FormHelperText, FormLabel, Heading, Highlight, Image, Input, ModalOverlay, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalCloseButton, NumberInput, NumberDecrementStepper, NumberIncrementStepper, NumberInputField, NumberInputStepper, Select, PinInput, PinInputField, Popover, PopoverBody, PopoverArrow, PopoverCloseButton, PopoverContent, PopoverHeader, PopoverTrigger, Progress, Radio, RadioGroup, Stat, StatArrow, StatHelpText, StatLabel, StatNumber, Switch, Table, TableCaption, Tbody, Thead, Tfoot, Td, Th, Tr, TableContainer, Text, Toast, Tooltip, TabList, Tab, Tabs, TabPanel, TabPanels } from '@chakra-ui/react';
 import registerComponent from '@plasmicapp/host/registerComponent';
+import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import React from 'react';
 
 function _extends() {
@@ -36,10 +37,114 @@ var getComponentNameAndImportMeta = function getComponentNameAndImportMeta(compo
     importPath: (_opts$importPath = opts == null ? void 0 : opts.importPath) != null ? _opts$importPath : CHAKRA_UI_IMPORT_PATH,
     importName: componentName
   }, parentComponentName ? {
-    parentComponentName: parentComponentName
+    parentComponentName: getPlasmicComponentName(parentComponentName)
   } : {});
 };
 
+var accordionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Accordion"), {
+  props: {
+    allowMultiple: {
+      type: "boolean",
+      description: "If true, multiple accordion items can be expanded at the same time."
+    },
+    allowToggle: {
+      type: "boolean",
+      description: "If true, an expanded accordion item can be collapsed again."
+    },
+    defaultIndex: {
+      type: "number",
+      description: "The index of the accordion item that should be expanded by default."
+    },
+    reduceMotion: {
+      type: "boolean",
+      description: "If true, height animation and transitions will be disabled."
+    },
+    children: {
+      type: "slot",
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AccordionItem")],
+      defaultValue: [{
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionItem")
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionItem")
+      }]
+    }
+  }
+});
+var accordionItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionItem", "Accordion"), {
+  props: {
+    id: {
+      type: "string",
+      description: "The unique id of the accordion item."
+    },
+    isDisabled: {
+      type: "boolean",
+      description: "If true, the accordion item will be disabled."
+    },
+    isFocusable: {
+      type: "boolean",
+      description: "If true, the accordion item will be focusable."
+    },
+    children: {
+      type: "slot",
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AccordionButton"), /*#__PURE__*/getPlasmicComponentName("AccordionPanel")],
+      defaultValue: [{
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionButton")
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionPanel")
+      }]
+    }
+  }
+});
+var accordionButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionButton", "AccordionItem"), {
+  props: {
+    _expanded: {
+      type: "object",
+      displayName: "expandedStyle",
+      defaultValueHint: {
+        bg: "orange",
+        color: "white"
+      }
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Section 1 title",
+        styles: {
+          textAlign: "left"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionIcon")
+      }]
+    }
+  }
+});
+var accordionPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionPanel", "AccordionItem"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Text"),
+        props: {
+          children: {
+            type: "text",
+            value: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+          }
+        }
+      }
+    }
+  }
+});
+var accordionIconMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionIcon", "AccordionButton"), {
+  props: {}
+});
+
 var aspectRatioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AspectRatio"), {
   defaultStyles: {
     width: "320px"
@@ -58,13 +163,120 @@ 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(AspectRatio, customAspectRatioMeta != null ? customAspectRatioMeta : aspectRatioMeta);
-}
+var avatarBadgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarBadge", "Avatar"), {
+  props: {
+    boxSize: {
+      type: "string",
+      defaultValue: "1.25em"
+    },
+    bg: {
+      type: "string",
+      defaultValue: "green.500"
+    },
+    borderColor: "string"
+  }
+});
+var avatarMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Avatar", "AvatarGroup"), {
+  props: {
+    name: {
+      type: "string",
+      defaultValue: "Kola Tioluwani"
+    },
+    src: {
+      type: "string",
+      defaultValue: "https://bit.ly/dan-abramov"
+    },
+    size: {
+      type: "choice",
+      options: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "full"]
+    },
+    loading: {
+      type: "choice",
+      options: ["eager", "lazy"]
+    },
+    showBorder: "boolean",
+    children: {
+      type: "slot",
+      hidePlaceholder: true,
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AvatarBadge")],
+      defaultValue: {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("AvatarBadge")
+      }
+    }
+  }
+});
+var avatarGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarGroup"), {
+  props: {
+    size: {
+      type: "choice",
+      options: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "full"]
+    },
+    max: {
+      type: "number",
+      description: "The maximum number of avatars to show before truncating."
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "-0.75rem"
+    },
+    children: {
+      type: "slot",
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Avatar")],
+      defaultValue: [{
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Dan Abrahmov",
+          src: "https://bit.ly/dan-abramov"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Kola Tioluwani",
+          src: "https://bit.ly/tioluwani-kolawole"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Kent Dodds",
+          src: "https://bit.ly/kent-c-dodds"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Ryan Florence",
+          src: "https://bit.ly/ryan-florence"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Prosper Otemuyiwa",
+          src: "https://bit.ly/prosper-baba"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Christian Nwamba",
+          src: "https://bit.ly/code-beast"
+        }
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
+        props: {
+          name: "Segun Adebayo",
+          src: "https://bit.ly/sage-adebayo"
+        }
+      }]
+    }
+  }
+});
 
 var badgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Badge"), {
   importPath: "@chakra-ui/react",
@@ -81,13 +293,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(Badge, customBadgeMeta != null ? customBadgeMeta : badgeMeta);
-}
 
 var breadcrumbItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbItem", "Breadcrumb"), {
   props: {
@@ -120,13 +325,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(BreadcrumbItem, customBreadcrumbItemMeta != null ? customBreadcrumbItemMeta : breadcrumbItemMeta);
-}
 var breadcrumbLinkMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbLink", "BreadcrumbItem"), {
   props: {
     href: {
@@ -142,13 +340,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(BreadcrumbLink, customBreadcrumbLinkMeta != null ? customBreadcrumbLinkMeta : breadcrumbLinkMeta);
-}
 var breadcrumbMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Breadcrumb"), {
   props: {
     separator: {
@@ -212,13 +403,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(Breadcrumb, customBreadcrumbMeta != null ? customBreadcrumbMeta : breadcrumbMeta);
-}
 var breadcrumbSeparatorMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbSeparator", "Breadcrumb"), {
   props: {
     children: {
@@ -230,13 +414,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(BreadcrumbSeparator, customBreadcrumbSeparatorMeta != null ? customBreadcrumbSeparatorMeta : breadcrumbSeparatorMeta);
-}
 
 var buttonGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ButtonGroup"), {
   props: {
@@ -285,13 +462,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(ButtonGroup, customButtonGroupMeta != null ? customButtonGroupMeta : buttonGroupMeta);
-}
 var buttonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Button", "ButtonGroup"), {
   props: {
     size: {
@@ -326,12 +496,18 @@ var buttonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImpor
     }
   }
 });
-function registerButton(loader, customButtonMeta) {
+
+var chakraProviderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ChakraProvider"), {
+  props: {
+    theme: "object"
+  }
+});
+function registerChakraProvider(loader, customChakraProviderMeta) {
   var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+    return loader ? loader.registerGlobalContext.apply(loader, arguments) : registerGlobalContext.apply(void 0, arguments);
   };
 
-  doRegisterComponent(Button, customButtonMeta != null ? customButtonMeta : buttonMeta);
+  doRegisterComponent(ChakraProvider, customChakraProviderMeta != null ? customChakraProviderMeta : chakraProviderMeta);
 }
 
 var checkboxMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Checkbox", "CheckboxGroup"), {
@@ -376,13 +552,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(Checkbox, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
-}
 var checkboxGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("CheckboxGroup"), {
   props: {
     size: {
@@ -430,13 +599,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(CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
-}
 
 var codeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Code"), {
   props: {
@@ -459,13 +621,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(Code, customCodeMeta != null ? customCodeMeta : codeMeta);
-}
 
 var dividerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Divider"), {
   props: {
@@ -479,13 +634,107 @@ 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(Divider, customDividerMeta != null ? customDividerMeta : dividerMeta);
-}
+var formControlMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormControl"), {
+  props: {
+    label: "string",
+    isDisabled: "boolean",
+    isInvalid: "boolean",
+    isRequired: "boolean",
+    isreadOnly: "boolean",
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("FormLabel")
+      }, {
+        type: "component",
+        name: /*#__PURE__*/getPlasmicComponentName("Input")
+      }]
+    }
+  }
+});
+var formLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormLabel", "FormControl"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Label",
+        styles: {
+          display: "inline-block",
+          width: "auto"
+        }
+      }
+    }
+  }
+});
+var formHelperTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormHelperText", "FormControl"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "We'll never share your email."
+      }
+    }
+  }
+});
+var formErrorMessageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormErrorMessage", "FormControl"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "This is an error message."
+      }
+    }
+  }
+});
+
+var headingMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Heading"), {
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Basic text writing, including headings, body text, lists, and more."
+      }
+    },
+    size: {
+      type: "choice",
+      options: ["4xl", "3xl", "2xl", "xl", "lg", "md", "sm", "xs"],
+      defaultValue: "xl"
+    },
+    noOfLines: {
+      type: "number",
+      defaultValue: 1
+    }
+  }
+});
+
+var highlightMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Highlight"), {
+  props: {
+    children: {
+      displayName: "text",
+      type: "string",
+      defaultValue: "With the Highlight component, you can spotlight words."
+    },
+    query: {
+      type: "array",
+      defaultValue: ["Spotlight", "words"]
+    },
+    styles: {
+      type: "object",
+      defaultValue: {
+        backgroundColor: "orange.100",
+        px: "0.3em",
+        py: "0.1em",
+        borderRadius: "0.3em"
+      }
+    }
+  }
+});
 
 var imageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Image"), {
   props: {
@@ -507,13 +756,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(Image, customImageMeta != null ? customImageMeta : imageMeta);
-}
 
 var inputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Input"), {
   props: {
@@ -547,13 +789,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(Input, customInputMeta != null ? customInputMeta : inputMeta);
-}
 
 var kbdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Kbd", undefined, {
   displayName: "Chakra-UI Keyboard Key"
@@ -576,6 +811,110 @@ function registerKbd(loader, customKbdMeta) {
   doRegisterComponent(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(Modal$1, 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: {
@@ -640,13 +979,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(NumberInput, customNumberInputMeta != null ? customNumberInputMeta : numberInputMeta);
-}
 var numberInputStepperMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInputStepper", "NumberInput"), {
   props: {
     children: {
@@ -662,43 +994,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(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(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(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(NumberInputField, customNumberInputFieldMeta != null ? customNumberInputFieldMeta : numberInputFieldMeta);
-}
 
 var pinInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PinInput"), {
   props: {
@@ -764,23 +1068,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(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(PinInputField, customPinInputFieldMeta != null ? customPinInputFieldMeta : pinInputFieldMeta);
-}
 
 var popoverMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Popover"), {
   props: {
@@ -838,13 +1128,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(Popover, customPopoverMeta != null ? customPopoverMeta : popoverMeta);
-}
 var popoverContentMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverContent", "Popover"), {
   props: {
     children: {
@@ -877,33 +1160,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(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(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(PopoverCloseButton, customPopoverCloseButtonMeta != null ? customPopoverCloseButtonMeta : popoverCloseButtonMeta);
-}
 var popoverHeaderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverHeader", "PopoverContent"), {
   props: {
     children: {
@@ -915,13 +1177,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(PopoverHeader, customPopoverHeaderMeta != null ? customPopoverHeaderMeta : popoverHeaderMeta);
-}
 var popoverBodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverBody", "PopoverContent"), {
   props: {
     children: {
@@ -933,13 +1188,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(PopoverBody, customPopoverBodyMeta != null ? customPopoverBodyMeta : popoverBodyMeta);
-}
 var popoverTriggerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverTrigger", "Popover"), {
   props: {
     children: {
@@ -957,13 +1205,42 @@ 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(PopoverTrigger, customPopoverTriggerMeta != null ? customPopoverTriggerMeta : popoverTriggerMeta);
-}
+var progressMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Progress"), {
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "blue"
+    },
+    size: {
+      type: "choice",
+      options: ["xs", "sm", "md", "lg"],
+      defaultValue: "md"
+    },
+    max: {
+      type: "number",
+      defaultValue: 100
+    },
+    min: {
+      type: "number",
+      defaultValue: 0
+    },
+    value: "number",
+    isIndeterminate: {
+      type: "boolean"
+    },
+    hasStripe: {
+      type: "boolean"
+    },
+    isAnimated: {
+      type: "boolean",
+      hidden: function hidden(props) {
+        return !props.hasStripe;
+      }
+    }
+  }
+});
 
 var radioGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("RadioGroup"), {
   props: {
@@ -1028,13 +1305,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(RadioGroup, customRadioGroupMeta != null ? customRadioGroupMeta : radioGroupMeta);
-}
 var radioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Radio", "RadioGroup"), {
   props: {
     value: {
@@ -1072,13 +1342,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(Radio, customRadioMeta != null ? customRadioMeta : radioMeta);
-}
 
 var selectMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Select"), {
   props: {
@@ -1144,13 +1407,6 @@ 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(Select, customSelectMeta != null ? customSelectMeta : selectMeta);
-}
 function Option(props) {
   var value = props.value,
       className = props.className,
@@ -1174,13 +1430,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: {
@@ -1230,13 +1479,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(Stat, customStatMeta != null ? customStatMeta : statMeta);
-}
 var statHelpTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatHelpText", "Stat"), {
   props: {
     children: {
@@ -1248,13 +1490,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(StatHelpText, customStatHelpTextMeta != null ? customStatHelpTextMeta : statHelpTextMeta);
-}
 var statArrowMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatArrow", "Stat"), {
   props: {
     type: {
@@ -1263,13 +1498,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(StatArrow, customStatArrowMeta != null ? customStatArrowMeta : statArrowMeta);
-}
 var statNumberMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatNumber", "Stat"), {
   props: {
     children: {
@@ -1281,13 +1509,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(StatNumber, customStatNumberMeta != null ? customStatNumberMeta : statNumberMeta);
-}
 var statLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatLabel", "Stat"), {
   props: {
     children: {
@@ -1299,13 +1520,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(StatLabel, customStatLabelMeta != null ? customStatLabelMeta : statLabelMeta);
-}
 
 var switchMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Switch"), {
   props: {
@@ -1331,13 +1545,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(Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
-}
 
 var tableMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Table", "TableContainer"), {
   props: {
@@ -1361,13 +1568,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(Table, customTableMeta != null ? customTableMeta : tableMeta);
-}
 var tableCaptionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableCaption", "Table"), {
   props: {
     placement: {
@@ -1384,13 +1584,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(TableCaption, customTableCaptionMeta != null ? customTableCaptionMeta : tableCaptionMeta);
-}
 var theadMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Thead", "Table"), {
   props: {
     children: {
@@ -1399,13 +1592,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(Thead, customTheadMeta != null ? customTheadMeta : theadMeta);
-}
 var tbodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tbody", "Table"), {
   props: {
     children: {
@@ -1414,13 +1600,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(Tbody, customTbodyMeta != null ? customTbodyMeta : tbodyMeta);
-}
 var trMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tr", "Table"), {
   props: {
     children: {
@@ -1429,13 +1608,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(Tr, customTrMeta != null ? customTrMeta : trMeta);
-}
 var tdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Td", "Tr"), {
   props: {
     isNumeric: "boolean",
@@ -1448,13 +1620,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(Td, customTdMeta != null ? customTdMeta : tdMeta);
-}
 var thMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Th", "Tr"), {
   props: {
     isNumeric: "boolean",
@@ -1467,13 +1632,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(Th, customThMeta != null ? customThMeta : thMeta);
-}
 var tableContainerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableContainer"), {
   props: {
     overflowX: {
@@ -1579,13 +1737,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(TableContainer, customTableContainerMeta != null ? customTableContainerMeta : tableContainerMeta);
-}
 var tfootMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tfoot", "Table"), {
   props: {
     children: {
@@ -1609,13 +1760,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(Tfoot, customTfootMeta != null ? customTfootMeta : tfootMeta);
-}
 
 var tabListMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabList", "Tabs"), {
   props: {
@@ -1625,13 +1769,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(TabList, customTabListMeta != null ? customTabListMeta : tabListMeta);
-}
 var tabsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tabs"), {
   props: {
     align: {
@@ -1738,13 +1875,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(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
-}
 var tabMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tab", "TabList"), {
   props: {
     id: "string",
@@ -1759,13 +1889,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(Tab, customTabMeta != null ? customTabMeta : tabMeta);
-}
 var tabPanelsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabPanels", "Tabs"), {
   props: {
     children: {
@@ -1774,13 +1897,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(TabPanels, customTabPanelsMeta != null ? customTabPanelsMeta : tabPanelsMeta);
-}
 var tabPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabPanel", "TabPanels"), {
   props: {
     children: {
@@ -1792,13 +1908,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(TabPanel, customTabPanelMeta != null ? customTabPanelMeta : tabPanelMeta);
-}
 
 var textMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Text"), {
   props: {
@@ -1811,71 +1920,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(Text, customTextMeta != null ? customTextMeta : textMeta);
-}
-
-var highlightMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Highlight"), {
-  props: {
-    children: {
-      displayName: "text",
-      type: "string",
-      defaultValue: "With the Highlight component, you can spotlight words."
-    },
-    query: {
-      type: "array",
-      defaultValue: ["Spotlight", "words"]
-    },
-    styles: {
-      type: "object",
-      defaultValue: {
-        backgroundColor: "orange.100",
-        px: "0.3em",
-        py: "0.1em",
-        borderRadius: "0.3em"
-      }
-    }
-  }
-});
-function registerHighlight(loader, customHighlightMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(Highlight, customHighlightMeta != null ? customHighlightMeta : highlightMeta);
-}
-
-var headingMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Heading"), {
-  props: {
-    children: {
-      type: "slot",
-      defaultValue: {
-        type: "text",
-        value: "Basic text writing, including headings, body text, lists, and more."
-      }
-    },
-    size: {
-      type: "choice",
-      options: ["4xl", "3xl", "2xl", "xl", "lg", "md", "sm", "xs"],
-      defaultValue: "xl"
-    },
-    noOfLines: {
-      type: "number",
-      defaultValue: 1
-    }
-  }
-});
-function registerHeading(loader, customHeadingMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(Heading, customHeadingMeta != null ? customHeadingMeta : headingMeta);
-}
 
 var toastMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Toast"), {
   props: {
@@ -1908,13 +1952,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(Toast, customToastMeta != null ? customToastMeta : toastMeta);
-}
 
 var tooltipMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tooltip"), {
   props: {
@@ -1968,489 +2005,174 @@ 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);
+
+function registerAll(loader) {
+  var _registerComponent = function _registerComponent(Component, defaultMeta) {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
   };
 
-  doRegisterComponent(Tooltip, customTooltipMeta != null ? customTooltipMeta : tooltipMeta);
-}
+  registerChakraProvider(loader);
 
-var accordionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Accordion"), {
-  props: {
-    allowMultiple: {
-      type: "boolean",
-      description: "If true, multiple accordion items can be expanded at the same time."
-    },
-    allowToggle: {
-      type: "boolean",
-      description: "If true, an expanded accordion item can be collapsed again."
-    },
-    defaultIndex: {
-      type: "number",
-      description: "The index of the accordion item that should be expanded by default."
-    },
-    reduceMotion: {
-      type: "boolean",
-      description: "If true, height animation and transitions will be disabled."
-    },
-    children: {
-      type: "slot",
-      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AccordionItem")],
-      defaultValue: [{
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("AccordionItem")
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("AccordionItem")
-      }]
-    }
-  }
-});
-function registerAccordion(loader, customAccordionMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(Accordion, accordionMeta);
 
-  doRegisterComponent(Accordion, customAccordionMeta != null ? customAccordionMeta : accordionMeta);
-}
-var accordionItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionItem", "Accordion"), {
-  props: {
-    id: {
-      type: "string",
-      description: "The unique id of the accordion item."
-    },
-    isDisabled: {
-      type: "boolean",
-      description: "If true, the accordion item will be disabled."
-    },
-    isFocusable: {
-      type: "boolean",
-      description: "If true, the accordion item will be focusable."
-    },
-    children: {
-      type: "slot",
-      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AccordionButton"), /*#__PURE__*/getPlasmicComponentName("AccordionPanel")],
-      defaultValue: [{
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("AccordionButton")
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("AccordionPanel")
-      }]
-    }
-  }
-});
-function registerAccordionItem(loader, customAccordionItemMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(AccordionButton, accordionButtonMeta);
 
-  doRegisterComponent(AccordionItem, customAccordionItemMeta != null ? customAccordionItemMeta : accordionItemMeta);
-}
-var accordionButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionButton", "AccordionItem"), {
-  props: {
-    _expanded: {
-      type: "object",
-      displayName: "expandedStyle",
-      defaultValueHint: {
-        bg: "orange",
-        color: "white"
-      }
-    },
-    children: {
-      type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Section 1 title",
-        styles: {
-          textAlign: "left"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("AccordionIcon")
-      }]
-    }
-  }
-});
-function registerAccordionButton(loader, customAccordionButtonMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(AccordionIcon, accordionIconMeta);
 
-  doRegisterComponent(AccordionButton, customAccordionButtonMeta != null ? customAccordionButtonMeta : accordionButtonMeta);
-}
-var accordionPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionPanel", "AccordionItem"), {
-  props: {
-    children: {
-      type: "slot",
-      defaultValue: {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Text"),
-        props: {
-          children: {
-            type: "text",
-            value: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
-          }
-        }
-      }
-    }
-  }
-});
-function registerAccordionPanel(loader, customAccordionPanelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(AccordionItem, accordionItemMeta);
 
-  doRegisterComponent(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);
-  };
+  _registerComponent(AccordionPanel, accordionPanelMeta);
 
-  doRegisterComponent(AccordionIcon, customAccordionIconMeta != null ? customAccordionIconMeta : accordionIconMeta);
-}
+  _registerComponent(AspectRatio, aspectRatioMeta);
 
-var avatarBadgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarBadge", "Avatar"), {
-  props: {
-    boxSize: {
-      type: "string",
-      defaultValue: "1.25em"
-    },
-    bg: {
-      type: "string",
-      defaultValue: "green.500"
-    },
-    borderColor: "string"
-  }
-});
-function registerAvatarBadge(loader, customAvatarBadgeMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(Avatar, avatarMeta);
 
-  doRegisterComponent(AvatarBadge, customAvatarBadgeMeta != null ? customAvatarBadgeMeta : avatarBadgeMeta);
-}
-var avatarMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Avatar", "AvatarGroup"), {
-  props: {
-    name: {
-      type: "string",
-      defaultValue: "Kola Tioluwani"
-    },
-    src: {
-      type: "string",
-      defaultValue: "https://bit.ly/dan-abramov"
-    },
-    size: {
-      type: "choice",
-      options: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "full"]
-    },
-    loading: {
-      type: "choice",
-      options: ["eager", "lazy"]
-    },
-    showBorder: "boolean",
-    children: {
-      type: "slot",
-      hidePlaceholder: true,
-      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AvatarBadge")],
-      defaultValue: {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("AvatarBadge")
-      }
-    }
-  }
-});
-function registerAvatar(loader, customAvatarMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(AvatarBadge, avatarBadgeMeta);
 
-  doRegisterComponent(Avatar, customAvatarMeta != null ? customAvatarMeta : avatarMeta);
-}
-var avatarGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarGroup"), {
-  props: {
-    size: {
-      type: "choice",
-      options: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "full"]
-    },
-    max: {
-      type: "number",
-      description: "The maximum number of avatars to show before truncating."
-    },
-    spacing: {
-      type: "string",
-      defaultValue: "-0.75rem"
-    },
-    children: {
-      type: "slot",
-      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Avatar")],
-      defaultValue: [{
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Dan Abrahmov",
-          src: "https://bit.ly/dan-abramov"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Kola Tioluwani",
-          src: "https://bit.ly/tioluwani-kolawole"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Kent Dodds",
-          src: "https://bit.ly/kent-c-dodds"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Ryan Florence",
-          src: "https://bit.ly/ryan-florence"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Prosper Otemuyiwa",
-          src: "https://bit.ly/prosper-baba"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Christian Nwamba",
-          src: "https://bit.ly/code-beast"
-        }
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
-        props: {
-          name: "Segun Adebayo",
-          src: "https://bit.ly/sage-adebayo"
-        }
-      }]
-    }
-  }
-});
-function registerAvatarGroup(loader, customAvatarGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(AvatarGroup, avatarGroupMeta);
 
-  doRegisterComponent(AvatarGroup, customAvatarGroupMeta != null ? customAvatarGroupMeta : avatarGroupMeta);
-}
+  _registerComponent(Badge, badgeMeta);
 
-var formControlMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormControl"), {
-  props: {
-    label: "string",
-    isDisabled: "boolean",
-    isInvalid: "boolean",
-    isRequired: "boolean",
-    isreadOnly: "boolean",
-    children: {
-      type: "slot",
-      defaultValue: [{
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("FormLabel")
-      }, {
-        type: "component",
-        name: /*#__PURE__*/getPlasmicComponentName("Input")
-      }]
-    }
-  }
-});
-function registerFormControl(loader, customFormControlMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(Breadcrumb, breadcrumbMeta);
 
-  doRegisterComponent(FormControl, customFormControlMeta != null ? customFormControlMeta : formControlMeta);
-}
-var formLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormLabel", "FormControl"), {
-  props: {
-    children: {
-      type: "slot",
-      defaultValue: {
-        type: "text",
-        value: "Label",
-        styles: {
-          display: "inline-block",
-          width: "auto"
-        }
-      }
-    }
-  }
-});
-function registerFormLabel(loader, customFormLabelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(BreadcrumbItem, breadcrumbItemMeta);
 
-  doRegisterComponent(FormLabel, customFormLabelMeta != null ? customFormLabelMeta : formLabelMeta);
-}
-var formHelperTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormHelperText", "FormControl"), {
-  props: {
-    children: {
-      type: "slot",
-      defaultValue: {
-        type: "text",
-        value: "We'll never share your email."
-      }
-    }
-  }
-});
-function registerFormHelperText(loader, customFormHelperTextMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(BreadcrumbLink, breadcrumbLinkMeta);
 
-  doRegisterComponent(FormHelperText, customFormHelperTextMeta != null ? customFormHelperTextMeta : formHelperTextMeta);
-}
-var formErrorMessageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormErrorMessage", "FormControl"), {
-  props: {
-    children: {
-      type: "slot",
-      defaultValue: {
-        type: "text",
-        value: "This is an error message."
-      }
-    }
-  }
-});
-function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(BreadcrumbSeparator, breadcrumbSeparatorMeta);
 
-  doRegisterComponent(FormErrorMessage, customFormErrorMessageMeta != null ? customFormErrorMessageMeta : formErrorMessageMeta);
-}
+  _registerComponent(Button, buttonMeta);
 
-var progressMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Progress"), {
-  props: {
-    colorScheme: {
-      type: "choice",
-      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
-      defaultValue: "blue"
-    },
-    size: {
-      type: "choice",
-      options: ["xs", "sm", "md", "lg"],
-      defaultValue: "md"
-    },
-    max: {
-      type: "number",
-      defaultValue: 100
-    },
-    min: {
-      type: "number",
-      defaultValue: 0
-    },
-    value: "number",
-    isIndeterminate: {
-      type: "boolean"
-    },
-    hasStripe: {
-      type: "boolean"
-    },
-    isAnimated: {
-      type: "boolean",
-      hidden: function hidden(props) {
-        return !props.hasStripe;
-      }
-    }
-  }
-});
-function registerProgress(loader, customProgressMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
+  _registerComponent(ButtonGroup, buttonGroupMeta);
 
-  doRegisterComponent(Progress, customProgressMeta != null ? customProgressMeta : progressMeta);
-}
+  _registerComponent(Checkbox, checkboxMeta);
 
-function registerAll(loader) {
-  registerAspectRatio(loader);
-  registerBadge(loader);
-  registerBreadcrumb(loader);
-  registerBreadcrumbItem(loader);
-  registerBreadcrumbLink(loader);
-  registerBreadcrumbSeparator(loader);
-  registerButton(loader);
-  registerButtonGroup(loader);
-  registerCheckbox(loader);
-  registerCheckboxGroup(loader);
-  registerCode(loader);
-  registerDivider(loader);
-  registerImage(loader);
-  registerInput(loader);
-  registerKbd(loader);
-  registerNumberInput(loader);
-  registerNumberInputStepper(loader);
-  registerNumberDecrementStepper(loader);
-  registerNumberIncrementStepper(loader);
-  registerNumberInputField(loader);
-  registerPinInput(loader);
-  registerPinInputField(loader);
-  registerPopover(loader);
-  registerPopoverContent(loader);
-  registerPopoverArrow(loader);
-  registerPopoverCloseButton(loader);
-  registerPopoverHeader(loader);
-  registerPopoverBody(loader);
-  registerPopoverTrigger(loader);
-  registerRadio(loader);
-  registerRadioGroup(loader);
-  registerSelect(loader);
-  registerOption(loader);
-  registerStat(loader);
-  registerStatHelpText(loader);
-  registerStatArrow(loader);
-  registerStatNumber(loader);
-  registerStatLabel(loader);
-  registerSwitch(loader);
-  registerTable(loader);
-  registerTableCaption(loader);
-  registerThead(loader);
-  registerTbody(loader);
-  registerTr(loader);
-  registerTd(loader);
-  registerTh(loader);
-  registerTableContainer(loader);
-  registerTabList(loader);
-  registerTabs(loader);
-  registerTab(loader);
-  registerTabPanels(loader);
-  registerTabPanel(loader);
-  registerText(loader);
-  registerTfoot(loader);
-  registerHighlight(loader);
-  registerHeading(loader);
-  registerToast(loader);
-  registerTooltip(loader);
-  registerAvatarBadge(loader);
-  registerAvatar(loader);
-  registerAvatarGroup(loader);
-  registerAccordion(loader);
-  registerAccordionItem(loader);
-  registerAccordionButton(loader);
-  registerAccordionPanel(loader);
-  registerAccordionIcon(loader);
-  registerFormControl(loader);
-  registerFormLabel(loader);
-  registerFormHelperText(loader);
-  registerFormErrorMessage(loader);
-  registerProgress(loader);
+  _registerComponent(CheckboxGroup, checkboxGroupMeta);
+
+  _registerComponent(Code, codeMeta);
+
+  _registerComponent(Divider, dividerMeta);
+
+  _registerComponent(FormControl, formControlMeta);
+
+  _registerComponent(FormErrorMessage, formErrorMessageMeta);
+
+  _registerComponent(FormHelperText, formHelperTextMeta);
+
+  _registerComponent(FormLabel, formLabelMeta);
+
+  _registerComponent(Heading, headingMeta);
+
+  _registerComponent(Highlight, highlightMeta);
+
+  _registerComponent(Image, imageMeta);
+
+  _registerComponent(Input, inputMeta);
+
+  _registerComponent(Kbd, kbdMeta);
+
+  _registerComponent(Modal, modalMeta);
+
+  _registerComponent(ModalOverlay, modalOverlayMeta);
+
+  _registerComponent(ModalContent, modalContentMeta);
+
+  _registerComponent(ModalHeader, modalHeaderMeta);
+
+  _registerComponent(ModalBody, modalBodyMeta);
+
+  _registerComponent(ModalFooter, modalFooterMeta);
+
+  _registerComponent(ModalCloseButton, modalCloseButtonMeta);
+
+  _registerComponent(NumberInput, numberInputMeta);
+
+  _registerComponent(NumberDecrementStepper, numberDecrementStepperMeta);
+
+  _registerComponent(NumberIncrementStepper, numberIncrementStepperMeta);
+
+  _registerComponent(NumberInputField, numberInputFieldMeta);
+
+  _registerComponent(NumberInputStepper, numberInputStepperMeta);
+
+  _registerComponent(Option, optionMeta);
+
+  _registerComponent(Select, selectMeta);
+
+  _registerComponent(PinInput, pinInputMeta);
+
+  _registerComponent(PinInputField, pinInputFieldMeta);
+
+  _registerComponent(Popover, popoverMeta);
+
+  _registerComponent(PopoverBody, popoverBodyMeta);
+
+  _registerComponent(PopoverArrow, popoverArrowMeta);
+
+  _registerComponent(PopoverCloseButton, popoverCloseButtonMeta);
+
+  _registerComponent(PopoverContent, popoverContentMeta);
+
+  _registerComponent(PopoverHeader, popoverHeaderMeta);
+
+  _registerComponent(PopoverTrigger, popoverTriggerMeta);
+
+  _registerComponent(Progress, progressMeta);
+
+  _registerComponent(Radio, radioMeta);
+
+  _registerComponent(RadioGroup, radioGroupMeta);
+
+  _registerComponent(Stat, statMeta);
+
+  _registerComponent(StatArrow, statArrowMeta);
+
+  _registerComponent(StatHelpText, statHelpTextMeta);
+
+  _registerComponent(StatLabel, statLabelMeta);
+
+  _registerComponent(StatNumber, statNumberMeta);
+
+  _registerComponent(Switch, switchMeta);
+
+  _registerComponent(Table, tableMeta);
+
+  _registerComponent(TableCaption, tableCaptionMeta);
+
+  _registerComponent(Tbody, tbodyMeta);
+
+  _registerComponent(Thead, theadMeta);
+
+  _registerComponent(Tfoot, tfootMeta);
+
+  _registerComponent(Td, tdMeta);
+
+  _registerComponent(Th, thMeta);
+
+  _registerComponent(Tr, trMeta);
+
+  _registerComponent(TableContainer, tableContainerMeta);
+
+  _registerComponent(Text, textMeta);
+
+  _registerComponent(Toast, toastMeta);
+
+  _registerComponent(Tooltip, tooltipMeta);
+
+  _registerComponent(TabList, tabListMeta);
+
+  _registerComponent(Tab, tabMeta);
+
+  _registerComponent(Tabs, tabsMeta);
+
+  _registerComponent(TabPanel, tabPanelMeta);
+
+  _registerComponent(TabPanels, tabPanelsMeta);
 }
 
-export { Option, accordionButtonMeta, accordionIconMeta, accordionItemMeta, accordionMeta, accordionPanelMeta, aspectRatioMeta, avatarBadgeMeta, avatarGroupMeta, avatarMeta, badgeMeta, breadcrumbItemMeta, breadcrumbLinkMeta, breadcrumbMeta, breadcrumbSeparatorMeta, buttonGroupMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, dividerMeta, formControlMeta, formErrorMessageMeta, formHelperTextMeta, formLabelMeta, headingMeta, highlightMeta, imageMeta, inputMeta, kbdMeta, numberDecrementStepperMeta, numberIncrementStepperMeta, numberInputFieldMeta, numberInputMeta, numberInputStepperMeta, optionMeta, pinInputFieldMeta, pinInputMeta, popoverArrowMeta, popoverBodyMeta, popoverCloseButtonMeta, popoverContentMeta, popoverHeaderMeta, popoverMeta, popoverTriggerMeta, progressMeta, radioGroupMeta, radioMeta, registerAccordion, registerAccordionButton, registerAccordionIcon, registerAccordionItem, registerAccordionPanel, registerAll, registerAspectRatio, registerAvatar, registerAvatarBadge, registerAvatarGroup, registerBadge, registerBreadcrumb, registerBreadcrumbItem, registerBreadcrumbLink, registerBreadcrumbSeparator, registerButton, registerButtonGroup, registerCheckbox, registerCheckboxGroup, registerCode, registerDivider, registerFormControl, registerFormErrorMessage, registerFormHelperText, registerFormLabel, registerHeading, registerHighlight, registerImage, registerInput, registerKbd, registerNumberDecrementStepper, registerNumberIncrementStepper, registerNumberInput, registerNumberInputField, registerNumberInputStepper, registerOption, registerPinInput, registerPinInputField, registerPopover, registerPopoverArrow, registerPopoverBody, registerPopoverCloseButton, registerPopoverContent, registerPopoverHeader, registerPopoverTrigger, registerProgress, registerRadio, registerRadioGroup, registerSelect, registerStat, registerStatArrow, registerStatHelpText, registerStatLabel, registerStatNumber, registerSwitch, registerTab, registerTabList, registerTabPanel, registerTabPanels, registerTable, registerTableCaption, registerTableContainer, registerTabs, registerTbody, registerTd, registerText, registerTfoot, registerTh, registerThead, registerToast, registerTooltip, registerTr, selectMeta, statArrowMeta, statHelpTextMeta, statLabelMeta, statMeta, statNumberMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabPanelsMeta, tableCaptionMeta, tableContainerMeta, tableMeta, tabsMeta, tbodyMeta, tdMeta, textMeta, tfootMeta, thMeta, theadMeta, toastMeta, tooltipMeta, trMeta };
+export { Option, accordionButtonMeta, accordionIconMeta, accordionItemMeta, accordionMeta, accordionPanelMeta, aspectRatioMeta, avatarBadgeMeta, avatarGroupMeta, avatarMeta, badgeMeta, breadcrumbItemMeta, breadcrumbLinkMeta, breadcrumbMeta, breadcrumbSeparatorMeta, buttonGroupMeta, buttonMeta, chakraProviderMeta, checkboxGroupMeta, checkboxMeta, codeMeta, dividerMeta, formControlMeta, formErrorMessageMeta, formHelperTextMeta, formLabelMeta, headingMeta, highlightMeta, imageMeta, inputMeta, kbdMeta, numberDecrementStepperMeta, numberIncrementStepperMeta, numberInputFieldMeta, numberInputMeta, numberInputStepperMeta, optionMeta, pinInputFieldMeta, pinInputMeta, popoverArrowMeta, popoverBodyMeta, popoverCloseButtonMeta, popoverContentMeta, popoverHeaderMeta, popoverMeta, popoverTriggerMeta, progressMeta, radioGroupMeta, radioMeta, registerAll, registerChakraProvider, registerKbd, selectMeta, statArrowMeta, statHelpTextMeta, statLabelMeta, statMeta, statNumberMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabPanelsMeta, tableCaptionMeta, tableContainerMeta, tableMeta, tabsMeta, tbodyMeta, tdMeta, textMeta, tfootMeta, thMeta, theadMeta, toastMeta, tooltipMeta, trMeta };
 //# sourceMappingURL=plasmic-chakra-ui.esm.js.map