@plasmicpkgs/plasmic-chakra-ui 0.0.1 → 0.0.3

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

@@ -8,9 +8,45 @@ var react = require('@chakra-ui/react');
 var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
 var React = _interopDefault(require('react'));
 
-var aspectRatioMeta = {
-  name: "AspectRatio",
-  importPath: "@chakra-ui/react",
+function _extends() {
+  _extends = Object.assign || 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);
+}
+
+var CHAKRA_UI_IMPORT_PATH = "@chakra-ui/react";
+var getPlasmicComponentName = function getPlasmicComponentName(componentName) {
+  return "chakra-ui-" + componentName;
+};
+var getDisplayComponentName = function getDisplayComponentName(componentName) {
+  return "Chakra-UI " + 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
+  } : {});
+};
+
+var aspectRatioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AspectRatio"), {
   defaultStyles: {
     width: "320px"
   },
@@ -23,11 +59,11 @@ var aspectRatioMeta = {
       type: "slot",
       defaultValue: {
         type: "component",
-        name: "Image"
+        name: /*#__PURE__*/getPlasmicComponentName("Image")
       }
     }
   }
-};
+});
 function registerAspectRatio(loader, customAspectRatioMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -36,8 +72,7 @@ function registerAspectRatio(loader, customAspectRatioMeta) {
   doRegisterComponent(react.AspectRatio, customAspectRatioMeta != null ? customAspectRatioMeta : aspectRatioMeta);
 }
 
-var badgeMeta = {
-  name: "Badge",
+var badgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Badge"), {
   importPath: "@chakra-ui/react",
   props: {
     colorScheme: {
@@ -51,7 +86,7 @@ var badgeMeta = {
       defaultValue: "subtle"
     }
   }
-};
+});
 function registerBadge(loader, customBadgeMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -60,10 +95,7 @@ function registerBadge(loader, customBadgeMeta) {
   doRegisterComponent(react.Badge, customBadgeMeta != null ? customBadgeMeta : badgeMeta);
 }
 
-var breadcrumbItemMeta = {
-  name: "BreadcrumbItem",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Breadcrumb",
+var breadcrumbItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbItem", "Breadcrumb"), {
   props: {
     isCurrentPage: {
       type: "boolean"
@@ -83,7 +115,7 @@ var breadcrumbItemMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "BreadcrumbLink",
+        name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbLink"),
         props: {
           children: {
             type: "text",
@@ -93,7 +125,7 @@ var breadcrumbItemMeta = {
       }]
     }
   }
-};
+});
 function registerBreadcrumbItem(loader, customBreadcrumbItemMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -101,10 +133,7 @@ function registerBreadcrumbItem(loader, customBreadcrumbItemMeta) {
 
   doRegisterComponent(react.BreadcrumbItem, customBreadcrumbItemMeta != null ? customBreadcrumbItemMeta : breadcrumbItemMeta);
 }
-var breadcrumbLinkMeta = {
-  name: "BreadcrumbLink",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "BreadcrumbItem",
+var breadcrumbLinkMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbLink", "BreadcrumbItem"), {
   props: {
     href: {
       type: "string",
@@ -118,7 +147,7 @@ var breadcrumbLinkMeta = {
       }]
     }
   }
-};
+});
 function registerBreadcrumbLink(loader, customBreadcrumbLinkMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -126,9 +155,7 @@ function registerBreadcrumbLink(loader, customBreadcrumbLinkMeta) {
 
   doRegisterComponent(react.BreadcrumbLink, customBreadcrumbLinkMeta != null ? customBreadcrumbLinkMeta : breadcrumbLinkMeta);
 }
-var breadcrumbMeta = {
-  name: "Breadcrumb",
-  importPath: "@chakra-ui/react",
+var breadcrumbMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Breadcrumb"), {
   props: {
     separator: {
       type: "string",
@@ -142,11 +169,11 @@ var breadcrumbMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "BreadcrumbItem",
+        name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbItem"),
         props: {
           children: {
             type: "component",
-            name: "BreadcrumbLink",
+            name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbLink"),
             props: {
               children: {
                 type: "text",
@@ -157,11 +184,11 @@ var breadcrumbMeta = {
         }
       }, {
         type: "component",
-        name: "BreadcrumbItem",
+        name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbItem"),
         props: {
           children: {
             type: "component",
-            name: "BreadcrumbLink",
+            name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbLink"),
             props: {
               children: {
                 type: "text",
@@ -172,13 +199,13 @@ var breadcrumbMeta = {
         }
       }, {
         type: "component",
-        name: "BreadcrumbItem",
+        name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbItem"),
         props: {
           isLastChild: true,
           isCurrentPage: true,
           children: {
             type: "component",
-            name: "BreadcrumbLink",
+            name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbLink"),
             props: {
               children: {
                 type: "text",
@@ -190,7 +217,7 @@ var breadcrumbMeta = {
       }]
     }
   }
-};
+});
 function registerBreadcrumb(loader, customBreadcrumbMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -198,10 +225,7 @@ function registerBreadcrumb(loader, customBreadcrumbMeta) {
 
   doRegisterComponent(react.Breadcrumb, customBreadcrumbMeta != null ? customBreadcrumbMeta : breadcrumbMeta);
 }
-var breadcrumbSeparatorMeta = {
-  name: "BreadcrumbSeparator",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Breadcrumb",
+var breadcrumbSeparatorMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("BreadcrumbSeparator", "Breadcrumb"), {
   props: {
     children: {
       type: "slot",
@@ -211,7 +235,7 @@ var breadcrumbSeparatorMeta = {
       }
     }
   }
-};
+});
 function registerBreadcrumbSeparator(loader, customBreadcrumbSeparatorMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -220,9 +244,7 @@ function registerBreadcrumbSeparator(loader, customBreadcrumbSeparatorMeta) {
   doRegisterComponent(react.BreadcrumbSeparator, customBreadcrumbSeparatorMeta != null ? customBreadcrumbSeparatorMeta : breadcrumbSeparatorMeta);
 }
 
-var buttonGroupMeta = {
-  name: "ButtonGroup",
-  importPath: "@chakra-ui/react",
+var buttonGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ButtonGroup"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -249,7 +271,7 @@ var buttonGroupMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "Button",
+        name: /*#__PURE__*/getPlasmicComponentName("Button"),
         props: {
           children: {
             type: "text",
@@ -258,7 +280,7 @@ var buttonGroupMeta = {
         }
       }, {
         type: "component",
-        name: "Button",
+        name: /*#__PURE__*/getPlasmicComponentName("Button"),
         props: {
           children: {
             type: "text",
@@ -268,7 +290,7 @@ var buttonGroupMeta = {
       }]
     }
   }
-};
+});
 function registerButtonGroup(loader, customButtonGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -276,10 +298,7 @@ function registerButtonGroup(loader, customButtonGroupMeta) {
 
   doRegisterComponent(react.ButtonGroup, customButtonGroupMeta != null ? customButtonGroupMeta : buttonGroupMeta);
 }
-var buttonMeta = {
-  name: "Button",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "ButtonGroup",
+var buttonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Button", "ButtonGroup"), {
   props: {
     size: {
       type: "choice",
@@ -312,7 +331,7 @@ var buttonMeta = {
       }
     }
   }
-};
+});
 function registerButton(loader, customButtonMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -321,10 +340,7 @@ function registerButton(loader, customButtonMeta) {
   doRegisterComponent(react.Button, customButtonMeta != null ? customButtonMeta : buttonMeta);
 }
 
-var checkboxMeta = {
-  name: "Checkbox",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "CheckboxGroup",
+var checkboxMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Checkbox", "CheckboxGroup"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -365,7 +381,7 @@ var checkboxMeta = {
       }
     }
   }
-};
+});
 function registerCheckbox(loader, customCheckboxMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -373,9 +389,7 @@ function registerCheckbox(loader, customCheckboxMeta) {
 
   doRegisterComponent(react.Checkbox, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
 }
-var checkboxGroupMeta = {
-  name: "CheckboxGroup",
-  importPath: "@chakra-ui/react",
+var checkboxGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("CheckboxGroup"), {
   props: {
     size: {
       type: "choice",
@@ -387,10 +401,10 @@ var checkboxGroupMeta = {
     },
     children: {
       type: "slot",
-      allowedComponents: ["Checkbox"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Checkbox")],
       defaultValue: [{
         type: "component",
-        name: "Checkbox",
+        name: /*#__PURE__*/getPlasmicComponentName("Checkbox"),
         props: {
           value: "1",
           children: {
@@ -400,7 +414,7 @@ var checkboxGroupMeta = {
         }
       }, {
         type: "component",
-        name: "Checkbox",
+        name: /*#__PURE__*/getPlasmicComponentName("Checkbox"),
         props: {
           value: "2",
           children: {
@@ -410,7 +424,7 @@ var checkboxGroupMeta = {
         }
       }, {
         type: "component",
-        name: "Checkbox",
+        name: /*#__PURE__*/getPlasmicComponentName("Checkbox"),
         props: {
           value: "3",
           children: {
@@ -421,7 +435,7 @@ var checkboxGroupMeta = {
       }]
     }
   }
-};
+});
 function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -430,9 +444,7 @@ function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
   doRegisterComponent(react.CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
 }
 
-var codeMeta = {
-  name: "Code",
-  importPath: "@chakra-ui/react",
+var codeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Code"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -452,7 +464,7 @@ var codeMeta = {
       }]
     }
   }
-};
+});
 function registerCode(loader, customCodeMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -461,9 +473,7 @@ function registerCode(loader, customCodeMeta) {
   doRegisterComponent(react.Code, customCodeMeta != null ? customCodeMeta : codeMeta);
 }
 
-var dividerMeta = {
-  name: "Divider",
-  importPath: "@chakra-ui/react",
+var dividerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Divider"), {
   props: {
     orientation: {
       type: "choice",
@@ -474,7 +484,7 @@ var dividerMeta = {
       options: ["solid", "dashed"]
     }
   }
-};
+});
 function registerDivider(loader, customDividerMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -483,9 +493,7 @@ function registerDivider(loader, customDividerMeta) {
   doRegisterComponent(react.Divider, customDividerMeta != null ? customDividerMeta : dividerMeta);
 }
 
-var imageMeta = {
-  name: "Image",
-  importPath: "@chakra-ui/react",
+var imageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Image"), {
   props: {
     src: {
       type: "string",
@@ -504,7 +512,7 @@ var imageMeta = {
       options: ["lazy", "eager"]
     }
   }
-};
+});
 function registerImage(loader, customImageMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -513,9 +521,7 @@ function registerImage(loader, customImageMeta) {
   doRegisterComponent(react.Image, customImageMeta != null ? customImageMeta : imageMeta);
 }
 
-var inputMeta = {
-  name: "Input",
-  importPath: "@chakra-ui/react",
+var inputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Input"), {
   props: {
     size: {
       type: "choice",
@@ -546,7 +552,7 @@ var inputMeta = {
       defaultValue: "blue.500"
     }
   }
-};
+});
 function registerInput(loader, customInputMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -555,10 +561,9 @@ function registerInput(loader, customInputMeta) {
   doRegisterComponent(react.Input, customInputMeta != null ? customInputMeta : inputMeta);
 }
 
-var kbdMeta = {
-  name: "Kbd",
-  importPath: "@chakra-ui/react",
-  displayName: "Keyboard Key",
+var kbdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Kbd", undefined, {
+  displayName: "Chakra-UI Keyboard Key"
+}), {
   props: {
     children: {
       type: "slot",
@@ -568,7 +573,7 @@ var kbdMeta = {
       }]
     }
   }
-};
+});
 function registerKbd(loader, customKbdMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -577,9 +582,7 @@ function registerKbd(loader, customKbdMeta) {
   doRegisterComponent(react.Kbd, customKbdMeta != null ? customKbdMeta : kbdMeta);
 }
 
-var numberInputMeta = {
-  name: "NumberInput",
-  importPath: "@chakra-ui/react",
+var numberInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInput"), {
   props: {
     size: {
       type: "choice",
@@ -635,14 +638,14 @@ var numberInputMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "NumberInputField"
+        name: /*#__PURE__*/getPlasmicComponentName("NumberInputField")
       }, {
         type: "component",
-        name: "NumberInputStepper"
+        name: /*#__PURE__*/getPlasmicComponentName("NumberInputStepper")
       }]
     }
   }
-};
+});
 function registerNumberInput(loader, customNumberInputMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -650,24 +653,21 @@ function registerNumberInput(loader, customNumberInputMeta) {
 
   doRegisterComponent(react.NumberInput, customNumberInputMeta != null ? customNumberInputMeta : numberInputMeta);
 }
-var numberInputStepperMeta = {
-  name: "NumberInputStepper",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "NumberInput",
+var numberInputStepperMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInputStepper", "NumberInput"), {
   props: {
     children: {
       type: "slot",
-      allowedComponents: ["NumberIncrementStepper", "NumberDecrementStepper"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("NumberIncrementStepper"), /*#__PURE__*/getPlasmicComponentName("NumberDecrementStepper")],
       defaultValue: [{
         type: "component",
-        name: "NumberIncrementStepper"
+        name: /*#__PURE__*/getPlasmicComponentName("NumberIncrementStepper")
       }, {
         type: "component",
-        name: "NumberDecrementStepper"
+        name: /*#__PURE__*/getPlasmicComponentName("NumberDecrementStepper")
       }]
     }
   }
-};
+});
 function registerNumberInputStepper(loader, customNumberInputStepperMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -675,12 +675,9 @@ function registerNumberInputStepper(loader, customNumberInputStepperMeta) {
 
   doRegisterComponent(react.NumberInputStepper, customNumberInputStepperMeta != null ? customNumberInputStepperMeta : numberInputStepperMeta);
 }
-var numberDecrementStepperMeta = {
-  name: "NumberDecrementStepper",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "NumberInputStepper",
+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);
@@ -688,12 +685,9 @@ function registerNumberDecrementStepper(loader, customNumberDecrementStepperMeta
 
   doRegisterComponent(react.NumberDecrementStepper, customNumberDecrementStepperMeta != null ? customNumberDecrementStepperMeta : numberDecrementStepperMeta);
 }
-var numberIncrementStepperMeta = {
-  name: "NumberIncrementStepper",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "NumberInputStepper",
+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);
@@ -701,12 +695,9 @@ function registerNumberIncrementStepper(loader, customNumberIncrementStepperMeta
 
   doRegisterComponent(react.NumberIncrementStepper, customNumberIncrementStepperMeta != null ? customNumberIncrementStepperMeta : numberIncrementStepperMeta);
 }
-var numberInputFieldMeta = {
-  name: "NumberInputField",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "NumberInput",
+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);
@@ -715,9 +706,7 @@ function registerNumberInputField(loader, customNumberInputFieldMeta) {
   doRegisterComponent(react.NumberInputField, customNumberInputFieldMeta != null ? customNumberInputFieldMeta : numberInputFieldMeta);
 }
 
-var pinInputMeta = {
-  name: "PinInput",
-  importPath: "@chakra-ui/react",
+var pinInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PinInput"), {
   props: {
     size: {
       type: "choice",
@@ -764,23 +753,23 @@ var pinInputMeta = {
     },
     children: {
       type: "slot",
-      allowedComponents: ["PintInputField"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("PinInputField")],
       defaultValue: [{
         type: "component",
-        name: "PinInputField"
+        name: /*#__PURE__*/getPlasmicComponentName("PinInputField")
       }, {
         type: "component",
-        name: "PinInputField"
+        name: /*#__PURE__*/getPlasmicComponentName("PinInputField")
       }, {
         type: "component",
-        name: "PinInputField"
+        name: /*#__PURE__*/getPlasmicComponentName("PinInputField")
       }, {
         type: "component",
-        name: "PinInputField"
+        name: /*#__PURE__*/getPlasmicComponentName("PinInputField")
       }]
     }
   }
-};
+});
 function registerPinInput(loader, customPinInputMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -788,12 +777,9 @@ function registerPinInput(loader, customPinInputMeta) {
 
   doRegisterComponent(react.PinInput, customPinInputMeta != null ? customPinInputMeta : pinInputMeta);
 }
-var pinInputFieldMeta = {
-  name: "PinInputField",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "PinInput",
+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);
@@ -802,9 +788,7 @@ function registerPinInputField(loader, customPinInputFieldMeta) {
   doRegisterComponent(react.PinInputField, customPinInputFieldMeta != null ? customPinInputFieldMeta : pinInputFieldMeta);
 }
 
-var popoverMeta = {
-  name: "Popover",
-  importPath: "@chakra-ui/react",
+var popoverMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Popover"), {
   props: {
     gutter: {
       type: "number",
@@ -852,14 +836,14 @@ var popoverMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "PopoverTrigger"
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverTrigger")
       }, {
         type: "component",
-        name: "PopoverContent"
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverContent")
       }]
     }
   }
-};
+});
 function registerPopover(loader, customPopoverMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -867,22 +851,19 @@ function registerPopover(loader, customPopoverMeta) {
 
   doRegisterComponent(react.Popover, customPopoverMeta != null ? customPopoverMeta : popoverMeta);
 }
-var popoverContentMeta = {
-  name: "PopoverContent",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Popover",
+var popoverContentMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverContent", "Popover"), {
   props: {
     children: {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "PopoverArrow"
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverArrow")
       }, {
         type: "component",
-        name: "PopoverCloseButton"
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverCloseButton")
       }, {
         type: "component",
-        name: "PopoverHeader",
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverHeader"),
         props: {
           children: {
             type: "text",
@@ -891,7 +872,7 @@ var popoverContentMeta = {
         }
       }, {
         type: "component",
-        name: "PopoverBody",
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverBody"),
         props: {
           children: {
             type: "text",
@@ -901,7 +882,7 @@ var popoverContentMeta = {
       }]
     }
   }
-};
+});
 function registerPopoverContent(loader, customPopoverContentMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -909,12 +890,9 @@ function registerPopoverContent(loader, customPopoverContentMeta) {
 
   doRegisterComponent(react.PopoverContent, customPopoverContentMeta != null ? customPopoverContentMeta : popoverContentMeta);
 }
-var popoverArrowMeta = {
-  name: "PopoverArrow",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "PopoverContent",
+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);
@@ -922,12 +900,9 @@ function registerPopoverArrow(loader, customPopoverArrowMeta) {
 
   doRegisterComponent(react.PopoverArrow, customPopoverArrowMeta != null ? customPopoverArrowMeta : popoverArrowMeta);
 }
-var popoverCloseButtonMeta = {
-  name: "PopoverCloseButton",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "PopoverContent",
+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);
@@ -935,10 +910,7 @@ function registerPopoverCloseButton(loader, customPopoverCloseButtonMeta) {
 
   doRegisterComponent(react.PopoverCloseButton, customPopoverCloseButtonMeta != null ? customPopoverCloseButtonMeta : popoverCloseButtonMeta);
 }
-var popoverHeaderMeta = {
-  name: "PopoverHeader",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "PopoverContent",
+var popoverHeaderMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverHeader", "PopoverContent"), {
   props: {
     children: {
       type: "slot",
@@ -948,7 +920,7 @@ var popoverHeaderMeta = {
       }
     }
   }
-};
+});
 function registerPopoverHeader(loader, customPopoverHeaderMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -956,10 +928,7 @@ function registerPopoverHeader(loader, customPopoverHeaderMeta) {
 
   doRegisterComponent(react.PopoverHeader, customPopoverHeaderMeta != null ? customPopoverHeaderMeta : popoverHeaderMeta);
 }
-var popoverBodyMeta = {
-  name: "PopoverBody",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "PopoverContent",
+var popoverBodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverBody", "PopoverContent"), {
   props: {
     children: {
       type: "slot",
@@ -969,7 +938,7 @@ var popoverBodyMeta = {
       }
     }
   }
-};
+});
 function registerPopoverBody(loader, customPopoverBodyMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -977,16 +946,13 @@ function registerPopoverBody(loader, customPopoverBodyMeta) {
 
   doRegisterComponent(react.PopoverBody, customPopoverBodyMeta != null ? customPopoverBodyMeta : popoverBodyMeta);
 }
-var popoverTriggerMeta = {
-  name: "PopoverTrigger",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Popover",
+var popoverTriggerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PopoverTrigger", "Popover"), {
   props: {
     children: {
       type: "slot",
       defaultValue: {
         type: "component",
-        name: "Button",
+        name: /*#__PURE__*/getPlasmicComponentName("Button"),
         props: {
           children: {
             type: "text",
@@ -996,7 +962,7 @@ var popoverTriggerMeta = {
       }
     }
   }
-};
+});
 function registerPopoverTrigger(loader, customPopoverTriggerMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1005,9 +971,7 @@ function registerPopoverTrigger(loader, customPopoverTriggerMeta) {
   doRegisterComponent(react.PopoverTrigger, customPopoverTriggerMeta != null ? customPopoverTriggerMeta : popoverTriggerMeta);
 }
 
-var radioGroupMeta = {
-  name: "RadioGroup",
-  importPath: "@chakra-ui/react",
+var radioGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("RadioGroup"), {
   props: {
     value: {
       type: "string"
@@ -1037,7 +1001,7 @@ var radioGroupMeta = {
         },
         children: [{
           type: "component",
-          name: "Radio",
+          name: /*#__PURE__*/getPlasmicComponentName("Radio"),
           props: {
             value: "1",
             children: {
@@ -1047,7 +1011,7 @@ var radioGroupMeta = {
           }
         }, {
           type: "component",
-          name: "Radio",
+          name: /*#__PURE__*/getPlasmicComponentName("Radio"),
           props: {
             value: "2",
             children: {
@@ -1057,7 +1021,7 @@ var radioGroupMeta = {
           }
         }, {
           type: "component",
-          name: "Radio",
+          name: /*#__PURE__*/getPlasmicComponentName("Radio"),
           props: {
             value: "3",
             children: {
@@ -1069,7 +1033,7 @@ var radioGroupMeta = {
       }
     }
   }
-};
+});
 function registerRadioGroup(loader, customRadioGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1077,10 +1041,7 @@ function registerRadioGroup(loader, customRadioGroupMeta) {
 
   doRegisterComponent(react.RadioGroup, customRadioGroupMeta != null ? customRadioGroupMeta : radioGroupMeta);
 }
-var radioMeta = {
-  name: "Radio",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "RadioGroup",
+var radioMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Radio", "RadioGroup"), {
   props: {
     value: {
       type: "string"
@@ -1116,7 +1077,7 @@ var radioMeta = {
       }]
     }
   }
-};
+});
 function registerRadio(loader, customRadioMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1125,19 +1086,7 @@ function registerRadio(loader, customRadioMeta) {
   doRegisterComponent(react.Radio, customRadioMeta != null ? customRadioMeta : radioMeta);
 }
 
-function Option(_ref) {
-  var value = _ref.value,
-      className = _ref.className,
-      children = _ref.children;
-  return React.createElement("option", {
-    className: className,
-    value: value
-  }, children);
-}
-
-var selectMeta = {
-  name: "Select",
-  importPath: "@chakra-ui/react",
+var selectMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Select"), {
   props: {
     size: {
       type: "choice",
@@ -1172,7 +1121,7 @@ var selectMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "Option",
+        name: /*#__PURE__*/getPlasmicComponentName("Option"),
         props: {
           children: {
             type: "text",
@@ -1181,7 +1130,7 @@ var selectMeta = {
         }
       }, {
         type: "component",
-        name: "Option",
+        name: /*#__PURE__*/getPlasmicComponentName("Option"),
         props: {
           children: {
             type: "text",
@@ -1190,7 +1139,7 @@ var selectMeta = {
         }
       }, {
         type: "component",
-        name: "Option",
+        name: /*#__PURE__*/getPlasmicComponentName("Option"),
         props: {
           children: {
             type: "text",
@@ -1200,7 +1149,7 @@ var selectMeta = {
       }]
     }
   }
-};
+});
 function registerSelect(loader, customSelectMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1208,10 +1157,18 @@ function registerSelect(loader, customSelectMeta) {
 
   doRegisterComponent(react.Select, customSelectMeta != null ? customSelectMeta : selectMeta);
 }
-var optionMeta = {
-  name: "Option",
-  importPath: "./components/option",
-  parentComponentName: "Select",
+function Option(props) {
+  var value = props.value,
+      className = props.className,
+      children = props.children;
+  return React.createElement("option", {
+    className: className,
+    value: value
+  }, children);
+}
+var optionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Option", "Select", {
+  importPath: "@plasmicpkgs/plasmic-chakra-ui"
+}), {
   props: {
     value: "string",
     children: {
@@ -1222,7 +1179,7 @@ var optionMeta = {
       }
     }
   }
-};
+});
 function registerOption(loader, customOptionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1231,15 +1188,13 @@ function registerOption(loader, customOptionMeta) {
   doRegisterComponent(Option, customOptionMeta != null ? customOptionMeta : optionMeta);
 }
 
-var statMeta = {
-  name: "Stat",
-  importPath: "@chakra-ui/react",
+var statMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Stat"), {
   props: {
     children: {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "StatLabel",
+        name: /*#__PURE__*/getPlasmicComponentName("StatLabel"),
         props: {
           children: {
             type: "text",
@@ -1248,7 +1203,7 @@ var statMeta = {
         }
       }, {
         type: "component",
-        name: "StatNumber",
+        name: /*#__PURE__*/getPlasmicComponentName("StatNumber"),
         props: {
           children: {
             type: "text",
@@ -1257,7 +1212,7 @@ var statMeta = {
         }
       }, {
         type: "component",
-        name: "StatHelpText",
+        name: /*#__PURE__*/getPlasmicComponentName("StatHelpText"),
         props: {
           children: {
             type: "hbox",
@@ -1267,7 +1222,7 @@ var statMeta = {
             },
             children: [{
               type: "component",
-              name: "StatArrow",
+              name: /*#__PURE__*/getPlasmicComponentName("StatArrow"),
               props: {
                 type: "increase"
               }
@@ -1280,7 +1235,7 @@ var statMeta = {
       }]
     }
   }
-};
+});
 function registerStat(loader, customStatMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1288,10 +1243,7 @@ function registerStat(loader, customStatMeta) {
 
   doRegisterComponent(react.Stat, customStatMeta != null ? customStatMeta : statMeta);
 }
-var statHelpTextMeta = {
-  name: "StatHelpText",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Stat",
+var statHelpTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatHelpText", "Stat"), {
   props: {
     children: {
       type: "slot",
@@ -1301,7 +1253,7 @@ var statHelpTextMeta = {
       }]
     }
   }
-};
+});
 function registerStatHelpText(loader, customStatHelpTextMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1309,17 +1261,14 @@ function registerStatHelpText(loader, customStatHelpTextMeta) {
 
   doRegisterComponent(react.StatHelpText, customStatHelpTextMeta != null ? customStatHelpTextMeta : statHelpTextMeta);
 }
-var statArrowMeta = {
-  name: "StatArrow",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Stat",
+var statArrowMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatArrow", "Stat"), {
   props: {
     type: {
       type: "choice",
       options: ["increase", "decrease"]
     }
   }
-};
+});
 function registerStatArrow(loader, customStatArrowMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1327,10 +1276,7 @@ function registerStatArrow(loader, customStatArrowMeta) {
 
   doRegisterComponent(react.StatArrow, customStatArrowMeta != null ? customStatArrowMeta : statArrowMeta);
 }
-var statNumberMeta = {
-  name: "StatNumber",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Stat",
+var statNumberMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatNumber", "Stat"), {
   props: {
     children: {
       type: "slot",
@@ -1340,7 +1286,7 @@ var statNumberMeta = {
       }]
     }
   }
-};
+});
 function registerStatNumber(loader, customStatNumberMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1348,10 +1294,7 @@ function registerStatNumber(loader, customStatNumberMeta) {
 
   doRegisterComponent(react.StatNumber, customStatNumberMeta != null ? customStatNumberMeta : statNumberMeta);
 }
-var statLabelMeta = {
-  name: "StatLabel",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Stat",
+var statLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("StatLabel", "Stat"), {
   props: {
     children: {
       type: "slot",
@@ -1361,7 +1304,7 @@ var statLabelMeta = {
       }]
     }
   }
-};
+});
 function registerStatLabel(loader, customStatLabelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1370,9 +1313,7 @@ function registerStatLabel(loader, customStatLabelMeta) {
   doRegisterComponent(react.StatLabel, customStatLabelMeta != null ? customStatLabelMeta : statLabelMeta);
 }
 
-var switchMeta = {
-  name: "Switch",
-  importPath: "@chakra-ui/react",
+var switchMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Switch"), {
   props: {
     isChecked: "boolean",
     colorScheme: {
@@ -1395,7 +1336,7 @@ var switchMeta = {
     isReadOnly: "boolean",
     isRequired: "boolean"
   }
-};
+});
 function registerSwitch(loader, customSwitchMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1404,10 +1345,7 @@ function registerSwitch(loader, customSwitchMeta) {
   doRegisterComponent(react.Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
 }
 
-var tableMeta = {
-  name: "Table",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "TableContainer",
+var tableMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Table", "TableContainer"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -1428,7 +1366,7 @@ var tableMeta = {
       type: "slot"
     }
   }
-};
+});
 function registerTable(loader, customTableMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1436,10 +1374,7 @@ function registerTable(loader, customTableMeta) {
 
   doRegisterComponent(react.Table, customTableMeta != null ? customTableMeta : tableMeta);
 }
-var tableCaptionMeta = {
-  name: "TableCaption",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Table",
+var tableCaptionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableCaption", "Table"), {
   props: {
     placement: {
       type: "choice",
@@ -1454,7 +1389,7 @@ var tableCaptionMeta = {
       }
     }
   }
-};
+});
 function registerTableCaption(loader, customTableCaptionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1462,17 +1397,14 @@ function registerTableCaption(loader, customTableCaptionMeta) {
 
   doRegisterComponent(react.TableCaption, customTableCaptionMeta != null ? customTableCaptionMeta : tableCaptionMeta);
 }
-var theadMeta = {
-  name: "Thead",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Table",
+var theadMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Thead", "Table"), {
   props: {
     children: {
       type: "slot",
-      allowedComponents: ["Th", "Tr"]
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Th"), /*#__PURE__*/getPlasmicComponentName("Tr")]
     }
   }
-};
+});
 function registerThead(loader, customTheadMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1480,17 +1412,14 @@ function registerThead(loader, customTheadMeta) {
 
   doRegisterComponent(react.Thead, customTheadMeta != null ? customTheadMeta : theadMeta);
 }
-var tbodyMeta = {
-  name: "Tbody",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Table",
+var tbodyMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tbody", "Table"), {
   props: {
     children: {
       type: "slot",
-      allowedComponents: ["Td", "Tr"]
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Td"), /*#__PURE__*/getPlasmicComponentName("Tr")]
     }
   }
-};
+});
 function registerTbody(loader, customTbodyMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1498,17 +1427,14 @@ function registerTbody(loader, customTbodyMeta) {
 
   doRegisterComponent(react.Tbody, customTbodyMeta != null ? customTbodyMeta : tbodyMeta);
 }
-var trMeta = {
-  name: "Tr",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Table",
+var trMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tr", "Table"), {
   props: {
     children: {
       type: "slot",
-      allowedComponents: ["Td", "Th"]
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Td"), /*#__PURE__*/getPlasmicComponentName("Th")]
     }
   }
-};
+});
 function registerTr(loader, customTrMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1516,10 +1442,7 @@ function registerTr(loader, customTrMeta) {
 
   doRegisterComponent(react.Tr, customTrMeta != null ? customTrMeta : trMeta);
 }
-var tdMeta = {
-  name: "Td",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Tr",
+var tdMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Td", "Tr"), {
   props: {
     isNumeric: "boolean",
     children: {
@@ -1530,7 +1453,7 @@ var tdMeta = {
       }
     }
   }
-};
+});
 function registerTd(loader, customTdMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1538,10 +1461,7 @@ function registerTd(loader, customTdMeta) {
 
   doRegisterComponent(react.Td, customTdMeta != null ? customTdMeta : tdMeta);
 }
-var thMeta = {
-  name: "Th",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Tr",
+var thMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Th", "Tr"), {
   props: {
     isNumeric: "boolean",
     children: {
@@ -1552,7 +1472,7 @@ var thMeta = {
       }
     }
   }
-};
+});
 function registerTh(loader, customThMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1560,9 +1480,7 @@ function registerTh(loader, customThMeta) {
 
   doRegisterComponent(react.Th, customThMeta != null ? customThMeta : thMeta);
 }
-var tableContainerMeta = {
-  name: "TableContainer",
-  importPath: "@chakra-ui/react",
+var tableContainerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableContainer"), {
   props: {
     overflowX: {
       type: "choice",
@@ -1578,22 +1496,22 @@ var tableContainerMeta = {
     },
     children: {
       type: "slot",
-      allowedComponents: ["Table"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Table")],
       defaultValue: {
         type: "component",
-        name: "Table",
+        name: /*#__PURE__*/getPlasmicComponentName("Table"),
         props: {
           children: [{
             type: "component",
-            name: "Thead",
+            name: /*#__PURE__*/getPlasmicComponentName("Thead"),
             props: {
               children: {
                 type: "component",
-                name: "Tr",
+                name: /*#__PURE__*/getPlasmicComponentName("Tr"),
                 props: {
                   children: [{
                     type: "component",
-                    name: "Th",
+                    name: /*#__PURE__*/getPlasmicComponentName("Th"),
                     props: {
                       children: {
                         type: "text",
@@ -1602,7 +1520,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Th",
+                    name: /*#__PURE__*/getPlasmicComponentName("Th"),
                     props: {
                       children: {
                         type: "text",
@@ -1611,7 +1529,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Th",
+                    name: /*#__PURE__*/getPlasmicComponentName("Th"),
                     props: {
                       children: {
                         type: "text",
@@ -1624,15 +1542,15 @@ var tableContainerMeta = {
             }
           }, {
             type: "component",
-            name: "Tbody",
+            name: /*#__PURE__*/getPlasmicComponentName("Tbody"),
             props: {
               children: [{
                 type: "component",
-                name: "Tr",
+                name: /*#__PURE__*/getPlasmicComponentName("Tr"),
                 props: {
                   children: [{
                     type: "component",
-                    name: "Td",
+                    name: /*#__PURE__*/getPlasmicComponentName("Td"),
                     props: {
                       children: {
                         type: "text",
@@ -1641,7 +1559,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Td",
+                    name: /*#__PURE__*/getPlasmicComponentName("Td"),
                     props: {
                       children: {
                         type: "text",
@@ -1650,7 +1568,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Td",
+                    name: /*#__PURE__*/getPlasmicComponentName("Td"),
                     props: {
                       children: {
                         type: "text",
@@ -1666,7 +1584,7 @@ var tableContainerMeta = {
       }
     }
   }
-};
+});
 function registerTableContainer(loader, customTableContainerMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1674,20 +1592,17 @@ function registerTableContainer(loader, customTableContainerMeta) {
 
   doRegisterComponent(react.TableContainer, customTableContainerMeta != null ? customTableContainerMeta : tableContainerMeta);
 }
-var tfootMeta = {
-  name: "Tfoot",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Table",
+var tfootMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tfoot", "Table"), {
   props: {
     children: {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "Tr",
+        name: /*#__PURE__*/getPlasmicComponentName("Tr"),
         props: {
           children: [{
             type: "component",
-            name: "Th",
+            name: /*#__PURE__*/getPlasmicComponentName("Th"),
             props: {
               children: {
                 type: "text",
@@ -1699,7 +1614,7 @@ var tfootMeta = {
       }]
     }
   }
-};
+});
 function registerTfoot(loader, customTfootMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1708,17 +1623,14 @@ function registerTfoot(loader, customTfootMeta) {
   doRegisterComponent(react.Tfoot, customTfootMeta != null ? customTfootMeta : tfootMeta);
 }
 
-var tabListMeta = {
-  name: "TabList",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Tabs",
+var tabListMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabList", "Tabs"), {
   props: {
     children: {
       type: "slot",
-      allowedComponents: ["Tab"]
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Tab")]
     }
   }
-};
+});
 function registerTabList(loader, customTabListMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1726,9 +1638,7 @@ function registerTabList(loader, customTabListMeta) {
 
   doRegisterComponent(react.TabList, customTabListMeta != null ? customTabListMeta : tabListMeta);
 }
-var tabsMeta = {
-  name: "Tabs",
-  importPath: "@chakra-ui/react",
+var tabsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tabs"), {
   props: {
     align: {
       type: "choice",
@@ -1763,14 +1673,14 @@ var tabsMeta = {
     isManual: "boolean",
     children: {
       type: "slot",
-      allowedComponents: ["TabList", "TabPanels"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("TabList"), /*#__PURE__*/getPlasmicComponentName("TabPanels")],
       defaultValue: [{
         type: "component",
-        name: "TabList",
+        name: /*#__PURE__*/getPlasmicComponentName("TabList"),
         props: {
           children: [{
             type: "component",
-            name: "Tab",
+            name: /*#__PURE__*/getPlasmicComponentName("Tab"),
             props: {
               children: {
                 type: "text",
@@ -1779,7 +1689,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "Tab",
+            name: /*#__PURE__*/getPlasmicComponentName("Tab"),
             props: {
               children: {
                 type: "text",
@@ -1788,7 +1698,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "Tab",
+            name: /*#__PURE__*/getPlasmicComponentName("Tab"),
             props: {
               children: {
                 type: "text",
@@ -1799,11 +1709,11 @@ var tabsMeta = {
         }
       }, {
         type: "component",
-        name: "TabPanels",
+        name: /*#__PURE__*/getPlasmicComponentName("TabPanels"),
         props: {
           children: [{
             type: "component",
-            name: "TabPanel",
+            name: /*#__PURE__*/getPlasmicComponentName("TabPanel"),
             props: {
               children: {
                 type: "text",
@@ -1812,7 +1722,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "TabPanel",
+            name: /*#__PURE__*/getPlasmicComponentName("TabPanel"),
             props: {
               children: {
                 type: "text",
@@ -1821,7 +1731,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "TabPanel",
+            name: /*#__PURE__*/getPlasmicComponentName("TabPanel"),
             props: {
               children: {
                 type: "text",
@@ -1833,7 +1743,7 @@ var tabsMeta = {
       }]
     }
   }
-};
+});
 function registerTabs(loader, customTabsMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1841,10 +1751,7 @@ function registerTabs(loader, customTabsMeta) {
 
   doRegisterComponent(react.Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
 }
-var tabMeta = {
-  name: "Tab",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "TabList",
+var tabMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tab", "TabList"), {
   props: {
     id: "string",
     isDisabled: "boolean",
@@ -1857,7 +1764,7 @@ var tabMeta = {
       }
     }
   }
-};
+});
 function registerTab(loader, customTabMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1865,17 +1772,14 @@ function registerTab(loader, customTabMeta) {
 
   doRegisterComponent(react.Tab, customTabMeta != null ? customTabMeta : tabMeta);
 }
-var tabPanelsMeta = {
-  name: "TabPanels",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Tabs",
+var tabPanelsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabPanels", "Tabs"), {
   props: {
     children: {
       type: "slot",
-      allowedComponents: ["TabPanel"]
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("TabPanel")]
     }
   }
-};
+});
 function registerTabPanels(loader, customTabPanelsMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1883,10 +1787,7 @@ function registerTabPanels(loader, customTabPanelsMeta) {
 
   doRegisterComponent(react.TabPanels, customTabPanelsMeta != null ? customTabPanelsMeta : tabPanelsMeta);
 }
-var tabPanelMeta = {
-  name: "TabPanel",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "TabPanels",
+var tabPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TabPanel", "TabPanels"), {
   props: {
     children: {
       type: "slot",
@@ -1896,7 +1797,7 @@ var tabPanelMeta = {
       }
     }
   }
-};
+});
 function registerTabPanel(loader, customTabPanelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1905,9 +1806,7 @@ function registerTabPanel(loader, customTabPanelMeta) {
   doRegisterComponent(react.TabPanel, customTabPanelMeta != null ? customTabPanelMeta : tabPanelMeta);
 }
 
-var textMeta = {
-  name: "Text",
-  importPath: "@chakra-ui/react",
+var textMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Text"), {
   props: {
     children: {
       type: "slot",
@@ -1917,7 +1816,7 @@ var textMeta = {
       }]
     }
   }
-};
+});
 function registerText(loader, customTextMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1926,9 +1825,7 @@ function registerText(loader, customTextMeta) {
   doRegisterComponent(react.Text, customTextMeta != null ? customTextMeta : textMeta);
 }
 
-var highlightMeta = {
-  name: "Highlight",
-  importPath: "@chakra-ui/react",
+var highlightMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Highlight"), {
   props: {
     children: {
       displayName: "text",
@@ -1949,7 +1846,7 @@ var highlightMeta = {
       }
     }
   }
-};
+});
 function registerHighlight(loader, customHighlightMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1958,9 +1855,7 @@ function registerHighlight(loader, customHighlightMeta) {
   doRegisterComponent(react.Highlight, customHighlightMeta != null ? customHighlightMeta : highlightMeta);
 }
 
-var headingMeta = {
-  name: "Heading",
-  importPath: "@chakra-ui/react",
+var headingMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Heading"), {
   props: {
     children: {
       type: "slot",
@@ -1979,7 +1874,7 @@ var headingMeta = {
       defaultValue: 1
     }
   }
-};
+});
 function registerHeading(loader, customHeadingMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1988,9 +1883,7 @@ function registerHeading(loader, customHeadingMeta) {
   doRegisterComponent(react.Heading, customHeadingMeta != null ? customHeadingMeta : headingMeta);
 }
 
-var toastMeta = {
-  name: "Toast",
-  importPath: "@chakra-ui/react",
+var toastMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Toast"), {
   props: {
     title: {
       type: "string",
@@ -2020,7 +1913,7 @@ var toastMeta = {
       options: ["info", "success", "warning", "error", "loading"]
     }
   }
-};
+});
 function registerToast(loader, customToastMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2029,15 +1922,13 @@ function registerToast(loader, customToastMeta) {
   doRegisterComponent(react.Toast, customToastMeta != null ? customToastMeta : toastMeta);
 }
 
-var tooltipMeta = {
-  name: "Tooltip",
-  importPath: "@chakra-ui/react",
+var tooltipMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tooltip"), {
   props: {
     children: {
       type: "slot",
       defaultValue: {
         type: "component",
-        name: "Button",
+        name: /*#__PURE__*/getPlasmicComponentName("Button"),
         props: {
           children: {
             type: "text",
@@ -2082,7 +1973,7 @@ var tooltipMeta = {
       defaultValue: 0
     }
   }
-};
+});
 function registerTooltip(loader, customTooltipMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2091,9 +1982,7 @@ function registerTooltip(loader, customTooltipMeta) {
   doRegisterComponent(react.Tooltip, customTooltipMeta != null ? customTooltipMeta : tooltipMeta);
 }
 
-var accordionMeta = {
-  name: "Accordion",
-  importPath: "@chakra-ui/react",
+var accordionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Accordion"), {
   props: {
     allowMultiple: {
       type: "boolean",
@@ -2113,17 +2002,17 @@ var accordionMeta = {
     },
     children: {
       type: "slot",
-      allowedComponents: ["AccordionItem"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AccordionItem")],
       defaultValue: [{
         type: "component",
-        name: "AccordionItem"
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionItem")
       }, {
         type: "component",
-        name: "AccordionItem"
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionItem")
       }]
     }
   }
-};
+});
 function registerAccordion(loader, customAccordionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2131,10 +2020,7 @@ function registerAccordion(loader, customAccordionMeta) {
 
   doRegisterComponent(react.Accordion, customAccordionMeta != null ? customAccordionMeta : accordionMeta);
 }
-var accordionItemMeta = {
-  name: "AccordionItem",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Accordion",
+var accordionItemMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionItem", "Accordion"), {
   props: {
     id: {
       type: "string",
@@ -2150,17 +2036,17 @@ var accordionItemMeta = {
     },
     children: {
       type: "slot",
-      allowedComponents: ["AccordionButton", "AccordionPanel"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AccordionButton"), /*#__PURE__*/getPlasmicComponentName("AccordionPanel")],
       defaultValue: [{
         type: "component",
-        name: "AccordionButton"
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionButton")
       }, {
         type: "component",
-        name: "AccordionPanel"
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionPanel")
       }]
     }
   }
-};
+});
 function registerAccordionItem(loader, customAccordionItemMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2168,10 +2054,7 @@ function registerAccordionItem(loader, customAccordionItemMeta) {
 
   doRegisterComponent(react.AccordionItem, customAccordionItemMeta != null ? customAccordionItemMeta : accordionItemMeta);
 }
-var accordionButtonMeta = {
-  name: "AccordionButton",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "AccordionItem",
+var accordionButtonMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionButton", "AccordionItem"), {
   props: {
     _expanded: {
       type: "object",
@@ -2191,11 +2074,11 @@ var accordionButtonMeta = {
         }
       }, {
         type: "component",
-        name: "AccordionIcon"
+        name: /*#__PURE__*/getPlasmicComponentName("AccordionIcon")
       }]
     }
   }
-};
+});
 function registerAccordionButton(loader, customAccordionButtonMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2203,16 +2086,13 @@ function registerAccordionButton(loader, customAccordionButtonMeta) {
 
   doRegisterComponent(react.AccordionButton, customAccordionButtonMeta != null ? customAccordionButtonMeta : accordionButtonMeta);
 }
-var accordionPanelMeta = {
-  name: "AccordionPanel",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "AccordionItem",
+var accordionPanelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AccordionPanel", "AccordionItem"), {
   props: {
     children: {
       type: "slot",
       defaultValue: {
         type: "component",
-        name: "Text",
+        name: /*#__PURE__*/getPlasmicComponentName("Text"),
         props: {
           children: {
             type: "text",
@@ -2222,7 +2102,7 @@ var accordionPanelMeta = {
       }
     }
   }
-};
+});
 function registerAccordionPanel(loader, customAccordionPanelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2230,12 +2110,9 @@ function registerAccordionPanel(loader, customAccordionPanelMeta) {
 
   doRegisterComponent(react.AccordionPanel, customAccordionPanelMeta != null ? customAccordionPanelMeta : accordionPanelMeta);
 }
-var accordionIconMeta = {
-  name: "AccordionIcon",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "AccordionButton",
+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);
@@ -2244,10 +2121,7 @@ function registerAccordionIcon(loader, customAccordionIconMeta) {
   doRegisterComponent(react.AccordionIcon, customAccordionIconMeta != null ? customAccordionIconMeta : accordionIconMeta);
 }
 
-var avatarBadgeMeta = {
-  name: "AvatarBadge",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "Avatar",
+var avatarBadgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarBadge", "Avatar"), {
   props: {
     boxSize: {
       type: "string",
@@ -2259,7 +2133,7 @@ var avatarBadgeMeta = {
     },
     borderColor: "string"
   }
-};
+});
 function registerAvatarBadge(loader, customAvatarBadgeMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2267,10 +2141,7 @@ function registerAvatarBadge(loader, customAvatarBadgeMeta) {
 
   doRegisterComponent(react.AvatarBadge, customAvatarBadgeMeta != null ? customAvatarBadgeMeta : avatarBadgeMeta);
 }
-var avatarMeta = {
-  name: "Avatar",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "AvatarGroup",
+var avatarMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Avatar", "AvatarGroup"), {
   props: {
     name: {
       type: "string",
@@ -2292,14 +2163,14 @@ var avatarMeta = {
     children: {
       type: "slot",
       hidePlaceholder: true,
-      allowedComponents: ["AvatarBadge"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("AvatarBadge")],
       defaultValue: {
         type: "component",
-        name: "Badge"
+        name: /*#__PURE__*/getPlasmicComponentName("AvatarBadge")
       }
     }
   }
-};
+});
 function registerAvatar(loader, customAvatarMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2307,9 +2178,7 @@ function registerAvatar(loader, customAvatarMeta) {
 
   doRegisterComponent(react.Avatar, customAvatarMeta != null ? customAvatarMeta : avatarMeta);
 }
-var avatarGroupMeta = {
-  name: "AvatarGroup",
-  importPath: "@chakra-ui/react",
+var avatarGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarGroup"), {
   props: {
     size: {
       type: "choice",
@@ -2325,52 +2194,52 @@ var avatarGroupMeta = {
     },
     children: {
       type: "slot",
-      allowedComponents: ["Avatar"],
+      allowedComponents: [/*#__PURE__*/getPlasmicComponentName("Avatar")],
       defaultValue: [{
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Dan Abrahmov",
           src: "https://bit.ly/dan-abramov"
         }
       }, {
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Kola Tioluwani",
           src: "https://bit.ly/tioluwani-kolawole"
         }
       }, {
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Kent Dodds",
           src: "https://bit.ly/kent-c-dodds"
         }
       }, {
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Ryan Florence",
           src: "https://bit.ly/ryan-florence"
         }
       }, {
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Prosper Otemuyiwa",
           src: "https://bit.ly/prosper-baba"
         }
       }, {
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Christian Nwamba",
           src: "https://bit.ly/code-beast"
         }
       }, {
         type: "component",
-        name: "Avatar",
+        name: /*#__PURE__*/getPlasmicComponentName("Avatar"),
         props: {
           name: "Segun Adebayo",
           src: "https://bit.ly/sage-adebayo"
@@ -2378,7 +2247,7 @@ var avatarGroupMeta = {
       }]
     }
   }
-};
+});
 function registerAvatarGroup(loader, customAvatarGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2387,9 +2256,7 @@ function registerAvatarGroup(loader, customAvatarGroupMeta) {
   doRegisterComponent(react.AvatarGroup, customAvatarGroupMeta != null ? customAvatarGroupMeta : avatarGroupMeta);
 }
 
-var formControlMeta = {
-  name: "FormControl",
-  importPath: "@chakra-ui/react",
+var formControlMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormControl"), {
   props: {
     label: "string",
     isDisabled: "boolean",
@@ -2400,14 +2267,14 @@ var formControlMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "FormLabel"
+        name: /*#__PURE__*/getPlasmicComponentName("FormLabel")
       }, {
         type: "component",
-        name: "Input"
+        name: /*#__PURE__*/getPlasmicComponentName("Input")
       }]
     }
   }
-};
+});
 function registerFormControl(loader, customFormControlMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2415,10 +2282,7 @@ function registerFormControl(loader, customFormControlMeta) {
 
   doRegisterComponent(react.FormControl, customFormControlMeta != null ? customFormControlMeta : formControlMeta);
 }
-var formLabelMeta = {
-  name: "FormLabel",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "FormControl",
+var formLabelMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormLabel", "FormControl"), {
   props: {
     children: {
       type: "slot",
@@ -2432,7 +2296,7 @@ var formLabelMeta = {
       }
     }
   }
-};
+});
 function registerFormLabel(loader, customFormLabelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2440,10 +2304,7 @@ function registerFormLabel(loader, customFormLabelMeta) {
 
   doRegisterComponent(react.FormLabel, customFormLabelMeta != null ? customFormLabelMeta : formLabelMeta);
 }
-var formHelperTextMeta = {
-  name: "FormHelperText",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "FormControl",
+var formHelperTextMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormHelperText", "FormControl"), {
   props: {
     children: {
       type: "slot",
@@ -2453,7 +2314,7 @@ var formHelperTextMeta = {
       }
     }
   }
-};
+});
 function registerFormHelperText(loader, customFormHelperTextMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2461,10 +2322,7 @@ function registerFormHelperText(loader, customFormHelperTextMeta) {
 
   doRegisterComponent(react.FormHelperText, customFormHelperTextMeta != null ? customFormHelperTextMeta : formHelperTextMeta);
 }
-var formErrorMessageMeta = {
-  name: "FormErrorMessage",
-  importPath: "@chakra-ui/react",
-  parentComponentName: "FormControl",
+var formErrorMessageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("FormErrorMessage", "FormControl"), {
   props: {
     children: {
       type: "slot",
@@ -2474,7 +2332,7 @@ var formErrorMessageMeta = {
       }
     }
   }
-};
+});
 function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2483,9 +2341,7 @@ function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
   doRegisterComponent(react.FormErrorMessage, customFormErrorMessageMeta != null ? customFormErrorMessageMeta : formErrorMessageMeta);
 }
 
-var progressMeta = {
-  name: "Progress",
-  importPath: "@chakra-ui/react",
+var progressMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Progress"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -2519,7 +2375,7 @@ var progressMeta = {
       }
     }
   }
-};
+});
 function registerProgress(loader, customProgressMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2602,6 +2458,7 @@ function registerAll(loader) {
   registerProgress(loader);
 }
 
+exports.Option = Option;
 exports.accordionButtonMeta = accordionButtonMeta;
 exports.accordionIconMeta = accordionIconMeta;
 exports.accordionItemMeta = accordionItemMeta;