@plasmicpkgs/plasmic-chakra-ui 0.0.1 → 0.0.3

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

@@ -2,9 +2,45 @@ import { AspectRatio, Badge, BreadcrumbItem, BreadcrumbLink, Breadcrumb, Breadcr
 import registerComponent from '@plasmicapp/host/registerComponent';
 import React from '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"
   },
@@ -17,11 +53,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);
@@ -30,8 +66,7 @@ function registerAspectRatio(loader, customAspectRatioMeta) {
   doRegisterComponent(AspectRatio, customAspectRatioMeta != null ? customAspectRatioMeta : aspectRatioMeta);
 }
 
-var badgeMeta = {
-  name: "Badge",
+var badgeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Badge"), {
   importPath: "@chakra-ui/react",
   props: {
     colorScheme: {
@@ -45,7 +80,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);
@@ -54,10 +89,7 @@ function registerBadge(loader, customBadgeMeta) {
   doRegisterComponent(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"
@@ -77,7 +109,7 @@ var breadcrumbItemMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "BreadcrumbLink",
+        name: /*#__PURE__*/getPlasmicComponentName("BreadcrumbLink"),
         props: {
           children: {
             type: "text",
@@ -87,7 +119,7 @@ var breadcrumbItemMeta = {
       }]
     }
   }
-};
+});
 function registerBreadcrumbItem(loader, customBreadcrumbItemMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -95,10 +127,7 @@ function registerBreadcrumbItem(loader, customBreadcrumbItemMeta) {
 
   doRegisterComponent(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",
@@ -112,7 +141,7 @@ var breadcrumbLinkMeta = {
       }]
     }
   }
-};
+});
 function registerBreadcrumbLink(loader, customBreadcrumbLinkMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -120,9 +149,7 @@ function registerBreadcrumbLink(loader, customBreadcrumbLinkMeta) {
 
   doRegisterComponent(BreadcrumbLink, customBreadcrumbLinkMeta != null ? customBreadcrumbLinkMeta : breadcrumbLinkMeta);
 }
-var breadcrumbMeta = {
-  name: "Breadcrumb",
-  importPath: "@chakra-ui/react",
+var breadcrumbMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Breadcrumb"), {
   props: {
     separator: {
       type: "string",
@@ -136,11 +163,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",
@@ -151,11 +178,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",
@@ -166,13 +193,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",
@@ -184,7 +211,7 @@ var breadcrumbMeta = {
       }]
     }
   }
-};
+});
 function registerBreadcrumb(loader, customBreadcrumbMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -192,10 +219,7 @@ function registerBreadcrumb(loader, customBreadcrumbMeta) {
 
   doRegisterComponent(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",
@@ -205,7 +229,7 @@ var breadcrumbSeparatorMeta = {
       }
     }
   }
-};
+});
 function registerBreadcrumbSeparator(loader, customBreadcrumbSeparatorMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -214,9 +238,7 @@ function registerBreadcrumbSeparator(loader, customBreadcrumbSeparatorMeta) {
   doRegisterComponent(BreadcrumbSeparator, customBreadcrumbSeparatorMeta != null ? customBreadcrumbSeparatorMeta : breadcrumbSeparatorMeta);
 }
 
-var buttonGroupMeta = {
-  name: "ButtonGroup",
-  importPath: "@chakra-ui/react",
+var buttonGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("ButtonGroup"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -243,7 +265,7 @@ var buttonGroupMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "Button",
+        name: /*#__PURE__*/getPlasmicComponentName("Button"),
         props: {
           children: {
             type: "text",
@@ -252,7 +274,7 @@ var buttonGroupMeta = {
         }
       }, {
         type: "component",
-        name: "Button",
+        name: /*#__PURE__*/getPlasmicComponentName("Button"),
         props: {
           children: {
             type: "text",
@@ -262,7 +284,7 @@ var buttonGroupMeta = {
       }]
     }
   }
-};
+});
 function registerButtonGroup(loader, customButtonGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -270,10 +292,7 @@ function registerButtonGroup(loader, customButtonGroupMeta) {
 
   doRegisterComponent(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",
@@ -306,7 +325,7 @@ var buttonMeta = {
       }
     }
   }
-};
+});
 function registerButton(loader, customButtonMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -315,10 +334,7 @@ function registerButton(loader, customButtonMeta) {
   doRegisterComponent(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",
@@ -359,7 +375,7 @@ var checkboxMeta = {
       }
     }
   }
-};
+});
 function registerCheckbox(loader, customCheckboxMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -367,9 +383,7 @@ function registerCheckbox(loader, customCheckboxMeta) {
 
   doRegisterComponent(Checkbox, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
 }
-var checkboxGroupMeta = {
-  name: "CheckboxGroup",
-  importPath: "@chakra-ui/react",
+var checkboxGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("CheckboxGroup"), {
   props: {
     size: {
       type: "choice",
@@ -381,10 +395,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: {
@@ -394,7 +408,7 @@ var checkboxGroupMeta = {
         }
       }, {
         type: "component",
-        name: "Checkbox",
+        name: /*#__PURE__*/getPlasmicComponentName("Checkbox"),
         props: {
           value: "2",
           children: {
@@ -404,7 +418,7 @@ var checkboxGroupMeta = {
         }
       }, {
         type: "component",
-        name: "Checkbox",
+        name: /*#__PURE__*/getPlasmicComponentName("Checkbox"),
         props: {
           value: "3",
           children: {
@@ -415,7 +429,7 @@ var checkboxGroupMeta = {
       }]
     }
   }
-};
+});
 function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -424,9 +438,7 @@ function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
   doRegisterComponent(CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
 }
 
-var codeMeta = {
-  name: "Code",
-  importPath: "@chakra-ui/react",
+var codeMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Code"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -446,7 +458,7 @@ var codeMeta = {
       }]
     }
   }
-};
+});
 function registerCode(loader, customCodeMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -455,9 +467,7 @@ function registerCode(loader, customCodeMeta) {
   doRegisterComponent(Code, customCodeMeta != null ? customCodeMeta : codeMeta);
 }
 
-var dividerMeta = {
-  name: "Divider",
-  importPath: "@chakra-ui/react",
+var dividerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Divider"), {
   props: {
     orientation: {
       type: "choice",
@@ -468,7 +478,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);
@@ -477,9 +487,7 @@ function registerDivider(loader, customDividerMeta) {
   doRegisterComponent(Divider, customDividerMeta != null ? customDividerMeta : dividerMeta);
 }
 
-var imageMeta = {
-  name: "Image",
-  importPath: "@chakra-ui/react",
+var imageMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Image"), {
   props: {
     src: {
       type: "string",
@@ -498,7 +506,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);
@@ -507,9 +515,7 @@ function registerImage(loader, customImageMeta) {
   doRegisterComponent(Image, customImageMeta != null ? customImageMeta : imageMeta);
 }
 
-var inputMeta = {
-  name: "Input",
-  importPath: "@chakra-ui/react",
+var inputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Input"), {
   props: {
     size: {
       type: "choice",
@@ -540,7 +546,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);
@@ -549,10 +555,9 @@ function registerInput(loader, customInputMeta) {
   doRegisterComponent(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",
@@ -562,7 +567,7 @@ var kbdMeta = {
       }]
     }
   }
-};
+});
 function registerKbd(loader, customKbdMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -571,9 +576,7 @@ function registerKbd(loader, customKbdMeta) {
   doRegisterComponent(Kbd, customKbdMeta != null ? customKbdMeta : kbdMeta);
 }
 
-var numberInputMeta = {
-  name: "NumberInput",
-  importPath: "@chakra-ui/react",
+var numberInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("NumberInput"), {
   props: {
     size: {
       type: "choice",
@@ -629,14 +632,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);
@@ -644,24 +647,21 @@ function registerNumberInput(loader, customNumberInputMeta) {
 
   doRegisterComponent(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);
@@ -669,12 +669,9 @@ function registerNumberInputStepper(loader, customNumberInputStepperMeta) {
 
   doRegisterComponent(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);
@@ -682,12 +679,9 @@ function registerNumberDecrementStepper(loader, customNumberDecrementStepperMeta
 
   doRegisterComponent(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);
@@ -695,12 +689,9 @@ function registerNumberIncrementStepper(loader, customNumberIncrementStepperMeta
 
   doRegisterComponent(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);
@@ -709,9 +700,7 @@ function registerNumberInputField(loader, customNumberInputFieldMeta) {
   doRegisterComponent(NumberInputField, customNumberInputFieldMeta != null ? customNumberInputFieldMeta : numberInputFieldMeta);
 }
 
-var pinInputMeta = {
-  name: "PinInput",
-  importPath: "@chakra-ui/react",
+var pinInputMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("PinInput"), {
   props: {
     size: {
       type: "choice",
@@ -758,23 +747,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);
@@ -782,12 +771,9 @@ function registerPinInput(loader, customPinInputMeta) {
 
   doRegisterComponent(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);
@@ -796,9 +782,7 @@ function registerPinInputField(loader, customPinInputFieldMeta) {
   doRegisterComponent(PinInputField, customPinInputFieldMeta != null ? customPinInputFieldMeta : pinInputFieldMeta);
 }
 
-var popoverMeta = {
-  name: "Popover",
-  importPath: "@chakra-ui/react",
+var popoverMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Popover"), {
   props: {
     gutter: {
       type: "number",
@@ -846,14 +830,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);
@@ -861,22 +845,19 @@ function registerPopover(loader, customPopoverMeta) {
 
   doRegisterComponent(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",
@@ -885,7 +866,7 @@ var popoverContentMeta = {
         }
       }, {
         type: "component",
-        name: "PopoverBody",
+        name: /*#__PURE__*/getPlasmicComponentName("PopoverBody"),
         props: {
           children: {
             type: "text",
@@ -895,7 +876,7 @@ var popoverContentMeta = {
       }]
     }
   }
-};
+});
 function registerPopoverContent(loader, customPopoverContentMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -903,12 +884,9 @@ function registerPopoverContent(loader, customPopoverContentMeta) {
 
   doRegisterComponent(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);
@@ -916,12 +894,9 @@ function registerPopoverArrow(loader, customPopoverArrowMeta) {
 
   doRegisterComponent(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);
@@ -929,10 +904,7 @@ function registerPopoverCloseButton(loader, customPopoverCloseButtonMeta) {
 
   doRegisterComponent(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",
@@ -942,7 +914,7 @@ var popoverHeaderMeta = {
       }
     }
   }
-};
+});
 function registerPopoverHeader(loader, customPopoverHeaderMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -950,10 +922,7 @@ function registerPopoverHeader(loader, customPopoverHeaderMeta) {
 
   doRegisterComponent(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",
@@ -963,7 +932,7 @@ var popoverBodyMeta = {
       }
     }
   }
-};
+});
 function registerPopoverBody(loader, customPopoverBodyMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -971,16 +940,13 @@ function registerPopoverBody(loader, customPopoverBodyMeta) {
 
   doRegisterComponent(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",
@@ -990,7 +956,7 @@ var popoverTriggerMeta = {
       }
     }
   }
-};
+});
 function registerPopoverTrigger(loader, customPopoverTriggerMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -999,9 +965,7 @@ function registerPopoverTrigger(loader, customPopoverTriggerMeta) {
   doRegisterComponent(PopoverTrigger, customPopoverTriggerMeta != null ? customPopoverTriggerMeta : popoverTriggerMeta);
 }
 
-var radioGroupMeta = {
-  name: "RadioGroup",
-  importPath: "@chakra-ui/react",
+var radioGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("RadioGroup"), {
   props: {
     value: {
       type: "string"
@@ -1031,7 +995,7 @@ var radioGroupMeta = {
         },
         children: [{
           type: "component",
-          name: "Radio",
+          name: /*#__PURE__*/getPlasmicComponentName("Radio"),
           props: {
             value: "1",
             children: {
@@ -1041,7 +1005,7 @@ var radioGroupMeta = {
           }
         }, {
           type: "component",
-          name: "Radio",
+          name: /*#__PURE__*/getPlasmicComponentName("Radio"),
           props: {
             value: "2",
             children: {
@@ -1051,7 +1015,7 @@ var radioGroupMeta = {
           }
         }, {
           type: "component",
-          name: "Radio",
+          name: /*#__PURE__*/getPlasmicComponentName("Radio"),
           props: {
             value: "3",
             children: {
@@ -1063,7 +1027,7 @@ var radioGroupMeta = {
       }
     }
   }
-};
+});
 function registerRadioGroup(loader, customRadioGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1071,10 +1035,7 @@ function registerRadioGroup(loader, customRadioGroupMeta) {
 
   doRegisterComponent(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"
@@ -1110,7 +1071,7 @@ var radioMeta = {
       }]
     }
   }
-};
+});
 function registerRadio(loader, customRadioMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1119,19 +1080,7 @@ function registerRadio(loader, customRadioMeta) {
   doRegisterComponent(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",
@@ -1166,7 +1115,7 @@ var selectMeta = {
       type: "slot",
       defaultValue: [{
         type: "component",
-        name: "Option",
+        name: /*#__PURE__*/getPlasmicComponentName("Option"),
         props: {
           children: {
             type: "text",
@@ -1175,7 +1124,7 @@ var selectMeta = {
         }
       }, {
         type: "component",
-        name: "Option",
+        name: /*#__PURE__*/getPlasmicComponentName("Option"),
         props: {
           children: {
             type: "text",
@@ -1184,7 +1133,7 @@ var selectMeta = {
         }
       }, {
         type: "component",
-        name: "Option",
+        name: /*#__PURE__*/getPlasmicComponentName("Option"),
         props: {
           children: {
             type: "text",
@@ -1194,7 +1143,7 @@ var selectMeta = {
       }]
     }
   }
-};
+});
 function registerSelect(loader, customSelectMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1202,10 +1151,18 @@ function registerSelect(loader, customSelectMeta) {
 
   doRegisterComponent(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: {
@@ -1216,7 +1173,7 @@ var optionMeta = {
       }
     }
   }
-};
+});
 function registerOption(loader, customOptionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1225,15 +1182,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",
@@ -1242,7 +1197,7 @@ var statMeta = {
         }
       }, {
         type: "component",
-        name: "StatNumber",
+        name: /*#__PURE__*/getPlasmicComponentName("StatNumber"),
         props: {
           children: {
             type: "text",
@@ -1251,7 +1206,7 @@ var statMeta = {
         }
       }, {
         type: "component",
-        name: "StatHelpText",
+        name: /*#__PURE__*/getPlasmicComponentName("StatHelpText"),
         props: {
           children: {
             type: "hbox",
@@ -1261,7 +1216,7 @@ var statMeta = {
             },
             children: [{
               type: "component",
-              name: "StatArrow",
+              name: /*#__PURE__*/getPlasmicComponentName("StatArrow"),
               props: {
                 type: "increase"
               }
@@ -1274,7 +1229,7 @@ var statMeta = {
       }]
     }
   }
-};
+});
 function registerStat(loader, customStatMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1282,10 +1237,7 @@ function registerStat(loader, customStatMeta) {
 
   doRegisterComponent(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",
@@ -1295,7 +1247,7 @@ var statHelpTextMeta = {
       }]
     }
   }
-};
+});
 function registerStatHelpText(loader, customStatHelpTextMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1303,17 +1255,14 @@ function registerStatHelpText(loader, customStatHelpTextMeta) {
 
   doRegisterComponent(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);
@@ -1321,10 +1270,7 @@ function registerStatArrow(loader, customStatArrowMeta) {
 
   doRegisterComponent(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",
@@ -1334,7 +1280,7 @@ var statNumberMeta = {
       }]
     }
   }
-};
+});
 function registerStatNumber(loader, customStatNumberMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1342,10 +1288,7 @@ function registerStatNumber(loader, customStatNumberMeta) {
 
   doRegisterComponent(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",
@@ -1355,7 +1298,7 @@ var statLabelMeta = {
       }]
     }
   }
-};
+});
 function registerStatLabel(loader, customStatLabelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1364,9 +1307,7 @@ function registerStatLabel(loader, customStatLabelMeta) {
   doRegisterComponent(StatLabel, customStatLabelMeta != null ? customStatLabelMeta : statLabelMeta);
 }
 
-var switchMeta = {
-  name: "Switch",
-  importPath: "@chakra-ui/react",
+var switchMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Switch"), {
   props: {
     isChecked: "boolean",
     colorScheme: {
@@ -1389,7 +1330,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);
@@ -1398,10 +1339,7 @@ function registerSwitch(loader, customSwitchMeta) {
   doRegisterComponent(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",
@@ -1422,7 +1360,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);
@@ -1430,10 +1368,7 @@ function registerTable(loader, customTableMeta) {
 
   doRegisterComponent(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",
@@ -1448,7 +1383,7 @@ var tableCaptionMeta = {
       }
     }
   }
-};
+});
 function registerTableCaption(loader, customTableCaptionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1456,17 +1391,14 @@ function registerTableCaption(loader, customTableCaptionMeta) {
 
   doRegisterComponent(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);
@@ -1474,17 +1406,14 @@ function registerThead(loader, customTheadMeta) {
 
   doRegisterComponent(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);
@@ -1492,17 +1421,14 @@ function registerTbody(loader, customTbodyMeta) {
 
   doRegisterComponent(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);
@@ -1510,10 +1436,7 @@ function registerTr(loader, customTrMeta) {
 
   doRegisterComponent(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: {
@@ -1524,7 +1447,7 @@ var tdMeta = {
       }
     }
   }
-};
+});
 function registerTd(loader, customTdMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1532,10 +1455,7 @@ function registerTd(loader, customTdMeta) {
 
   doRegisterComponent(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: {
@@ -1546,7 +1466,7 @@ var thMeta = {
       }
     }
   }
-};
+});
 function registerTh(loader, customThMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1554,9 +1474,7 @@ function registerTh(loader, customThMeta) {
 
   doRegisterComponent(Th, customThMeta != null ? customThMeta : thMeta);
 }
-var tableContainerMeta = {
-  name: "TableContainer",
-  importPath: "@chakra-ui/react",
+var tableContainerMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("TableContainer"), {
   props: {
     overflowX: {
       type: "choice",
@@ -1572,22 +1490,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",
@@ -1596,7 +1514,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Th",
+                    name: /*#__PURE__*/getPlasmicComponentName("Th"),
                     props: {
                       children: {
                         type: "text",
@@ -1605,7 +1523,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Th",
+                    name: /*#__PURE__*/getPlasmicComponentName("Th"),
                     props: {
                       children: {
                         type: "text",
@@ -1618,15 +1536,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",
@@ -1635,7 +1553,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Td",
+                    name: /*#__PURE__*/getPlasmicComponentName("Td"),
                     props: {
                       children: {
                         type: "text",
@@ -1644,7 +1562,7 @@ var tableContainerMeta = {
                     }
                   }, {
                     type: "component",
-                    name: "Td",
+                    name: /*#__PURE__*/getPlasmicComponentName("Td"),
                     props: {
                       children: {
                         type: "text",
@@ -1660,7 +1578,7 @@ var tableContainerMeta = {
       }
     }
   }
-};
+});
 function registerTableContainer(loader, customTableContainerMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1668,20 +1586,17 @@ function registerTableContainer(loader, customTableContainerMeta) {
 
   doRegisterComponent(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",
@@ -1693,7 +1608,7 @@ var tfootMeta = {
       }]
     }
   }
-};
+});
 function registerTfoot(loader, customTfootMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1702,17 +1617,14 @@ function registerTfoot(loader, customTfootMeta) {
   doRegisterComponent(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);
@@ -1720,9 +1632,7 @@ function registerTabList(loader, customTabListMeta) {
 
   doRegisterComponent(TabList, customTabListMeta != null ? customTabListMeta : tabListMeta);
 }
-var tabsMeta = {
-  name: "Tabs",
-  importPath: "@chakra-ui/react",
+var tabsMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Tabs"), {
   props: {
     align: {
       type: "choice",
@@ -1757,14 +1667,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",
@@ -1773,7 +1683,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "Tab",
+            name: /*#__PURE__*/getPlasmicComponentName("Tab"),
             props: {
               children: {
                 type: "text",
@@ -1782,7 +1692,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "Tab",
+            name: /*#__PURE__*/getPlasmicComponentName("Tab"),
             props: {
               children: {
                 type: "text",
@@ -1793,11 +1703,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",
@@ -1806,7 +1716,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "TabPanel",
+            name: /*#__PURE__*/getPlasmicComponentName("TabPanel"),
             props: {
               children: {
                 type: "text",
@@ -1815,7 +1725,7 @@ var tabsMeta = {
             }
           }, {
             type: "component",
-            name: "TabPanel",
+            name: /*#__PURE__*/getPlasmicComponentName("TabPanel"),
             props: {
               children: {
                 type: "text",
@@ -1827,7 +1737,7 @@ var tabsMeta = {
       }]
     }
   }
-};
+});
 function registerTabs(loader, customTabsMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1835,10 +1745,7 @@ function registerTabs(loader, customTabsMeta) {
 
   doRegisterComponent(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",
@@ -1851,7 +1758,7 @@ var tabMeta = {
       }
     }
   }
-};
+});
 function registerTab(loader, customTabMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1859,17 +1766,14 @@ function registerTab(loader, customTabMeta) {
 
   doRegisterComponent(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);
@@ -1877,10 +1781,7 @@ function registerTabPanels(loader, customTabPanelsMeta) {
 
   doRegisterComponent(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",
@@ -1890,7 +1791,7 @@ var tabPanelMeta = {
       }
     }
   }
-};
+});
 function registerTabPanel(loader, customTabPanelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1899,9 +1800,7 @@ function registerTabPanel(loader, customTabPanelMeta) {
   doRegisterComponent(TabPanel, customTabPanelMeta != null ? customTabPanelMeta : tabPanelMeta);
 }
 
-var textMeta = {
-  name: "Text",
-  importPath: "@chakra-ui/react",
+var textMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Text"), {
   props: {
     children: {
       type: "slot",
@@ -1911,7 +1810,7 @@ var textMeta = {
       }]
     }
   }
-};
+});
 function registerText(loader, customTextMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1920,9 +1819,7 @@ function registerText(loader, customTextMeta) {
   doRegisterComponent(Text, customTextMeta != null ? customTextMeta : textMeta);
 }
 
-var highlightMeta = {
-  name: "Highlight",
-  importPath: "@chakra-ui/react",
+var highlightMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Highlight"), {
   props: {
     children: {
       displayName: "text",
@@ -1943,7 +1840,7 @@ var highlightMeta = {
       }
     }
   }
-};
+});
 function registerHighlight(loader, customHighlightMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1952,9 +1849,7 @@ function registerHighlight(loader, customHighlightMeta) {
   doRegisterComponent(Highlight, customHighlightMeta != null ? customHighlightMeta : highlightMeta);
 }
 
-var headingMeta = {
-  name: "Heading",
-  importPath: "@chakra-ui/react",
+var headingMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Heading"), {
   props: {
     children: {
       type: "slot",
@@ -1973,7 +1868,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);
@@ -1982,9 +1877,7 @@ function registerHeading(loader, customHeadingMeta) {
   doRegisterComponent(Heading, customHeadingMeta != null ? customHeadingMeta : headingMeta);
 }
 
-var toastMeta = {
-  name: "Toast",
-  importPath: "@chakra-ui/react",
+var toastMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Toast"), {
   props: {
     title: {
       type: "string",
@@ -2014,7 +1907,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);
@@ -2023,15 +1916,13 @@ function registerToast(loader, customToastMeta) {
   doRegisterComponent(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",
@@ -2076,7 +1967,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);
@@ -2085,9 +1976,7 @@ function registerTooltip(loader, customTooltipMeta) {
   doRegisterComponent(Tooltip, customTooltipMeta != null ? customTooltipMeta : tooltipMeta);
 }
 
-var accordionMeta = {
-  name: "Accordion",
-  importPath: "@chakra-ui/react",
+var accordionMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Accordion"), {
   props: {
     allowMultiple: {
       type: "boolean",
@@ -2107,17 +1996,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);
@@ -2125,10 +2014,7 @@ function registerAccordion(loader, customAccordionMeta) {
 
   doRegisterComponent(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",
@@ -2144,17 +2030,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);
@@ -2162,10 +2048,7 @@ function registerAccordionItem(loader, customAccordionItemMeta) {
 
   doRegisterComponent(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",
@@ -2185,11 +2068,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);
@@ -2197,16 +2080,13 @@ function registerAccordionButton(loader, customAccordionButtonMeta) {
 
   doRegisterComponent(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",
@@ -2216,7 +2096,7 @@ var accordionPanelMeta = {
       }
     }
   }
-};
+});
 function registerAccordionPanel(loader, customAccordionPanelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2224,12 +2104,9 @@ function registerAccordionPanel(loader, customAccordionPanelMeta) {
 
   doRegisterComponent(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);
@@ -2238,10 +2115,7 @@ function registerAccordionIcon(loader, customAccordionIconMeta) {
   doRegisterComponent(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",
@@ -2253,7 +2127,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);
@@ -2261,10 +2135,7 @@ function registerAvatarBadge(loader, customAvatarBadgeMeta) {
 
   doRegisterComponent(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",
@@ -2286,14 +2157,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);
@@ -2301,9 +2172,7 @@ function registerAvatar(loader, customAvatarMeta) {
 
   doRegisterComponent(Avatar, customAvatarMeta != null ? customAvatarMeta : avatarMeta);
 }
-var avatarGroupMeta = {
-  name: "AvatarGroup",
-  importPath: "@chakra-ui/react",
+var avatarGroupMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("AvatarGroup"), {
   props: {
     size: {
       type: "choice",
@@ -2319,52 +2188,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"
@@ -2372,7 +2241,7 @@ var avatarGroupMeta = {
       }]
     }
   }
-};
+});
 function registerAvatarGroup(loader, customAvatarGroupMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2381,9 +2250,7 @@ function registerAvatarGroup(loader, customAvatarGroupMeta) {
   doRegisterComponent(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",
@@ -2394,14 +2261,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);
@@ -2409,10 +2276,7 @@ function registerFormControl(loader, customFormControlMeta) {
 
   doRegisterComponent(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",
@@ -2426,7 +2290,7 @@ var formLabelMeta = {
       }
     }
   }
-};
+});
 function registerFormLabel(loader, customFormLabelMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2434,10 +2298,7 @@ function registerFormLabel(loader, customFormLabelMeta) {
 
   doRegisterComponent(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",
@@ -2447,7 +2308,7 @@ var formHelperTextMeta = {
       }
     }
   }
-};
+});
 function registerFormHelperText(loader, customFormHelperTextMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2455,10 +2316,7 @@ function registerFormHelperText(loader, customFormHelperTextMeta) {
 
   doRegisterComponent(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",
@@ -2468,7 +2326,7 @@ var formErrorMessageMeta = {
       }
     }
   }
-};
+});
 function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2477,9 +2335,7 @@ function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
   doRegisterComponent(FormErrorMessage, customFormErrorMessageMeta != null ? customFormErrorMessageMeta : formErrorMessageMeta);
 }
 
-var progressMeta = {
-  name: "Progress",
-  importPath: "@chakra-ui/react",
+var progressMeta = /*#__PURE__*/_extends({}, /*#__PURE__*/getComponentNameAndImportMeta("Progress"), {
   props: {
     colorScheme: {
       type: "choice",
@@ -2513,7 +2369,7 @@ var progressMeta = {
       }
     }
   }
-};
+});
 function registerProgress(loader, customProgressMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -2596,5 +2452,5 @@ function registerAll(loader) {
   registerProgress(loader);
 }
 
-export { 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, 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 };
 //# sourceMappingURL=plasmic-chakra-ui.esm.js.map